From 10f33fac3f3dda79435892d6a9829c314fe384a7 Mon Sep 17 00:00:00 2001
From: zhaoxiaolin <khd@123>
Date: Fri, 7 Jun 2024 22:32:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BA=BF=E4=BD=93=E4=BA=A7=E5=93=81=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/dailyReportNew/index.vue   |   4 +-
 src/views/mes/mesLine/index.vue          | 213 ++++++++++++++---------
 src/views/mes/mesLine/selectMaterial.vue |   7 +-
 3 files changed, 142 insertions(+), 82 deletions(-)

diff --git a/src/views/mes/dailyReportNew/index.vue b/src/views/mes/dailyReportNew/index.vue
index 58eb9258..5baa0657 100644
--- a/src/views/mes/dailyReportNew/index.vue
+++ b/src/views/mes/dailyReportNew/index.vue
@@ -74,10 +74,10 @@
 			<el-table-column prop="equipmentName" label="组别" width="90"/>
 			<el-table-column prop="prodType" label="品类" width="80"/>
 			<el-table-column prop="teamLeaderName" label="组长" width="100"/>
-      <el-table-column prop="workorderCode" label="工单号" width="150"/>
+            <el-table-column prop="workorderCode" label="工单号" width="150"/>
 			<el-table-column prop="productCode"	label="产品编码" width="120" :formatter="productCodeFormate"/>
 			<el-table-column prop="productName" label="产品名称" width="200"/>
-      <el-table-column prop="spec" label="规格"	width="100"/>
+      		<el-table-column prop="spec" label="规格"	width="100"/>
 			<el-table-column prop="unit" label="单位(件)"	width="80"/>
 			<el-table-column prop="quantitySplit" label="计划产量(件)" width="80"/>
 			<el-table-column prop="quantityFeedback" label="实际产量(件)" width="80"/>
diff --git a/src/views/mes/mesLine/index.vue b/src/views/mes/mesLine/index.vue
index 06dc58de..a893a7e0 100644
--- a/src/views/mes/mesLine/index.vue
+++ b/src/views/mes/mesLine/index.vue
@@ -24,18 +24,18 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="标准用人" prop="useMan">
+      <el-form-item label="产品编码" prop="productCode">
         <el-input
-          v-model="queryParams.useMan"
+          v-model="queryParams.productCode"
           type="number"
           placeholder="请输入标准用人"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="标准效率" prop="efficiency">
+      <el-form-item label="产品名称" prop="productName">
         <el-input
-          v-model="queryParams.efficiency"
+          v-model="queryParams.productName"
           type="number"
           placeholder="请输入标准效率"
           clearable
@@ -103,6 +103,17 @@
           >导出
         </el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-upload2"
+          size="mini"
+          @click="handleImport"
+          v-hasPermi="['mes:mesLine:export']"
+        >导入
+        </el-button>
+      </el-col>
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
@@ -116,14 +127,15 @@
     >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" type="index" align="center" />
-      <el-table-column label="线体编码" align="center" prop="lineCode" />
-      <el-table-column label="线体名称" align="center" prop="lineName" />
-      <el-table-column label="标准用人" align="center" prop="useMan" />
-      <el-table-column label="标准效率" align="center" prop="efficiency" />
-      <el-table-column label="产品列表" align="center" prop="productList" width="200"
-      :formatter="formatProductNames" :show-overflow-tooltip="true"/>
-      <el-table-column label="检验工具" align="center" prop="attr1" />
-      <el-table-column
+      <el-table-column label="线体编码" align="center" prop="lineCode" width="100"/>
+      <el-table-column label="线体名称" align="center" prop="lineName" width="100"/>
+      <el-table-column label="产品编码" align="center" prop="productCode" width="180" :formatter="productCodeFormate"/>
+      <el-table-column label="产品名称" align="center" prop="productName" width="350" />
+      <el-table-column label="标准用人" align="center" prop="useMan" width="100"/>
+      <el-table-column label="标准效率" align="center" prop="efficiency" width="100"/>
+      <el-table-column label="标准工时" align="center" prop="attr1" width="100"/>
+      <!--<el-table-column label="产品列表" align="left"  prop="productList" :formatter="formatProductNames" :show-overflow-tooltip="true"/>-->
+      <el-table-column width="120"
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
@@ -173,7 +185,18 @@
 							</el-select>
             </el-form-item>
           </el-col>
-
+          <el-col :span="8">
+            <el-form-item label="产品名称" prop="productName">
+                <el-input v-model="form.productName" placeholder="请选择产品名称">
+                  <el-button slot="append" @click="handleSelectProduct" icon="el-icon-search"></el-button>
+                </el-input>
+              </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="产品编码" prop="productCode">
+              <el-input v-model="form.productCode" placeholder="请输入物料号" disabled/>
+            </el-form-item>
+          </el-col>
         </el-row>
         <el-row :gutter="10">
           <el-col :span="8">
