From 2e9dc3303941a06935e23c0cc65599471d2e678a Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期二, 09 四月 2024 17:10:10 +0800 Subject: [PATCH] 系统增加几个跳转按钮 --- src/views/system/rule/city/index.vue | 231 ++++++++++++++++++++++++--------------------------------- 1 files changed, 98 insertions(+), 133 deletions(-) diff --git a/src/views/system/rule/city/index.vue b/src/views/system/rule/city/index.vue index 155408c..9bf4d02 100644 --- a/src/views/system/rule/city/index.vue +++ b/src/views/system/rule/city/index.vue @@ -11,16 +11,25 @@ @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鍒涘缓鏃堕棿" prop="createTime"> - <el-date-picker - v-model="daterangeCreateTime" - style="width: 240px" - value-format="yyyy-MM-dd HH:mm:ss" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - /> + <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> + <el-select v-model="queryParams.templateId" placeholder="鑰冩牳妯℃澘" clearable> + <el-option + v-for="item in templateList" + :key="item.id" + :label="item.templateName" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory"> + <el-select v-model="queryParams.ruleCategory" placeholder="瑙勫垯绫诲瀷" clearable> + <el-option + v-for="dict in dict.type.platform_rule_category" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> @@ -65,30 +74,24 @@ <el-table v-loading="loading" :data="checkRuleList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="瑙勫垯鍚嶇О" align="center" prop="ruleName" /> - <el-table-column label="杩愮淮绫诲埆" align="center" prop="examineCategory"> + <el-table-column label="鑰冩牳绫诲瀷" align="center" prop="examineCategory"> <template slot-scope="scope"> - <div v-if="scope.row.examineCategory === 1">鐪佸巺鑰冩牳</div> - <div v-else-if="scope.row.examineCategory === 2">鍖哄幙鑰冩牳</div> - <div v-else-if="scope.row.examineCategory === 3">鍏徃鑰冩牳</div> + <dict-tag :options="dict.type.platform_examine_category" :value="scope.row.examineCategory"/> </template> </el-table-column> - <el-table-column label="杩愮淮绫诲埆" align="center" prop="category"> + <el-table-column label="瑙勫垯绫诲瀷" align="center" prop="ruleCategory"> <template slot-scope="scope"> - <div v-if="scope.row.category === 1">瑙嗛鐩戞帶</div> - <div v-else-if="scope.row.category === 2">杞﹁締璇嗗埆</div> - <div v-else-if="scope.row.category === 3">浜鸿劯璇嗗埆</div> + <dict-tag :options="dict.type.platform_rule_category" :value="scope.row.ruleCategory"/> </template> </el-table-column> - <el-table-column label="瑙勫垯鎻忚堪" align="center" prop="ruleDetail" /> - <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" /> + <el-table-column label="鑰冩牳妯℃澘" align="center" prop="templateName" /> + <el-table-column label="瀹℃牳鐘舵��" align="center" prop="auditState"> <template slot-scope="scope"> <dict-tag :options="dict.type.platform_audit_state" :value="scope.row.auditState"/> </template> </el-table-column> - <el-table-column label="瀹℃牳浜�" align="center" prop="auditUser" /> - <el-table-column label="瀹℃牳鏃堕棿" align="center" prop="auditTime" /> - <el-table-column label="瀹℃牳鎰忚" align="center" prop="auditDescription" /> + <el-table-column label="瀹℃牳璇存槑" align="center" prop="auditDescription"/> <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button @@ -126,62 +129,43 @@ <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" /> + <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> </el-form-item> <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="瑙勫垯绫诲瀷"> + <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷" disabled> <el-option - v-for="item in examineList" + v-for="dict in dict.type.platform_examine_category" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + /> + </el-select> + </el-form-item> + <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory"> + <el-select v-model="form.ruleCategory" placeholder="鑰冩牳绫诲瀷" disabled> + <el-option + v-for="dict in dict.type.platform_rule_category" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> + </el-form-item> + <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription"> + <el-input v-model="form.ruleDescription" type="textarea" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> + </el-form-item> + <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> + <el-select v-model="form.templateId" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in templateList" :key="item.id" - :label="item.value" + :label="item.templateName" :value="item.id"> </el-option> </el-select> </el-form-item> - <el-form-item label="瑙勫垯绫诲瀷" prop="category"> - <el-select v-model="form.category" placeholder="瑙勫垯绫诲瀷"> - <el-option - v-for="item in categoryList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDetail"> - <el-input v-model="form.ruleDetail" type="textarea" show-word-limit maxlength="150" placeholder="璇疯緭鍏ヨ鍒欐弿杩�"/> - </el-form-item> - <el-form-item label="鍙傛暟閰嶇疆" prop="ruleDetail"> - <div class="row-warp"> - <div class="row"> - <div class="row-left">鍙傛暟鍚�</div> - <div class="row-right">鏉′欢</div> - </div> - <div class="row"> - <div class="row-left">澶╃綉瑙嗛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div> - <el-input class="input-w" type="number" v-model="form.videoPointNum"/>{{" %"}} - </div> - </div> - </div> - <div class="row"> - <div class="row-left">杞﹁締鍗″彛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div><el-input class="input-w" type="number" v-model="form.vehicleCheckpointNum"/></div>{{" %"}} - </div> - </div> - <div class="row"> - <div class="row-left">浜鸿劯鍗″彛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div> - <el-input class="input-w" type="number" v-model="form.faceChceckpointNum" /></div>{{" %"}} - </div> - </div> - </div> + <el-form-item label="鏉冮噸" prop="weight"> + <el-input type="number" v-model="form.weight" placeholder="璇疯緭鍏ユ潈閲�"/> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -198,60 +182,42 @@ <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/> </el-form-item> <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="瑙勫垯绫诲瀷"> + <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷" disabled> <el-option - v-for="item in examineList" + v-for="dict in dict.type.platform_examine_category" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + /> + </el-select> + </el-form-item> + <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory"> + <el-select v-model="form.ruleCategory" placeholder="鑰冩牳绫诲瀷" disabled> + <el-option + v-for="dict in dict.type.platform_rule_category" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> + </el-select> + </el-form-item> + <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription"> + <el-input v-model="form.ruleDescription" type="textarea" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/> + </el-form-item> + <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> + <el-select v-model="form.templateId" placeholder="璇烽�夋嫨" disabled> + <el-option + v-for="item in templateList" :key="item.id" - :label="item.value" + :label="item.templateName" :value="item.id"> </el-option> </el-select> </el-form-item> - <el-form-item label="瑙勫垯绫诲瀷" prop="category"> - <el-select v-model="form.category" placeholder="瑙勫垯绫诲瀷" disabled> - <el-option - v-for="item in categoryList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> + <el-form-item label="鏉冮噸" prop="weight"> + <el-input type="number" v-model="form.weight" placeholder="璇疯緭鍏ユ潈閲�" disabled/> </el-form-item> - <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDetail"> - <el-input v-model="form.ruleDetail" type="textarea" show-word-limit maxlength="150" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" disabled/> - </el-form-item> - <el-form-item label="鍙傛暟閰嶇疆" prop="ruleDetail" disabled> - <div class="row-warp"> - <div class="row"> - <div class="row-left">鍙傛暟鍚�</div> - <div class="row-right">鏉′欢</div> - </div> - <div class="row"> - <div class="row-left">澶╃綉瑙嗛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div> - <el-input class="input-w" type="number" v-model="form.videoPointNum" disabled/> - </div> - </div> - </div> - <div class="row"> - <div class="row-left">杞﹁締鍗″彛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div><el-input class="input-w" type="number" v-model="form.vehicleCheckpointNum" disabled/></div> - </div> - </div> - <div class="row"> - <div class="row-left">浜鸿劯鍗″彛鐐逛綅鏁�</div> - <div class="row-right"> - <div>涓嶅皯浜�</div> - <div> - <el-input class="input-w" type="number" v-model="form.faceChceckpointNum" disabled/></div> - </div> - </div> - </div> - </el-form-item> + <el-form-item label="瀹℃牳缁撴灉" prop="auditState" > <el-radio-group v-model="form.auditState"> <el-radio :label="1">閫氳繃</el-radio> @@ -273,10 +239,10 @@ <script> import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule"; - +import { templateSelect} from "@/api/platform/check-template" export default { name: "CheckRule", - dicts: ['platform_audit_state'], + dicts: ['platform_audit_state','platform_examine_category','platform_rule_category'], data() { return { // 閬僵灞� @@ -291,18 +257,7 @@ showSearch: true, // 鎬绘潯鏁� total: 0, - // 杩愮淮绫诲瀷 - categoryList: [ - { id: 1, value: '瑙嗛鐩戞帶' }, - { id: 2, value: '杞﹁締璇嗗埆' }, - { id: 3, value: '浜鸿劯璇嗗埆' }, - ], - // 杩愮淮绫诲瀷 - examineList: [ - { id: 1, value: '鐪佸巺鑰冩牳' }, - { id: 2, value: '鍖哄幙鑰冩牳' }, - { id: 3, value: '浜鸿劯璇嗗埆' }, - ], + templateList:[], // 鑰冩牳瑙勫垯琛ㄦ牸鏁版嵁 checkRuleList: [], daterangeCreateTime: [], @@ -318,6 +273,9 @@ pageSize: 10, ruleName: null, createTime: null, + ruleCategory: null, + templateId: null, + examineCategory: 1, }, // 琛ㄥ崟鍙傛暟 form: {}, @@ -331,8 +289,15 @@ }, created() { this.getList(); + this.getTemplateSelect(); }, methods: { + /** 鑰冩牳妯℃澘涓嬫媺鍒楄〃 */ + getTemplateSelect() { + templateSelect().then((res) => { + this.templateList = res.data; + }) + }, /** 鏌ヨ鑰冩牳瑙勫垯鍒楄〃 */ getList() { this.loading = true; @@ -341,7 +306,7 @@ this.queryParams["end"] = this.daterangeCreateTime[1]; } listCheckRule(this.queryParams).then(response => { - this.checkRuleList = response.data; + this.checkRuleList = response.rows; this.total = response.total; this.loading = false; }); -- Gitblit v1.8.0