From 597f5a86db16d2c22a9bcfee20bc3239936b1263 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期三, 10 四月 2024 18:16:55 +0800 Subject: [PATCH] 考核结果、考核详情页面 --- /dev/null | 441 ------------------------- src/views/system/result/index.vue | 263 +++++++++++++++ src/views/system/result/detail/index.vue | 286 ++++++++++++++++ src/router/index.js | 14 4 files changed, 551 insertions(+), 453 deletions(-) diff --git a/src/router/index.js b/src/router/index.js index 8d1943d..8067cb4 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -77,12 +77,7 @@ component: Layout, hidden: true, children: [ - { - path: 'detail', - name: 'check-result-city', - component: () => import('@/views/system/result/city/detail'), - meta: { title: '甯傚眬鑰冩牳缁撴灉璇︽儏', activeMenu: '/system/check-result/city' } - } + ] }, { @@ -90,12 +85,7 @@ component: Layout, hidden: true, children: [ - { - path: 'detail', - name: 'check-result-province', - component: () => import('@/views/system/result/province/detail'), - meta: { title: '鐪佸巺鑰冩牳缁撴灉璇︽儏', activeMenu: '/system/check-result/province' } - } + ] }, { diff --git a/src/views/system/result/city/detail.vue b/src/views/system/result/city/detail.vue deleted file mode 100644 index 3eb00c4..0000000 --- a/src/views/system/result/city/detail.vue +++ /dev/null @@ -1,841 +0,0 @@ -<template> - <div class="app-container"> - <el-page-header @back="goBack" content="璇︽儏椤甸潰"> - </el-page-header> - <el-container> - <el-main style="padding-top: 0px"> - <h2>鑰冩牳鍒嗘暟鏄庣粏</h2> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> - <el-form-item label="鑰冩牳瀵硅薄" prop="ruleName"> - <el-select - v-model="queryParams.address" - placeholder="璇烽�夋嫨鍖哄煙" - clearable - > - <el-option label="鑷础甯�" value="鑷础甯�"/> - <el-option label="娌挎哗鍖�" value="娌挎哗鍖�"/> - <el-option label="澶у畨鍖�" value="澶у畨鍖�"/> - <el-option label="璐′簳鍖�" value="璐′簳鍖�"/> - <el-option label="鑷祦浜曞尯" value="鑷祦浜曞尯"/> - <el-option label="楂樻柊鍖�" value="楂樻柊鍖�"/> - <el-option label="鑽e幙" value="鑽e幙"/> - <el-option label="瀵岄『鍘�" value="瀵岄『鍘�"/> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鏃ユ湡" prop="createTime"> - <div class="block"> - <el-date-picker - v-model="value2" - align="right" - type="date" - placeholder="閫夋嫨鏃ユ湡" - :picker-options="pickerOptions"> - </el-date-picker> - </div> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleScoreUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getScoreList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="scoreList" @selection-change="handleSelectionChange"> - <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="鑰冩牳瑙勫垯" align="center" prop="ruleId"> - <template slot-scope="scope"> - <div v-if="scope.row.ruleId == 5">涓�鏈轰竴妗f敞鍐岀巼</div> - <div v-else-if="scope.row.ruleId == 4">涓�鏈轰竴妗e悎鏍肩巼</div> - <div v-else-if="scope.row.ruleId == 3">骞冲彴鍦ㄧ嚎鐜�</div> - </template> - </el-table-column> - <el-table-column label="鑰冩牳瀵硅薄" align="center" prop="unitName"> - <template slot-scope="scope"> - <div v-if="scope.row.unitName ==='鎴愰兘x杩愮淮' ">鎴愰兘x杩愮淮</div> - <div v-else>鑷祦浜曞尯</div> - </template> - </el-table-column> - <el-table-column label="鍒嗗��" align="center" prop="score" /> - <el-table-column label="鑰冩牳鏃堕棿" align="center" prop="createTime" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleScoreUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleScoreDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - <pagination - v-show="total>0" - :total="scoreTotal" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getRuleList" - /> - </el-main> - </el-container> - <el-container> - <el-main> - <h2>鑰冩牳瑙勫垯</h2> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleRuleUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getRuleList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="ruleList" @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="ruleWeight" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleRuleUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getRuleList" - /> - </el-main> - </el-container> - - <el-container> - <el-main> - <h2>鑰冩牳鎴愮哗</h2> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> - <el-form-item label="鑰冩牳瀵硅薄" prop="ruleName"> - <el-select - v-model="queryParams.address" - placeholder="璇烽�夋嫨鍖哄煙" - clearable - > - <el-option label="鑷础甯�" value="鑷础甯�"/> - <el-option label="娌挎哗鍖�" value="娌挎哗鍖�"/> - <el-option label="澶у畨鍖�" value="澶у畨鍖�"/> - <el-option label="璐′簳鍖�" value="璐′簳鍖�"/> - <el-option label="鑷祦浜曞尯" value="鑷祦浜曞尯"/> - <el-option label="楂樻柊鍖�" value="楂樻柊鍖�"/> - <el-option label="鑽e幙" value="鑽e幙"/> - <el-option label="瀵岄『鍘�" value="瀵岄『鍘�"/> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鏃ユ湡" prop="createTime"> - <div class="block"> - <el-date-picker - v-model="value2" - align="right" - type="date" - placeholder="閫夋嫨鏃ユ湡" - :picker-options="pickerOptions"> - </el-date-picker> - </div> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - @click="handleExport" - v-hasPermi="['system:checkRule:export']" - >瀵煎嚭</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getRuleList"></right-toolbar> - </el-row> - <el-table v-loading="loading" :data="checkResultList" @selection-change="handleSelectionChange"> - <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="鑰冩牳鏃ユ湡" align="center" prop="date" width="120px"/> - <el-table-column label="鑰冩牳瀵硅薄" align="center" prop="target" width="120px"/> - <el-table-column label="骞冲彴鍦ㄧ嚎鐜�(鏉冮噸锛�0.5)" align="center" prop="platformOnline" width="120px"/> - <el-table-column label="涓�鏈轰竴妗e悎鏍肩巼(鏉冮噸锛�0.5)" align="center" prop="monitorQualification" width="120px"/> - <el-table-column label="涓�鏈轰竴妗f敞鍐岀巼(鏉冮噸锛�0.5)" align="center" prop="monitorRegistration" width="120px"/> - <el-table-column label="妗f鑰冩牳姣�(鏉冮噸锛�0.5)" align="center" prop="archivesRate" width="120px"/> - <el-table-column label="鐐逛綅鍦ㄧ嚎鐜�(鏉冮噸锛�1)" align="center" prop="siteOnline" width="120px"/> - <el-table-column label="褰曞儚鍙敤鐜�(鏉冮噸锛�1)" align="center" prop="videoAvailable" width="120px"/> - <el-table-column label="鏍囨敞姝g‘鐜�(鏉冮噸锛�0.5)" align="center" prop="annotationAccuracy" width="120px"/> - <el-table-column label="鏍℃椂姝g‘鐜�(鏉冮噸锛�0.5)" align="center" prop="timingAccuracy" width="120px"/> - <el-table-column label="閲嶇偣鐐逛綅鍦ㄧ嚎鐜�(鏉冮噸锛�0.5)" align="center" prop="keySiteOnline" width="120px"/> - <el-table-column label="閲嶇偣鐐逛綅褰曞儚鍙敤鐜�(鏉冮噸锛�0.5)" align="center" prop="keyVideoAvailable" width="120px"/> - <el-table-column label="閲嶇偣鐐逛綅鏍囨敞姝g‘鐜�(鏉冮噸锛�0.5)" align="center" prop="keyAnnotationAccuracy" width="120px"/> - <el-table-column label="閲嶇偣鐐逛綅鎸夋椂姝g‘鐜�(鏉冮噸锛�0.5)" align="center" prop="keyTimingAccuracy" width="120px"/> - <el-table-column label="閲嶇偣鎸囨尌鍥惧儚鍏畨閮ㄥ贰妫�缁撴灉(鏉冮噸锛�0.2)" align="center" prop="keyCommandImageInspection" width="120px"/> - <el-table-column label="閲嶇偣鎸囨尌鍥惧儚鐩綍鏍�(鏉冮噸锛�0.8)" align="center" prop="keyCommandImageDirectoryTree" width="120px"/> - <el-table-column label="鍦ㄧ嚎妫�鏌ュ钩鍙伴儴缃插強杩愯鐜�(鏉冮噸锛�0.075)" align="center" prop="onlineInspectionPlatform" width="120px"/> - <el-table-column label="瑙嗛浼犺緭缃戣祫浜у噯纭巼(鏉冮噸锛�0.075)" align="center" prop="videoTransmissionAssetsAccuracy" width="120px"/> - <el-table-column label="瑙嗛浼犺緭缃戣祫浜у急鍙d护寰楀垎姣斾緥(鏉冮噸锛�0.075)" align="center" prop="videoTransmissionAssetsWeakPasswordScore" width="120px"/> - <el-table-column label="瑙嗛浼犺緭缃戝嵄闄╄祫浜у緱鍒嗘瘮閲�(鏉冮噸锛�0.075)" align="center" prop="videoTransmissionDangerousAssetsScore" width="120px"/> - <el-table-column label="瑙嗛浼犺緭缃戣竟鐣屽畬鏁存�ф娴嬫墸鍒嗛」(鏉冮噸锛�0.2)" align="center" prop="videoTransmissionBoundaryIntegrityDetection" width="120px"/> - <el-table-column label="鏈堣繍琛岀巼" align="center" prop="operatingRate"/> - </el-table> - </el-main> - </el-container> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="ruleOpen" width="600px" append-to-body> - <el-form ref="form" :model="ruleForm" :rules="rules" label-width="80px"> - <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input v-model="ruleForm.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" /> - </el-form-item> - <el-form-item label="瑙勫垯绫诲瀷" prop="category"> - <el-select v-model="ruleForm.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="ruleForm.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="ruleForm.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="ruleForm.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="ruleForm.faceChceckpointNum" /></div>{{" %"}} - </div> - </div> - </div> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - <!-- 瑙勫垯璇︽儏 --> - <el-dialog title="瑙勫垯璇︽儏" :visible.sync="ruleDetailOpen" width="50%" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input class="input" disabled v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" /> - </el-form-item> - <el-form-item label="杩愮淮鍏徃" prop="companyName"> - <el-input class="input" disabled :value ="companyName" placeholder="璇疯緭鍏ヨ繍缁村叕鍙稿悕绉�"></el-input> - </el-form-item> - <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDesc"> - <el-input class="input" disabled v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" /> - </el-form-item> - <el-form-item label="瑙勫垯璁剧疆"> - <div > - <div class="line"> - <div class="line-left">鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="text"/></div>鍒� - </div> - <div class="line"> - <div class="line-left">OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒� - </div> - <div class="line"> - <div class="line-left">鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗f暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒� - </div> - </div> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button @click="cancel">鍏抽棴</el-button> - </div> - </el-dialog> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳璁″垎瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="scoreOpen" width="500px" append-to-body> - <el-form ref="form" :model="scoreForm" :rules="rules" label-width="80px"> - <el-form-item label="鍒嗗��" prop="score"> - <el-input v-model="scoreForm.score" placeholder="璇疯緭鍏ュ垎鍊�" /> - </el-form-item> - <el-form-item label="鑰冩牳鍚�" prop="examineId"> - <el-select v-model="scoreForm.examineId" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in examineList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳瀵硅薄" prop="unitId"> - <el-select v-model="scoreForm.unitId" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in unitList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳瑙勫垯" prop="ruleCategory"> - <el-select v-model="scoreForm.ruleCategory" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in ruleCategoryList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - </div> -</template> - -<script> -import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result"; -import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule"; -import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/check-score"; -import {unitSelect} from "@/api/platform/unit"; -import {publishSelect} from "@/api/platform/check-publish"; - -export default { - name: "CheckResult", - dicts: ['platform_audit_state'], - data() { - return { - activeNames: ['1'], - companyName: "鎴愰兘x杩愮淮鍏徃", - detailTitle: '', - detailOpen: false, - detail:{ - }, - examineList: [], - unitList: [ - {id:2,value: '鎴愰兘x杩愮淮'}, - {id:3,value: '鑷祦浜曞尯'}, - ], - ruleCategoryList: [ - { id: 1, value: '瑙嗛鍦ㄧ嚎鐜�' }, - { id: 2, value: '瀛樺偍鏁呴殰' }, - { id: 3, value: '瑙嗗浘搴撳鎺ョǔ瀹氭��' }, - { id: 4, value: '涓�鏈轰竴妗�24灏忔椂鏈慨澶�' }, - { id: 5, value: '鏃堕挓涓嶅悓姝�24灏忔椂鏈慨澶�' }, - ], - tableData: [{ - name: '瑙嗛骞冲潎鍦ㄧ嚎鐜�', - content: '97%', - score: '-5' - }, { - name: '涓�鏈轰竴妗�24灏忔椂鏈慨澶�', - content: '5涓�', - score: '-0.5' - }, { - name: '瀛樺偍鏁呴殰', - content: '5灏忔椂', - score: '-0.3' - }, { - name: '鏃堕挓涓嶅悓姝�24灏忔椂鏈慨澶�', - content: '3涓�', - score: '-0.5' - }], - // 杩愮淮绫诲瀷 - categoryList: [ - { id: 1, value: '瑙嗛鐩戞帶' }, - { id: 2, value: '杞﹁締璇嗗埆' }, - { id: 3, value: '浜鸿劯璇嗗埆' }, - ], - manualScoreOpen: false, - manualScoreForm: {}, - manualScoreTitle: '', - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - // 鑰冩牳缁撴灉琛ㄦ牸鏁版嵁 - checkResultList: [ - { - date: '2024-04-02', - target: '鑷祦浜曞尯', - platformOnline: '97%', - monitorQualification: '97%', - monitorRegistration: '97%', - archivesRate: '97%', - siteOnline: '97%', - videoAvailable: '97%', - annotationAccuracy: '97%', - timingAccuracy: '97%', - keySiteOnline: '97%', - keyVideoAvailable: '97%', - keyAnnotationAccuracy: '97%', - keyTimingAccuracy: '97%', - keyCommandImageInspection: '97%', - keyCommandImageDirectoryTree: '97%', - onlineInspectionPlatform: '97%', - videoTransmissionAssetsAccuracy: '97%', - videoTransmissionAssetsWeakPasswordScore: '97%', - videoTransmissionDangerousAssetsScore: '97%', - videoTransmissionBoundaryIntegrityDetection: '97%', - operatingRate: '97%', - }, - { - date: '2024-04-03', - target: '鑷祦浜曞尯', - platformOnline: '97%', - monitorQualification: '97%', - monitorRegistration: '97%', - archivesRate: '97%', - siteOnline: '97%', - videoAvailable: '97%', - annotationAccuracy: '97%', - timingAccuracy: '97%', - keySiteOnline: '97%', - keyVideoAvailable: '97%', - keyAnnotationAccuracy: '97%', - keyTimingAccuracy: '97%', - keyCommandImageInspection: '97%', - keyCommandImageDirectoryTree: '97%', - onlineInspectionPlatform: '97%', - videoTransmissionAssetsAccuracy: '97%', - videoTransmissionAssetsWeakPasswordScore: '97%', - videoTransmissionDangerousAssetsScore: '97%', - videoTransmissionBoundaryIntegrityDetection: '97%', - operatingRate: '97%', - } - - ], - scoreTotal: 3, - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - scoreOpen: false, - ruleOpen: false, - ruleDetailOpen: false, - // 閫昏緫鍒犻櫎鏃堕棿鑼冨洿 - daterangeCheckTime: [], - - // 琛ㄥ崟鍙傛暟 - form: {}, - scoreForm: {}, - ruleForm: {}, - jsonRule: {}, - // 鑰冩牳瑙勫垯鍒楄〃 - ruleList: [ - {ruleName: '骞冲彴鍦ㄧ嚎鐜�',ruleWeight: 0.5}, - {ruleName: '涓�鏈轰竴妗e悎鏍肩巼',ruleWeight: 0.5}, - {ruleName: '涓�鏈轰竴妗e湪绾跨巼',ruleWeight: 0.5}, - ], - // 鑰冩牳璁″垎琛ㄦ牸鏁版嵁 - scoreList: [], - //杩濈害瑙勫垯璇锋眰鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - ruleName: null, - ruleStatus: null, - createTime: null, - }, - //鑰冩牳鍒嗘暟璇锋眰鍙傛暟 - scoreQueryParams: { - pageNum: 1, - pageSize: 10, - examineCategory: 2, - }, - pickerOptions: { - disabledDate(time) { - return time.getTime() > Date.now(); - }, - shortcuts: [{ - text: '浠婂ぉ', - onClick(picker) { - picker.$emit('pick', new Date()); - } - }, { - text: '鏄ㄥぉ', - onClick(picker) { - const date = new Date(); - date.setTime(date.getTime() - 3600 * 1000 * 24); - picker.$emit('pick', date); - } - }, { - text: '涓�鍛ㄥ墠', - onClick(picker) { - const date = new Date(); - date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); - picker.$emit('pick', date); - } - }] - }, - value1: '', - value2: '', - // 琛ㄥ崟鏍¢獙 - rules: { - } - }; - }, - created() { - //鑰冩牳鎴愮哗璇︽儏璺宠浆鍙傛暟鎺ユ敹 - if(this.$route.query.detail){ - this.detail = this.$route.query.detail - console.log(this.$route.query.detail,"detail------------") - } - // 鑰冩牳瑙勫垯鍒楄〃 - // this.getRuleList(); - // 鑰冩牳绉垎鍒楄〃 - this.getScoreList(); - // this.selectUnit(); - this.selectExamine(); - }, - methods: { - handleChange(val) { - console.log(val); - }, - // 杩愮淮鍏徃涓嬫媺鏁版嵁 - // selectUnit() { - // unitSelect().then(res => { - // this.unitList = res.data; - // }) - // }, - // 鑰冩牳涓嬫媺鏁版嵁 - selectExamine() { - publishSelect().then(res => { - this.examineList = res.data; - }) - }, - /** 鏌ヨ鑰冩牳璁″垎鍒楄〃 */ - getScoreList() { - this.loading = true; - listScore(this.scoreQueryParams).then(response => { - this.scoreList = response.rows; - this.loading = false; - }); - }, - /** 鏌ヨ杩濈害瑙勫垯鍒楄〃 */ - getRuleList() { - this.loading = true; - if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { - this.queryParams["start"] = this.daterangeCreateTime[0]; - this.queryParams["end"] = this.daterangeCreateTime[1]; - } - listCheckRule(this.queryParams).then(response => { - this.ruleList = response.data; - this.total = response.total; - this.loading = false; - }); - }, - frequencyFormatter(row) { - if (row.frequency === "1") { - return "鏈堝害鑰冩牳" - } - if (row.frequency === "2") { - return "瀛e害鑰冩牳" - } - }, - examineRangeFormatter(row) { - if (row.examineRange === "1") { - return "鍒嗗眬鑰冩牳" - } - if (row.examineRange === "2") { - return "甯傚眬鑰冩牳" - } - }, - /** 鏌ヨ鑰冩牳缁撴灉鍒楄〃 */ - getCheckResult() { - this.loading = true; - getCheckResult(id).then(response => { - this.detail = response.data; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.scoreOpen = false; - this.ruleOpen = false; - this.ruleDetailOpen = false; - this.ruleDetailOpen = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - checkUnitId: null, - checkPublishId: null, - checkScore: null, - systemScore: null, - manualScore: null, - checkTime: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - cancelManualScore() { - this.manualScoreForm = {}; - this.manualScoreTitle = ""; - this.manualScoreOpen = false; - }, - submitManualScore() { - if (! this.manualScoreForm.manualScore) { - this.$modal.msgWarning("璇峰~鍐欏垎鏁�"); - return - } - manualScore(this.manualScoreForm).then(res => { - this.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - this.cancelManualScore(); - this.getList(); - }) - }, - handleSetManualScore(row) { - this.manualScoreForm.id = row.id; - this.manualScoreForm.manualScore = parseInt(row.manualScore); - this.manualScoreTitle = row.checkUnitName + '浜哄伐鎵撳垎' - this.manualScoreOpen = true; - }, - - handlePublish(row) { - let text = row.publish == 1 ? '鍙栨秷鍙戝竷' : '鍙戝竷'; - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭' + text + '鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return publishCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess(text + "鎴愬姛"); - }).catch(() => {}); - - }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.daterangeCheckTime = []; - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳缁撴灉"; - }, - /** 淇敼绉垎鎸夐挳鎿嶄綔 */ - handleScoreUpdate(row) { - this.reset(); - const id = row.id || this.ids - getScore(id).then(response => { - this.scoreForm = response.data; - this.scoreOpen = true; - this.title = "淇敼鑰冩牳璁″垎"; - }); - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleRuleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.ruleForm = response.data; - this.ruleOpen = true; - this.title = "淇敼鑰冩牳瑙勫垯"; - - }); - }, - // 璇︽儏鎸夐挳 - handleRuleDetail(row) { - this.ruleDetailOpen = true; - this.form = row; - this.jsonRule = JSON.parse(this.form.ruleDetail); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckResult(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addCheckResult(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkResult/export', { - ...this.queryParams - }, `checkResult_${new Date().getTime()}.xlsx`) - } - } -}; -</script> -<style scoped> - -.line { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; -} - -.line-right { - width: 50px; -} -.input{ - width: 200px; -} - -.input-w { - margin-left: 5px; - width: 70px; -} -.row-warp { - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - border: solid 1px gray; - /*padding: 3px;*/ -} -.row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - border-bottom: solid 1px gray; - padding: 3px; -} -.row:last-of-type { - border-bottom: none; -} -.row-left { - flex: 2; - border-right: solid 1px gray; -} -.row-right { - flex: 4; - display: flex; - flex-direction: row; - justify-content: center; -} -</style> diff --git a/src/views/system/result/city/index.vue b/src/views/system/result/city/index.vue deleted file mode 100644 index 8a934dc..0000000 --- a/src/views/system/result/city/index.vue +++ /dev/null @@ -1,482 +0,0 @@ -<template> - <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> - <el-form-item label="鑰冩牳瀵硅薄" prop="checkUnitId"> - <el-input - v-model="queryParams.checkUnitName" - placeholder="璇疯緭鍏ヨ�冩牳瀵硅薄" - clearable - @clear="handleQuery" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鑰冩牳棰戠巼" prop="frequency"> - <el-select v-model="queryParams.frequency" clearable @clear="handleQuery" placeholder="鑰冩牳棰戠巼"> - <el-option - label="鏈堝害鑰冩牳" - value="1"> - </el-option> - <el-option - label="瀛e害鑰冩牳" - value="2"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鑼冨洿" prop="examineRange"> - <el-select v-model="queryParams.examineRange" clearable @clear="handleQuery" placeholder="鑰冩牳鑼冨洿"> - <el-option - label="甯傚眬鑰冩牳" - value="2"> - </el-option> - <el-option - label="鍒嗗眬鑰冩牳" - value="1"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鏃堕棿"> - <el-date-picker - v-model="daterangeCheckTime" - style="width: 240px" - value-format="yyyy-MM-dd HH:mm:ss" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - ></el-date-picker> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - @click="handleExport" - >瀵煎嚭</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <el-card class="box-card" v-for="(item) in checkResultList"> - <div slot="header" class="clearfix"> - <span>{{ "杞﹁締鑰冩牳" }}</span> - <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">璇︽儏</el-button> - </div> - <div class="text item">鑰冩牳鏍囩<span class="time">{{ "鍥涘尯澶╃綉浜屾湡" }}</span></div> - <div class="text item">鑰冩牳鑼冨洿<span class="time">{{ "甯傚尯鑰冩牳" }}</span></div> - <div class="text item">鑰冩牳棰戠巼<span class="time">{{ "瀛e害" }}</span></div> - <el-tooltip effect="dark" placement="right-start"> - <div slot="content"> - 瀵岄『鍘匡細6.5 - <br/>娌挎哗鍖猴細6.5 - <br/>璐′簳鍖猴細6.5 - <br/>楂樻柊鍖猴細6.5 - <br/>澶у畨鍖猴細6.5 - <br/>鑷祦浜曞尯锛�6.5 - <br/>鑽e幙锛�6.5 - </div> - <span class="text item">{{ "鑰冩牳鎴愮哗" }}</span> - </el-tooltip> - <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-show="item.publish != 1" v-hasPermi="['result:contract:publish']">纭鍙戝竷</el-button> - <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-show="item.publish == 1" v-hasPermi="['result:contract:publish']">宸插彂甯�</el-button> - </el-card> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - - <el-dialog :title="detailName" :visible.sync="detail" width="800px" append-to-body> - <el-form label-position="left" inline class="table-expand"> - <el-collapse v-model="activeNames" @change="handleChange"> - <el-collapse-item name="1"> - <template slot="title"> - <div style="width: 10%">鑷祦浜曞尯</div><div style="margin-left: 75%">寰楀垎:0.97</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item name="2"> - <template slot="title"> - <div style="width: 10%">璐′簳鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="澶у畨鍖�" name="3"> - <template slot="title"> - <div style="width: 10%">澶у畨鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="娌挎哗鍖�" name="4"> - <template slot="title"> - <div style="width: 10%">娌挎哗鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="鑽e幙" name="5"> - <template slot="title"> - <div style="width: 10%">鑽e幙</div><div style="margin-left: 75%">寰楀垎:0.93</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="瀵岄『鍖�" name="6"> - <template slot="title"> - <div style="width: 10%">瀵岄『鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="楂樻柊鍖�" name="7"> - <template slot="title"> - <div style="width: 10%">楂樻柊鍖�</div><div style="margin-left: 75%;">寰楀垎:0.96</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - </el-collapse> - </el-form> - </el-dialog> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳缁撴灉瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - </div> - -</template> - -<script> -import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result"; - -export default { - name: "CheckResult", - data() { - return { - detailTitle: '', - detailOpen: false, - // 鏄惁鏄剧ず璇︽儏 - detail: false, - // 璇︽儏鏍囬 - detailName: "鑰冩牳缁撴灉", - activeNames: ['1'], - manualScoreOpen: false, - manualScoreForm: {}, - manualScoreTitle: '', - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - // 鑰冩牳缁撴灉琛ㄦ牸鏁版嵁 - checkResultList: [], - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - open: false, - // 閫昏緫鍒犻櫎鏃堕棿鑼冨洿 - daterangeCheckTime: [], - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - checkUnitId: null, - checkTime: null, - }, - // 琛ㄥ崟鍙傛暟 - form: {}, - // 琛ㄥ崟鏍¢獙 - rules: { - } - }; - }, - created() { - this.getList(); - }, - methods: { - handleChange(val) { - console.log(val); - }, - frequencyFormatter(row) { - if (row.frequency === "1") { - return "鏈堝害鑰冩牳" - } - if (row.frequency === "2") { - return "瀛e害鑰冩牳" - } - }, - examineRangeFormatter(row) { - if (row.examineRange === "1") { - return "鍒嗗眬鑰冩牳" - } - if (row.examineRange === "2") { - return "甯傚眬鑰冩牳" - } - }, - /** 鏌ヨ鑰冩牳缁撴灉鍒楄〃 */ - getList() { - this.loading = true; - if (null != this.daterangeCheckTime && '' != this.daterangeCheckTime) { - this.queryParams["start"] = this.daterangeCheckTime[0]; - this.queryParams["end"] = this.daterangeCheckTime[1]; - } - listCheckResult(this.queryParams).then(response => { - this.checkResultList = response.rows; - this.total = response.total; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.open = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - checkUnitId: null, - checkPublishId: null, - checkScore: null, - systemScore: null, - manualScore: null, - checkTime: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - cancelManualScore() { - this.manualScoreForm = {}; - this.manualScoreTitle = ""; - this.manualScoreOpen = false; - }, - submitManualScore() { - if (! this.manualScoreForm.manualScore) { - this.$modal.msgWarning("璇峰~鍐欏垎鏁�"); - return - } - manualScore(this.manualScoreForm).then(res => { - this.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - this.cancelManualScore(); - this.getList(); - }) - }, - handleSetManualScore(row) { - this.manualScoreForm.id = row.id; - this.manualScoreForm.manualScore = parseInt(row.manualScore); - this.manualScoreTitle = row.checkUnitName + '浜哄伐鎵撳垎' - this.manualScoreOpen = true; - }, - handleDetail(item) { - this.detail = item; - this.detail.carOnlineRate = '97%'; - console.log(this.detail,"detail") - this.$router.push({ - path: '/check-result/city/detail', - query: { - detail: this.detail - } - }) - }, - handlePublish(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍙戝竷鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return publishCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍙戝竷鎴愬姛"); - }).catch(() => {}); - - }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.daterangeCheckTime = []; - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳缁撴灉"; - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getCheckResult(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "淇敼鑰冩牳缁撴灉"; - }); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckResult(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addCheckResult(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkResult/export', { - ...this.queryParams - }, `checkResult_${new Date().getTime()}.xlsx`) - } - } -}; -</script> -<style> - .text { - font-size: 14px; - } - .time { - font-size: 13px; - color: #999; - margin-left: 10px; - } - .item { - margin-bottom: 18px; - } - - .clearfix:before, - .clearfix:after { - display: table; - content: ""; - } - .clearfix:after { - clear: both - } - .box-card { - width: 480px; - } - -</style> diff --git a/src/views/system/result/detail/index.vue b/src/views/system/result/detail/index.vue new file mode 100644 index 0000000..54eeb5a --- /dev/null +++ b/src/views/system/result/detail/index.vue @@ -0,0 +1,286 @@ +<template> + <div style="display: flex;flex-direction: row; padding: 15px"> + <div id="left"> + <div> + <div> + <div style="display: flex;flex-direction: row;"> + <div class="now-item"> + <div class="box now"> + <div class="title"> + 瑙嗛 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box now"> + <div class="title"> + 浜鸿劯 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box now"> + <div class="title"> + 鐩戞帶 + </div> + <div> + 98 + </div> + </div> + </div> + <div style="justify-content: center;align-items: center;display: flex;width: 80px"> + <i class="el-icon-caret-left">鏈湀</i> + </div> + + </div> + </div> + </div> + + <div style="margin-top: 20px"> + <div style="display: flex;flex-direction: row;"> + <div class="now-item"> + <div class="box"> + <div class="title"> + 瑙嗛 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 浜鸿劯 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 鐩戞帶 + </div> + <div> + 98 + </div> + </div> + </div> + <div style="justify-content: center;align-items: center;display: flex;width: 80px"> + <i class="el-icon-caret-left">24.<span style="font-size: large">3</span></i> + </div> + </div> + </div> + <div style="margin-top: 20px"> + <div style="display: flex;flex-direction: row;"> + <div class="now-item"> + <div class="box"> + <div class="title"> + 瑙嗛 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 浜鸿劯 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 鐩戞帶 + </div> + <div> + 98 + </div> + </div> + </div> + <div style="justify-content: center;align-items: center;display: flex;width: 80px"> + <i class="el-icon-caret-left">24.<span style="font-size: large">2</span></i> + </div> + </div> + </div> + <div style="margin-top: 20px"> + <div style="display: flex;flex-direction: row;"> + <div class="now-item"> + <div class="box"> + <div class="title"> + 瑙嗛 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 浜鸿劯 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 鐩戞帶 + </div> + <div> + 98 + </div> + </div> + </div> + <div style="justify-content: center;align-items: center;display: flex;width: 80px"> + <i class="el-icon-caret-left">24.<span style="font-size: large">1</span></i> + </div> + </div> + </div> + <div style="margin-top: 20px"> + <div style="display: flex;flex-direction: row;"> + <div class="now-item"> + <div class="box"> + <div class="title"> + 瑙嗛 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 浜鸿劯 + </div> + <div> + 98 + </div> + </div> + </div> + <div class="now-item"> + <div class="box"> + <div class="title"> + 鐩戞帶 + </div> + <div> + 98 + </div> + </div> + </div> + <div style="justify-content: center;align-items: center;display: flex;width: 80px"> + <i class="el-icon-caret-left">23.<span style="font-size: large">12</span></i> + </div> + </div> + </div> + </div> + <div id="right"> + <div style="margin-top: 120px; display: flex;flex-direction: column; justify-content: center; align-items: center"> + <div style="width: 210px; margin-bottom: 15px"> + <el-switch + v-model="searchForm.type" + active-text="甯傚眬" + inactive-text="鐪佸巺"> + </el-switch> + </div> + <div style="width: 210px; margin-bottom: 15px"> + <el-date-picker + clearable + v-model="searchForm.startTime" + type="month" + placeholder="寮�濮嬫椂闂�"> + </el-date-picker> + </div> + <div style="width: 210px; margin-bottom: 15px"> + <el-date-picker + clearable + v-model="searchForm.endTime" + type="month" + placeholder="缁撴潫鏃堕棿"> + </el-date-picker> + </div> + + </div> + </div> + </div> +</template> + +<script> +export default { + name: 'index', + data() { + return { + searchForm: { + + } + } + } +} +</script> + +<style scoped> +.now-item { + flex: 1; + display: flex; + justify-content: center; + align-items: center; +} +.now { + background-color: #42b983; + height: 80px !important; +} +.box { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1); + border-radius: 10px; + width: 240px; + height: 50px; +} +.box:hover{ + cursor: pointer; +} +.month { + margin-top: 20px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.title { + font-size: larger; +} +.item { + flex: 1; +} +#left { + flex: 5; +} +#right { + flex: 1.5; + height: 100%; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; +} +</style> diff --git a/src/views/system/result/index.vue b/src/views/system/result/index.vue new file mode 100644 index 0000000..0d78705 --- /dev/null +++ b/src/views/system/result/index.vue @@ -0,0 +1,263 @@ +<template> + <div id="warp"> + <el-row> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 鑷祦浜� + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 瀵岄『 + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 鑽e幙 + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 娌挎哗鍖� + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + + + </el-row> + + <el-row style="margin-top: 30px"> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 楂樻柊鍖� + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 澶у畨鍖� + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + <el-col :span="6"> + <div class="city-warp"> + <div class="city"> + <div class="title"> + 璐′簳鍖� + </div> + <div class="score-warp"> + <div class="score-item"> + <div>瑙嗛锛�</div> + <div class="score">99.5</div> + </div> + <div class="score-item"> + <div>浜鸿劯锛�</div> + <div class="score">87</div> + </div> + <div class="score-item"> + <div>鐩戞帶锛�</div> + <div class="score">94</div> + </div> + </div> + <div class="bottom-publish"> + <el-button size="medium" type="success">鍙戝竷</el-button> + <el-button size="medium" @click="jumpDetail" type="info">璇︽儏</el-button> + </div> + </div> + </div> + </el-col> + </el-row> + </div> + +</template> + +<script> +export default { + name: 'index', + data() { + return { + + } + }, + methods: { + jumpDetail() { + this.$router.push("/examine/detail") + } + } +} +</script> + +<style scoped> +.score-warp { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: #797777 +} +.score-item { + display: flex; + flex-direction: row; +} +.score { + width: 60px; + text-align: right; +} +#warp { + padding: 20px; +} +.city-warp { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 210px; +} +.city { + width: 240px; + height: 100%; + box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1); + border-radius: 10px; + position: relative; + text-align: center; + padding: 10px 0px; +} +.bottom-publish { + width: 100%; + position: absolute; + bottom: 10px; +} +.title { + font-size: larger; + margin-bottom: 25px; +} +</style> diff --git a/src/views/system/result/province/detail.vue b/src/views/system/result/province/detail.vue deleted file mode 100644 index 0577833..0000000 --- a/src/views/system/result/province/detail.vue +++ /dev/null @@ -1,791 +0,0 @@ -<template> - <div class="app-container"> - <el-page-header @back="goBack" content="璇︽儏椤甸潰"> - </el-page-header> - <el-container> - <el-main style="padding-top: 0px"> - <h2>鑰冩牳鍒嗘暟鏄庣粏</h2> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleScoreUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getScoreList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="scoreList" @selection-change="handleSelectionChange"> - <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="鑰冩牳鍚�" align="center" prop="examineName" /> - <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> - </template> - </el-table-column> - <el-table-column label="鑰冩牳瀵硅薄" align="center" prop="unitName"> - <template slot-scope="scope"> - <div v-if="scope.row.unitName ==='鎴愰兘x杩愮淮' ">鎴愰兘x杩愮淮</div> - <div v-else>鑷祦浜曞尯</div> - </template> - </el-table-column> - <el-table-column label="鍒嗗��" align="center" prop="score" /> - <el-table-column label="鑰冩牳瑙勫垯" align="center" prop="ruleCategory"> - <template slot-scope="scope"> - <div v-if="scope.row.ruleCategory == 1">瑙嗛鍦ㄧ嚎鐜�</div> - <div v-else-if="scope.row.ruleCategory == 2">瀛樺偍鏁呴殰</div> - <div v-else-if="scope.row.ruleCategory == 3">瑙嗗浘搴撳鎺ョǔ瀹氭��</div> - <div v-else-if="scope.row.ruleCategory == 4">涓�鏈轰竴妗�24灏忔椂鏈慨澶�</div> - <div v-else-if="scope.row.ruleCategory == 5">鏃堕挓涓嶅悓姝�24灏忔椂鏈慨澶�</div> - </template> - </el-table-column> - <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" /> - <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" /> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleScoreUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleScoreDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - </el-main> - </el-container> - <el-container> - <el-main> - <h2>鑰冩牳瑙勫垯</h2> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleRuleUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <!-- <el-col :span="1.5">--> - <!-- <el-button--> - <!-- type="warning"--> - <!-- plain--> - <!-- icon="el-icon-download"--> - <!-- size="mini"--> - <!-- @click="handleExport"--> - <!-- v-hasPermi="['system:checkRule:export']"--> - <!-- >瀵煎嚭</el-button>--> - <!-- </el-col>--> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getRuleList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="ruleList" @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="category"> - <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> - </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="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" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleRuleUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getRuleList" - /> - </el-main> - </el-container> - - <el-container> - <el-main> - <h2>鑰冩牳鎴愮哗</h2> - <el-collapse v-model="activeNames" @change="handleChange" > - <el-collapse-item name="1"> - <template slot="title"> - <div style="width: 10%" >鑷祦浜曞尯</div><div style="margin-left: 75%">寰楀垎:0.97</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item name="2"> - <template slot="title"> - <div style="width: 10%">璐′簳鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="澶у畨鍖�" name="3"> - <template slot="title"> - <div style="width: 10%">澶у畨鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="娌挎哗鍖�" name="4"> - <template slot="title"> - <div style="width: 10%">娌挎哗鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="鑽e幙" name="5"> - <template slot="title"> - <div style="width: 10%">鑽e幙</div><div style="margin-left: 75%">寰楀垎:0.93</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="瀵岄『鍖�" name="6"> - <template slot="title"> - <div style="width: 10%">瀵岄『鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="楂樻柊鍖�" name="7"> - <template slot="title"> - <div style="width: 10%">楂樻柊鍖�</div><div style="margin-left: 75%;">寰楀垎:0.96</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - </el-collapse> - </el-main> - </el-container> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="ruleOpen" width="600px" append-to-body> - <el-form ref="form" :model="ruleForm" :rules="rules" label-width="80px"> - <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input v-model="ruleForm.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" /> - </el-form-item> - <el-form-item label="瑙勫垯绫诲瀷" prop="category"> - <el-select v-model="ruleForm.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="ruleForm.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="ruleForm.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="ruleForm.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="ruleForm.faceChceckpointNum" /></div>{{" %"}} - </div> - </div> - </div> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - <!-- 瑙勫垯璇︽儏 --> - <el-dialog title="瑙勫垯璇︽儏" :visible.sync="ruleDetailOpen" width="50%" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input class="input" disabled v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" /> - </el-form-item> - <el-form-item label="杩愮淮鍏徃" prop="companyName"> - <el-input class="input" disabled :value ="companyName" placeholder="璇疯緭鍏ヨ繍缁村叕鍙稿悕绉�"></el-input> - </el-form-item> - <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDesc"> - <el-input class="input" disabled v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" /> - </el-form-item> - <el-form-item label="瑙勫垯璁剧疆"> - <div > - <div class="line"> - <div class="line-left">鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="text"/></div>鍒� - </div> - <div class="line"> - <div class="line-left">OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒� - </div> - <div class="line"> - <div class="line-left">鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗f暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵i櫎鐩稿叧闀滃ご鏁伴噺*</div> - <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒� - </div> - </div> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button @click="cancel">鍏抽棴</el-button> - </div> - </el-dialog> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳璁″垎瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="scoreOpen" width="500px" append-to-body> - <el-form ref="form" :model="scoreForm" :rules="rules" label-width="80px"> - <el-form-item label="鍒嗗��" prop="score"> - <el-input v-model="scoreForm.score" placeholder="璇疯緭鍏ュ垎鍊�" /> - </el-form-item> - <el-form-item label="鑰冩牳鍚�" prop="examineId"> - <el-select v-model="scoreForm.examineId" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in examineList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳瀵硅薄" prop="unitId"> - <el-select v-model="scoreForm.unitId" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in unitList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳瑙勫垯" prop="ruleCategory"> - <el-select v-model="scoreForm.ruleCategory" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in ruleCategoryList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - </div> -</template> - -<script> -import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result"; -import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule"; -import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/check-score"; -import {unitSelect} from "../../../../api/platform/unit"; -import {publishSelect} from "../../../../api/platform/check-publish"; - -export default { - name: "CheckResult", - dicts: ['platform_audit_state'], - data() { - return { - activeNames: ['1'], - companyName: "鎴愰兘x杩愮淮鍏徃", - detailTitle: '', - detailOpen: false, - detail:{ - }, - examineList: [], - unitList: [ - {id:2,value: '鎴愰兘x杩愮淮'}, - {id:3,value: '鑷祦浜曞尯'}, - ], - ruleCategoryList: [ - { id: 1, value: '瑙嗛鍦ㄧ嚎鐜�' }, - { id: 2, value: '瀛樺偍鏁呴殰' }, - { id: 3, value: '瑙嗗浘搴撳鎺ョǔ瀹氭��' }, - { id: 4, value: '涓�鏈轰竴妗�24灏忔椂鏈慨澶�' }, - { id: 5, value: '鏃堕挓涓嶅悓姝�24灏忔椂鏈慨澶�' }, - ], - tableData: [{ - name: '瑙嗛骞冲潎鍦ㄧ嚎鐜�', - content: '97%', - score: '-5' - }, { - name: '涓�鏈轰竴妗�24灏忔椂鏈慨澶�', - content: '5涓�', - score: '-0.5' - }, { - name: '瀛樺偍鏁呴殰', - content: '5灏忔椂', - score: '-0.3' - }, { - name: '鏃堕挓涓嶅悓姝�24灏忔椂鏈慨澶�', - content: '3涓�', - score: '-0.5' - }], - // 杩愮淮绫诲瀷 - categoryList: [ - { id: 1, value: '瑙嗛鐩戞帶' }, - { id: 2, value: '杞﹁締璇嗗埆' }, - { id: 3, value: '浜鸿劯璇嗗埆' }, - ], - manualScoreOpen: false, - manualScoreForm: {}, - manualScoreTitle: '', - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - // 鑰冩牳缁撴灉琛ㄦ牸鏁版嵁 - checkResultList: [], - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - scoreOpen: false, - ruleOpen: false, - ruleDetailOpen: false, - // 閫昏緫鍒犻櫎鏃堕棿鑼冨洿 - daterangeCheckTime: [], - // 琛ㄥ崟鍙傛暟 - form: {}, - scoreForm: {}, - ruleForm: {}, - jsonRule: {}, - // 鑰冩牳瑙勫垯鍒楄〃 - ruleList: [], - // 鑰冩牳璁″垎琛ㄦ牸鏁版嵁 - scoreList: [], - //杩濈害瑙勫垯璇锋眰鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - ruleName: null, - ruleStatus: null, - createTime: null, - }, - //鑰冩牳鍒嗘暟璇锋眰鍙傛暟 - scoreQueryParams: { - pageNum: 1, - pageSize: 10, - examineCategory: 1, - }, - // 琛ㄥ崟鏍¢獙 - rules: { - } - }; - }, - created() { - //鑰冩牳鎴愮哗璇︽儏璺宠浆鍙傛暟鎺ユ敹 - if(this.$route.query.detail){ - this.detail = this.$route.query.detail - console.log(this.$route.query.detail,"detail------------") - } - // 鑰冩牳瑙勫垯鍒楄〃 - this.getRuleList(); - // 鑰冩牳绉垎鍒楄〃 - this.getScoreList(); - // this.selectUnit(); - this.selectExamine(); - }, - methods: { - handleChange(val) { - console.log(val); - }, - // 杩愮淮鍏徃涓嬫媺鏁版嵁 - // selectUnit() { - // unitSelect().then(res => { - // this.unitList = res.data; - // }) - // }, - // 鑰冩牳涓嬫媺鏁版嵁 - selectExamine() { - publishSelect().then(res => { - this.examineList = res.data; - }) - }, - /** 鏌ヨ鑰冩牳璁″垎鍒楄〃 */ - getScoreList() { - this.loading = true; - listScore(this.scoreQueryParams).then(response => { - this.scoreList = response.rows; - this.loading = false; - }); - }, - /** 鏌ヨ杩濈害瑙勫垯鍒楄〃 */ - getRuleList() { - this.loading = true; - if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { - this.queryParams["start"] = this.daterangeCreateTime[0]; - this.queryParams["end"] = this.daterangeCreateTime[1]; - } - listCheckRule(this.queryParams).then(response => { - this.ruleList = response.data; - this.total = response.total; - this.loading = false; - }); - }, - frequencyFormatter(row) { - if (row.frequency === "1") { - return "鏈堝害鑰冩牳" - } - if (row.frequency === "2") { - return "瀛e害鑰冩牳" - } - }, - examineRangeFormatter(row) { - if (row.examineRange === "1") { - return "鍒嗗眬鑰冩牳" - } - if (row.examineRange === "2") { - return "甯傚眬鑰冩牳" - } - }, - /** 鏌ヨ鑰冩牳缁撴灉鍒楄〃 */ - getCheckResult() { - this.loading = true; - getCheckResult(id).then(response => { - this.detail = response.data; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.scoreOpen = false; - this.ruleOpen = false; - this.ruleDetailOpen = false; - this.ruleDetailOpen = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - checkUnitId: null, - checkPublishId: null, - checkScore: null, - systemScore: null, - manualScore: null, - checkTime: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - cancelManualScore() { - this.manualScoreForm = {}; - this.manualScoreTitle = ""; - this.manualScoreOpen = false; - }, - submitManualScore() { - if (! this.manualScoreForm.manualScore) { - this.$modal.msgWarning("璇峰~鍐欏垎鏁�"); - return - } - manualScore(this.manualScoreForm).then(res => { - this.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - this.cancelManualScore(); - this.getList(); - }) - }, - handleSetManualScore(row) { - this.manualScoreForm.id = row.id; - this.manualScoreForm.manualScore = parseInt(row.manualScore); - this.manualScoreTitle = row.checkUnitName + '浜哄伐鎵撳垎' - this.manualScoreOpen = true; - }, - - handlePublish(row) { - let text = row.publish == 1 ? '鍙栨秷鍙戝竷' : '鍙戝竷'; - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭' + text + '鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return publishCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess(text + "鎴愬姛"); - }).catch(() => {}); - - }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.daterangeCheckTime = []; - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳缁撴灉"; - }, - /** 淇敼绉垎鎸夐挳鎿嶄綔 */ - handleScoreUpdate(row) { - this.reset(); - const id = row.id || this.ids - getScore(id).then(response => { - this.scoreForm = response.data; - this.scoreOpen = true; - this.title = "淇敼鑰冩牳璁″垎"; - }); - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleRuleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.ruleForm = response.data; - this.ruleOpen = true; - this.title = "淇敼鑰冩牳瑙勫垯"; - - }); - }, - // 璇︽儏鎸夐挳 - handleRuleDetail(row) { - this.ruleDetailOpen = true; - this.form = row; - this.jsonRule = JSON.parse(this.form.ruleDetail); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckResult(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addCheckResult(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkResult/export', { - ...this.queryParams - }, `checkResult_${new Date().getTime()}.xlsx`) - } - } -}; -</script> -<style scoped> - -.line { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; -} - -.line-right { - width: 50px; -} -.input{ - width: 200px; -} - -.input-w { - margin-left: 5px; - width: 70px; -} -.row-warp { - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - border: solid 1px gray; - /*padding: 3px;*/ -} -.row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - border-bottom: solid 1px gray; - padding: 3px; -} -.row:last-of-type { - border-bottom: none; -} -.row-left { - flex: 2; - border-right: solid 1px gray; -} -.row-right { - flex: 4; - display: flex; - flex-direction: row; - justify-content: center; -} -</style> diff --git a/src/views/system/result/province/index.vue b/src/views/system/result/province/index.vue deleted file mode 100644 index 4b58e48..0000000 --- a/src/views/system/result/province/index.vue +++ /dev/null @@ -1,471 +0,0 @@ -<template> - <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> - <el-form-item label="鑰冩牳瀵硅薄" prop="checkUnitId"> - <el-input - v-model="queryParams.checkUnitName" - placeholder="璇疯緭鍏ヨ�冩牳瀵硅薄" - clearable - @clear="handleQuery" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鑰冩牳棰戠巼" prop="frequency"> - <el-select v-model="queryParams.frequency" clearable @clear="handleQuery" placeholder="鑰冩牳棰戠巼"> - <el-option - label="鏈堝害鑰冩牳" - value="1"> - </el-option> - <el-option - label="瀛e害鑰冩牳" - value="2"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鑼冨洿" prop="examineRange"> - <el-select v-model="queryParams.examineRange" clearable @clear="handleQuery" placeholder="鑰冩牳鑼冨洿"> - <el-option - label="甯傚眬鑰冩牳" - value="2"> - </el-option> - <el-option - label="鍒嗗眬鑰冩牳" - value="1"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鑰冩牳鏃堕棿"> - <el-date-picker - v-model="daterangeCheckTime" - style="width: 240px" - value-format="yyyy-MM-dd HH:mm:ss" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - ></el-date-picker> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - @click="handleExport" - >瀵煎嚭</el-button> - </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <el-card class="box-card" v-for="(item) in checkResultList"> - <div slot="header" class="clearfix"> - <span>{{ "杞﹁締鑰冩牳" }}</span> - <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">璇︽儏</el-button> - </div> - <div class="text item">鑰冩牳鏍囩<span class="time">{{ "鍥涘尯澶╃綉浜屾湡" }}</span></div> - <div class="text item">鑰冩牳鑼冨洿<span class="time">{{ "甯傚尯鑰冩牳" }}</span></div> - <div class="text item">鑰冩牳棰戠巼<span class="time">{{ "瀛e害" }}</span></div> - <div class="text item">鑰冩牳鏃堕棿 - <span class="time">{{ item.checkTime }}</span> - <el-button size="small" round style="float: right;" @click="handlePublish(item)" v-show="item.publish != 1" v-hasPermi="['result:city:publish']">纭鍙戝竷</el-button> - <el-button size="small" round style="float: right;" v-show="item.publish == 1" disabled="true" v-hasPermi="['result:city:publish']">宸插彂甯�</el-button> - </div> - </el-card> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - - <el-dialog :title="detailName" :visible.sync="detail" width="800px" append-to-body> - <el-form label-position="left" inline class="table-expand"> - <el-collapse v-model="activeNames" @change="handleChange"> - <el-collapse-item name="1"> - <template slot="title"> - <div style="width: 10%">鑷祦浜曞尯</div><div style="margin-left: 75%">寰楀垎:0.97</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item name="2"> - <template slot="title"> - <div style="width: 10%">璐′簳鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="澶у畨鍖�" name="3"> - <template slot="title"> - <div style="width: 10%">澶у畨鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="娌挎哗鍖�" name="4"> - <template slot="title"> - <div style="width: 10%">娌挎哗鍖�</div><div style="margin-left: 75%">寰楀垎:0.94</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="鑽e幙" name="5"> - <template slot="title"> - <div style="width: 10%">鑽e幙</div><div style="margin-left: 75%">寰楀垎:0.93</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="瀵岄『鍖�" name="6"> - <template slot="title"> - <div style="width: 10%">瀵岄『鍖�</div><div style="margin-left: 75%">寰楀垎:0.95</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - <el-collapse-item title="楂樻柊鍖�" name="7"> - <template slot="title"> - <div style="width: 10%">楂樻柊鍖�</div><div style="margin-left: 75%;">寰楀垎:0.96</div> - </template> - <div>瑙嗗浘搴撳鎺ョǔ瀹氭��:95.32%</div> - <div>鐐逛綅鍦ㄧ嚎鐜�:96.46%</div> - <div>鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼:97.26%</div> - <div>杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�:92.33%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�:94.26%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�:94.78%</div> - <div>杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�:93.98%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�:95.86%</div> - <div>杞﹁締鍗″彛璁惧url鍙敤鎬�:94.56%</div> - <div>杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�:91.77%</div> - </el-collapse-item> - </el-collapse> - </el-form> - </el-dialog> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳缁撴灉瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - </div> -</template> - -<script> -import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result"; - -export default { - name: "CheckResult", - data() { - return { - detailTitle: '', - detailOpen: false, - // 鏄惁鏄剧ず璇︽儏 - detail: false, - // 璇︽儏鏍囬 - detailName: "鑰冩牳缁撴灉", - activeNames: ['1'], - manualScoreOpen: false, - manualScoreForm: {}, - manualScoreTitle: '', - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - // 鑰冩牳缁撴灉琛ㄦ牸鏁版嵁 - checkResultList: [], - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - open: false, - // 閫昏緫鍒犻櫎鏃堕棿鑼冨洿 - daterangeCheckTime: [], - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - checkUnitId: null, - checkTime: null, - }, - // 琛ㄥ崟鍙傛暟 - form: {}, - // 琛ㄥ崟鏍¢獙 - rules: { - } - }; - }, - created() { - this.getList(); - }, - methods: { - handleChange(val) { - console.log(val); - }, - frequencyFormatter(row) { - if (row.frequency === "1") { - return "鏈堝害鑰冩牳" - } - if (row.frequency === "2") { - return "瀛e害鑰冩牳" - } - }, - examineRangeFormatter(row) { - if (row.examineRange === "1") { - return "鍒嗗眬鑰冩牳" - } - if (row.examineRange === "2") { - return "甯傚眬鑰冩牳" - } - }, - /** 鏌ヨ鑰冩牳缁撴灉鍒楄〃 */ - getList() { - this.loading = true; - if (null != this.daterangeCheckTime && '' != this.daterangeCheckTime) { - this.queryParams["start"] = this.daterangeCheckTime[0]; - this.queryParams["end"] = this.daterangeCheckTime[1]; - } - listCheckResult(this.queryParams).then(response => { - this.checkResultList = response.data; - this.total = response.total; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.open = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - checkUnitId: null, - checkPublishId: null, - checkScore: null, - systemScore: null, - manualScore: null, - checkTime: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - cancelManualScore() { - this.manualScoreForm = {}; - this.manualScoreTitle = ""; - this.manualScoreOpen = false; - }, - submitManualScore() { - if (! this.manualScoreForm.manualScore) { - this.$modal.msgWarning("璇峰~鍐欏垎鏁�"); - return - } - manualScore(this.manualScoreForm).then(res => { - this.$modal.msgSuccess("鎿嶄綔鎴愬姛"); - this.cancelManualScore(); - this.getList(); - }) - }, - handleSetManualScore(row) { - this.manualScoreForm.id = row.id; - this.manualScoreForm.manualScore = parseInt(row.manualScore); - this.manualScoreTitle = row.checkUnitName + '浜哄伐鎵撳垎' - this.manualScoreOpen = true; - }, - handleDetail(item) { - this.detail = item; - this.detail.carOnlineRate = '97%'; - console.log(this.detail,"detail") - this.$router.push({ - path: '/check-result/province/detail', - query: { - detail: this.detail - } - }) - }, - handlePublish(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍙戝竷鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return publishCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍙戝竷鎴愬姛"); - }).catch(() => {}); - - }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.daterangeCheckTime = []; - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳缁撴灉"; - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getCheckResult(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "淇敼鑰冩牳缁撴灉"; - }); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckResult(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.getList(); - }); - } else { - addCheckResult(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳缁撴灉缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckResult(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkResult/export', { - ...this.queryParams - }, `checkResult_${new Date().getTime()}.xlsx`) - } - } -}; -</script> -<style> - .text { - font-size: 14px; - } - .time { - font-size: 13px; - color: #999; - margin-left: 10px; - } - .item { - margin-bottom: 18px; - } - .clearfix:before, - .clearfix:after { - display: table; - content: ""; - } - .clearfix:after { - clear: both - } - .box-card { - width: 480px; - } - -</style> diff --git a/src/views/system/rule/city/index.vue b/src/views/system/rule/city/index.vue deleted file mode 100644 index 75d534d..0000000 --- a/src/views/system/rule/city/index.vue +++ /dev/null @@ -1,399 +0,0 @@ -<template> - <div> - - <div class="container"> - <el-row type="flex" justify="start"> - <el-col :span="24"> - <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">瑙嗛鑰冩牳瑙勫垯</h3> - </el-col> - </el-row> - - <el-row type="flex" justify="start" v-for="(items, index) in groupData(videoData)"> - <el-col :span="4" v-for="item in items" :key="item.id"> - <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> - <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> - <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> - <div class="bottom clearfix"> - <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> - <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> - </div> - </el-card> - <br/> - </el-col> - </el-row> - </div> - - <div class="container"> - <el-row type="flex" justify="center"> - <el-col :span="24"> - <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">杞﹁締鑰冩牳瑙勫垯</h3> - </el-col> - </el-row> - - <el-row type="flex" justify="start" v-for="(items, index) in groupData(carData)"> - <el-col :span="4" v-for="item in items" :key="item.id"> - <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> - <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> - <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> - <div class="bottom clearfix"> - <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> - <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> - </div> - </el-card> - <br/> - </el-col> - </el-row> - </div> - - <div class="container"> - <el-row type="flex" justify="center"> - <el-col :span="24"> - <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">浜鸿劯鑰冩牳瑙勫垯</h3> - </el-col> - </el-row> - - <el-row type="flex" justify="start" v-for="(items, index) in groupData(faceData)"> - <el-col :span="4" v-for="item in items" :key="item.id"> - <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> - <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> - <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> - <div class="bottom clearfix"> - <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> - <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> - </div> - </el-card> - <br/> - </el-col> - </el-row> - </div> - <br/><br/><br/><br/> - - <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� --> - <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.name" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> - </el-form-item> - <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷"> - <el-option - 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="瑙勫垯绫诲瀷"> - <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" :autosize="{ minRows: 4, maxRows: 6}" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - - <!-- 瀹℃牳鑰冩牳瑙勫垯瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="auditOpen" 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="璇疯緭鍏ヨ鍒欏悕绉�" disabled/> - </el-form-item> - <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷" disabled> - <el-option - 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="auditState" > - <el-radio-group v-model="form.auditState"> - <el-radio :label="1">閫氳繃</el-radio> - <el-radio :label="2">椹冲洖</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="瀹℃牳璇存槑" prop="auditDescription" > - <el-input v-model="form.auditDescription" type="textarea" show-word-limit maxlength="100" /> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - </div> -</template> - -<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','platform_examine_category','platform_rule_category'], - data() { - return { - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - templateList:[], - // 鑰冩牳瑙勫垯琛ㄦ牸鏁版嵁 - checkRuleList: [], - daterangeCreateTime: [], - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - open: false, - // 鏄惁鏄剧ず寮瑰嚭灞� - auditOpen: false, - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - ruleName: null, - createTime: null, - ruleCategory: null, - templateId: null, - examineCategory: 1, - }, - videoData: [ - { name: '骞冲彴鍦ㄧ嚎鐜�', icon: 'el-icon-connection', ruleDescription: '鐪佸巺瀵瑰競绾у叡浜拰鑱旂綉骞冲彴杩涜瀹炴椂鐩戞祴锛屽競绾у叡浜�/鑱旂綉骞冲彴姣忔湀绂荤嚎鎬绘椂闀垮湪30鍒嗛挓浠ュ唴鐨勫钩鍙板湪绾跨巼涓�100%锛屾瘡瓒呰繃30鍒嗛挓鎵�10涓櫨鍒嗙偣锛屾墸瀹屼负姝€��' + - '姣忎釜鏈堝簳鏈�鍚�4涓伐浣滄棩涓洪鐣欑殑璋冭瘯鏃堕棿锛屽彲杩涜骞冲彴瀵规帴璋冭瘯鎴栬�呭崌绾ф敼閫狅紝骞冲彴瀵规帴璋冭瘯鎴栬�呭崌绾ф敼閫犻』鎻愬墠鍚戠渷鍘呮姤澶囥�傞櫎' + - '姣忔湀搴�4涓伐浣滄棩锛屽叾浣欐椂闂存姤澶囨瘡娆℃墸10涓櫨鍒嗙偣锛屾瘡娆℃姤澶囦笉瓒呰繃24灏忔椂锛屾瘡鏈堜笉瓒呰繃3娆°�傦紙閲嶅ぇ鐗规畩鎯呭喌锛屽閲嶅ぇ鑷劧鐏惧绛夋姤鍘呴瀵兼壒绀猴級', examineCategory:0,ruleCategory:'0', auditStatus: 'approved'}, - { name: '涓�鏈轰竴妗e悎鏍肩巼', icon: 'el-icon-folder', ruleDescription: '杩愮淮骞冲彴姣忔湀鍒濆鍚勫湴涓婁紶鑷宠仈缃戝钩鍙扮殑鈥滀竴鏈轰竴妗b�濇暟鎹簱涓殑鎽勫儚鏈烘。妗堟暟鎹繘琛岃川閲忔牎楠岋紝瀵瑰繀濉」濉姤鍑嗙‘銆佽鑼冪殑妗f鏁版嵁瑙嗕负鍚堟牸銆俓n' + - '涓�鏈轰竴妗e悎鏍肩巼=鍚堟牸鐨勬。妗堟暟鎹潯鏁�/妗f鏁版嵁鎬绘潯鏁�', examineCategory:0,ruleCategory:'0', auditStatus: 'pending' }, - { name: '涓�鏈轰竴妗f敞鍐岀巼', icon: 'el-icon-folder', ruleDescription: '杩愮淮骞冲彴姣忔湀瀵圭渷鍘呰鍥惧簱鐨勫墠绔憚鍍忔満鐐逛綅鏁伴噺鍜屼竴鏈轰竴妗g殑鏁版嵁鍖归厤銆傦紙涓婃湀搴曟渶鍚庝竴澶╃‘璁や竴鏈轰竴妗h溅杈嗐�佷汉鑴哥偣浣嶆暟锛�1鍙风敱瑙嗗浘搴撲晶杩涜鑰冩牳锛塡n' + - '浜鸿劯鍗″彛璧勪骇娉ㄥ唽鐜�=璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺/锛堟湭娉ㄥ唽鐨勫湪绾夸汉鑴稿崱鍙f暟閲�+璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺锛塡n' + - '杞﹁締鍗″彛璧勪骇娉ㄥ唽鐜�=璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺/锛堟湭娉ㄥ唽鐨勫湪绾夸汉鑴稿崱鍙f暟閲�+璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺锛�', examineCategory:0,ruleCategory:'0', auditStatus: 'rejected' }, - { name: '妗f鑰冩牳姣�', icon: 'el-icon-folder', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-search', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, - { name: '褰曞儚鍙敤鐜�', icon: 'el-icon-turn-off', ruleDescription: '鎻忚堪淇℃伅',examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, - { name: '鏍囨敞姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - { name: '鏍℃椂姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - { name: '閲嶇偣鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, - { name: '閲嶇偣鐐逛綅鏍℃椂姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - { name: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - { name: '瑙嗛鍥惧儚璧勬簮瀹夊叏绠$悊', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, - ], - carData: [ - { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧url鍙敤鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - ], - faceData: [ - { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-alarm-clock', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-user', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '鐩綍涓�鑷寸巼', icon: 'el-icon-data-line', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-timer', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�', icon: 'el-icon-money', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '鎶撴媿浜鸿劯鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - { name: '浜鸿劯鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, - ], - activeIndex: '0', - // 琛ㄥ崟鍙傛暟 - form: {}, - // 琛ㄥ崟鏍¢獙 - rules: { - ruleName: [ - { required: true, message: "瑙勫垯鍚嶇О涓嶈兘涓虹┖", trigger: "blur" } - ], - } - }; - }, - created() { - - }, - methods: { - groupData(data) { - // 灏嗘暟鎹寜姣忓叚涓竴缁勮繘琛屽垎缁� - const groupedData = []; - for (let i = 0; i < data.length; i += 6) { - groupedData.push(data.slice(i, i + 6)); - } - return groupedData; - }, - /** 鑰冩牳妯℃澘涓嬫媺鍒楄〃 */ - getTemplateSelect() { - templateSelect().then((res) => { - this.templateList = res.data; - }) - }, - /** 鏌ヨ鑰冩牳瑙勫垯鍒楄〃 */ - getList() { - this.loading = true; - if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { - this.queryParams["start"] = this.daterangeCreateTime[0]; - this.queryParams["end"] = this.daterangeCreateTime[1]; - } - listCheckRule(this.queryParams).then(response => { - this.checkRuleList = response.rows; - this.total = response.total; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.open = false; - this.auditOpen = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - ruleName: null, - ruleDetail: null, - videoPointNum: null, - vehicleCheckpointNum: null, - faceChceckpointNum: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - handleSelect(key, keyPath) { - console.log(key, keyPath); - }, - getStatusColor(status) { - switch (status) { - case 'pending': - return '#ffffff'; // '#00a1d6'钃濊壊锛岃〃绀哄緟瀹℃牳 - case 'approved': - return '#ffffff'; // '#00e297'缁胯壊锛岃〃绀哄凡瀹℃牳 - case 'rejected': - return '#f56c6c'; // 绾㈣壊锛岃〃绀哄鏍告湭閫氳繃 - default: - return '#ffffff'; // 鐧借壊锛岄粯璁ょ姸鎬� - } - }, - - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳瑙勫垯"; - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(item) { - this.reset(); - const id = item.id || this.ids - this.form = item; - this.open = true; - this.title = "淇敼鑰冩牳瑙勫垯"; - }, - /** 瀹℃牳鎸夐挳鎿嶄綔 */ - handleAudit(row) { - this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.form = response.data; - this.auditOpen = true; - this.title = "瀹℃牳鑰冩牳瑙勫垯"; - }); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckRule(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.auditOpen = false; - this.getList(); - }); - } else { - addCheckRule(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.auditOpen = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳瑙勫垯缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckRule(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkRule/export', { - ...this.queryParams - }, `checkRule_${new Date().getTime()}.xlsx`) - } - } -}; -</script> - -<style scoped> -.container { - width: 90%; - margin: 10px auto; -} -.el-menu{ - margin: 10px auto; -} -</style> diff --git a/src/views/system/rule/province/index.vue b/src/views/system/rule/province/index.vue deleted file mode 100644 index 66d64a8..0000000 --- a/src/views/system/rule/province/index.vue +++ /dev/null @@ -1,441 +0,0 @@ -<template> - <div class="app-container"> - - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> - <el-form-item label="瑙勫垯鍚嶇О" prop="ruleName"> - <el-input - v-model="queryParams.ruleName" - placeholder="璇疯緭鍏ヨ鍒欏悕绉�" - clearable - @clear="handleQuery" - @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> - <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> - </el-form-item> - </el-form> - - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> -<!-- <el-col :span="1.5">--> -<!-- <el-button--> -<!-- type="warning"--> -<!-- plain--> -<!-- icon="el-icon-download"--> -<!-- size="mini"--> -<!-- @click="handleExport"--> -<!-- v-hasPermi="['system:checkRule:export']"--> -<!-- >瀵煎嚭</el-button>--> -<!-- </el-col>--> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <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"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.examineCategory" :value="scope.row.examineCategory"/> - </template> - </el-table-column> - <el-table-column label="瑙勫垯绫诲瀷" align="center" prop="ruleCategory"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.ruleCategory" :value="scope.row.ruleCategory"/> - </template> - </el-table-column> - <el-table-column label="瑙勫垯鎻忚堪" align="center" prop="ruleDetail" /> - <el-table-column label="鑰冩牳妯℃澘" align="center" prop="ruleDetail" /> - <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" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-s-check" - @click="handleAudit(scope.row)" - v-hasPermi="['check:rule:audit']" - >瀹℃牳</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - <div> - <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� --> - <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-form-item> - <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="瑙勫垯绫诲瀷"> - <el-option - v-for="item in examineList" - :key="item.id" - :label="item.value" - :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> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - </div> - - <!-- 瀹℃牳鑰冩牳瑙勫垯瀵硅瘽妗� --> - <el-dialog :title="title" :visible.sync="auditOpen" 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="璇疯緭鍏ヨ鍒欏悕绉�" disabled/> - </el-form-item> - <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="瑙勫垯绫诲瀷"> - <el-option - v-for="item in examineList" - :key="item.id" - :label="item.value" - :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> - <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-table-column label="鑰冩牳妯℃澘" align="center" prop="templateId" /> - <el-form-item label="瀹℃牳缁撴灉" prop="auditState" > - <el-radio-group v-model="form.auditState"> - <el-radio :label="1">閫氳繃</el-radio> - <el-radio :label="2">椹冲洖</el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="瀹℃牳璇存槑" prop="auditDescription" > - <el-input v-model="form.auditDescription" type="textarea" show-word-limit maxlength="100" /> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - </div> -</template> - -<script> -import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule"; - -export default { - name: "CheckRule", - dicts: ['platform_audit_state'], - data() { - return { - // 閬僵灞� - loading: true, - // 閫変腑鏁扮粍 - ids: [], - // 闈炲崟涓鐢� - single: true, - // 闈炲涓鐢� - multiple: true, - // 鏄剧ず鎼滅储鏉′欢 - showSearch: true, - // 鎬绘潯鏁� - total: 0, - // 鑰冩牳瑙勫垯琛ㄦ牸鏁版嵁 - checkRuleList: [], - daterangeCreateTime: [], - // 寮瑰嚭灞傛爣棰� - title: "", - // 鏄惁鏄剧ず寮瑰嚭灞� - open: false, - // 鏄惁鏄剧ず寮瑰嚭灞� - auditOpen: false, - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - ruleName: null, - createTime: null, - examineCategory: 0, - }, - // 琛ㄥ崟鍙傛暟 - form: {}, - // 琛ㄥ崟鏍¢獙 - rules: { - ruleName: [ - { required: true, message: "瑙勫垯鍚嶇О涓嶈兘涓虹┖", trigger: "blur" } - ], - } - }; - }, - created() { - this.getList(); - }, - methods: { - /** 鏌ヨ鑰冩牳瑙勫垯鍒楄〃 */ - getList() { - this.loading = true; - if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) { - this.queryParams["start"] = this.daterangeCreateTime[0]; - this.queryParams["end"] = this.daterangeCreateTime[1]; - } - listCheckRule(this.queryParams).then(response => { - this.checkRuleList = response.rows; - this.total = response.total; - this.loading = false; - }); - }, - // 鍙栨秷鎸夐挳 - cancel() { - this.open = false; - this.auditOpen = false; - this.reset(); - }, - // 琛ㄥ崟閲嶇疆 - reset() { - this.form = { - id: null, - ruleName: null, - ruleDetail: null, - videoPointNum: null, - vehicleCheckpointNum: null, - faceChceckpointNum: null, - createTime: null, - updateTime: null, - deleted: null - }; - this.resetForm("form"); - }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 鏂板鎸夐挳鎿嶄綔 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "娣诲姞鑰冩牳瑙勫垯"; - }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "淇敼鑰冩牳瑙勫垯"; - - }); - }, - /** 瀹℃牳鎸夐挳鎿嶄綔 */ - handleAudit(row) { - this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.form = response.data; - this.auditOpen = true; - this.title = "瀹℃牳鑰冩牳瑙勫垯"; - }); - }, - /** 鎻愪氦鎸夐挳 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateCheckRule(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.open = false; - this.auditOpen = false; - this.getList(); - }); - } else { - addCheckRule(this.form).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; - this.auditOpen = false; - this.getList(); - }); - } - } - }); - }, - /** 鍒犻櫎鎸夐挳鎿嶄綔 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$modal.confirm('鏄惁纭鍒犻櫎鑰冩牳瑙勫垯缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() { - return delCheckRule(ids); - }).then(() => { - this.getList(); - this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); - }).catch(() => {}); - }, - - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('system/checkRule/export', { - ...this.queryParams - }, `checkRule_${new Date().getTime()}.xlsx`) - } - } -}; -</script> - -<style scoped> -.input-w { - margin-left: 5px; - width: 70px; -} -.row-warp { - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - border: solid 1px gray; - /*padding: 3px;*/ -} -.row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - border-bottom: solid 1px gray; - padding: 3px; -} -.row:last-of-type { - border-bottom: none; -} -.row-left { - flex: 2; - border-right: solid 1px gray; -} -.row-right { - flex: 4; - display: flex; - flex-direction: row; - justify-content: center; -} -</style> -- Gitblit v1.8.0