From 4f3dcd0320e21fc31f1669a23cedfa28572b8c85 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 18 三月 2024 13:17:00 +0800
Subject: [PATCH] 完成设备明细新增页面调整

---
 src/components/do/b1-ins-order/add.vue |   86 ++++++++++++++++++++++++++++++++++++------
 1 files changed, 73 insertions(+), 13 deletions(-)

diff --git a/src/components/do/b1-ins-order/add.vue b/src/components/do/b1-ins-order/add.vue
index b1b4b22..23d27c7 100644
--- a/src/components/do/b1-ins-order/add.vue
+++ b/src/components/do/b1-ins-order/add.vue
@@ -41,6 +41,12 @@
 		font-size: 18px;
 	}
 
+  .el-select-dropdown__item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
 </style>
 <style>
 	.ins_order_add .el-input-group__append,
@@ -82,13 +88,16 @@
 			<el-row class="title">
 				<el-col :span="6" style="padding-left: 20px;">濮旀墭鍗曚俊鎭�</el-col>
 				<el-col :span="18" style="text-align: right;">
-					<el-select v-model="template" size="medium" placeholder="涓嬪崟妯℃澘" style="margin-right: 10px;" v-show="active<2">
-						<el-option v-for="(a, ai) in templates" :key="ai" :value="a.value" :label="a.label"></el-option>
+					<el-select v-model="template" size="medium" placeholder="涓嬪崟妯℃澘" style="margin-right: 10px;" v-show="active==1">
+						<el-option v-for="(a, ai) in templates" :key="ai" :value="a.value" :label="a.label">
+              <span style="float: left">{{ a.label }}</span>
+              <i class="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px" @click.stop="handleDelete"></i>
+            </el-option>
 					</el-select>
-					<el-button size="medium" @click="" v-show="active<2">
+					<el-button size="medium" @click="templateDia=true" v-show="active==1">
 						<span style="color: #3A7BFA;">淇濆瓨妯℃澘</span>
 					</el-button>
-					<el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active<2">鎻愪氦</el-button>
+					<el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-show="active==1">鎻愪氦</el-button>
           <el-button size="medium" @click="upInsOrderOfState(2)" :loading="saveLoad" v-show="active==3">瀹℃牳涓嶉�氳繃</el-button>
           <el-button size="medium" type="primary" @click="upInsOrderOfState(1)" :loading="saveLoad" v-show="active==3">瀹℃牳閫氳繃</el-button>
 					<el-button size="medium" @click="$parent.playOrder(0)">
@@ -160,14 +169,14 @@
 			</el-row>
 		</div>
 		<div>
-			<div style="text-align: right;line-height: 45px;">
-				<el-button type="primary" size="small" @click="addSampleDia = true" v-show="active<2">娣诲姞鏍峰搧</el-button>
+			<div style="text-align: right;line-height: 45px;" v-if="active<2">
+				<el-button type="primary" size="small" @click="addSampleDia = true"  >娣诲姞鏍峰搧</el-button>
 				<el-button size="small" @click="delSample">
-					<span style="color: #3A7BFA;" v-show="active<2">鍒犻櫎鏍峰搧</span>
+					<span style="color: #3A7BFA;">鍒犻櫎鏍峰搧</span>
 				</el-button>
 			</div>
-			<el-table class="el-table" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark" border
-				@selection-change="selectSample" highlight-current-row @row-click="rowClick">
+			<el-table class="el-table sampleTable" ref="sampleTable" :data="sampleList" height="250px" tooltip-effect="dark" border
+				@selection-change="selectSample" highlight-current-row @row-click="rowClick" style="margin-top: 10px;">
 				<el-table-column type="selection" width="60"></el-table-column>
 				<el-table-column type="index" label="搴忓彿" width="65" align="center"></el-table-column>
 				<el-table-column prop="sample" label="鏍峰搧鍚嶇О" align="center" show-overflow-tooltip
@@ -340,6 +349,18 @@
 				<el-button type="primary" @click="onSample()" :loading="getProductLoad">纭� 瀹�</el-button>
 			</span>
 		</el-dialog>
+    <el-dialog title="淇濆瓨妯℃澘" :visible.sync="templateDia" width="30%">
+			<div class="body" style="height: 10vh;display: flex;align-items: center;" v-if="templateDia">
+        <div class="search_label"><span class="required-span">* </span>妯℃澘鍚嶇О锛�</div>
+        <div class="search_input">
+          <el-input size="small" clearable v-model="templateName"></el-input>
+        </div>
+			</div>
+			<span slot="footer" class="dialog-footer">
+				<el-button @click="templateDia = false">鍙� 娑�</el-button>
+				<el-button type="primary" @click="addTemplateDia" :loading="templateLoading">纭� 瀹�</el-button>
+			</span>
+		</el-dialog>
 	</div>
 </template>
 
@@ -362,7 +383,12 @@
 		data() {
 			return {
 				template: null,
-				templates: [],
+				templates: [
+          {
+            label:'0000',
+            value:1
+          }
+        ],
 				addObj: {
 					entrustCode: null,
 					custom: null,
@@ -426,7 +452,10 @@
 				productList: [],
 				productIds: [],
 				getProductLoad: false,
-				saveLoad: false
+				saveLoad: false,
+        templateDia:false,
+        templateLoading:false,
+        templateName:''
 			}
 		},
 		mounted() {
@@ -443,7 +472,10 @@
 				}).then(res => {
           this.addObj = {...res.data.insOrder};
           this.addObj.type = String(this.addObj.type)
-          this.sampleList = res.data.sampleProduct
+          this.sampleList = this.HaveJson(res.data.sampleProduct);
+          this.$nextTick(()=>{
+            this.$refs.sampleTable.doLayout()
+          })
 				})
       }
 		},
@@ -659,7 +691,35 @@
 					return 'warning-row';
 				}
 				return '';
-			}
+			},
+      // 鍒犻櫎妯℃澘--璋冪敤鎺ュ彛
+      handleDelete(){
+        this.$confirm('鏄惁鍒犻櫎褰撳墠鏁版嵁?', "璀﹀憡", {
+							confirmButtonText: "纭畾",
+							cancelButtonText: "鍙栨秷",
+							type: "warning"
+						}).then(() => {
+							// this.$axios.post(this.delUrl, {
+							// 	id: row.id
+							// }).then(res => {
+							// 	if (res.code === 201) {
+							// 		return
+							// 	}
+							// 	this.$message.success('鍒犻櫎鎴愬姛')
+							// 	this.selectList()
+							// }).catch(e => {
+							// 	this.$message.error('鍒犻櫎澶辫触')
+							// })
+						}).catch(() => {})
+      },
+      // 淇濆瓨妯℃澘
+      addTemplateDia(){
+        if(this.templateName){
+          this.templateLoading = true;
+        }else{
+          this.$message.error('璇峰~鍐欐ā鏉垮悕绉�')
+        }
+      }
 		}
 	}
 </script>

--
Gitblit v1.9.3