Explorar el Código

批量导入产品

lilei hace 2 años
padre
commit
09f2621429
Se han modificado 1 ficheros con 45 adiciones y 45 borrados
  1. 45 45
      src/views/productManagement/productInfo/chooseImportModal.vue

+ 45 - 45
src/views/productManagement/productInfo/chooseImportModal.vue

@@ -7,7 +7,7 @@
     title="导入"
     v-model="isShow"
     @cancel="isShow=false"
-    :width="900">
+    width="80%">
     <div class="chooseImport-con">
       <!-- 可导入数据 -->
       <p class="">可导入数据{{ loadData.length }}条</p>
@@ -19,7 +19,7 @@
         :columns="nowColumns"
         :dataSource="loadData"
         :loading="loading"
-        :scroll="{ y: 200, x: 2000 }"
+        :scroll="{ y: 200}"
         :pagination="false"
         bordered>
       </a-table>
@@ -27,14 +27,14 @@
       <!-- 不可导入数据 -->
       <p class="red">不可导入数据{{ unLoadData.length }}条</p>
       <a-table
-        class="unTable"
+        class="sTable"
         ref="unTable"
         size="small"
         :rowKey="(record) => record.errorDesc"
         :columns="nowUnColumns"
         :dataSource="unLoadData"
         :loading="loading"
-        :scroll="{ y: 200, x: 2000 }"
+        :scroll="{ y: 200}"
         :pagination="false"
         bordered>
       </a-table>
@@ -88,50 +88,50 @@ export default {
     return {
       isShow: this.openModal, //  是否打开弹框
       nowColumns: [
-        { title: '序号', dataIndex: 'no', width: '50px', align: 'center' },
-        { title: '产品名称', dataIndex: 'name', width: '150px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品编码', dataIndex: 'code', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '原厂编码', dataIndex: 'origCode', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '其它编码', dataIndex: 'otherCode', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品品牌', dataIndex: 'productBrandName', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '一级分类', dataIndex: 'productTypeName1', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '二级分类', dataIndex: 'productTypeName2', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '三级分类', dataIndex: 'productTypeName3', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '单位', dataIndex: 'unit', width: '80px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '包装数', dataIndex: 'packQty', width: '80px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '包装数单位', dataIndex: 'packQtyUnit', width: '80px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '是否箭冠产品', dataIndex: 'arrowFalgDictValue', width: '80px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '条形码', dataIndex: 'qrCode', width: '120px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品尺寸', dataIndex: 'size', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品重量', dataIndex: 'weight', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '颜色', dataIndex: 'color', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品内盒尺寸', dataIndex: 'boxSize', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品说明', dataIndex: 'description', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '其他说明', dataIndex: 'otherDesc', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
+        { title: '序号', dataIndex: 'no', width: '3%', align: 'center' },
+        { title: '产品名称', dataIndex: 'name', width: '6%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品编码', dataIndex: 'code', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '原厂编码', dataIndex: 'origCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '其它编码', dataIndex: 'otherCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品品牌', dataIndex: 'productBrandName', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '一级分类', dataIndex: 'productTypeName1', width: '6%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '二级分类', dataIndex: 'productTypeName2', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '三级分类', dataIndex: 'productTypeName3', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '单位', dataIndex: 'unit', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '包装数', dataIndex: 'packQty', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '包装数单位', dataIndex: 'packQtyUnit', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '是否箭冠产品', dataIndex: 'arrowFalgDictValue', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '条形码', dataIndex: 'qrCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品尺寸', dataIndex: 'size', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品重量', dataIndex: 'weight', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '颜色', dataIndex: 'color', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品内盒尺寸', dataIndex: 'boxSize', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品说明', dataIndex: 'description', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '其他说明', dataIndex: 'otherDesc', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
       ],
       loadData: [],
       nowUnColumns: [
-        { title: '序号', dataIndex: 'no', width: '50px', align: 'center' },
-        { title: '产品名称', dataIndex: 'name', width: '150px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品编码', dataIndex: 'code', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '原厂编码', dataIndex: 'origCode', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '其它编码', dataIndex: 'otherCode', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品品牌', dataIndex: 'productBrandName', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '一级分类', dataIndex: 'productTypeName1', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '二级分类', dataIndex: 'productTypeName2', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '三级分类', dataIndex: 'productTypeName3', width: '100px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '单位', dataIndex: 'unit', width: '80px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '包装数', dataIndex: 'packQty', width: '80px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '包装数单位', dataIndex: 'packQtyUnit', width: '80px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '是否箭冠产品', dataIndex: 'arrowFalgDictValue', width: '80px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '条形码', dataIndex: 'qrCode', width: '120px', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '产品尺寸', dataIndex: 'size', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品重量', dataIndex: 'weight', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '颜色', dataIndex: 'color', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品内盒尺寸', dataIndex: 'boxSize', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '产品说明', dataIndex: 'description', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '其他说明', dataIndex: 'otherDesc', width: '100px', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '备注', dataIndex: 'errorDesc', width: '100px', align: 'center', customRender: function (text) { return text || '--' } }
+        { title: '序号', dataIndex: 'no', width: '3%', align: 'center' },
+        { title: '产品名称', dataIndex: 'name', width: '6%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品编码', dataIndex: 'code', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '原厂编码', dataIndex: 'origCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '其它编码', dataIndex: 'otherCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品品牌', dataIndex: 'productBrandName', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '一级分类', dataIndex: 'productTypeName1', width: '6%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '二级分类', dataIndex: 'productTypeName2', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '三级分类', dataIndex: 'productTypeName3', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '单位', dataIndex: 'unit', width: '4%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '包装数', dataIndex: 'packQty', width: '4%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '包装数单位', dataIndex: 'packQtyUnit', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '是否箭冠产品', dataIndex: 'arrowFalgDictValue', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '条形码', dataIndex: 'qrCode', width: '5%', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '产品尺寸', dataIndex: 'size', width: '4%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品重量', dataIndex: 'weight', width: '4%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '颜色', dataIndex: 'color', width: '4%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品内盒尺寸', dataIndex: 'boxSize', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '产品说明', dataIndex: 'description', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '其他说明', dataIndex: 'otherDesc', width: '5%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
+        { title: '备注', dataIndex: 'errorMsg', width: '5%', align: 'center', customRender: function (text) { return text || '--' } }
       ],
       unLoadData: [],
       loading: false