From bd9cb65c8ee634f1f7bad5a69e891e3a4f46b768 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期一, 01 四月 2024 15:54:41 +0800
Subject: [PATCH] feat:绘制地图
---
src/views/system/default-auditing/index.vue | 290 ++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 233 insertions(+), 57 deletions(-)
diff --git a/src/views/system/default-auditing/index.vue b/src/views/system/default-auditing/index.vue
index aaf359a..af857d8 100644
--- a/src/views/system/default-auditing/index.vue
+++ b/src/views/system/default-auditing/index.vue
@@ -1,38 +1,33 @@
<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="defaultId">
- <el-input
- v-model="queryParams.defaultId"
- placeholder="璇疯緭鍏ヨ繚瑙�"
- clearable
- @keyup.enter.native="handleQuery"
- />
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+ <el-form-item label="杩愮淮鑰冩牳鍗曚綅" prop="belongUnit">
+ <el-select v-model="queryParams.unitId" @change="handleQuery" clearable 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="瀹℃牳鏃堕棿">
<el-date-picker
v-model="daterangeAuditingTime"
style="width: 240px"
- value-format="yyyy-MM-dd"
+ 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 label="瀹℃牳浜�" prop="auditingUser">
- <el-input
- v-model="queryParams.auditingUser"
- placeholder="璇疯緭鍏ュ鏍镐汉"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
+
<el-form-item label="鍒涘缓鏃堕棿">
<el-date-picker
v-model="daterangeCreateTime"
style="width: 240px"
- value-format="yyyy-MM-dd"
+ value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="寮�濮嬫棩鏈�"
@@ -53,7 +48,6 @@
icon="el-icon-plus"
size="mini"
@click="handleAdd"
- v-hasPermi="['system:auditing:add']"
>鏂板</el-button>
</el-col>
<el-col :span="1.5">
@@ -64,7 +58,6 @@
size="mini"
:disabled="single"
@click="handleUpdate"
- v-hasPermi="['system:auditing:edit']"
>淇敼</el-button>
</el-col>
<el-col :span="1.5">
@@ -75,7 +68,6 @@
size="mini"
:disabled="multiple"
@click="handleDelete"
- v-hasPermi="['system:auditing:remove']"
>鍒犻櫎</el-button>
</el-col>
<el-col :span="1.5">
@@ -93,35 +85,41 @@
<el-table v-loading="loading" :data="auditingList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
- <el-table-column label="杩濊" align="center" prop="defaultId" />
+ <el-table-column label="杩愮淮鑰冩牳鍗曚綅" align="center" prop="unitName" width="180"/>
+ <el-table-column label="鑰冩牳鍚�" align="center" prop="checkPublishId" width="180">
+ <template slot-scope="scope">
+ <div v-if="scope.row.checkPublishId === 5">瑙嗛鑰冩牳</div>
+ </template>
+ </el-table-column>
+ <el-table-column label="杩愮淮鑰冩牳瑙勫垯" align="center" prop="defaultRuleName" width="180" />
+ <el-table-column label="杩愮淮鑰冩牳鎵ｅ垎" align="center" prop="score" width="120" />
+ <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" />
+ <el-table-column label="瀹℃牳浜�" align="center" prop="auditingUserName" />
<el-table-column label="瀹℃牳鐘舵��" align="center" prop="auditingStatus" />
- <el-table-column label="瀹℃牳璇存槑" align="center" prop="remark" />
- <el-table-column label="瀹℃牳鏃堕棿" align="center" prop="auditingTime" width="180">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.auditingTime, '{y}-{m}-{d}') }}</span>
- </template>
- </el-table-column>
- <el-table-column label="瀹℃牳浜�" align="center" prop="auditingUser" />
- <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <el-table-column label="瀹℃牳璇存槑" align="center" prop="remark" width="180"/>
+ <el-table-column label="瀹℃牳鏃堕棿" align="center" prop="auditingTime" width="180"/>
+ <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180"/>
+ <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['system:auditing:edit']"
- >淇敼</el-button>
+ icon="el-icon-s-check"
+ @click="handleAuditing(scope.row)"
+ v-hasPermi="['default:audit']"
+ >瀹℃牳</el-button>
+<!-- <el-button-->
+<!-- size="mini"-->
+<!-- type="text"-->
+<!-- icon="el-icon-edit"-->
+<!-- @click="handleUpdate(scope.row)"-->
+<!-- v-hasPermi="['system:auditing:edit']"-->
+<!-- >淇敼</el-button>-->
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
- v-hasPermi="['system:auditing:remove']"
>鍒犻櫎</el-button>
</template>
</el-table-column>
@@ -135,12 +133,91 @@
@pagination="getList"
/>
- <!-- 娣诲姞鎴栦慨鏀硅繚瑙勫鏍稿璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+ <!-- 瀹℃牳 -->
+ <el-dialog title="杩愮淮鑰冩牳瀹℃牳" :visible.sync="auditingOpen" width="500px" append-to-body>
+ <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="120px">
+ <el-form-item label="杩愮淮鑰冩牳鍗曚綅">
+ <el-input v-model="auditingForm.unitName" disabled/>
+ </el-form-item>
+
+ <el-form-item label="杩愮淮鑰冩牳瑙勫垯">
+ <el-input v-model="auditingForm.defaultRuleName" disabled/>
+ </el-form-item>
+ <el-form-item label="杩愮淮鑰冩牳鎵ｅ垎">
+ <el-input v-model="auditingForm.score" disabled/>
+ </el-form-item>
+ <el-form-item label="瀹℃牳缁撴灉" prop="auditingStatus">
+ <el-radio v-model="auditingForm.auditingResult" label="pass">閫氳繃</el-radio>
+ <el-radio v-model="auditingForm.auditingResult" label="return">椹冲洖</el-radio>
+ </el-form-item>
+ <el-form-item label="瀹℃牳璇存槑" prop="remark">
+ <el-input v-model="auditingForm.remark" 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 type="primary" @click="submitAuditing">纭� 瀹�</el-button>
+ <el-button @click="closeAuditing">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
+
+ <!-- 鏂板鎴栦慨鏀� -->
+ <el-dialog title="杩愮淮绉垎瀹℃牳" :visible.sync="open" width="700px"append-to-body>
+ <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="120px">
+ <el-form-item label="杩愮淮鑰冩牳鍗曚綅" prop="unitName">
+ <el-select v-model="form.unitNameList" placeholder="杩愮淮鑰冩牳鍗曚綅">
+ <el-option
+ v-for="item in unitNameList"
+ :key="item.id"
+ :label="item.value"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鑰冩牳鍚�" prop="examineId">
+ <el-select v-model="form.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="tempRuleFormList">
+ <div class="row-warp">
+ <div class="row" v-for="(form) in tempRuleFormList">
+ <div class="row-left">
+ <div>瑙勫垯</div>
+ <div class="block">
+ <span class="demonstration"></span>
+ <el-cascader
+ v-model="value"
+ :options="options"
+ :props = "props"
+ @change="handleChange"></el-cascader>
+ </div>
+ </div>
+ <div class="row-right">
+ <div>鎸囨爣</div>
+ <div class="margin-5">
+ <el-input type="number" v-model="form.weight"/>
+ </div>
+ </div>
+ <div class="item-op">
+ <el-button @click="removeRule(form)" type="danger" icon="el-icon-delete" circle></el-button>
+ </div>
+ </div>
+ <div style="margin-top: 25px">
+ <el-button type="success" @click="nextAdd" size="mini" plain>娣诲姞</el-button>
+ </div>
+ </div>
+ </el-form-item>
+ <el-form-item label="杩愮淮鑰冩牳鎵ｅ垎" style="width: 20%">
+ <el-input v-model="auditingForm.score"></el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitAuditing">纭� 瀹�</el-button>
<el-button @click="cancel">鍙� 娑�</el-button>
</div>
</el-dialog>
@@ -148,12 +225,44 @@
</template>
<script>
-import { listAuditing, getAuditing, delAuditing, addAuditing, updateAuditing } from "@/api/platform/default-auditing";
+import { listAuditing, getAuditing, delAuditing, addAuditing, updateAuditing,auditing } from "@/api/platform/default-auditing";
+import { unitSelect } from "@/api/platform/unit";
export default {
name: "Auditing",
data() {
return {
+ options: [{
+ value: 'city',
+ label: '鍓嶇鎰熺煡婧愭不鐞嗗伐浣�',
+ children: [{
+ value: 'fushun',
+ label: '鏃堕挓鍚屾',
+ }, {
+ value: 'rong',
+ label: 'OSD鏍囪瘑鏈慨澶�',
+ }, {
+ value: 'rong',
+ label: '涓�鏈轰竴妗ｄ笉鍚堟牸',
+ }
+ ]
+ },
+ ],
+ auditingOpen: false,
+ auditingForm: {},
+ unitList: [],
+ unitNameList: [
+ {id:2 , value:"鎴愰兘x杩愮淮"}
+ ],
+ // 鑰冩牳妯℃澘
+ examineList: [
+ {id:1 , value:"杞﹁締鑰冩牳"},
+ {id:2 , value:"瑙嗛鑰冩牳"}
+ ],
+ // 涓存椂瑙勫垯琛ㄥ崟
+ tempRuleForm: {},
+ // 涓存椂瑙勫垯琛ㄥ崟鍒楄〃
+ tempRuleFormList: [{"ruleId": null, "adjustCoefficient": null}],
// 閬僵灞�
loading: true,
// 閫変腑鏁扮粍
@@ -172,6 +281,7 @@
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
+ auditOpen: false,
// 閫昏緫鍒犻櫎鏃堕棿鑼冨洿
daterangeAuditingTime: [],
// 閫昏緫鍒犻櫎鏃堕棿鑼冨洿
@@ -189,31 +299,69 @@
// 琛ㄥ崟鍙傛暟
form: {},
// 琛ㄥ崟鏍￠獙
- rules: {
- defaultId: [
- { required: true, message: "杩濊涓嶈兘涓虹┖", trigger: "blur" }
+ auditingRules: {
+ auditingStatus: [
+ { required: true, message: "璇峰厛瀹屾垚瀹℃牳缁撴灉", trigger: "blur" }
],
}
};
},
created() {
this.getList();
+ this.getUnitSelect();
},
methods: {
+ handleChange(value) {
+ console.log(value);
+ },
+ // 鎻愪氦瀹℃牳
+ submitAuditing() {
+ this.$refs["auditingForm"].validate(valid => {
+ if (valid) {
+ auditing(this.auditingForm).then(res => {
+ if (res.code === 200) {
+ this.auditingOpen = false;
+ this.$modal.msgSuccess("瀹℃牳鎴愬姛");
+ this.getList();
+ } else {
+ this.$modal.msgSuccess(res.msg)
+ }
+ })
+ }
+ })
+ },
+ // 鎵撳紑瀹℃牳
+ handleAuditing(row) {
+ this.auditingOpen = true;
+ this.auditingForm = row;
+ this.auditingForm.auditingStatus = this.auditingForm.auditingStatus ? this.auditingForm.auditingStatus : null
+ },
+ // 鍏抽棴瀹℃牳
+ closeAuditing() {
+ this.auditingForm = {};
+ this.auditingOpen = false;
+ },
+
+
+ getUnitSelect() {
+ // 杩愮淮鍗曚綅涓嬫媺鍒楄〃
+ unitSelect().then((res) => {
+ this.unitList = res.data;
+ })
+ },
/** 鏌ヨ杩濊瀹℃牳鍒楄〃 */
getList() {
this.loading = true;
- this.queryParams.params = {};
if (null != this.daterangeAuditingTime && '' != this.daterangeAuditingTime) {
- this.queryParams.params["beginAuditingTime"] = this.daterangeAuditingTime[0];
- this.queryParams.params["endAuditingTime"] = this.daterangeAuditingTime[1];
+ this.queryParams["auditingStartTime"] = this.daterangeAuditingTime[0];
+ this.queryParams["auditingEndTime"] = this.daterangeAuditingTime[1];
}
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
- this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
- this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+ this.queryParams["createStartTime"] = this.daterangeCreateTime[0];
+ this.queryParams["createEndTime"] = this.daterangeCreateTime[1];
}
listAuditing(this.queryParams).then(response => {
- this.auditingList = response.rows;
+ this.auditingList = response.data;
this.total = response.total;
this.loading = false;
});
@@ -221,6 +369,7 @@
// 鍙栨秷鎸夐挳
cancel() {
this.open = false;
+ this.auditOpen = false;
this.reset();
},
// 琛ㄥ崟閲嶇疆
@@ -260,7 +409,7 @@
handleAdd() {
this.reset();
this.open = true;
- this.title = "娣诲姞杩濊瀹℃牳";
+ this.title = "娣诲姞杩愮淮鑰冩牳绉垎";
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
@@ -269,7 +418,7 @@
getAuditing(id).then(response => {
this.form = response.data;
this.open = true;
- this.title = "淇敼杩濊瀹℃牳";
+ this.title = "淇敼杩愮淮鑰冩牳瀹℃牳";
});
},
/** 鎻愪氦鎸夐挳 */
@@ -295,7 +444,7 @@
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
const ids = row.id || this.ids;
- this.$modal.confirm('鏄惁纭鍒犻櫎杩濊瀹℃牳缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
+ this.$modal.confirm('鏄惁纭鍒犻櫎杩愮淮鑰冩牳瀹℃牳缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
return delAuditing(ids);
}).then(() => {
this.getList();
@@ -311,3 +460,30 @@
}
};
</script>
+<style scoped>
+.margin-5 {
+ margin-left: 5px;
+}
+.row-warp {
+ display: flex;
+ flex-direction: column;
+}
+.row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ margin: 5px 0;
+}
+.row-left {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+}
+.row-right {
+ flex: 1;
+ display: flex;
+ flex-direction: row;
+}
+</style>
+
--
Gitblit v1.8.0