From 04b8eff075a04db23e6f908855699b4d2954588c Mon Sep 17 00:00:00 2001 From: yyt <306727702@qq.com> Date: 星期四, 23 五月 2024 18:47:01 +0800 Subject: [PATCH] 380新产品,优化 --- jcdm-ui/src/views/main/da/tileMatchRules/index.vue | 236 ++++++++++++++++++++++++++-------------------------------- 1 files changed, 105 insertions(+), 131 deletions(-) diff --git a/jcdm-ui/src/views/main/da/tileMatchRules/index.vue b/jcdm-ui/src/views/main/da/tileMatchRules/index.vue index 64a9a09..104eb91 100644 --- a/jcdm-ui/src/views/main/da/tileMatchRules/index.vue +++ b/jcdm-ui/src/views/main/da/tileMatchRules/index.vue @@ -10,38 +10,7 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鎵爜瀵硅薄1" prop="scanObject1"> - <el-input - v-model="queryParams.scanObject1" - placeholder="璇疯緭鍏ユ壂鐮佸璞�1" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鎵爜瀵硅薄2" prop="scanObject2"> - <el-input - v-model="queryParams.scanObject2" - placeholder="璇疯緭鍏ユ壂鐮佸璞�2" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="杞村悕绉�" prop="axisName"> - <el-input - v-model="queryParams.axisName" - placeholder="璇疯緭鍏ヨ酱鍚嶇О" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="棰堝悕绉�" prop="neckName"> - <el-input - v-model="queryParams.neckName" - placeholder="璇疯緭鍏ラ鍚嶇О" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> + <el-form-item label="鐡﹀悕绉�" prop="tileName"> <el-input v-model="queryParams.tileName" @@ -50,73 +19,29 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="杞村弬鏁版暟浣嶇疆" prop="axisParameterNoPosition"> - <el-input - v-model="queryParams.axisParameterNoPosition" - placeholder="璇疯緭鍏ヨ酱鍙傛暟鏁颁綅缃�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="棰堝弬鏁版暟浣嶇疆" prop="neckParameterPosition"> - <el-input - v-model="queryParams.neckParameterPosition" - placeholder="璇疯緭鍏ラ鍙傛暟鏁颁綅缃�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="杞村��" prop="axisValue"> - <el-input - v-model="queryParams.axisValue" - placeholder="璇疯緭鍏ヨ酱鍊�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="棰堝��" prop="neckValue"> - <el-input - v-model="queryParams.neckValue" - placeholder="璇疯緭鍏ラ鍊�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鐡﹂鑹�" prop="tileColor"> - <el-input - v-model="queryParams.tileColor" - placeholder="璇疯緭鍏ョ摝棰滆壊" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鍒涘缓鐢ㄦ埛" prop="createUser"> - <el-input - v-model="queryParams.createUser" - placeholder="璇疯緭鍏ュ垱寤虹敤鎴�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鏇存敼鐢ㄦ埛" prop="updateUser"> - <el-input - v-model="queryParams.updateUser" - placeholder="璇疯緭鍏ユ洿鏀圭敤鎴�" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> + <el-form-item label="鐘舵��" prop="state"> - <el-input - v-model="queryParams.state" - placeholder="璇疯緭鍏ョ姸鎬�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-select v-model="queryParams.state" placeholder="璇烽�夋嫨鐘舵��" clearable> + <el-option + v-for="dict in dict.type.sys_normal_disable" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> </el-form-item> <el-form-item style="float: right"> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> + <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">楂樼骇鏌ヨ</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + </el-form-item> + </el-form> + <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="68px"> + <el-form-item label="棰堝悕绉�" prop="neckName"> + <el-input v-model="queryParams.neckName" placeholder="璇疯緭鍏ラ鍚嶇О" clearable @keyup.enter.native="handleQuery"/> + </el-form-item> + <el-form-item label="杞村悕绉�" prop="axisName"> + <el-input v-model="queryParams.axisName" placeholder="璇疯緭鍏ヨ酱鍚嶇О" clearable @keyup.enter.native="handleQuery"/> </el-form-item> </el-form> </el-card> @@ -170,48 +95,42 @@ <el-table border v-loading="loading" :data="tileMatchRulesList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="涓婚敭id" align="center" prop="id" /> - <el-table-column label="浜у搧绯诲垪" align="center" prop="productSeries"> - +<!-- <el-table-column label="涓婚敭id" align="center" prop="id" />--> + <el-table-column label="浜у搧绯诲垪" align="center" prop="productSeries" width="90"> </el-table-column> - <el-table-column label="鎵爜瀵硅薄1" align="center" prop="scanObject1"> - + <el-table-column label="鎵爜瀵硅薄1" align="center" prop="scanObject1" width="90"> </el-table-column> - <el-table-column label="鎵爜瀵硅薄2" align="center" prop="scanObject2"> - + <el-table-column label="鎵爜瀵硅薄2" align="center" prop="scanObject2" width="90"> </el-table-column> <el-table-column label="杞村悕绉�" align="center" prop="axisName"> - </el-table-column> <el-table-column label="棰堝悕绉�" align="center" prop="neckName"> - </el-table-column> <el-table-column label="鐡﹀悕绉�" align="center" prop="tileName"> - </el-table-column> - <el-table-column label="杞村弬鏁版暟浣嶇疆" align="center" prop="axisParameterNoPosition"> - + <el-table-column label="杞村弬鏁颁綅缃�" align="center" prop="axisParameterNoPosition" width="90"> </el-table-column> - <el-table-column label="棰堝弬鏁版暟浣嶇疆" align="center" prop="neckParameterPosition"> - + <el-table-column label="棰堝弬鏁颁綅缃�" align="center" prop="neckParameterPosition" width="90"> </el-table-column> <el-table-column label="杞村��" align="center" prop="axisValue"> - </el-table-column> <el-table-column label="棰堝��" align="center" prop="neckValue"> - </el-table-column> - <el-table-column label="鐡﹂鑹�" align="center" prop="tileColor"> - + <el-table-column label="鐡﹂鑹�" align="center" prop="tileColor" > + <template slot-scope="scope"> + <dict-tag :options="dict.type.colour_hex" :value="scope.row.tileColor" style="color: #FFFFFF;" :style="{ backgroundColor: scope.row.tileColor }"/> + </template> </el-table-column> - <el-table-column label="鍒涘缓鐢ㄦ埛" align="center" prop="createUser"> +<!-- <el-table-column label="鍒涘缓鐢ㄦ埛" align="center" prop="createUser">--> - </el-table-column> - <el-table-column label="鏇存敼鐢ㄦ埛" align="center" prop="updateUser"> +<!-- </el-table-column>--> +<!-- <el-table-column label="鏇存敼鐢ㄦ埛" align="center" prop="updateUser">--> - </el-table-column> +<!-- </el-table-column>--> <el-table-column label="鐘舵��" align="center" prop="state"> - + <template slot-scope="scope"> + <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.state"/> + </template> </el-table-column> <el-table-column fixed="right" width="200" label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> @@ -247,12 +166,12 @@ /> <!-- 娣诲姞鎴栦慨鏀归厤鐡﹁鍒欏璇濇 --> - <el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="500px" append-to-body> + <el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="700px" append-to-body> <span slot="title"> <i class="el-icon-s-order"></i> {{titleName}} </span> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> + <el-form ref="form" inline :model="form" :rules="rules" label-width="80px"> <el-form-item label="浜у搧绯诲垪" prop="productSeries"> <el-input v-model="form.productSeries" placeholder="璇疯緭鍏ヤ骇鍝佺郴鍒�" /> </el-form-item> @@ -271,11 +190,11 @@ <el-form-item label="鐡﹀悕绉�" prop="tileName"> <el-input v-model="form.tileName" placeholder="璇疯緭鍏ョ摝鍚嶇О" /> </el-form-item> - <el-form-item label="杞村弬鏁版暟浣嶇疆" prop="axisParameterNoPosition"> - <el-input v-model="form.axisParameterNoPosition" placeholder="璇疯緭鍏ヨ酱鍙傛暟鏁颁綅缃�" /> + <el-form-item label="杞村弬鏁颁綅缃�" prop="axisParameterNoPosition" label-width="120"> + <el-input v-model="form.axisParameterNoPosition" placeholder="璇疯緭鍏ヨ酱鍙傛暟浣嶇疆" /> </el-form-item> - <el-form-item label="棰堝弬鏁版暟浣嶇疆" prop="neckParameterPosition"> - <el-input v-model="form.neckParameterPosition" placeholder="璇疯緭鍏ラ鍙傛暟鏁颁綅缃�" /> + <el-form-item label="棰堝弬鏁颁綅缃�" prop="neckParameterPosition" label-width="120"> + <el-input v-model="form.neckParameterPosition" placeholder="璇疯緭鍏ラ鍙傛暟浣嶇疆" /> </el-form-item> <el-form-item label="杞村��" prop="axisValue"> <el-input v-model="form.axisValue" placeholder="璇疯緭鍏ヨ酱鍊�" /> @@ -283,17 +202,37 @@ <el-form-item label="棰堝��" prop="neckValue"> <el-input v-model="form.neckValue" placeholder="璇疯緭鍏ラ鍊�" /> </el-form-item> - <el-form-item label="鐡﹂鑹�" prop="tileColor"> +<!-- <el-form-item label="鐡﹂鑹�" prop="tileColor"> <el-input v-model="form.tileColor" placeholder="璇疯緭鍏ョ摝棰滆壊" /> + </el-form-item>--> +<!-- <el-form-item label="鐡﹂鑹�" prop="tileColor" required> + <el-color-picker v-model="form.tileColor" size="medium"></el-color-picker> + </el-form-item>--> + <el-form-item label="鐡﹂鑹�" prop="tileColor"> + <el-select v-model="form.tileColor" placeholder="璇烽�夋嫨鐘舵��"> + <el-option + v-for="dict in dict.type.colour_hex" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> </el-form-item> - <el-form-item label="鍒涘缓鐢ㄦ埛" prop="createUser"> - <el-input v-model="form.createUser" placeholder="璇疯緭鍏ュ垱寤虹敤鎴�" /> - </el-form-item> - <el-form-item label="鏇存敼鐢ㄦ埛" prop="updateUser"> - <el-input v-model="form.updateUser" placeholder="璇疯緭鍏ユ洿鏀圭敤鎴�" /> - </el-form-item> +<!-- <el-form-item label="鍒涘缓鐢ㄦ埛" prop="createUser">--> +<!-- <el-input v-model="form.createUser" placeholder="璇疯緭鍏ュ垱寤虹敤鎴�" />--> +<!-- </el-form-item>--> +<!-- <el-form-item label="鏇存敼鐢ㄦ埛" prop="updateUser">--> +<!-- <el-input v-model="form.updateUser" placeholder="璇疯緭鍏ユ洿鏀圭敤鎴�" />--> +<!-- </el-form-item>--> <el-form-item label="鐘舵��" prop="state"> - <el-input v-model="form.state" placeholder="璇疯緭鍏ョ姸鎬�" /> + <el-select v-model="form.state" placeholder="璇烽�夋嫨鐘舵��"> + <el-option + v-for="dict in dict.type.sys_normal_disable" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> + </el-select> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -309,8 +248,10 @@ export default { name: "TileMatchRules", + dicts: ['subscription_type', 'sys_yes_no', 'data_type','sys_normal_disable','colour_hex'], data() { return { + advancedShowSearch: false, // 閬僵灞� loading: true, titleName: "", @@ -356,6 +297,36 @@ id: [ { required: true, message: "涓婚敭id涓嶈兘涓虹┖", trigger: "blur" } ], + productSeries: [ + { required: true, message: "浜у搧绯诲垪涓嶈兘涓虹┖", trigger: "blur" } + ], + axisName: [ + { required: true, message: "杞村悕绉颁笉鑳戒负绌�", trigger: "blur" } + ], + neckName: [ + { required: true, message: "棰堝悕绉颁笉鑳戒负绌�", trigger: "blur" } + ], + tileName: [ + { required: true, message: "鐡﹀悕绉颁笉鑳戒负绌�", trigger: "blur" } + ], + axisParameterNoPosition: [ + { required: true, message: "杞村弬鏁颁綅缃笉鑳戒负绌�", trigger: "blur" } + ], + neckParameterPosition: [ + { required: true, message: "棰堝弬鏁颁綅缃笉鑳戒负绌�", trigger: "blur" } + ], + axisValue: [ + { required: true, message: "杞村�间笉鑳戒负绌�", trigger: "blur" } + ], + neckValue: [ + { required: true, message: "棰堝�间笉鑳戒负绌�", trigger: "blur" } + ], + tileColor: [ + { required: true, message: "鐡﹀�间笉鑳戒负绌�", trigger: "blur" } + ], + state: [ + { required: true, message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur" } + ] } }; }, @@ -363,6 +334,9 @@ this.getList(); }, methods: { + advancedQuery(){ + this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true; + }, /** 鏌ヨ閰嶇摝瑙勫垯鍒楄〃 */ getList() { this.loading = true; -- Gitblit v1.9.3