feat(ggpz): 规格配置列宽度调整

src/api/configManage.js

@@ -27,7 +27,7 @@ export function accountUpdate(data) {
 export function getPubEnumsAccount() {
   return request({
     url: '/system/pub/enums/account',
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -35,7 +35,7 @@ export function getPubEnumsAccount() {
 export function getpkBdAccountList() {
   return request({
     url: '/system/manage/account/pkBdAccountList',
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -43,28 +43,28 @@ export function getpkBdAccountList() {
 export function accountList() {
   return request({
     url: '/system/manage/account/list',
-    method: 'get',
+    method: 'get'
   })
 }
 // 删除币种配置
 export function delAccount(id) {
   return request({
     url: '/system/manage/account/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 // 获取单条币种配置信息
 export function getAccount(id) {
   return request({
     url: '/system/manage/account/getOne/' + id,
-    method: 'get',
+    method: 'get'
   })
 }
 // 转换币种列表
 export function pkBdAccountList() {
   return request({
     url: '/system/manage/account/pkBdAccountList',
-    method: 'get',
+    method: 'get'
   })
 }
 // 提现设置列表
@@ -95,21 +95,21 @@ export function withdrawalUpdate(data) {
 export function getWithdrawal(id) {
   return request({
     url: '/system/manage/withdrawal/getOne/' + id,
-    method: 'get',
+    method: 'get'
   })
 }
 // 删除提现配置
 export function delWithdrawal(id) {
   return request({
     url: '/system/manage/withdrawal/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 // 消费配置列表
 export function areaCurrencyList() {
   return request({
     url: '/system/manage/area-currency/list',
-    method: 'get',
+    method: 'get'
   })
 }
 // 新增消费配置
@@ -132,35 +132,35 @@ export function areaCurrencyUpdate(data) {
 export function getAreaCurrency(id) {
   return request({
     url: '/system/manage/area-currency/getOne/' + id,
-    method: 'get',
+    method: 'get'
   })
 }
 // 删除消费配置
 export function delAreaCurrency(id) {
   return request({
     url: '/system/manage/area-currency/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 // 所属专区
 export function specialArea() {
   return request({
     url: '/system/pub/enums/special-area',
-    method: 'get',
+    method: 'get'
   })
 }
 // 所属专区消费配置用
 export function specialAreaConsume() {
   return request({
     url: '/system/pub/enums/special-area-consume',
-    method: 'get',
+    method: 'get'
   })
 }
 // 提现周期
 export function getCycle() {
   return request({
     url: '/system/pub/enums/get-cycle',
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -177,7 +177,7 @@ export function getTransferList(params) {
 export function deleteTransfer(pkId) {
   return request({
     url: '/system/manage/transfer/' + pkId,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -185,7 +185,7 @@ export function deleteTransfer(pkId) {
 export function getOnetransferList(pkId) {
   return request({
     url: '/system/manage/transfer/getOne/' + pkId,
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -220,11 +220,10 @@ export function getWithdrawalList(params) {
 export function getOneWithdrawalList(pkId) {
   return request({
     url: '/system/manage/withdrawal-tax/getOne/' + pkId,
-    method: 'get',
+    method: 'get'
   })
 }
 
-
 // 添加新增个税列表
 export function saveWithdrawal(data) {
   return request({
@@ -238,7 +237,7 @@ export function saveWithdrawal(data) {
 export function deleteWithdrawal(pkId) {
   return request({
     url: '/system/manage/withdrawal-tax/' + pkId,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -255,7 +254,7 @@ export function getWithdrawalProcessList(params) {
 export function deleteWithdrawalProcess(pkId) {
   return request({
     url: '/system/manage/bd-withdrawal-process/' + pkId,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -263,7 +262,7 @@ export function deleteWithdrawalProcess(pkId) {
 export function getOneWithdrawalProcessList(pkId) {
   return request({
     url: '/system/manage/bd-withdrawal-process/getOne/' + pkId,
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -276,7 +275,6 @@ export function updateWithdrawalProcess(data) {
   })
 }
 
-
 // 添加提现手续费
 export function saveWithdrawalProcess(data) {
   return request({
@@ -314,7 +312,7 @@ export function get_product_code(params) {
 export function bd_bar_codeDel(id) {
   return request({
     url: '/system/manage/bd-bar-code/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -330,7 +328,7 @@ export function bar_code_itemsSave(data) {
 export function bar_code_itemsGetOne(id) {
   return request({
     url: '/system/manage/bd-bar-code/getOne/' + id,
-    method: 'get',
+    method: 'get'
   })
 }
 // 新增条形码配置
@@ -362,7 +360,7 @@ export function getAgreementList(params) {
 export function getAgreementDetail(id) {
   return request({
     url: '/system/manage/agreement/' + id,
-    method: 'get',
+    method: 'get'
   })
 }
 
@@ -370,7 +368,7 @@ export function getAgreementDetail(id) {
 export function deleteAgreement(id) {
   return request({
     url: '/system/manage/agreement/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -392,7 +390,6 @@ export function updateAgreement(data) {
   })
 }
 
-
 // 是否接口
 export function getEYesNoList(params) {
   return request({
@@ -419,7 +416,6 @@ export function getStoreList(params) {
   })
 }
 
-
 // 生成店铺编号
 export function getStoreCode(params) {
   return request({
@@ -613,7 +609,6 @@ export function saveStoreLevel(data) {
   })
 }
 
-
 // 修改店铺等级
 export function updateStoreLevel(data) {
   return request({
@@ -767,7 +762,7 @@ export function updateAresFreePostage(data) {
 export function deleteAresFreePostage(id) {
   return request({
     url: '/system/manage/ares-free-postage/delete/' + id,
-    method: 'delete',
+    method: 'delete'
   })
 }
 
@@ -775,7 +770,7 @@ export function deleteAresFreePostage(id) {
 export function getAresFreePostageRow(id) {
   return request({
     url: '/system/manage/ares-free-postage/detail/' + id,
-    method: 'get',
+    method: 'get'
 
   })
 }
@@ -843,7 +838,6 @@ export function getAuthorityControlType(params) {
   })
 }
 
-
 // 获取单条会员控制配置
 export function getMemeberControlListDetail(params) {
   return request({
@@ -853,8 +847,6 @@ export function getMemeberControlListDetail(params) {
   })
 }
 
-
-
 // 批量删除会员控制配置
 export function delMemeberControl(data) {
   return request({
@@ -945,15 +937,3 @@ export function updateransferWhite(data) {
   })
 }
 
-
-
-
-
-
-
-
-
-
-
-
-

src/views/goodsManage/skuRelease/ggpz.vue

@@ -1,198 +1,249 @@
-<!--
- * @Descripttion:
- * @version:
- * @Author: kBank
- * @Date: 2022-10-24 15:45:01
--->
 <template>
   <div class="page">
-    <topBar v-if="topList.length > 0"
-            :topList="topList"
-            :moren="moren"></topBar>
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
     <div class="main">
       <div class="form_all">
-        <el-form ref="select"
+        <el-form
+          ref="select"
           :model="select"
-                 label-width="auto">
+          label-width="auto"
+        >
           <el-row :gutter="40">
             <!-- 一层 -->
             <el-col :span="4">
               <el-form-item :label="'所属分类'">
-                <el-select clearable
+                <el-select
+                  v-model="select.pkClassify"
+                  clearable
                   :placeholder="'请选择'"
-                           v-model="select.pkClassify">
-                  <el-option v-for="item in classifyList"
+                >
+                  <el-option
+                    v-for="item in classifyList"
                     :key="item.pkId"
                     :label="item.name"
-                             :value="item.pkId"></el-option>
+                    :value="item.pkId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'规格名称'">
-                <el-input clearable
-                          v-model="select.typeName"></el-input>
+                <el-input
+                  v-model="select.typeName"
+                  clearable
+                />
               </el-form-item>
             </el-col>
 
             <el-col :span="4">
-              <el-button type="primary"
-                         @click="getDataList"> {{ '搜索' }}</el-button>
-              <el-button type="primary"
+              <el-button
+                type="primary"
+                @click="getDataList"
+              > 搜索</el-button>
+              <el-button
+                type="primary"
                 class="resetBtn"
-                         @click="reset"> {{ '重置' }}</el-button>
+                @click="reset"
+              > 重置</el-button>
             </el-col>
           </el-row>
         </el-form>
       </div>
       <div class="maintop">
         <div class="mainbtn">
-          <el-button size="small"
+          <el-button
             v-hasButtons="['ggpzAdd']"
+            size="small"
+            class="addBtn"
             @click="openDig"
-                     class="addBtn">{{'添加'}}</el-button>
-          <el-button size="small"
-          @click="handleExport"
+          >添加</el-button>
+          <el-button
             v-hasButtons="['ggpzExport']"
-                     class="exportBtn"> {{ '导出' }}</el-button>
+            size="small"
+            class="exportBtn"
+            @click="handleExport"
+          > 导出</el-button>
         </div>
       </div>
       <div class="maintable">
-        <el-table :data="tableData"
+        <el-table
           v-loading="loading"
+          :data="tableData"
           style="width: 100%"
           height="100%"
           :header-cell-style="{ background: '#EEEEEE' }"
           :row-class-name="tableRowClassName"
-                  @selection-change="handleSelectionChange">
-          <el-table-column type="selection"
-                           width="55"> </el-table-column>
-          <el-table-column align="center"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+          />
+          <el-table-column
+            align="center"
             prop="sort"
             sortable
-                           :label="'排序'">
-          </el-table-column>
-          <el-table-column align="center"
+            label="排序"
+            width="80"
+          />
+          <el-table-column
+            align="center"
             prop="classifyName"
-                           :label="'所属分类'">
-          </el-table-column>
-          <el-table-column align="center"
+            label="所属分类"
+            width="140"
+          />
+          <el-table-column
+            align="center"
             prop="typeName"
-                           :label="'规格名称'">
-          </el-table-column>
-          <el-table-column align="center"
+            label="规格名称"
+          />
+          <el-table-column
+            align="center"
             prop="specsArr"
-                           :label="'规格参数'">
-                           <template slot-scope="scope">
-
-         <el-popover
- placement="top"
- width="300"
- trigger="hover">
-<div>{{ scope.row.specsArr }}</div>
- <div slot="reference"> {{ scope.row.specsArrStr }}</div>
-</el-popover>
-         </template>
-          </el-table-column>
-          <el-table-column align="center"
+            label="规格参数"
+            show-overflow-tooltip
+            width="auto"
+          />
+          <el-table-column
+            align="center"
             prop="time"
-                           :label="'操作'"
-                           fixed="right">
+            label="操作"
+            fixed="right"
+          >
             <template slot-scope="scope">
-              <el-button @click="toFixed(scope.row.pkId)"
-                         type="text"
+              <el-button
                 v-hasButtons="['ggpzExport']"
-                         style="color:#F3A900"
-                         size="small">
-                {{ '修改' }}
-              </el-button>
-              <el-button @click="handleDelete(scope.row.pkId)"
                 type="text"
-                         v-hasButtons="['ggpzDelete']"
+                style="color:#F3A900"
                 size="small"
-                         style="color: #C8161D">
-                {{ '删除' }}
+                @click="toFixed(scope.row.pkId)"
+              >
+                修改
+              </el-button>
+              <el-button
+                v-hasButtons="['ggpzDelete']"
+                type="text"
+                size="small"
+                style="color: #C8161D"
+                @click="handleDelete(scope.row.pkId)"
+              >
+                删除
               </el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-    <pagination v-show="total>0"
+    <pagination
+      v-show="total>0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
-                @pagination="getDataList" />
-    <el-dialog :title="'添加'"
+      @pagination="getDataList"
+    />
+    <el-dialog
+      :title="addOrEdit ? '添加' : '修改'"
       :close-on-click-modal="false"
       :visible.sync="dialogVisible"
       width="40%"
       center
-               :before-close="handleClose">
-      <el-form ref="form"
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="form"
         :rules="rules"
         :model="form"
-               label-width="80px">
+        label-width="80px"
+      >
         <el-row>
           <el-col :span="12">
-            <el-form-item :label="'所属分类'"
-                          prop="pkClassify">
-              <el-select clearable
-                         v-model="form.pkClassify">
-                <el-option v-for="item in classifyList"
+            <el-form-item
+              :label="'所属分类'"
+              prop="pkClassify"
+            >
+              <el-select
+                v-model="form.pkClassify"
+                clearable
+              >
+                <el-option
+                  v-for="item in classifyList"
                   :key="item.pkId"
                   :label="item.name"
-                           :value="item.pkId"></el-option>
+                  :value="item.pkId"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item :label="'规格名称'"
-                          prop="typeName">
-              <el-input clearable
-                        v-model="form.typeName"></el-input>
+            <el-form-item
+              :label="'规格名称'"
+              prop="typeName"
+            >
+              <el-input
+                v-model="form.typeName"
+                clearable
+              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item :label="'规格参数'"
-                          prop='specsList'>
-              <el-tag :key="tag.value"
+            <el-form-item
+              :label="'规格参数'"
+              prop="specsList"
+            >
+              <el-tag
                 v-for="tag in form.specsList"
+                :key="tag.value"
                 closable
                 :disable-transitions="false"
-                      @close="tagClose(tag.value)">
+                @close="tagClose(tag.value)"
+              >
                 {{ tag.value }}
               </el-tag>
-              <el-input clearable
-                        class="input-new-tag"
+              <el-input
                 v-if="inputVisible"
-                        v-model="inputValue"
                 ref="saveTagInput"
+                v-model="inputValue"
+                clearable
+                class="input-new-tag"
                 size="small"
                 @keyup.enter.native="handleInputConfirm"
-                        @blur="handleInputConfirm">
-              </el-input>
-              <el-button v-else
+                @blur="handleInputConfirm"
+              />
+              <el-button
+                v-else
                 class="button-new-tag"
                 size="small"
-                         @click="showInput">{{'新增'}}</el-button>
+                @click="showInput"
+              >{{ '新增' }}</el-button>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item :label="'排序'"
-                          prop="sort">
-              <el-input clearable
+            <el-form-item
+              :label="'排序'"
+              prop="sort"
+            >
+              <el-input
+                v-model="form.sort"
+                clearable
                 oninput="value=value.replace(/[^\d]/g,'')"
-                        v-model="form.sort"></el-input>
+              />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
+      <span
+        slot="footer"
+        class="dialog-footer"
+      >
         <el-button @click="handleClose">{{ '取消' }}</el-button>
-        <el-button type="primary"
-                   @click="onSubmit('form')">{{'确认'}}</el-button>
+        <el-button
+          type="primary"
+          @click="onSubmit('form')"
+        >{{ '确认' }}</el-button>
       </span>
     </el-dialog>
   </div>
@@ -205,16 +256,16 @@ import { specsTypeUpdate, specsTypeSave } from '@/api/product'
 export default {
   name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
   filters: {
     isAgree(val) {
       if (!val) {
-        return '允许';
+        return '允许'
       } else {
-        return '禁止';
+        return '禁止'
+      }
     }
-    },
   },
   data() {
     return {
@@ -223,9 +274,9 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
-      addOrEdit: '',
+      addOrEdit: false,
       total: 0,
       dialogVisible: false,
       tableData: [],
@@ -234,37 +285,37 @@ export default {
       topList: [
         {
           name: '产品分类',
-          path: '/goodsManage/skuRelease/cpfl',
+          path: '/goodsManage/skuRelease/cpfl'
         },
         {
           name: '规格配置',
-          path: '/goodsManage/skuRelease/ggpz',
+          path: '/goodsManage/skuRelease/ggpz'
         },
         {
           name: '单位配置',
-          path: '/goodsManage/skuRelease/dwpz',
-        },
+          path: '/goodsManage/skuRelease/dwpz'
+        }
       ],
       form: {
         name: '',
         specsList: [],
-        sort: '',
+        sort: ''
       },
       rules: {
         typeName: [
-          { required: true, message: '请输入规格名称', trigger: 'blur' },
+          { required: true, message: '请输入规格名称', trigger: 'blur' }
         ],
         pkClassify: [
-          { required: true, message: '请选择所属分类', trigger: 'change' },
+          { required: true, message: '请选择所属分类', trigger: 'change' }
         ],
         specsList: [
-          { required: true, message: '请选择规格参数', trigger: 'blur' },
+          { required: true, message: '请选择规格参数', trigger: 'blur' }
         ],
-        sort: [{ required: true, message: '请输入排序', trigger: 'blur' }],
+        sort: [{ required: true, message: '请输入排序', trigger: 'blur' }]
       },
       classifyList: [],
       inputVisible: false,
-      inputValue: '',
+      inputValue: ''
     }
   },
   mounted() {
@@ -299,7 +350,7 @@ export default {
         'font-size:13px; background:#253ae5; color:#697eff;',
         this.inputValue
       )
-      let inputValue = this.inputValue
+      const inputValue = this.inputValue
 
       if (inputValue) {
         this.form.specsList.push({ value: inputValue })
@@ -335,7 +386,7 @@ export default {
       this.$confirm('确认删除?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then(() => {
         api.specsTypeDel(id).then((res) => {
           this.getDataList()
@@ -346,7 +397,7 @@ export default {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then((_) => {
         this.download(
           '/sale/manage/specsType/export',
@@ -368,7 +419,7 @@ export default {
             if (res.code == 200) {
               this.$message({
                 message: res.msg,
-                type: 'success',
+                type: 'success'
               })
               // this.dialogVisible = false
               // 充值数据
@@ -407,13 +458,7 @@ export default {
             })
             item.specsArr = item.specsArr.toString()
           })
-          res.rows.forEach(item=>{
-          if(item.specsArr.length>7){
-            item.specsArrStr = item.specsArr.substring(0,8) + '...'
-          }else{
-            item.specsArrStr = item.specsArr
-          }
-        })
+
           this.loading = false
           this.tableData = res.rows
           this.total = res.total
@@ -427,8 +472,8 @@ export default {
         return 'success-row'
       }
       return ''
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">