@@ -187,65 +210,47 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="检验工具" prop="attr1">
-              <el-input v-model="form.attr1" placeholder="请输入检验工具" />
+            <el-form-item label="标准工时" prop="attr1">
+              <el-input v-model="form.attr1" placeholder="请输入标准工时" />
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="10">
-          <el-col :span="24">
-            <el-form-item
-              v-for="(item, index) in processItems"
-              :label="'第' + (index+1) +'道工艺'"
-              :key="item.key"
-              :prop="'processItems.'+index+'.value'"
-            >
-              <el-input v-model="item.value" style="width: 35%;" placeholder="请输入工艺"></el-input>
-              <label for="dis-people" style="padding: 0 10px;">人员分配</label>
-              <el-input id="dis-people" type="number" v-model="item.quality" style="width: 30%;" placeholder="请输入数量"></el-input>
-              <el-button @click.prevent="removeProcessItem(item)" style="margin-left:30px">删除</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-              <el-button
-                type="primary"
-                plain
-                icon="el-icon-plus"
-                size="mini"
-                @click="handleSelectProduct"
-                v-hasPermi="['mes:mesLine:add']"
-                >选择产品
-              </el-button>
-            </el-col>
-          </el-row>
-          <el-table v-loading="proloading" :data="form.productList" @selection-change="productSelectionChange" ref="myTable" >
-            <!-- 序号 -->
-            <el-table-column type="index" width="90" align="center" label="序号" />
-            <el-table-column label="产品编码"  align="center" prop="productCode" />
-            <el-table-column label="产品名称"  align="center" prop="productName" />
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-              <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  type="text"
-                  icon="el-icon-delete"
-                  @click="deleteProduct(scope.row)"
-                >删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="addProcessItem">新增工艺</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 产线产品导入对话框 -->
+    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+      <el-upload
+        ref="upload"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport"
+        :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress"
+        :on-success="handleFileSuccess"
+        :auto-upload="false"
+        drag
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip text-center" slot="tip">
+          <span>仅允许导入xls、xlsx格式文件。</span>
+          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
+                   @click="importTemplate">下载模板
+          </el-link>
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+
     <ItemSelectMaterial
 				ref="itemSelectMaterial"
 				@onSelected="onSelectMaterial"
@@ -263,10 +268,10 @@ import {
   selectLineBody
 } from "@/api/mes/mesLine";
 import ItemSelectMaterial from "@/views/mes/mesLine/selectMaterial";
-
+import {getToken} from "@/utils/auth";
 export default {
   name: "MesLine",
-  components: {ItemSelectMaterial,},
+  components: {ItemSelectMaterial},
   data() {
     return {
       // 遮罩层
@@ -305,7 +310,9 @@ export default {
         factoryCode: null,
       },
       // 表单参数
-      form: {},
+      form: {
+        productList: []
+      },
       // 表单校验
       rules: {
         useMan: [
@@ -314,12 +321,30 @@ export default {
         efficiency: [
           { required: true, message: "标准效率不能为空", trigger: "blur" },
         ],
+        attr1: [
+          { required: true, message: "标准工时不能为空", trigger: "blur" },
+        ],
       },
       processItems:[{
         value: '',
         key: Date.now(),
         quality: 0
       }],
+      // 导入数据
+      upload: {
+        // 是否显示弹出层
+        open: false,
+        // 弹出层标题
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: {poolName: localStorage.getItem("USER_POOL_NAME_CURRENT"), Authorization: "Bearer " + getToken()},
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/mes/mesLine/importData"
+      },
     };
   },
   created() {
@@ -355,6 +380,7 @@ export default {
         id: null,
         lineCode: null,
         lineName: null,
+        productCode: null,productName: null,
         productList: [],
         useMan: null,
         efficiency: null,
@@ -377,7 +403,8 @@ export default {
       };
       this.processItems=[{
         value: '',
-        key: Date.now()
+        key: Date.now(),
+        quanlity: ''
       }],
       this.resetForm("form");
     },
@@ -422,7 +449,13 @@ export default {
             };
           });
           this.form.processItems = this.processItems;
-        }
+        }else{
+          this.form.processItems=[{
+            value: '',
+            key: Date.now(),
+            quanlity: ''
+          }]
+        };
         this.open = true;
         this.title = "修改线体管理";
       });
@@ -481,19 +514,36 @@ export default {
         },
         `mesLine_${new Date().getTime()}.xlsx`
       );
+    },
+    // 导入-导入窗口打开
+    handleImport() {
+      this.upload.title = "产线产品信息导入";
+      this.upload.open = true;
+    },
+        // 导入-文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 导入-文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true});
+      this.getList();
+    },
+    // 导入-提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    },
+    // 导入-下载模板
+    importTemplate() {
+      this.download('/mes/mesLine/importTemplate', {}, `mes_product_template_${new Date().getTime()}.xlsx`)
     },
      //物料选择确认
 		onSelectMaterial(obj) {
-      obj.map(item => {
-        if(item.productCode) {
-          if(this.form.productList.some(e => e.productCode === item.productCode)) {
-            this.$modal.msgError("该物料已存在");
-            return;
-          }
-          this.form.productList.push(item);
-        }
-      })
-      console.log(this.form.productList);
+       this.form.productName = obj[0].productName;
+		   this.form.productCode = obj[0].productCode;
 		},
     deleteProduct(row) {
       const productCode = row.productCode;
@@ -543,7 +593,12 @@ export default {
         return '';
       }
     },
-
+        //产品编码格式化
+    productCodeFormate(row, column, cellValue) {
+      if (cellValue != null) {
+        return cellValue.slice(7, 18); //返回值
+      }
+    },
   },
 };
 </script>
diff --git a/src/views/mes/mesLine/selectMaterial.vue b/src/views/mes/mesLine/selectMaterial.vue
index e326fc78..4dfee3a7 100644
--- a/src/views/mes/mesLine/selectMaterial.vue
+++ b/src/views/mes/mesLine/selectMaterial.vue
@@ -135,7 +135,12 @@ export default {
 
     // 多选框选中数据
 		handleBomSelectionChange(selection) {
-      this.productList = selection;
+      if(selection.length==1){
+        this.productList = selection;
+      }else{
+        this.$modal.msgSuccess("请选择一个产品");
+      }
+
 		},