From 2fb0f12ef3a92f79b2aff0ed5907b7bd55ffa0ba Mon Sep 17 00:00:00 2001
From: xuxiaoming <xiaoming.xu@le-it.com.cn>
Date: Mon, 22 Nov 2021 16:41:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A2=E6=88=B7=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=E7=AE=A1=E7=90=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customerInquiry/add.vue                   | 177 +++++++++---------
 .../customerInquiry/index.vue                 |  72 ++-----
 .../customerInquiry/upload.vue                |  19 +-
 3 files changed, 121 insertions(+), 147 deletions(-)

diff --git a/src/views/productionPlanning/customerInquiry/add.vue b/src/views/productionPlanning/customerInquiry/add.vue
index f730ff3..ea9e899 100644
--- a/src/views/productionPlanning/customerInquiry/add.vue
+++ b/src/views/productionPlanning/customerInquiry/add.vue
@@ -1,54 +1,42 @@
 <template>
 <el-dialog
-title="添加询单"
-model-value
-width="1000px"
-:close-on-click-modal="false"
-:before-close="handleClose"
->
-    <el-form
-    ref="formRef"
-    v-loading="loading"
-    :model="formData"
-    :rules="rules"
-    label-width="140px"
-    >
+    title="添加询单" model-value width="1000px" :close-on-click-modal="false" :before-close="handleClose" >
+        <el-form ref="formRef" v-loading="loading" :model="formData" :rules="rules" label-width="140px"  >
     <el-row>
-    <el-col :span="12">
-        <el-form-item
-        :label="getColumnName('CustomerOrderReviewInfo-CustomerId')" prop="CustomerId" >
-        <el-select v-model="formData['CustomerOrderReviewInfo-CustomerId']" placeholder="请选择" @change="customerChange">
-            <el-option v-for="item in customerList" :key="item['Customer-CustomerId']" 
-            :label="item['Customer-Name1']" :value="item['Customer-CustomerId']"/>
-        </el-select>
-        </el-form-item>
-    </el-col>
-    <el-col :span="12">
-        <el-form-item
-        :label="getColumnName('CustomerOrderReviewInfo-ArtId')" prop="ArtId" >
-        <el-select v-model="formData['CustomerOrderReviewInfo-ArtId']" placeholder="请选择">
-            <el-option v-for="item in custartList" :key="item['AP_CustArtlst-ArtId']" 
-            :label="item['AP_CustArtlst-ArtId']" :value="item['AP_CustArtlst-ArtId']"/>
-        </el-select>
-        </el-form-item>
-    </el-col>
+        <el-col :span="12">
+            <el-form-item
+            :label="getColumnName('CustomerOrderReviewInfo-CustomerId')" prop="CustomerOrderReviewInfo-CustomerId" >
+            <el-select v-model="formData['CustomerOrderReviewInfo-CustomerId']" placeholder="请选择" @change="customerChange">
+                <el-option v-for="item in customerList" :key="item['Customer-CustomerId']" 
+                :label="item['Customer-Name1']" :value="item['Customer-CustomerId']"/>
+            </el-select>
+            </el-form-item>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item
+            :label="getColumnName('CustomerOrderReviewInfo-ArtId')" prop="CustomerOrderReviewInfo-ArtId" >
+            <el-select v-model="formData['CustomerOrderReviewInfo-ArtId']" placeholder="可输入关键字赛选" filterable>
+                <el-option v-for="item in custartList" :key="item['AP_CustArtlst-ArtId']" 
+                :label="item['AP_CustArtlst-ArtId']" :value="item['AP_CustArtlst-ArtId']"/>
+            </el-select>
+            </el-form-item>
+        </el-col>
     </el-row>
