From 25c777002fb57397320b65b830cc805b29f7c23a Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期四, 13 三月 2025 16:18:01 +0800 Subject: [PATCH] qx --- src/components/jianceResult/index.vue | 84 +++++++++++++++++++++++++++++++----------- 1 files changed, 62 insertions(+), 22 deletions(-) diff --git a/src/components/jianceResult/index.vue b/src/components/jianceResult/index.vue index 4baeb4a..88be67e 100644 --- a/src/components/jianceResult/index.vue +++ b/src/components/jianceResult/index.vue @@ -1,21 +1,32 @@ <template> <div> <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body @close="quxiao"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px" @submit.native.prevent="handleQuery"> <el-form-item label="鍐呭" prop="xmg"> - <el-input v-model="queryParams.xmgz" placeholder="璇疯緭鍏ュ唴瀹�" clearable @keyup.enter.native="handleQuery" - style="width: 130px;" /> + <el-input v-model="queryParams.xmgz" placeholder="璇疯緭鍏ュ唴瀹�" clearable + style="width: 130px;" @keyup.enter.native="handleQuery"/> </el-form-item> - <el-form-item> + <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> </el-form-item> + <el-form-item label="妫�娴嬬粨鏋�" prop="xmg"> + <el-input + type="textarea" + :autosize="{ minRows: 2, maxRows: 4 }" + v-model="selectedContent" + placeholder="" + style="width: 400px;" + clearable + + /> + </el-form-item> </el-form> - <el-table :data="dataList" ref="elTable" v-loading="loading" border @selection-change="handleSelectionChange"> + <el-table :data="dataList" ref="elTable" v-loading="loading" border @selection-change="handleSelectionChange" style="max-height: 360px; overflow-y: auto;"> <el-table-column type="selection" width="40" align="center" /> <el-table-column label="鏍囧彿" prop="aid" align="center" /> <el-table-column label="缁撹鍊�" prop="ruleStr" align="center" /> - <el-table-column label="鍙傝�冭寖鍥�" prop="reference" align="center" /> + <el-table-column label="鍙傝�冭寖鍥�" prop="reference" align="center" /> <el-table-column label="绠�鐮�" prop="jm" align="center" /> </el-table> <span slot="footer" class="dialog-footer"> @@ -52,32 +63,24 @@ queryParams: { xmgz: '' } }; }, + mounted() { }, methods: { + handleOk() { + this.open = false + this.$emit('add', this.list); + this.list = []; // 娓呯┖宸查�夊垪琛� + this.queryParams.xmgz = ''; // 娓呯┖鏌ヨ鍙傛暟 + }, quxiao(){ this.open = false this.queryParams = { xmgz: '' } - }, - handleOk() { - if (this.list.length == 0) { - this.$modal.msgError("璇烽�夋嫨鑷冲皯涓�椤癸紒"); - return - } else { - this.open = false - this.$emit('add', this.list); - } - + this.list = []; // 娓呯┖宸查�夊垪琛� }, handleQuery() { - this.getList(); - }, - handleSelectionChange(selection) { - this.list = selection - }, - getList() { this.loading = true; selectZT({ proId: this.proId, @@ -93,6 +96,43 @@ } }); }, + handleSelectionChange(selection) { + this.list = selection + console.log(this.list); + + }, + getList(row,date) { + console.log(row) + this.proId=row.proId + this.loading = true; + selectZT({ + proId: this.proId, + xmgz: this.queryParams.xmgz + }).then((res) => { + if (res.data.length > 0) { + this.open = true + this.dataList = res.data; + this.loading = false; + } else { + this.dataList = res.data; + this.loading = false; + } + }); + }, + }, + computed: { + selectedContent: { + get() { + return this.list.map(item => item.ruleStr).join(','); + }, + set(value) { + // 鎵嬪姩缂栬緫鏃跺悓姝ュ洖list锛堥渶瑕佹牴鎹疄闄呮暟鎹粨鏋勮皟鏁达級 + this.list = value.split(',').map(str => ({ + ...this.dataList.find(item => item.ruleStr === str.trim()), + ruleStr: str.trim() + })).filter(Boolean); + } + } }, }; </script> -- Gitblit v1.8.0