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