-<el-row>
-    <el-col :span="12">
-        <el-form-item :label="getColumnName('CustomerOrderReviewInfo-Qty')"  prop="Qty" >
-            <el-input v-model="formData['CustomerOrderReviewInfo-Qty']"  placeholder="请输入"  />
-        </el-form-item>
-    </el-col>
- 
-    <el-col :span="12">
-        <el-form-item :label="getColumnName('CustomerOrderReviewInfo-ExpectedDate')"  prop="ExpectedDate" >
-            <el-date-picker
-            value-format="YYYY-MM-DD"
-            v-model="formData['CustomerOrderReviewInfo-ExpectedDate']"
-            placeholder="请选择日期"/>
-
-        </el-form-item>
-    </el-col>
+    <el-row>
+        <el-col :span="12">
+            <el-form-item :label="getColumnName('CustomerOrderReviewInfo-Qty')"  prop="CustomerOrderReviewInfo-Qty" >
+                <el-input v-model="formData['CustomerOrderReviewInfo-Qty']"  placeholder="请输入"  />
+            </el-form-item>
+        </el-col>
+        <el-col :span="12">
+            <el-form-item :label="getColumnName('CustomerOrderReviewInfo-ExpectedDate')"  prop="CustomerOrderReviewInfo-ExpectedDate" >
+                <el-date-picker
+                :editable="false"
+                value-format="YYYY-MM-DD"
+                v-model="formData['CustomerOrderReviewInfo-ExpectedDate']"
+                placeholder="请选择日期"/>
+            </el-form-item>
+        </el-col>
     </el-row>
 </el-form>
 <template #footer>
@@ -63,8 +51,8 @@ width="1000px"
 import { getCustartlist } from "@/server/plan/workbench/customerInquiry";
 export default {
     emits:[
-        "setIsAdd",
-        "pushData"
+        'setIsAdd',
+        'pushData'
     ],
     props: {
         customerList: {
@@ -73,44 +61,50 @@ export default {
     },
     data() {
         return {
+            formData: {
+                'CustomerOrderReviewInfo-CustomerId':'',
+                'CustomerOrderReviewInfo-ArtId':'',
+                'CustomerOrderReviewInfo-Qty':'',
+                'CustomerOrderReviewInfo-ExpectedDate':'',
+
+            },
             rules: {
-            "CustomerOrderReviewInfo-CustomerId": [
-                {
-                required: true,
-                message: "此项不能为空",
-                trigger: "blur",
-                },
-            ],
-            "CustomerOrderReviewInfo-ArtId": [
-                {
-                required: true,
-                message: "此项不能为空",
-                trigger: "blur",
-                },
-            ],
-            "CustomerOrderReviewInfo-Qty": [
-                {
-                required: true,
-                message: "此项不能为空",
-                trigger: "blur",
-                },
-            ],
-            "CustomerOrderReviewInfo-ExpectedDate": [
-                {
-                required: true,
-                message: "此项不能为空",
-                trigger: "blur",
-                },
-            ],
+                'CustomerOrderReviewInfo-CustomerId': [
+                    {
+                        required: true,
+                        message: '此项不能为空',
+                        trigger: 'blur'
+                    },
+                ],
+                'CustomerOrderReviewInfo-ArtId': [
+                    {
+                    required: true,
+                    message: '此项不能为空',
+                    trigger: 'blur'
+                    },
+                ],
+                'CustomerOrderReviewInfo-Qty': [
+                    {
+                    required: true,
+                    message: '此项不能为空',
+                    trigger: 'blur'
+                    },
+                ],
+                'CustomerOrderReviewInfo-ExpectedDate': [
+                    {
+                    required: true,
+                    message: '此项不能为空',
+                    trigger: 'blur'
+                    },
+                ],
             },
             loading: false,
-            formData: {}, // 参数
             // 菜单树选项
             treeMenu: [], // 菜单tree
             custartList: [],
             defaultProps: {
-            children: "Children",
-            label: "Menu-Title",
+            children: 'Children',
+            label: 'Menu-Title',
             },
         };
     },
@@ -120,29 +114,30 @@ export default {
         },
          // 工厂列表
         getCustartlist(customerId){
-            getCustartlist( { "customerId": customerId }).then(({data=[]})=>{
+            getCustartlist( { 'customerId': customerId }).then(({data=[]})=>{
                 this.custartList=data;
             })
         },
         // 确认
         submitForm() {
-            this.$refs["formRef"].validate((valid) => {
-            if (valid) {
-                this.formData['CustomerOrderReviewInfo-ReplyDate'] = ""
-                this.$emit("pushData", this.formData);
-            } else {
-                console.log("error submit!!");
-                return false;
-            }
+            this.$refs['formRef'].validate((valid) => {
+                console.log('%cadd.vue line:130 valid', 'color: #007acc;', valid);
+                if (valid) {
+                    this.formData['CustomerOrderReviewInfo-ReplyDate'] = ''
+                    this.$emit('pushData', this.formData);
+                } else {
+                    console.log('error submit!!');
+                    return false;
+                }
             });
         },
         // 取消/关闭
         handleClose() {
-            this.$emit("setIsAdd", false);
+            this.$emit('setIsAdd', false);
         },
         // 选择图标后的操作
         selected(name) {
-            this.formData["Menu-Icon"] = name;
+            this.formData['Menu-Icon'] = name;
         },
     }
 
diff --git a/src/views/productionPlanning/customerInquiry/index.vue b/src/views/productionPlanning/customerInquiry/index.vue
index 5747de7..f2b4b78 100644
--- a/src/views/productionPlanning/customerInquiry/index.vue
+++ b/src/views/productionPlanning/customerInquiry/index.vue
@@ -13,7 +13,7 @@
         <el-form-item>
         <el-button
             class="add-button-style"
-            @click="handleUpload"
+            @click="importDialogVisable = true"
             >批量导入
         </el-button>
         </el-form-item>
@@ -105,7 +105,7 @@
         @setIsAdd="setIsAdd"
         @pushData="pushData"  />
     <Upload
-            v-if="isUpload"
+            v-model="importDialogVisable"
             @editCallBack="completeCallBack" />
 
 </div>
@@ -114,7 +114,7 @@
 import Add from "./add.vue";
 import Upload from "./upload.vue";
 import { ListMixin } from "@/mixins/newListMixin";
-import { getCustomerList ,getCustartlist,customerorderreviewlist,exportExcel } from "@/server/plan/workbench/customerInquiry";
+import { getCustomerList ,customerorderreviewlist,exportExcel } from "@/server/plan/workbench/customerInquiry";
 export default {
     components: {
         Add,
@@ -126,7 +126,7 @@ export default {
             tableHeight:0,
             loading: false,
             isAdd: false,
-            isUpload: false,
+            importDialogVisable: false,
             deliveryTrialDisable:false,
             isShowDialog: '',
             detailHeaders: [],
@@ -141,6 +141,7 @@ export default {
                 "CustomerOrderReviewInfo-ExpectedDate",
                 "CustomerOrderReviewInfo-ReplyDate"
             ],
+            tableData:[],
             customerList:[],
             custartList:[],
             multipleSelection: [],
@@ -150,12 +151,9 @@ export default {
 
     methods: {
         handleExport(){
-            // let queryData = this.tableData.map(item => {
-            //     item['CustomerOrderReviewInfo-ExpectedDate'] = this.dealDate(item['CustomerOrderReviewInfo-ExpectedDate'])
-            //     item['CustomerOrderReviewInfo-ReplyDate'] = this.dealDate(item['CustomerOrderReviewInfo-ReplyDate'])
-            //     return item
-            // })
-            // console.log('%cindex.vue line:156 queryData', 'color: #007acc;', queryData);
+            this.tableData.forEach(item => {
+                item['CustomerOrderReviewInfo-Qty'] = parseFloat(item['CustomerOrderReviewInfo-Qty'])
+            })
             exportExcel(this.tableData).then(res => {
                 let link = document.createElement('a');
                 link.style.display = 'none';
@@ -165,24 +163,12 @@ export default {
                 link.click();
             })
         },
-        // 上传
-		handleUpload() {
-			this.isUpload = true
-		},
+  
         // 上传回调
         completeCallBack(dataList) {
             this.tableData = dataList
-            // dataList.forEach(item => {
-            //     let date = new Date(item['CustomerOrderReviewInfo-ExpectedDate']);
-            //     this.tableData.push({
-            //         "CustomerOrderReviewInfo-ArtId" : item['CustomerOrderReviewInfo-ArtId'],
-            //         "CustomerOrderReviewInfo-CustomerId" : item['CustomerOrderReviewInfo-CustomerId'],
-            //         "CustomerOrderReviewInfo-ExpectedDate" : date.getFullYear() + '.' + (date.getMonth() + 1) + '.' + date.getDate(),
-            //         "CustomerOrderReviewInfo-Qty" : item['CustomerOrderReviewInfo-Qty']
 
-            //     })
-            // })
-            this.isUpload = false
+            this.showUploadDailog = false
         },
         // 工厂列表
         getCustomerList(){
@@ -190,15 +176,8 @@ export default {
                 this.customerList=data;
             })
         },
-        // 工厂列表
-        getCustartlist(){
-            getCustartlist().then(({data=[]})=>{
-                this.custartList=data;
-            })
-        },
         // 是否显示编辑/新增界面
         setIsAdd(value) {
-            console.log('%cindex.vue line:147 setIsAdd value', 'color: #007acc;', value);
             this.isAdd = value;
         },
         pushData(data){
@@ -241,7 +220,7 @@ export default {
                         this.detailHeaders = []
                         this.detailTableData = []
                         res.data.forEach( (item,index) => {
-                            this.multipleSelection[index]["CustomerOrderReviewInfo-ReplyDate"] = item['CustomerOrderReviewInfo-ReplyDate'].replaceAll("-",".")
+                            this.tableData[index]["CustomerOrderReviewInfo-ReplyDate"] = item['CustomerOrderReviewInfo-ReplyDate']
                         })
                         this.deliveryTrialDisable = false
                     }
@@ -256,7 +235,7 @@ export default {
                 "CustomerOrderReviewInfo-Qty":  parseFloat(row['CustomerOrderReviewInfo-Qty']),
                 "CustomerOrderReviewInfo-ExpectedDate": row['CustomerOrderReviewInfo-ExpectedDate']
             }]
-            // let mockData = [{
+            // searchParam = [{
             //     "CustomerOrderReviewInfo-CustomerId": "3",
             //     "CustomerOrderReviewInfo-ArtId": "CAADQ00001A",
             //     "CustomerOrderReviewInfo-Qty": 1000,
@@ -267,18 +246,11 @@ export default {
                 if(res.code === 200 && res.data.length > 0) {
                     this.detailHeaders = []
                     this.detailTableData = []
-
+                    row["CustomerOrderReviewInfo-ReplyDate"] = res.data[0]['CustomerOrderReviewInfo-ReplyDate']
                     this.showDetail(res.data[0])
-                    row["CustomerOrderReviewInfo-ReplyDate"] = res.data[0]['CustomerOrderReviewInfo-ReplyDate'].replaceAll("-",".")
                 }
             })
         },
-       
-        // 处理日期并补0
-        // dealDate(dateString){
-        //     let dateArr = dateString.split(".")
-        //     return dateArr[0] +"-"+ (Array(2).join(0) + dateArr[1]).slice(-2)+"-"+ (Array(2).join(0) + dateArr[2]).slice(-2)
-        // },
         // 显示详情
         showDetail(data){
             this.detailHeaders.push({"prop":"-","lable":""})
@@ -302,20 +274,16 @@ export default {
         }
     },
     created(){
-
         this.getCustomerList()
-        this.getCustartlist()
     },
     mounted(){
- 
-    this.$nextTick(() => {
-        this.tableHeight = this.calculationTableHeight(
-        this.$refs.tableRef,
-        300
-        );
-    });
-
-  }
+        this.$nextTick(() => {
+            this.tableHeight = this.calculationTableHeight(
+            this.$refs.tableRef,
+            300
+            );
+        });
+    }
 };
 </script>
 <style lang="less" scoped>
diff --git a/src/views/productionPlanning/customerInquiry/upload.vue b/src/views/productionPlanning/customerInquiry/upload.vue
index a40d185..d7570f8 100644
--- a/src/views/productionPlanning/customerInquiry/upload.vue
+++ b/src/views/productionPlanning/customerInquiry/upload.vue
@@ -1,5 +1,5 @@
 <template>
-	<el-dialog :title="title" model-value width="50%" :close-on-click-modal="false" :before-close="cancel">
+	<el-dialog :title="title" width="50%"  :before-close="handleClose" >
 		<input
 			type="file"
 			accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, xls, xlsx"
@@ -18,7 +18,14 @@
 import { uploadExcel } from "@/server/plan/workbench/customerInquiry.js";
 export default {
 	name: 'editField',
- 
+  props:{
+    showUploadDailog : {
+      type: Boolean,
+      default: () => {
+        return false
+      }
+    },
+  },
 	data() {
 		return {
 			title: '导入', // 弹框标题
@@ -26,9 +33,13 @@ export default {
       excel: '',
 		}
 	},
+  created () {
+    console.log('%cupload.vue line:37 this.showUploadDailog dd', 'color: #007acc;', this.showUploadDailog);
+  },
 	methods: {
-		cancel() { // 取消按钮
-			this.$emit('update:isShowDialog','')
+		handleClose(done) { // 取消按钮
+
+			done();
 		},
 		// 上传文件预览
     previewUpload(file) {