From c3f00b24f42636e54ae99f7295271b31aeb78063 Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 22 十二月 2022 10:07:35 +0800
Subject: [PATCH] fix: 修理皮肤
---
.history/src/App_20221222093617.vue | 188 +
.history/src/views/operate/car/myIndex/edit/soil/index_20221222093338.vue | 290 ++
src/views/operate/disposal/casepool/pool/createUser/vio/index.vue | 4
.history/src/views/operate/disposal/casepool/pool/index_20221222095929.vue | 679 ++++++
.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221222100058.vue | 608 +++++
.history/src/views/operate/car/myIndex/edit/law/index_20221222093310.vue | 328 +++
.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221222100130.vue | 579 +++++
.history/src/views/operate/disposal/casepool/pool/index_20221221092941.vue | 679 ++++++
.history/src/views/operate/car/myIndex/edit/soil/index_20221221160902.vue | 290 ++
src/views/operate/disposal/casepool/pool/index.vue | 12
.history/src/App_20221222093817.vue | 191 +
src/views/operate/disposal/casepool/pool/createUser/ill/index.vue | 4
.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue | 328 +++
.history/src/App_20221222093713.vue | 191 +
.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221208095634.vue | 579 +++++
.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221209143335.vue | 608 +++++
.history/src/App_20221222094037.vue | 191 +
.history/src/App_20221221170319.vue | 188 +
src/views/operate/car/myIndex/edit/soil/index.vue | 8
src/App.vue | 5
src/views/operate/car/myIndex/edit/law/index.vue | 2
.history/src/views/operate/car/myIndex/edit/soil/index_20221222093357.vue | 290 ++
22 files changed, 6,226 insertions(+), 16 deletions(-)
diff --git a/.history/src/App_20221221170319.vue b/.history/src/App_20221221170319.vue
new file mode 100644
index 0000000..353a4dc
--- /dev/null
+++ b/.history/src/App_20221221170319.vue
@@ -0,0 +1,188 @@
+<template>
+ <div id="app">
+ <router-view />
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ mytitle: "",
+ };
+ },
+ async created() {
+ const imgObj = await this.getIcon();
+ this.changIcon(imgObj);
+ },
+ methods: {
+ changIcon(obj) {
+ var link =
+ document.querySelector("link [rel*='icon']") ||
+ document.createElement("link");
+ var title =
+ document.querySelector("title") || document.createElement("title");
+ link.type = "image/x-icon";
+ link.rel = "shortcut icon";
+ link.href = obj.chromeLinkUrl; //icon鍥炬爣
+ title.innerHTML = obj.title;
+ document.getElementsByTagName("head")[0].appendChild(link);
+ document.getElementsByTagName("head")[0].appendChild(title);
+ },
+ // 鑾峰彇icon
+ async getIcon() {
+ let result;
+ const pic = JSON.parse(sessionStorage.getItem("pic"));
+ if (pic) {
+ result = pic;
+ } else {
+ await this.$axios({
+ method: "get",
+ url: "sccg/system/portal/logo/search",
+ }).then((res) => {
+ result = res.data;
+ sessionStorage.setItem("pic", JSON.stringify(result));
+ });
+ }
+ return result;
+ },
+ },
+};
+</script>
+<style lang="scss">
+.el-select-dropdown__item {
+ height: 100% !important;
+}
+
+.el-select-dropdown,
+.popper-class {
+ // background-color: #17324c !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ // background-color: #17324c !important;
+}
+
+.el-tree {
+ // background-color: #09152f !important;
+}
+
+.el-tree-node__content:hover,
+.el-upload-list__item:hover {
+ // background-color: #09152f !important;
+ color: #4b9bb7 !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ // background-color: #070f22 !important;
+ color: #4b9bb7;
+}
+
+.button-addition {
+ background-color: #eb5d01 !important;
+ border: 1px solid #eb5d01 !important;
+ color: #ffffff;
+}
+
+/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+ 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬�
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊戝潡
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #555;
+}
+
+// 璁剧疆dialog鏍峰紡
+.el-dialog__header,
+.el-dialog__body {
+ // background-color: #06122c;
+}
+
+.el-dialog__header {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 20px;
+ line-height: 60px;
+}
+
+.el-dialog__close {
+ width: 20px;
+ height: 20px;
+ // color: #fff;
+}
+
+.el-dialog__body {
+ padding: 0;
+}
+
+#app {
+ // 璁剧疆寮瑰嚭妗嗘牱寮�
+ .el-dialog__title {
+ color: #606266;
+ }
+
+ // 璁剧疆table鏍峰紡
+ .el-table__empty-block {
+ // background-color: #09152f;
+ }
+
+ .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
+ .el-table__empty-text {
+ color: #4b9bb7;
+ }
+
+ .el-table .warning-row {
+ // background: #06122c;
+ }
+
+ .el-table .success-row {
+ // background: #071f39;
+ }
+
+ .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ }
+ .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px; /*婊氬姩鏉″搴�*/
+ height: 8px; /*婊氬姩鏉￠珮搴�*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 10px; /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+ -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
+ background-color: #eeeeee; /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 10px; /*婊氬姩鏉＄殑鍦嗚*/
+ -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
+ background-color: rgb(145, 143, 143); /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-range-input {
+ // background-color: #09152f;
+}
+</style>
diff --git a/.history/src/App_20221222093617.vue b/.history/src/App_20221222093617.vue
new file mode 100644
index 0000000..761be38
--- /dev/null
+++ b/.history/src/App_20221222093617.vue
@@ -0,0 +1,188 @@
+<template>
+ <div id="app">
+ <router-view />
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ mytitle: "",
+ };
+ },
+ async created() {
+ const imgObj = await this.getIcon();
+ this.changIcon(imgObj);
+ },
+ methods: {
+ changIcon(obj) {
+ var link =
+ document.querySelector("link [rel*='icon']") ||
+ document.createElement("link");
+ var title =
+ document.querySelector("title") || document.createElement("title");
+ link.type = "image/x-icon";
+ link.rel = "shortcut icon";
+ link.href = obj.chromeLinkUrl; //icon鍥炬爣
+ title.innerHTML = obj.title;
+ document.getElementsByTagName("head")[0].appendChild(link);
+ document.getElementsByTagName("head")[0].appendChild(title);
+ },
+ // 鑾峰彇icon
+ async getIcon() {
+ let result;
+ const pic = JSON.parse(sessionStorage.getItem("pic"));
+ if (pic) {
+ result = pic;
+ } else {
+ await this.$axios({
+ method: "get",
+ url: "sccg/system/portal/logo/search",
+ }).then((res) => {
+ result = res.data;
+ sessionStorage.setItem("pic", JSON.stringify(result));
+ });
+ }
+ return result;
+ },
+ },
+};
+</script>
+<style lang="scss">
+.el-select-dropdown__item {
+ height: 100% !important;
+}
+
+.el-select-dropdown,
+.popper-class {
+ // background-color: #17324c !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ // background-color: #17324c !important;
+}
+
+.el-tree {
+ // background-color: #09152f !important;
+}
+
+.el-tree-node__content:hover,
+.el-upload-list__item:hover {
+ // background-color: #09152f !important;
+ color: #4b9bb7 !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ // background-color: #070f22 !important;
+ color: #4b9bb7;
+}
+
+.button-addition {
+ background-color: #eb5d01 !important;
+ border: 1px solid #eb5d01 !important;
+ color: #ffffff;
+}
+
+/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+ 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬�
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊戝潡
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #555;
+}
+
+// 璁剧疆dialog鏍峰紡
+.el-dialog__header,
+.el-dialog__body {
+ // background-color: #06122c;
+}
+
+.el-dialog__header {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 20px;
+ line-height: 60px;
+}
+
+.el-dialog__close {
+ width: 20px;
+ height: 20px;
+ // color: #fff;
+}
+
+.el-dialog__body {
+ padding: 0;
+}
+
+#app {
+ // 璁剧疆寮瑰嚭妗嗘牱寮�
+ .el-dialog__title {
+ background-color: #09152f;
+ }
+
+ // 璁剧疆table鏍峰紡
+ .el-table__empty-block {
+ // background-color: #09152f;
+ }
+
+ .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
+ .el-table__empty-text {
+ color: #4b9bb7;
+ }
+
+ .el-table .warning-row {
+ // background: #06122c;
+ }
+
+ .el-table .success-row {
+ // background: #071f39;
+ }
+
+ .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ }
+ .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px; /*婊氬姩鏉″搴�*/
+ height: 8px; /*婊氬姩鏉￠珮搴�*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 10px; /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+ -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
+ background-color: #eeeeee; /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 10px; /*婊氬姩鏉＄殑鍦嗚*/
+ -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
+ background-color: rgb(145, 143, 143); /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-range-input {
+ // background-color: #09152f;
+}
+</style>
diff --git a/.history/src/App_20221222093713.vue b/.history/src/App_20221222093713.vue
new file mode 100644
index 0000000..9054c2e
--- /dev/null
+++ b/.history/src/App_20221222093713.vue
@@ -0,0 +1,191 @@
+<template>
+ <div id="app">
+ <router-view />
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ mytitle: "",
+ };
+ },
+ async created() {
+ const imgObj = await this.getIcon();
+ this.changIcon(imgObj);
+ },
+ methods: {
+ changIcon(obj) {
+ var link =
+ document.querySelector("link [rel*='icon']") ||
+ document.createElement("link");
+ var title =
+ document.querySelector("title") || document.createElement("title");
+ link.type = "image/x-icon";
+ link.rel = "shortcut icon";
+ link.href = obj.chromeLinkUrl; //icon鍥炬爣
+ title.innerHTML = obj.title;
+ document.getElementsByTagName("head")[0].appendChild(link);
+ document.getElementsByTagName("head")[0].appendChild(title);
+ },
+ // 鑾峰彇icon
+ async getIcon() {
+ let result;
+ const pic = JSON.parse(sessionStorage.getItem("pic"));
+ if (pic) {
+ result = pic;
+ } else {
+ await this.$axios({
+ method: "get",
+ url: "sccg/system/portal/logo/search",
+ }).then((res) => {
+ result = res.data;
+ sessionStorage.setItem("pic", JSON.stringify(result));
+ });
+ }
+ return result;
+ },
+ },
+};
+</script>
+<style lang="scss">
+.el-select-dropdown__item {
+ height: 100% !important;
+}
+
+.el-select-dropdown,
+.popper-class {
+ // background-color: #17324c !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ // background-color: #17324c !important;
+}
+
+.el-tree {
+ // background-color: #09152f !important;
+}
+
+.el-tree-node__content:hover,
+.el-upload-list__item:hover {
+ // background-color: #09152f !important;
+ color: #4b9bb7 !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ // background-color: #070f22 !important;
+ color: #4b9bb7;
+}
+
+.button-addition {
+ background-color: #eb5d01 !important;
+ border: 1px solid #eb5d01 !important;
+ color: #ffffff;
+}
+
+/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+ 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬�
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊戝潡
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #555;
+}
+
+// 璁剧疆dialog鏍峰紡
+.el-dialog__header,
+.el-dialog__body {
+ // background-color: #06122c;
+}
+
+.el-dialog__header {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 20px;
+ line-height: 60px;
+}
+
+.el-dialog__close {
+ width: 20px;
+ height: 20px;
+ // color: #fff;
+}
+
+.el-dialog__body {
+ padding: 0;
+}
+
+#app {
+ // 璁剧疆寮瑰嚭妗嗘牱寮�
+ .el-dialog__title {
+ color: #606266;
+ }
+ .el-dialog__header {
+ background-color: #09152f;
+ }
+
+ // 璁剧疆table鏍峰紡
+ .el-table__empty-block {
+ // background-color: #09152f;
+ }
+
+ .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
+ .el-table__empty-text {
+ color: #4b9bb7;
+ }
+
+ .el-table .warning-row {
+ // background: #06122c;
+ }
+
+ .el-table .success-row {
+ // background: #071f39;
+ }
+
+ .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ }
+ .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px; /*婊氬姩鏉″搴�*/
+ height: 8px; /*婊氬姩鏉￠珮搴�*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 10px; /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+ -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
+ background-color: #eeeeee; /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 10px; /*婊氬姩鏉＄殑鍦嗚*/
+ -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
+ background-color: rgb(145, 143, 143); /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-range-input {
+ // background-color: #09152f;
+}
+</style>
diff --git a/.history/src/App_20221222093817.vue b/.history/src/App_20221222093817.vue
new file mode 100644
index 0000000..0a55a1b
--- /dev/null
+++ b/.history/src/App_20221222093817.vue
@@ -0,0 +1,191 @@
+<template>
+ <div id="app">
+ <router-view />
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ mytitle: "",
+ };
+ },
+ async created() {
+ const imgObj = await this.getIcon();
+ this.changIcon(imgObj);
+ },
+ methods: {
+ changIcon(obj) {
+ var link =
+ document.querySelector("link [rel*='icon']") ||
+ document.createElement("link");
+ var title =
+ document.querySelector("title") || document.createElement("title");
+ link.type = "image/x-icon";
+ link.rel = "shortcut icon";
+ link.href = obj.chromeLinkUrl; //icon鍥炬爣
+ title.innerHTML = obj.title;
+ document.getElementsByTagName("head")[0].appendChild(link);
+ document.getElementsByTagName("head")[0].appendChild(title);
+ },
+ // 鑾峰彇icon
+ async getIcon() {
+ let result;
+ const pic = JSON.parse(sessionStorage.getItem("pic"));
+ if (pic) {
+ result = pic;
+ } else {
+ await this.$axios({
+ method: "get",
+ url: "sccg/system/portal/logo/search",
+ }).then((res) => {
+ result = res.data;
+ sessionStorage.setItem("pic", JSON.stringify(result));
+ });
+ }
+ return result;
+ },
+ },
+};
+</script>
+<style lang="scss">
+.el-select-dropdown__item {
+ height: 100% !important;
+}
+
+.el-select-dropdown,
+.popper-class {
+ // background-color: #17324c !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ // background-color: #17324c !important;
+}
+
+.el-tree {
+ // background-color: #09152f !important;
+}
+
+.el-tree-node__content:hover,
+.el-upload-list__item:hover {
+ // background-color: #09152f !important;
+ color: #4b9bb7 !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ // background-color: #070f22 !important;
+ color: #4b9bb7;
+}
+
+.button-addition {
+ background-color: #eb5d01 !important;
+ border: 1px solid #eb5d01 !important;
+ color: #ffffff;
+}
+
+/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+ 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬�
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊戝潡
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #555;
+}
+
+// 璁剧疆dialog鏍峰紡
+.el-dialog__header,
+.el-dialog__body {
+ // background-color: #06122c;
+}
+
+.el-dialog__header {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 20px;
+ line-height: 60px;
+}
+
+.el-dialog__close {
+ width: 20px;
+ height: 20px;
+ // color: #fff;
+}
+
+.el-dialog__body {
+ padding: 0;
+}
+
+#app {
+ // 璁剧疆寮瑰嚭妗嗘牱寮�
+ .el-dialog__title {
+ color: #409eff;
+ }
+ .el-dialog__header {
+ background-color: #09152f;
+ }
+
+ // 璁剧疆table鏍峰紡
+ .el-table__empty-block {
+ // background-color: #09152f;
+ }
+
+ .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
+ .el-table__empty-text {
+ color: #4b9bb7;
+ }
+
+ .el-table .warning-row {
+ // background: #06122c;
+ }
+
+ .el-table .success-row {
+ // background: #071f39;
+ }
+
+ .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ }
+ .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px; /*婊氬姩鏉″搴�*/
+ height: 8px; /*婊氬姩鏉￠珮搴�*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 10px; /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+ -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
+ background-color: #eeeeee; /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 10px; /*婊氬姩鏉＄殑鍦嗚*/
+ -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
+ background-color: rgb(145, 143, 143); /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-range-input {
+ // background-color: #09152f;
+}
+</style>
diff --git a/.history/src/App_20221222094037.vue b/.history/src/App_20221222094037.vue
new file mode 100644
index 0000000..c46ebac
--- /dev/null
+++ b/.history/src/App_20221222094037.vue
@@ -0,0 +1,191 @@
+<template>
+ <div id="app">
+ <router-view />
+ </div>
+</template>
+<script>
+export default {
+ data() {
+ return {
+ mytitle: "",
+ };
+ },
+ async created() {
+ const imgObj = await this.getIcon();
+ this.changIcon(imgObj);
+ },
+ methods: {
+ changIcon(obj) {
+ var link =
+ document.querySelector("link [rel*='icon']") ||
+ document.createElement("link");
+ var title =
+ document.querySelector("title") || document.createElement("title");
+ link.type = "image/x-icon";
+ link.rel = "shortcut icon";
+ link.href = obj.chromeLinkUrl; //icon鍥炬爣
+ title.innerHTML = obj.title;
+ document.getElementsByTagName("head")[0].appendChild(link);
+ document.getElementsByTagName("head")[0].appendChild(title);
+ },
+ // 鑾峰彇icon
+ async getIcon() {
+ let result;
+ const pic = JSON.parse(sessionStorage.getItem("pic"));
+ if (pic) {
+ result = pic;
+ } else {
+ await this.$axios({
+ method: "get",
+ url: "sccg/system/portal/logo/search",
+ }).then((res) => {
+ result = res.data;
+ sessionStorage.setItem("pic", JSON.stringify(result));
+ });
+ }
+ return result;
+ },
+ },
+};
+</script>
+<style lang="scss">
+.el-select-dropdown__item {
+ height: 100% !important;
+}
+
+.el-select-dropdown,
+.popper-class {
+ // background-color: #17324c !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ // background-color: #17324c !important;
+}
+
+.el-tree {
+ // background-color: #09152f !important;
+}
+
+.el-tree-node__content:hover,
+.el-upload-list__item:hover {
+ // background-color: #09152f !important;
+ color: #4b9bb7 !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+ // background-color: #070f22 !important;
+ color: #4b9bb7;
+}
+
+.button-addition {
+ background-color: #eb5d01 !important;
+ border: 1px solid #eb5d01 !important;
+ color: #ffffff;
+}
+
+/*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙
+ 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+::-webkit-scrollbar {
+ width: 4px;
+ height: 4px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊氬姩鏉¤建閬�
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ // background-color: #070f22;
+}
+
+/*瀹氫箟婊戝潡
+ 鍐呴槾褰�+鍦嗚*/
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ background-color: #555;
+}
+
+// 璁剧疆dialog鏍峰紡
+.el-dialog__header,
+.el-dialog__body {
+ // background-color: #06122c;
+}
+
+.el-dialog__header {
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ padding: 20px;
+ line-height: 60px;
+}
+
+.el-dialog__close {
+ width: 20px;
+ height: 20px;
+ // color: #fff;
+}
+
+.el-dialog__body {
+ padding: 0;
+}
+
+#app {
+ // 璁剧疆寮瑰嚭妗嗘牱寮�
+ .el-dialog__title {
+ color: #E9eef3;
+ }
+ .el-dialog__header {
+ background-color: #09152f;
+ }
+
+ // 璁剧疆table鏍峰紡
+ .el-table__empty-block {
+ // background-color: #09152f;
+ }
+
+ .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
+ .el-table__empty-text {
+ color: #4b9bb7;
+ }
+
+ .el-table .warning-row {
+ // background: #06122c;
+ }
+
+ .el-table .success-row {
+ // background: #071f39;
+ }
+
+ .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ }
+ .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+.el-table__body-wrapper::-webkit-scrollbar {
+ width: 8px; /*婊氬姩鏉″搴�*/
+ height: 8px; /*婊氬姩鏉￠珮搴�*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-track {
+ border-radius: 10px; /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫渾瑙�*/
+ -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
+ background-color: #eeeeee; /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 10px; /*婊氬姩鏉＄殑鍦嗚*/
+ -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
+ background-color: rgb(145, 143, 143); /*婊氬姩鏉＄殑鑳屾櫙棰滆壊*/
+}
+.el-range-input {
+ // background-color: #09152f;
+}
+</style>
diff --git a/.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue b/.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue
new file mode 100644
index 0000000..2a32ab8
--- /dev/null
+++ b/.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue
@@ -0,0 +1,328 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form
+ ref="user"
+ label-width="140px"
+ :rules="createCarRules"
+ autoComplete="on"
+ :model="car"
+ label-position="right"
+ >
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="杞︾墝鍙�:" prop="carNumber">
+ <el-input
+ v-model="car.carNumber"
+ placeholder="璇峰～鍐欒溅鐗屽彿"
+ ></el-input>
+ </el-form-item>
+ <!-- 鎵�灞為儴闂� -->
+ <el-form-item class="optionItems" label="鎵�灞為儴闂�:" prop="departId">
+ <!-- <el-input v-model="car.depart" placeholder="璇峰～鍐欐墍灞為儴闂�"></el-input> -->
+ <el-select v-model="car.departName" placeholder="璇烽�夋嫨鎵�灞為儴闂�">
+ <el-option value="1">
+ <el-tree
+ ref="tree"
+ :check-strictly="true"
+ :data="departList"
+ :props="defaultProps"
+ show-checkbox
+ @check-change="handleCheck"
+ default-expand-all
+ node-key="id"
+ >
+ </el-tree>
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杞︿富濮撳悕 -->
+ <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="ownerName">
+ <el-input
+ v-model="car.ownerName"
+ placeholder="璇疯緭鍏ヨ溅涓诲鍚�"
+ ></el-input>
+ </el-form-item>
+ <!-- 杞﹁締浣跨敤浜哄憳 -->
+ <!-- <el-form-item class="optionItem" label="杞﹁締浣跨敤浜哄憳:" prop="vehicleUser">
+ <el-input v-model="car.vehicleUser" placeholder="璇疯緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"></el-input>
+ </el-form-item> -->
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItem" label="鑱旂郴鏂瑰紡:" prop="contact">
+ <el-input
+ v-model="car.contact"
+ placeholder="璇疯緭鍏ヨ溅涓绘墜鏈哄彿鐮�"
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="optionBtn">
+ <el-button
+ type="primary"
+ class="btn submit"
+ @click.native.prevent="handleUpdateLawCar"
+ >纭
+ </el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import { validateCarNum, validatePhone, validateName } from "@/utils/validate";
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if (validateCarNum(value)) {
+ callback();
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑杞︾墝鍙�"));
+ }
+ } else {
+ callback(new Error("杞︾墝鍙蜂笉鑳戒负绌�"));
+ }
+ };
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if (validateName(value)) {
+ callback();
+ } else {
+ callback(new Error("璇锋纭緭鍏ヨ溅涓诲鍚�"));
+ }
+ } else {
+ callback(new Error("杞︿富濮撳悕涓嶈兘涓虹┖"));
+ }
+ };
+ const checkDepartId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error("杞﹁締浣跨敤鐨勯儴闂ㄤ笉鑳戒负绌�"));
+ }
+ };
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if (validateName(value)) {
+ callback();
+ } else {
+ callback(new Error("璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"));
+ }
+ } else {
+ callback(new Error("杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖"));
+ }
+ };
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if (validatePhone(value)) {
+ callback();
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑鎵嬫満鍙�"));
+ }
+ } else {
+ callback(new Error("鎵嬫満鍙风爜涓嶈兘涓虹┖"));
+ }
+ };
+ return {
+ car: {
+ carNumber: "",
+ contact: "",
+ ownerName: "",
+ trajectory: "",
+ vehicleUser: "",
+ departName: "",
+ departId: 0,
+ },
+ createCarRules: {
+ departId: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkDepartId,
+ },
+ ],
+ carNumber: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkCarNum,
+ },
+ ],
+ contact: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkPhone,
+ },
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkName,
+ },
+ ],
+ // vehicleUser: [
+ // {
+ // required: true, trigger: 'blur', validator: checkUser
+ // }
+ // ]
+ },
+ selectOrg: {
+ orgsid: [],
+ },
+ mylabel: "",
+ departList: [],
+ defaultProps: {
+ children: "children",
+ label: "departName",
+ },
+ };
+ },
+ created() {
+ const { getDepartTree } = this;
+ // 鍒濆鍖栭儴闂ㄦ爲
+ getDepartTree();
+ // 鍒濆鍖栨暟鎹�
+ this.car = JSON.parse(JSON.stringify(this.info));
+ if (!this.car.departName) {
+ this.car.departName = this.car.pdepartName;
+ }
+ },
+ methods: {
+ // 淇敼鎵ф硶杞�
+ handleUpdateLawCar() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { car } = this;
+ this.$axios({
+ method: "put",
+ url: "sccg/car_Manage/modification_enforce",
+ data: {
+ ...car,
+ },
+ }).then((res) => {
+ if (res.code === 200) {
+ this.$message({
+ type: "success",
+ message: "淇敼杞﹁締鎴愬姛",
+ });
+ this.$emit("closeDialog", { flag: false, index: 1 });
+ } else {
+ this.$message({
+ type: "error",
+ message: res.message,
+ });
+ }
+ });
+ } else {
+ return false;
+ }
+ });
+ },
+ // 閮ㄩ棬淇敼
+ handleCheck(data, checked) {
+ this.car.departId = data.id;
+ this.car.departName = data.departName;
+ // 鑾峰彇褰撳墠閫夋嫨鐨刬d鍦ㄦ暟缁勪腑鐨勭储寮�
+ const indexs = this.selectOrg.orgsid.indexOf(data.id);
+ // 濡傛灉涓嶅瓨鍦ㄦ暟缁勪腑锛屽苟涓旀暟缁勪腑宸茬粡鏈変竴涓猧d骞朵笖checked涓簍rue鐨勬椂鍊欙紝浠ｈ〃涓嶈兘鍐嶆閫夋嫨銆�
+ if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
+ this.$message({
+ message: "鍙兘閫夋嫨涓�涓儴闂紒",
+ type: "warning",
+ showClose: true,
+ });
+ // 璁剧疆宸查�夋嫨鐨勮妭鐐逛负false 寰堥噸瑕�
+ this.$refs.tree.setChecked(data, false);
+ } else if (this.selectOrg.orgsid.length === 0 && checked) {
+ // 鍙戠幇鏁扮粍涓虹┖ 骞朵笖鏄凡閫夋嫨
+ // 闃叉鏁扮粍鏈夊�硷紝棣栧厛娓呯┖锛屽啀push
+ this.selectOrg.orgsid = [];
+ this.selectOrg.orgsid.push(data.id);
+ } else if (
+ indexs >= 0 &&
+ this.selectOrg.orgsid.length === 1 &&
+ !checked
+ ) {
+ // 鍐嶆鐩存帴杩涜璧嬪�间负绌烘搷浣�
+ this.selectOrg.orgsid = [];
+ this.car.departName = "";
+ }
+ },
+ // 鑾峰彇閮ㄩ棬鏍�
+ getDepartTree() {
+ this.$axios.get("/sccg/depart/tree").then((res) => {
+ this.departList = res.data;
+ });
+ },
+ },
+ props: ["info", "closeDialog"],
+};
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ // background-color: #09152f;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/car/myIndex/edit/law/index_20221222093310.vue b/.history/src/views/operate/car/myIndex/edit/law/index_20221222093310.vue
new file mode 100644
index 0000000..aadda6b
--- /dev/null
+++ b/.history/src/views/operate/car/myIndex/edit/law/index_20221222093310.vue
@@ -0,0 +1,328 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form
+ ref="user"
+ label-width="140px"
+ :rules="createCarRules"
+ autoComplete="on"
+ :model="car"
+ label-position="right"
+ >
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="杞︾墝鍙�:" prop="carNumber">
+ <el-input
+ v-model="car.carNumber"
+ placeholder="璇峰～鍐欒溅鐗屽彿"
+ ></el-input>
+ </el-form-item>
+ <!-- 鎵�灞為儴闂� -->
+ <el-form-item class="optionItems" label="鎵�灞為儴闂�:" prop="departId">
+ <!-- <el-input v-model="car.depart" placeholder="璇峰～鍐欐墍灞為儴闂�"></el-input> -->
+ <el-select v-model="car.departName" placeholder="璇烽�夋嫨鎵�灞為儴闂�">
+ <el-option value="1">
+ <el-tree
+ ref="tree"
+ :check-strictly="true"
+ :data="departList"
+ :props="defaultProps"
+ show-checkbox
+ @check-change="handleCheck"
+ default-expand-all
+ node-key="id"
+ >
+ </el-tree>
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杞︿富濮撳悕 -->
+ <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="ownerName">
+ <el-input
+ v-model="car.ownerName"
+ placeholder="璇疯緭鍏ヨ溅涓诲鍚�"
+ ></el-input>
+ </el-form-item>
+ <!-- 杞﹁締浣跨敤浜哄憳 -->
+ <!-- <el-form-item class="optionItem" label="杞﹁締浣跨敤浜哄憳:" prop="vehicleUser">
+ <el-input v-model="car.vehicleUser" placeholder="璇疯緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"></el-input>
+ </el-form-item> -->
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItem" label="鑱旂郴鏂瑰紡:" prop="contact">
+ <el-input
+ v-model="car.contact"
+ placeholder="璇疯緭鍏ヨ溅涓绘墜鏈哄彿鐮�"
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="optionBtn">
+ <el-button
+ type="primary"
+ class="btn submit"
+ @click.native.prevent="handleUpdateLawCar"
+ >纭
+ </el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import { validateCarNum, validatePhone, validateName } from "@/utils/validate";
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if (validateCarNum(value)) {
+ callback();
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑杞︾墝鍙�"));
+ }
+ } else {
+ callback(new Error("杞︾墝鍙蜂笉鑳戒负绌�"));
+ }
+ };
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if (validateName(value)) {
+ callback();
+ } else {
+ callback(new Error("璇锋纭緭鍏ヨ溅涓诲鍚�"));
+ }
+ } else {
+ callback(new Error("杞︿富濮撳悕涓嶈兘涓虹┖"));
+ }
+ };
+ const checkDepartId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error("杞﹁締浣跨敤鐨勯儴闂ㄤ笉鑳戒负绌�"));
+ }
+ };
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if (validateName(value)) {
+ callback();
+ } else {
+ callback(new Error("璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"));
+ }
+ } else {
+ callback(new Error("杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖"));
+ }
+ };
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if (validatePhone(value)) {
+ callback();
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑鎵嬫満鍙�"));
+ }
+ } else {
+ callback(new Error("鎵嬫満鍙风爜涓嶈兘涓虹┖"));
+ }
+ };
+ return {
+ car: {
+ carNumber: "",
+ contact: "",
+ ownerName: "",
+ trajectory: "",
+ vehicleUser: "",
+ departName: "",
+ departId: 0,
+ },
+ createCarRules: {
+ departId: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkDepartId,
+ },
+ ],
+ carNumber: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkCarNum,
+ },
+ ],
+ contact: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkPhone,
+ },
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,
+ trigger: "blur",
+ validator: checkName,
+ },
+ ],
+ // vehicleUser: [
+ // {
+ // required: true, trigger: 'blur', validator: checkUser
+ // }
+ // ]
+ },
+ selectOrg: {
+ orgsid: [],
+ },
+ mylabel: "",
+ departList: [],
+ defaultProps: {
+ children: "children",
+ label: "departName",
+ },
+ };
+ },
+ created() {
+ const { getDepartTree } = this;
+ // 鍒濆鍖栭儴闂ㄦ爲
+ getDepartTree();
+ // 鍒濆鍖栨暟鎹�
+ this.car = JSON.parse(JSON.stringify(this.info));
+ if (!this.car.departName) {
+ this.car.departName = this.car.pdepartName;
+ }
+ },
+ methods: {
+ // 淇敼鎵ф硶杞�
+ handleUpdateLawCar() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { car } = this;
+ this.$axios({
+ method: "put",
+ url: "sccg/car_Manage/modification_enforce",
+ data: {
+ ...car,
+ },
+ }).then((res) => {
+ if (res.code === 200) {
+ this.$message({
+ type: "success",
+ message: "淇敼杞﹁締鎴愬姛",
+ });
+ this.$emit("closeDialog", { flag: false, index: 1 });
+ } else {
+ this.$message({
+ type: "error",
+ message: res.message,
+ });
+ }
+ });
+ } else {
+ return false;
+ }
+ });
+ },
+ // 閮ㄩ棬淇敼
+ handleCheck(data, checked) {
+ this.car.departId = data.id;
+ this.car.departName = data.departName;
+ // 鑾峰彇褰撳墠閫夋嫨鐨刬d鍦ㄦ暟缁勪腑鐨勭储寮�
+ const indexs = this.selectOrg.orgsid.indexOf(data.id);
+ // 濡傛灉涓嶅瓨鍦ㄦ暟缁勪腑锛屽苟涓旀暟缁勪腑宸茬粡鏈変竴涓猧d骞朵笖checked涓簍rue鐨勬椂鍊欙紝浠ｈ〃涓嶈兘鍐嶆閫夋嫨銆�
+ if (indexs < 0 && this.selectOrg.orgsid.length === 1 && checked) {
+ this.$message({
+ message: "鍙兘閫夋嫨涓�涓儴闂紒",
+ type: "warning",
+ showClose: true,
+ });
+ // 璁剧疆宸查�夋嫨鐨勮妭鐐逛负false 寰堥噸瑕�
+ this.$refs.tree.setChecked(data, false);
+ } else if (this.selectOrg.orgsid.length === 0 && checked) {
+ // 鍙戠幇鏁扮粍涓虹┖ 骞朵笖鏄凡閫夋嫨
+ // 闃叉鏁扮粍鏈夊�硷紝棣栧厛娓呯┖锛屽啀push
+ this.selectOrg.orgsid = [];
+ this.selectOrg.orgsid.push(data.id);
+ } else if (
+ indexs >= 0 &&
+ this.selectOrg.orgsid.length === 1 &&
+ !checked
+ ) {
+ // 鍐嶆鐩存帴杩涜璧嬪�间负绌烘搷浣�
+ this.selectOrg.orgsid = [];
+ this.car.departName = "";
+ }
+ },
+ // 鑾峰彇閮ㄩ棬鏍�
+ getDepartTree() {
+ this.$axios.get("/sccg/depart/tree").then((res) => {
+ this.departList = res.data;
+ });
+ },
+ },
+ props: ["info", "closeDialog"],
+};
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ // background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ // background-color: #09152f;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/car/myIndex/edit/soil/index_20221221160902.vue b/.history/src/views/operate/car/myIndex/edit/soil/index_20221221160902.vue
new file mode 100644
index 0000000..c333de7
--- /dev/null
+++ b/.history/src/views/operate/car/myIndex/edit/soil/index_20221221160902.vue
@@ -0,0 +1,290 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
+ label-position="right">
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="杞︾墝鍙�:" prop="carNumber">
+ <el-input v-model="car.carNumber" placeholder="璇峰～鍐欒溅鐗屽彿"></el-input>
+ </el-form-item>
+ <!-- 杞﹀瀷 -->
+ <el-form-item class="optionItems" label="杞﹀瀷:" prop="carModel">
+ <el-select v-model="car.carModel" placeholder="璇烽�夋嫨杞﹀瀷">
+ <el-option v-for="item in carTypeList" :key="item.value" :label="item.label"
+ :value="item.label">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杞︿富濮撳悕 -->
+ <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="carOwner">
+ <el-input v-model="car.carOwner" placeholder="璇疯緭鍏ヨ溅涓诲鍚�"></el-input>
+ </el-form-item>
+ <!-- 杞﹁締浣跨敤浜哄憳 -->
+ <el-form-item class="optionItem" label="杞﹁締浣跨敤浜哄憳:" prop="carUser">
+ <el-input v-model="car.carUser" placeholder="璇疯緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"></el-input>
+ </el-form-item>
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItem" label="鑱旂郴鏂瑰紡:" prop="phone">
+ <el-input v-model="car.phone" placeholder="璇疯緭鍏ヨ溅涓绘墜鏈哄彿鐮�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍗曚綅 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍗曚綅:" prop="constructionOrg">
+ <el-input v-model="car.constructionOrg" placeholder="璇峰～鍐欐柦宸ュ崟浣�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍦板潃 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍦板潃:" prop="geographicPosition">
+ <el-input v-model="car.geographicPosition" placeholder="璇峰～鍐欐柦宸ュ湴鍧�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleCar">纭
+ </el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import {validateName,validatePhone,validateCarNum} from '@/utils/validate'
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if(validateCarNum(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�'));
+ }
+ } else {
+ callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︿富濮撳悕'))
+ }
+ } else {
+ callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
+ }
+ }
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�'))
+ }
+ } else {
+ callback(new Error('杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if(validatePhone(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'))
+ }
+ } else {
+ callback(new Error('鎵嬫満鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ const checkCarModel = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杞﹁締鍨嬪彿涓嶈兘涓虹┖'));
+ }
+ }
+ const checkOrg = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍗曚綅涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPosition = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍦板潃涓嶈兘涓虹┖'));
+ }
+ }
+ return {
+ car: {
+ carNumber: "",
+ contact: "",
+ belong: "",
+ // id: 0,
+ ownerName: "",
+ trajectory: "",
+ vehicleUser: "",
+ constructionOrg: '',
+ },
+ createCarRules: {
+ carNumber: [
+ {
+ required: true, trigger:'blur', validator: checkCarNum
+ }
+ ],
+ carModel: [
+ {
+ required: true, trigger:'change',validator: checkCarModel
+ }
+ ],
+ contact: [
+ {
+ required: true,trigger:'blur', validator: checkPhone
+ }
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,trigger:'blur', validator: checkName
+ }
+ ],
+ vehicleUser: [
+ {
+ required: true, trigger:'blur',validator: checkUser
+ }
+ ],
+ constructionOrg: [
+ {
+ required: true,trigger:'blur', validator: checkOrg
+ }
+ ],
+ geographicPosition: [
+ {
+ required: true, trigger:'blur',validator: checkPosition
+ }
+ ]
+ },
+ carTypeList: [
+ {
+ label: '澶у瀷',
+ value: 1,
+ },
+ {
+ label: '涓瀷',
+ value: 2,
+ },
+ {
+ label: '灏忓瀷',
+ value: 3,
+ },
+ ]
+ }
+ },
+ created() {
+ // 鍒濆鍖栨暟鎹�
+ this.car = JSON.parse(JSON.stringify(this.info));
+ },
+ methods: {
+ // 娣诲姞杞﹁締
+ handleCar() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { car } = this;
+ this.$axios({
+ method: 'put',
+ url: 'sccg/car_Manage/modification_slag',
+ data: {
+ ...car
+ }
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: '淇敼杞﹁締鎴愬姛',
+ })
+ this.$emit('closeDialog', { flag: false,index:1 });
+ } else {
+ this.$message({
+ type: 'error',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+
+ },
+ props: ['info','closeDialog']
+}
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #09152f;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093338.vue b/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093338.vue
new file mode 100644
index 0000000..02ff614
--- /dev/null
+++ b/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093338.vue
@@ -0,0 +1,290 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
+ label-position="right">
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="杞︾墝鍙�:" prop="carNumber">
+ <el-input v-model="car.carNumber" placeholder="璇峰～鍐欒溅鐗屽彿"></el-input>
+ </el-form-item>
+ <!-- 杞﹀瀷 -->
+ <el-form-item class="optionItems" label="杞﹀瀷:" prop="carModel">
+ <el-select v-model="car.carModel" placeholder="璇烽�夋嫨杞﹀瀷">
+ <el-option v-for="item in carTypeList" :key="item.value" :label="item.label"
+ :value="item.label">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杞︿富濮撳悕 -->
+ <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="carOwner">
+ <el-input v-model="car.carOwner" placeholder="璇疯緭鍏ヨ溅涓诲鍚�"></el-input>
+ </el-form-item>
+ <!-- 杞﹁締浣跨敤浜哄憳 -->
+ <el-form-item class="optionItem" label="杞﹁締浣跨敤浜哄憳:" prop="carUser">
+ <el-input v-model="car.carUser" placeholder="璇疯緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"></el-input>
+ </el-form-item>
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItem" label="鑱旂郴鏂瑰紡:" prop="phone">
+ <el-input v-model="car.phone" placeholder="璇疯緭鍏ヨ溅涓绘墜鏈哄彿鐮�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍗曚綅 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍗曚綅:" prop="constructionOrg">
+ <el-input v-model="car.constructionOrg" placeholder="璇峰～鍐欐柦宸ュ崟浣�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍦板潃 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍦板潃:" prop="geographicPosition">
+ <el-input v-model="car.geographicPosition" placeholder="璇峰～鍐欐柦宸ュ湴鍧�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleCar">纭
+ </el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import {validateName,validatePhone,validateCarNum} from '@/utils/validate'
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if(validateCarNum(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�'));
+ }
+ } else {
+ callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︿富濮撳悕'))
+ }
+ } else {
+ callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
+ }
+ }
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�'))
+ }
+ } else {
+ callback(new Error('杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if(validatePhone(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'))
+ }
+ } else {
+ callback(new Error('鎵嬫満鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ const checkCarModel = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杞﹁締鍨嬪彿涓嶈兘涓虹┖'));
+ }
+ }
+ const checkOrg = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍗曚綅涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPosition = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍦板潃涓嶈兘涓虹┖'));
+ }
+ }
+ return {
+ car: {
+ carNumber: "",
+ contact: "",
+ belong: "",
+ // id: 0,
+ ownerName: "",
+ trajectory: "",
+ vehicleUser: "",
+ constructionOrg: '',
+ },
+ createCarRules: {
+ carNumber: [
+ {
+ required: true, trigger:'blur', validator: checkCarNum
+ }
+ ],
+ carModel: [
+ {
+ required: true, trigger:'change',validator: checkCarModel
+ }
+ ],
+ contact: [
+ {
+ required: true,trigger:'blur', validator: checkPhone
+ }
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,trigger:'blur', validator: checkName
+ }
+ ],
+ vehicleUser: [
+ {
+ required: true, trigger:'blur',validator: checkUser
+ }
+ ],
+ constructionOrg: [
+ {
+ required: true,trigger:'blur', validator: checkOrg
+ }
+ ],
+ geographicPosition: [
+ {
+ required: true, trigger:'blur',validator: checkPosition
+ }
+ ]
+ },
+ carTypeList: [
+ {
+ label: '澶у瀷',
+ value: 1,
+ },
+ {
+ label: '涓瀷',
+ value: 2,
+ },
+ {
+ label: '灏忓瀷',
+ value: 3,
+ },
+ ]
+ }
+ },
+ created() {
+ // 鍒濆鍖栨暟鎹�
+ this.car = JSON.parse(JSON.stringify(this.info));
+ },
+ methods: {
+ // 娣诲姞杞﹁締
+ handleCar() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { car } = this;
+ this.$axios({
+ method: 'put',
+ url: 'sccg/car_Manage/modification_slag',
+ data: {
+ ...car
+ }
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: '淇敼杞﹁締鎴愬姛',
+ })
+ this.$emit('closeDialog', { flag: false,index:1 });
+ } else {
+ this.$message({
+ type: 'error',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+
+ },
+ props: ['info','closeDialog']
+}
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ // background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #fff;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093357.vue b/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093357.vue
new file mode 100644
index 0000000..391d661
--- /dev/null
+++ b/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093357.vue
@@ -0,0 +1,290 @@
+<template>
+ <div class="createUser">
+ <main>
+ <div class="mainContent">
+ <el-form ref="user" label-width="140px" :rules="createCarRules" autoComplete="on" :model="car"
+ label-position="right">
+ <!-- 杞︾墝鍙� -->
+ <el-form-item class="optionItem" label="杞︾墝鍙�:" prop="carNumber">
+ <el-input v-model="car.carNumber" placeholder="璇峰～鍐欒溅鐗屽彿"></el-input>
+ </el-form-item>
+ <!-- 杞﹀瀷 -->
+ <el-form-item class="optionItems" label="杞﹀瀷:" prop="carModel">
+ <el-select v-model="car.carModel" placeholder="璇烽�夋嫨杞﹀瀷">
+ <el-option v-for="item in carTypeList" :key="item.value" :label="item.label"
+ :value="item.label">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杞︿富濮撳悕 -->
+ <el-form-item class="optionItem" label="杞︿富濮撳悕:" prop="carOwner">
+ <el-input v-model="car.carOwner" placeholder="璇疯緭鍏ヨ溅涓诲鍚�"></el-input>
+ </el-form-item>
+ <!-- 杞﹁締浣跨敤浜哄憳 -->
+ <el-form-item class="optionItem" label="杞﹁締浣跨敤浜哄憳:" prop="carUser">
+ <el-input v-model="car.carUser" placeholder="璇疯緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�"></el-input>
+ </el-form-item>
+ <!-- 鑱旂郴鏂瑰紡 -->
+ <el-form-item class="optionItem" label="鑱旂郴鏂瑰紡:" prop="phone">
+ <el-input v-model="car.phone" placeholder="璇疯緭鍏ヨ溅涓绘墜鏈哄彿鐮�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍗曚綅 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍗曚綅:" prop="constructionOrg">
+ <el-input v-model="car.constructionOrg" placeholder="璇峰～鍐欐柦宸ュ崟浣�"></el-input>
+ </el-form-item>
+ <!-- 鏂藉伐鍦板潃 -->
+ <el-form-item class="optionItems" label="鏂藉伐鍦板潃:" prop="geographicPosition">
+ <el-input v-model="car.geographicPosition" placeholder="璇峰～鍐欐柦宸ュ湴鍧�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="optionBtn">
+ <el-button type="primary" class="btn submit" @click.native.prevent="handleCar">纭
+ </el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import {validateName,validatePhone,validateCarNum} from '@/utils/validate'
+export default {
+ data() {
+ const checkCarNum = (rule, value, callback) => {
+ if (value) {
+ if(validateCarNum(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︾墝鍙�'));
+ }
+ } else {
+ callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑杞︿富濮撳悕'))
+ }
+ } else {
+ callback(new Error('杞︿富濮撳悕涓嶈兘涓虹┖'));
+ }
+ }
+ const checkUser = (rule, value, callback) => {
+ if (value) {
+ if(validateName(value)){
+ callback();
+ }else{
+ callback(new Error('璇锋纭緭鍏ヨ溅杈嗕娇鐢ㄤ汉鍛�'))
+ }
+ } else {
+ callback(new Error('杞﹁締浣跨敤浜哄憳涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ if(validatePhone(value)){
+ callback();
+ }else{
+ callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'))
+ }
+ } else {
+ callback(new Error('鎵嬫満鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ const checkCarModel = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杞﹁締鍨嬪彿涓嶈兘涓虹┖'));
+ }
+ }
+ const checkOrg = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍗曚綅涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPosition = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鏂藉伐鍦板潃涓嶈兘涓虹┖'));
+ }
+ }
+ return {
+ car: {
+ carNumber: "",
+ contact: "",
+ belong: "",
+ // id: 0,
+ ownerName: "",
+ trajectory: "",
+ vehicleUser: "",
+ constructionOrg: '',
+ },
+ createCarRules: {
+ carNumber: [
+ {
+ required: true, trigger:'blur', validator: checkCarNum
+ }
+ ],
+ carModel: [
+ {
+ required: true, trigger:'change',validator: checkCarModel
+ }
+ ],
+ contact: [
+ {
+ required: true,trigger:'blur', validator: checkPhone
+ }
+ ],
+ // id: 0,
+ ownerName: [
+ {
+ required: true,trigger:'blur', validator: checkName
+ }
+ ],
+ vehicleUser: [
+ {
+ required: true, trigger:'blur',validator: checkUser
+ }
+ ],
+ constructionOrg: [
+ {
+ required: true,trigger:'blur', validator: checkOrg
+ }
+ ],
+ geographicPosition: [
+ {
+ required: true, trigger:'blur',validator: checkPosition
+ }
+ ]
+ },
+ carTypeList: [
+ {
+ label: '澶у瀷',
+ value: 1,
+ },
+ {
+ label: '涓瀷',
+ value: 2,
+ },
+ {
+ label: '灏忓瀷',
+ value: 3,
+ },
+ ]
+ }
+ },
+ created() {
+ // 鍒濆鍖栨暟鎹�
+ this.car = JSON.parse(JSON.stringify(this.info));
+ },
+ methods: {
+ // 娣诲姞杞﹁締
+ handleCar() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { car } = this;
+ this.$axios({
+ method: 'put',
+ url: 'sccg/car_Manage/modification_slag',
+ data: {
+ ...car
+ }
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: '淇敼杞﹁締鎴愬姛',
+ })
+ this.$emit('closeDialog', { flag: false,index:1 });
+ } else {
+ this.$message({
+ type: 'error',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+
+ },
+ props: ['info','closeDialog']
+}
+</script>
+<style lang="scss" scoped>
+.createUser {
+ border-radius: 1px;
+ // background-color: #09152f;
+
+ main {
+ // border: 1px solid #fff;
+ text-align: left;
+ padding: 0 55px;
+ background-color: #fff;
+ padding-bottom: 50px;
+
+ .mainContent {
+ display: flex;
+ justify-content: center;
+ padding-top: 50px;
+
+ .el-form-item__content {
+ width: 400px;
+
+ .el-select {
+ width: 100%;
+ }
+ }
+
+ .optionHandleSp {
+ display: flex;
+
+ .areaNumber,
+ .moreNumber {
+ flex: 1;
+ }
+
+ .telNumber {
+ flex: 2;
+ }
+ }
+
+ .optionBtn {
+ display: flex;
+ margin-top: 20px;
+
+ .btn {
+ padding: 12px 50px;
+ }
+ }
+
+ }
+ }
+
+ &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-input__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221208095634.vue b/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221208095634.vue
new file mode 100644
index 0000000..10a2eff
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221208095634.vue
@@ -0,0 +1,579 @@
+<template>
+ <div class="ill">
+ <div class="input-area">
+ <div class="input-header">
+ <div class="input-header__title">鍩虹淇℃伅</div>
+ <div class="input-header__tip">濉啓浜嬩欢鍩虹淇℃伅</div>
+ </div>
+ <div class="input-form">
+ <el-form ref="user" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules"
+ label-position="right">
+ <div class="user-item">
+ <!-- 闂绫诲瀷 -->
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="category">
+ <el-select v-model="ill.type" placeholder="杩濆缓" disabled>
+ <el-option v-for="item in communityList" :key="item.name" :label="item.name"
+ :value="item.value" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杩濆缓绫诲埆 -->
+ <el-form-item class="optionItems" label="杩濆缓绫诲埆:" prop="categoryId">
+ <el-select v-model="ill.categoryId" placeholder="璇烽�夋嫨杩濆缓绫诲埆" size="small">
+ <el-option v-for="item in bigKindList" :key="item.id" :label="item.name"
+ :value="item.id" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 褰撲簨浜哄鍚� -->
+ <el-form-item class="optionItems" label="褰撲簨浜哄鍚�:" prop="partyName">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉濮撳悕" v-model="ill.partyName"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿韩浠借瘉鍙� -->
+ <el-form-item class="optionItems" label="褰撲簨浜鸿韩浠借瘉鍙�:" prop="partyIdCard">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉韬唤璇佸彿" maxlength="18" v-model="ill.partyIdCard"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿仈绯荤數璇� -->
+ <el-form-item class="optionItem" label="褰撲簨浜鸿仈绯荤數璇�:" prop="partyPhone">
+ <el-input v-model="ill.partyPhone" maxlength="11" placeholder="璇峰～鍐欏綋浜嬩汉鑱旂郴鐢佃瘽"></el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 杩濆缓鍦扮偣 -->
+ <el-form-item class="optionItems" label="杩濆缓鍦扮偣:" prop="site">
+ <el-input placeholder="璇峰～鍐欒繚寤哄湴鐐�" v-model="ill.site"></el-input>
+ </el-form-item>
+ </div>
+ <div class="user-item">
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="ill.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet">
+ <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
+ <el-select v-model="ill.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in communityList" :key="item.id" :label="item.regionName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 韬唤璇佹鍙嶉潰鐓х墖 -->
+ <el-form-item class="optionItems" label="韬唤璇佹銆佸弽闈㈢収鐗�:" prop="positive">
+ <template>
+ <div class="idcard">
+ <el-upload class="upload-demo" :show-file-list="false"
+ action="/sccg/file/medias" :headers="getToken()" multiple
+ :limit="50" :on-success="handleSuccess">
+ <img v-if="ill.positive === ''"
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text" v-if="ill.positive === ''">韬唤璇佹闈�</span>
+ <img :src="ill.positive" alt="" class="img" v-else>
+ </el-upload>
+ <el-upload class="upload-demo" :show-file-list="false"
+ action="/sccg/file/medias" :headers="getToken()" multiple
+ :limit="50" :on-success="handleSuccess2">
+ <img v-if="ill.negative === '' "
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text" v-if="ill.negative === ''">韬唤璇佸弽闈�</span>
+ <img :src="ill.negative" alt="" class="img" v-else />
+ </el-upload>
+ </div>
+ </template>
+ </el-form-item>
+ <!-- 鎶ヨ鏃堕棿 -->
+ <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime">
+ <el-date-picker v-model="ill.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="not-need">
+ <div class="not-need__header">
+ 鎵ф硶杩濆缓鎯呭喌
+ </div>
+ <el-form ref="condition" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules">
+ <!-- 杩濆缓鍏蜂綋浣嶇疆 -->
+ <el-form-item class="optionItems" label="杩濆缓鍏蜂綋浣嶇疆:" prop="position">
+ <el-input placeholder="璇峰～鍐欒繚寤哄叿浣撲綅缃�" v-model="ill.position"></el-input>
+ </el-form-item>
+ <div class="area">
+ <el-form-item class="optionItems" label="杩濇硶寤鸿闀裤�佸銆侀珮:" prop="buildingLength">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingLength"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label-width='0px' prop="buildingWidth">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingWidth"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label-width='0px' prop="buildingHigh">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingHigh"></el-input>
+ </el-form-item>
+ </div>
+ <el-form-item class="optionItems" label="杩濇硶寤鸿闈㈢Н:" prop="buildingArea">
+ <el-input placeholder="璇峰～鍐欒繚娉曞缓璁鹃潰绉�" v-model="ill.buildingArea"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="杩濇硶寤虹瓚鏉愭枡:" prop="materials">
+ <el-input placeholder="璇峰～鍐欒繚娉曞缓绛戞潗鏂�" v-model="ill.materials"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="input-footer">
+ <el-button type="primary" class="confirm" @click="handleUser">纭畾</el-button>
+ <el-button class="back" @click="handleBack">杩斿洖</el-button>
+ </div>
+ </div>
+ <div class="map-area">
+ <!-- <MyMap /> -->
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+import {parseTime} from '@/utils/index'
+import { validateName, validatePhone, validateCardId, validateNum } from '@/utils/validate'
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ const checkArea = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿闈㈢Н'))
+ } else {
+ callback(new Error('杩濇硶寤鸿闈㈢Н涓嶈兘涓虹┖'))
+ }
+ }
+ const checkHigh = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿楂樺害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿楂樺害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkWidth = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿瀹藉害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿瀹藉害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkLength = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿闀垮害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿闀垮害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkCategoryId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濆缓绫诲埆涓嶈兘涓虹┖'));
+ }
+ }
+ const checkCommunityId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炵ぞ鍖轰笉鑳戒负绌�'));
+ }
+ }
+ const checkMaterials = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤虹瓚鏉愭枡涓嶈兘涓虹┖'));
+ }
+ }
+ const checkIdCard = (rule, value, callback) => {
+ if (value) {
+ validateCardId(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�'))
+ } else {
+ callback(new Error('褰撲簨浜鸿韩浠借瘉鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ validateName(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑褰撲簨浜轰俊鎭�'))
+ } else {
+ callback(new Error('褰撲簨浜哄鍚嶄笉鑳戒负绌�'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ validatePhone(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙风爜'))
+ } else {
+ callback(new Error('褰撲簨浜鸿仈绯荤數璇濅笉鑳戒负绌�'));
+ }
+ }
+ const checkPosition = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤鸿鍏蜂綋浣嶇疆涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPositive = (rule, value, callback) => {
+ if (value) {
+ if (this.ill.negative === '') {
+ callback('韬唤璇佸弽闈笉鑳戒负绌�');
+ } else {
+ callback();
+ }
+ } else {
+ callback(new Error('韬唤璇佹闈笉鑳戒负绌�'));
+
+ }
+ }
+ const checkSite = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤鸿鍦扮偣涓嶈兘涓虹┖'));
+ }
+ }
+ const checkDate = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ const checkStreet=(rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
+ return {
+ ill: {
+ buildingArea: '',
+ buildingHigh: '',
+ buildingLength: '',
+ buildingWidth: '',
+ // category: '',
+ categoryId: '',
+ communityId: '',
+ materials: "",
+ partyIdCard: "",
+ partyName: "",
+ partyPhone: "",
+ position: "",
+ positive: "",
+ negative: "",
+ site: "",
+ alarmTime: '',
+ },
+ createillRules: {
+ buildingArea: [
+ {
+ required: true, trigger: 'blur', validator: checkArea
+ }
+ ],
+ buildingHigh: [
+ {
+ required: true, trigger: 'blur', validator: checkHigh
+ }
+ ],
+ buildingLength: [
+ {
+ required: true, trigger: 'blur', validator: checkLength
+ }
+ ],
+ buildingWidth: [
+ {
+ required: true, trigger: 'blur', validator: checkWidth
+ }
+ ],
+ categoryId: [
+ {
+ required: true, trigger: 'change', validator: checkCategoryId
+ }
+ ],
+ communityId: [
+ {
+ required: true, trigger: 'change', validator: checkCommunityId
+ }
+ ],
+ materials: [
+ {
+ required: true, trigger: 'blur', validator: checkMaterials
+ }
+ ],
+ partyIdCard: [
+ {
+ required: true, trigger: 'blur', validator: checkIdCard
+ }
+ ],
+ partyName: [
+ {
+ required: true, trigger: 'blur', validator: checkName
+ }
+ ],
+ partyPhone: [
+ {
+ required: true, trigger: 'blur', validator: checkPhone
+ }
+ ],
+ position: [
+ {
+ required: true, trigger: 'blur', validator: checkPosition
+ }
+ ],
+ positive: [
+ {
+ required: true, trigger: 'change', validator: checkPositive
+ }
+ ],
+ site: [
+ {
+ required: true, trigger: 'blur', validator: checkSite
+ }
+ ],
+ alarmTime: [
+ {
+ required: true, trigger: 'change', validator: checkDate
+ }
+ ],
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
+ },
+ bigKindList: [],
+ communityList: [
+ ],
+ streetList: [],
+ }
+ },
+ created() {
+ const { getBigKind, getCommityList,getStreetList } = this;
+ getStreetList(0);
+
+ // this.ill.category = this.mytype + 1;
+ getBigKind();
+ getCommityList();
+ },
+ methods: {
+ handleUser() {
+ const that = this;
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ that.$refs.condition.validate((flag) => {
+ if (flag) {
+ const { ill } = this;
+ ill.buildingLength = parseFloat(ill.buildingLength);
+ ill.buildingHigh = parseFloat(ill.buildingHigh);
+ ill.buildingWidth = parseFloat(ill.buildingWidth);
+ ill.buildingArea = parseFloat(ill.buildingArea);
+ that.$axios({
+ method: 'post',
+ url: 'sccg/base_case/addition_illegal_building',
+ data: {
+ ...ill,
+ alarmTime:parseTime(ill.alarmTime)
+ },
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: res.message
+ })
+ this.$emit('changeDialog', { flag: false });
+ this.refresh();
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ // 鑾峰彇澶х被鍒楄〃
+ getBigKind() {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/illegal_building/query/type_second'
+ }).then(res => {
+ this.bigKindList = res.data;
+ })
+ },
+ // 鑾峰彇token
+ getToken() {
+ const token = sessionStorage.getItem('token');
+ const tokenHead = sessionStorage.getItem('tokenHead');
+ if (token && tokenHead) {
+ return { Authorization: tokenHead + token };
+ }
+ },
+ handleSuccess(res, file, filelist) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.ill.positive = baseUrl + res.data.url1;
+
+ },
+ handleSuccess2(res, file, filelist) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.ill.negative = baseUrl + res.data.url1;
+ },
+ // 鏌ヨ绀惧尯
+ getCommityList() {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/dict/query_type?level=1&typeCode=' + '10'
+ })
+ .then(res => {
+ })
+ },
+ // 鑾峰彇琛楅亾淇℃伅
+ async getStreetList(id) {
+ let arr
+ await this.$axios({
+ method:'get',
+ url:`sccg/sccg_region/getChildren/${id}`,
+ })
+ .then(res=>{
+ if(res.code === 200){
+ arr = res.data;
+ }
+ })
+ this.streetList = arr;
+ },
+ // 琛楅亾鏇存敼
+ handleStreet(id) {
+ this.ill.communityId = '';
+ this.$axios({
+ method: 'get',
+ url: `sccg/sccg_region/getChildren/${id}`
+ })
+ .then(res => {
+ this.communityList = res.data;
+ })
+ },
+ handleBack(){
+ this.$emit('changeDialog', { flag: false });
+ }
+ },
+ watch: {
+ 'ill.buildingLength': {
+ handler(newVal, oldVal) {
+ if (newVal) {
+ this.ill.buildingWidth !== '' && validateNum(newVal) && validateNum(this.ill.buildingWidth) ? this.ill.buildingArea = newVal * this.ill.buildingWidth : '';
+ }
+ },
+ deep: true,
+ },
+ 'ill.buildingWidth': {
+ handler(newVal, oldVal) {
+ if (newVal) {
+ this.ill.buildingLength !== '' && validateNum(newVal) && validateNum(this.ill.buildingLength) ? this.ill.buildingArea = newVal * this.ill.buildingLength : '';
+ }
+ },
+ deep: true,
+ }
+ },
+ props: ['mytype', 'changeDialog', 'refresh']
+}
+</script>
+<style lang="scss" scoped>
+.ill {
+ display: flex;
+ padding: 20px 10px 50px;
+
+ .user-item {
+ display: flex;
+ }
+
+ .input-area {
+ flex: 3;
+ padding: 10px 20px;
+
+ .input-header {
+ color: #4b9bb7;
+
+ .input-header__title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 20px;
+ }
+
+ .input-header__tip {
+ line-height: 40px;
+ }
+ }
+ .el-form {
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ .input-form {
+
+
+ .upload-demo {
+ position: relative;
+ margin-right: 20px;
+ .text {
+ position: absolute;
+ top: 22%;
+ left: 20%;
+ }
+ }
+
+ .idcard {
+ display: flex;
+ }
+
+ .idCardZ {
+ width: 200px;
+ height: 200px;
+ }
+ }
+
+ .input-footer {
+ display: flex;
+ justify-content: center;
+ }
+ }
+
+ .img {
+ width: 125px;
+ height: 80px;
+ }
+
+ .area {
+ display: flex;
+ }
+
+ .map-area {
+ flex: 2;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221222100130.vue b/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221222100130.vue
new file mode 100644
index 0000000..996e339
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221222100130.vue
@@ -0,0 +1,579 @@
+<template>
+ <div class="ill">
+ <div class="input-area">
+ <div class="input-header">
+ <div class="input-header__title">鍩虹淇℃伅</div>
+ <div class="input-header__tip">濉啓浜嬩欢鍩虹淇℃伅</div>
+ </div>
+ <div class="input-form">
+ <el-form ref="user" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules"
+ label-position="right">
+ <div class="user-item">
+ <!-- 闂绫诲瀷 -->
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="category">
+ <el-select v-model="ill.type" placeholder="杩濆缓" disabled>
+ <el-option v-for="item in communityList" :key="item.name" :label="item.name"
+ :value="item.value" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 杩濆缓绫诲埆 -->
+ <el-form-item class="optionItems" label="杩濆缓绫诲埆:" prop="categoryId">
+ <el-select v-model="ill.categoryId" placeholder="璇烽�夋嫨杩濆缓绫诲埆" size="small">
+ <el-option v-for="item in bigKindList" :key="item.id" :label="item.name"
+ :value="item.id" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 褰撲簨浜哄鍚� -->
+ <el-form-item class="optionItems" label="褰撲簨浜哄鍚�:" prop="partyName">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉濮撳悕" v-model="ill.partyName"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿韩浠借瘉鍙� -->
+ <el-form-item class="optionItems" label="褰撲簨浜鸿韩浠借瘉鍙�:" prop="partyIdCard">
+ <el-input placeholder="璇峰～鍐欏綋浜嬩汉韬唤璇佸彿" maxlength="18" v-model="ill.partyIdCard"></el-input>
+ </el-form-item>
+ <!-- 褰撲簨浜鸿仈绯荤數璇� -->
+ <el-form-item class="optionItem" label="褰撲簨浜鸿仈绯荤數璇�:" prop="partyPhone">
+ <el-input v-model="ill.partyPhone" maxlength="11" placeholder="璇峰～鍐欏綋浜嬩汉鑱旂郴鐢佃瘽"></el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 杩濆缓鍦扮偣 -->
+ <el-form-item class="optionItems" label="杩濆缓鍦扮偣:" prop="site">
+ <el-input placeholder="璇峰～鍐欒繚寤哄湴鐐�" v-model="ill.site"></el-input>
+ </el-form-item>
+ </div>
+ <div class="user-item">
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="ill.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet">
+ <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
+ <el-select v-model="ill.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in communityList" :key="item.id" :label="item.regionName"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 韬唤璇佹鍙嶉潰鐓х墖 -->
+ <el-form-item class="optionItems" label="韬唤璇佹銆佸弽闈㈢収鐗�:" prop="positive">
+ <template>
+ <div class="idcard">
+ <el-upload class="upload-demo" :show-file-list="false"
+ action="/sccg/file/medias" :headers="getToken()" multiple
+ :limit="50" :on-success="handleSuccess">
+ <img v-if="ill.positive === ''"
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text" v-if="ill.positive === ''">韬唤璇佹闈�</span>
+ <img :src="ill.positive" alt="" class="img" v-else>
+ </el-upload>
+ <el-upload class="upload-demo" :show-file-list="false"
+ action="/sccg/file/medias" :headers="getToken()" multiple
+ :limit="50" :on-success="handleSuccess2">
+ <img v-if="ill.negative === '' "
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"
+ alt="">
+ <span class="text" v-if="ill.negative === ''">韬唤璇佸弽闈�</span>
+ <img :src="ill.negative" alt="" class="img" v-else />
+ </el-upload>
+ </div>
+ </template>
+ </el-form-item>
+ <!-- 鎶ヨ鏃堕棿 -->
+ <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime">
+ <el-date-picker v-model="ill.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="not-need">
+ <div class="not-need__header">
+ 鎵ф硶杩濆缓鎯呭喌
+ </div>
+ <el-form ref="condition" label-width="160px" autoComplete="on" :model="ill" :rules="createillRules">
+ <!-- 杩濆缓鍏蜂綋浣嶇疆 -->
+ <el-form-item class="optionItems" label="杩濆缓鍏蜂綋浣嶇疆:" prop="position">
+ <el-input placeholder="璇峰～鍐欒繚寤哄叿浣撲綅缃�" v-model="ill.position"></el-input>
+ </el-form-item>
+ <div class="area">
+ <el-form-item class="optionItems" label="杩濇硶寤鸿闀裤�佸銆侀珮:" prop="buildingLength">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingLength"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label-width='0px' prop="buildingWidth">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingWidth"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label-width='0px' prop="buildingHigh">
+ <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingHigh"></el-input>
+ </el-form-item>
+ </div>
+ <el-form-item class="optionItems" label="杩濇硶寤鸿闈㈢Н:" prop="buildingArea">
+ <el-input placeholder="璇峰～鍐欒繚娉曞缓璁鹃潰绉�" v-model="ill.buildingArea"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="杩濇硶寤虹瓚鏉愭枡:" prop="materials">
+ <el-input placeholder="璇峰～鍐欒繚娉曞缓绛戞潗鏂�" v-model="ill.materials"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="input-footer">
+ <el-button type="primary" class="confirm" @click="handleUser">纭畾</el-button>
+ <el-button class="back" @click="handleBack">杩斿洖</el-button>
+ </div>
+ </div>
+ <div class="map-area">
+ <!-- <MyMap /> -->
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+import {parseTime} from '@/utils/index'
+import { validateName, validatePhone, validateCardId, validateNum } from '@/utils/validate'
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ const checkArea = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿闈㈢Н'))
+ } else {
+ callback(new Error('杩濇硶寤鸿闈㈢Н涓嶈兘涓虹┖'))
+ }
+ }
+ const checkHigh = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿楂樺害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿楂樺害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkWidth = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿瀹藉害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿瀹藉害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkLength = (rule, value, callback) => {
+ if (value) {
+ validateNum(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑杩濇硶寤鸿闀垮害'))
+ } else {
+ callback(new Error('杩濇硶寤鸿闀垮害涓嶈兘涓虹┖'));
+
+ }
+ }
+ const checkCategoryId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濆缓绫诲埆涓嶈兘涓虹┖'));
+ }
+ }
+ const checkCommunityId = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炵ぞ鍖轰笉鑳戒负绌�'));
+ }
+ }
+ const checkMaterials = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤虹瓚鏉愭枡涓嶈兘涓虹┖'));
+ }
+ }
+ const checkIdCard = (rule, value, callback) => {
+ if (value) {
+ validateCardId(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�'))
+ } else {
+ callback(new Error('褰撲簨浜鸿韩浠借瘉鍙风爜涓嶈兘涓虹┖'));
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ validateName(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑褰撲簨浜轰俊鎭�'))
+ } else {
+ callback(new Error('褰撲簨浜哄鍚嶄笉鑳戒负绌�'));
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ validatePhone(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙风爜'))
+ } else {
+ callback(new Error('褰撲簨浜鸿仈绯荤數璇濅笉鑳戒负绌�'));
+ }
+ }
+ const checkPosition = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤鸿鍏蜂綋浣嶇疆涓嶈兘涓虹┖'));
+ }
+ }
+ const checkPositive = (rule, value, callback) => {
+ if (value) {
+ if (this.ill.negative === '') {
+ callback('韬唤璇佸弽闈笉鑳戒负绌�');
+ } else {
+ callback();
+ }
+ } else {
+ callback(new Error('韬唤璇佹闈笉鑳戒负绌�'));
+
+ }
+ }
+ const checkSite = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('杩濇硶寤鸿鍦扮偣涓嶈兘涓虹┖'));
+ }
+ }
+ const checkDate = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ const checkStreet=(rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
+ return {
+ ill: {
+ buildingArea: '',
+ buildingHigh: '',
+ buildingLength: '',
+ buildingWidth: '',
+ // category: '',
+ categoryId: '',
+ communityId: '',
+ materials: "",
+ partyIdCard: "",
+ partyName: "",
+ partyPhone: "",
+ position: "",
+ positive: "",
+ negative: "",
+ site: "",
+ alarmTime: '',
+ },
+ createillRules: {
+ buildingArea: [
+ {
+ required: true, trigger: 'blur', validator: checkArea
+ }
+ ],
+ buildingHigh: [
+ {
+ required: true, trigger: 'blur', validator: checkHigh
+ }
+ ],
+ buildingLength: [
+ {
+ required: true, trigger: 'blur', validator: checkLength
+ }
+ ],
+ buildingWidth: [
+ {
+ required: true, trigger: 'blur', validator: checkWidth
+ }
+ ],
+ categoryId: [
+ {
+ required: true, trigger: 'change', validator: checkCategoryId
+ }
+ ],
+ communityId: [
+ {
+ required: true, trigger: 'change', validator: checkCommunityId
+ }
+ ],
+ materials: [
+ {
+ required: true, trigger: 'blur', validator: checkMaterials
+ }
+ ],
+ partyIdCard: [
+ {
+ required: true, trigger: 'blur', validator: checkIdCard
+ }
+ ],
+ partyName: [
+ {
+ required: true, trigger: 'blur', validator: checkName
+ }
+ ],
+ partyPhone: [
+ {
+ required: true, trigger: 'blur', validator: checkPhone
+ }
+ ],
+ position: [
+ {
+ required: true, trigger: 'blur', validator: checkPosition
+ }
+ ],
+ positive: [
+ {
+ required: true, trigger: 'change', validator: checkPositive
+ }
+ ],
+ site: [
+ {
+ required: true, trigger: 'blur', validator: checkSite
+ }
+ ],
+ alarmTime: [
+ {
+ required: true, trigger: 'change', validator: checkDate
+ }
+ ],
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
+ },
+ bigKindList: [],
+ communityList: [
+ ],
+ streetList: [],
+ }
+ },
+ created() {
+ const { getBigKind, getCommityList,getStreetList } = this;
+ getStreetList(0);
+
+ // this.ill.category = this.mytype + 1;
+ getBigKind();
+ getCommityList();
+ },
+ methods: {
+ handleUser() {
+ const that = this;
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ that.$refs.condition.validate((flag) => {
+ if (flag) {
+ const { ill } = this;
+ ill.buildingLength = parseFloat(ill.buildingLength);
+ ill.buildingHigh = parseFloat(ill.buildingHigh);
+ ill.buildingWidth = parseFloat(ill.buildingWidth);
+ ill.buildingArea = parseFloat(ill.buildingArea);
+ that.$axios({
+ method: 'post',
+ url: 'sccg/base_case/addition_illegal_building',
+ data: {
+ ...ill,
+ alarmTime:parseTime(ill.alarmTime)
+ },
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: res.message
+ })
+ this.$emit('changeDialog', { flag: false });
+ this.refresh();
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ // 鑾峰彇澶х被鍒楄〃
+ getBigKind() {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/illegal_building/query/type_second'
+ }).then(res => {
+ this.bigKindList = res.data;
+ })
+ },
+ // 鑾峰彇token
+ getToken() {
+ const token = sessionStorage.getItem('token');
+ const tokenHead = sessionStorage.getItem('tokenHead');
+ if (token && tokenHead) {
+ return { Authorization: tokenHead + token };
+ }
+ },
+ handleSuccess(res, file, filelist) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.ill.positive = baseUrl + res.data.url1;
+
+ },
+ handleSuccess2(res, file, filelist) {
+ const baseUrl = 'http://140.143.152.226:8410/';
+ this.ill.negative = baseUrl + res.data.url1;
+ },
+ // 鏌ヨ绀惧尯
+ getCommityList() {
+ this.$axios({
+ method: 'get',
+ url: 'sccg/dict/query_type?level=1&typeCode=' + '10'
+ })
+ .then(res => {
+ })
+ },
+ // 鑾峰彇琛楅亾淇℃伅
+ async getStreetList(id) {
+ let arr
+ await this.$axios({
+ method:'get',
+ url:`sccg/sccg_region/getChildren/${id}`,
+ })
+ .then(res=>{
+ if(res.code === 200){
+ arr = res.data;
+ }
+ })
+ this.streetList = arr;
+ },
+ // 琛楅亾鏇存敼
+ handleStreet(id) {
+ this.ill.communityId = '';
+ this.$axios({
+ method: 'get',
+ url: `sccg/sccg_region/getChildren/${id}`
+ })
+ .then(res => {
+ this.communityList = res.data;
+ })
+ },
+ handleBack(){
+ this.$emit('changeDialog', { flag: false });
+ }
+ },
+ watch: {
+ 'ill.buildingLength': {
+ handler(newVal, oldVal) {
+ if (newVal) {
+ this.ill.buildingWidth !== '' && validateNum(newVal) && validateNum(this.ill.buildingWidth) ? this.ill.buildingArea = newVal * this.ill.buildingWidth : '';
+ }
+ },
+ deep: true,
+ },
+ 'ill.buildingWidth': {
+ handler(newVal, oldVal) {
+ if (newVal) {
+ this.ill.buildingLength !== '' && validateNum(newVal) && validateNum(this.ill.buildingLength) ? this.ill.buildingArea = newVal * this.ill.buildingLength : '';
+ }
+ },
+ deep: true,
+ }
+ },
+ props: ['mytype', 'changeDialog', 'refresh']
+}
+</script>
+<style lang="scss" scoped>
+.ill {
+ display: flex;
+ padding: 20px 10px 50px;
+
+ .user-item {
+ display: flex;
+ }
+
+ .input-area {
+ flex: 3;
+ padding: 10px 20px;
+
+ .input-header {
+ color: #4b9bb7;
+
+ .input-header__title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 20px;
+ }
+
+ .input-header__tip {
+ line-height: 40px;
+ }
+ }
+ .el-form {
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ &::v-deep .el-input__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ .input-form {
+
+
+ .upload-demo {
+ position: relative;
+ margin-right: 20px;
+ .text {
+ position: absolute;
+ top: 22%;
+ left: 20%;
+ }
+ }
+
+ .idcard {
+ display: flex;
+ }
+
+ .idCardZ {
+ width: 200px;
+ height: 200px;
+ }
+ }
+
+ .input-footer {
+ display: flex;
+ justify-content: center;
+ }
+ }
+
+ .img {
+ width: 125px;
+ height: 80px;
+ }
+
+ .area {
+ display: flex;
+ }
+
+ .map-area {
+ flex: 2;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221209143335.vue b/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221209143335.vue
new file mode 100644
index 0000000..46aa84e
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221209143335.vue
@@ -0,0 +1,608 @@
+<template>
+ <div class="vio">
+ <div class="input-area">
+ <div class="input-header">
+ <div class="input-header__title">鍩虹淇℃伅</div>
+ <div class="input-header__tip">濉啓浜嬩欢鍩虹淇℃伅</div>
+ </div>
+ <div class="input-form">
+ <el-form ref="user" label-width="120px" autoComplete="on" :model="vio" :rules="createRoleRules"
+ label-position="right">
+ <div class="user-item">
+ <!-- 闂绫诲瀷 -->
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="category">
+ <el-select v-model="vio.category" placeholder="杩濊" disabled>
+ <el-option v-for="item in typeList" :key="item.label" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 澶х被鍚嶇О -->
+ <el-form-item class="optionItems" label="澶х被鍚嶇О:" prop="categoryId">
+ <el-select v-model="vio.categoryId" placeholder="璇烽�夋嫨澶х被鍚嶇О" @change="handleBigKindChange">
+ <el-option v-for="item in bigKindList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <div class="user-item">
+ <!-- 灏忕被鍚嶇О -->
+ <el-form-item class="optionItems" label="灏忕被鍚嶇О:" prop="typeId">
+ <el-select v-model="vio.typeId" placeholder="璇烽�夋嫨灏忕被鍚嶇О" @change="handleSmallKindChange">
+ <el-option v-for="item in smallKindList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 浜嬩欢绛夌骇 -->
+ <el-form-item class="optionItems" label="浜嬩欢绛夌骇:" prop="gradeId">
+ <el-select v-model="vio.gradeId" placeholder="璇烽�夋嫨妗堜欢绛夌骇">
+ <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 妗堢敱 -->
+ <el-form-item class="optionItem anyou" label="妗堢敱:" prop="actionCause">
+ <el-select v-model="vio.actionCause" placeholder="璇疯緭鍏ユ鐢�" filterable @blur="selectBlur">
+ <el-option v-for="item in anYouList" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="vio.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet">
+ <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
+ <el-select v-model="vio.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in communityList" :key="item.id" :label="item.regionName"
+ :value="item.id" >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 浜嬪彂鍦扮偣 -->
+ <el-form-item class="optionItems" label="浜嬪彂鍦扮偣:" prop="site">
+ <el-input placeholder="璇疯緭鍏ヤ簨鍙戝湴璇︾粏浣嶇疆" v-model="vio.site"></el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鏄惁鍏宠仈鍟嗛摵 -->
+ <el-form-item class="optionItems" label="鏄惁鍏宠仈鍟嗛摵:" prop="linkShop">
+ <el-radio-group v-model="vio.linkShop" @change="handleLinkShop">
+ <el-radio :label="1">鏄�</el-radio>
+ <el-radio :label="0">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <!-- 鍏宠仈鍟嗛摵鍚嶇О -->
+ <el-form-item class="optionItems" label="鍏宠仈鍟嗛摵鍚嶇О:" prop="shopName">
+ <el-select v-model="vio.shopName" :disabled="vio.linkShop === 0" placeholder="璇峰～鍐欏叧鑱斿晢閾哄悕绉�">
+ <el-option v-for="store in storeList" :key="store.id" :value="store.id" :label="store.storeName"></el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 濉啓杞︾墝鍙� -->
+ <el-form-item class="optionItems" label="濉啓杞︾墝鍙�:" prop="carNumber">
+ <el-input placeholder="璇峰～鍐欒溅鐗屽彿" v-model="vio.carNumber"></el-input>
+ </el-form-item>
+ <!-- 闂鎻忚堪 -->
+ <el-form-item class="optionItems" label="闂鎻忚堪:" prop="description">
+ <el-input type="textarea" :rows="5" maxlength="200" placeholder="璇疯緭鍏ュ唴瀹�200瀛椾互鍐�"
+ v-model="vio.description">
+ </el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鎶ヨ鏃堕棿 -->
+ <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime">
+ <el-date-picker v-model="vio.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ <!-- 璋冨害鏃堕檺 -->
+ <el-form-item class="optionItems" label="璋冨害鏃堕檺:" prop="limitTime">
+ <el-date-picker v-model="vio.limitTime" type="datetime" placeholder="閫夋嫨璋冨害鏃堕檺">
+ </el-date-picker>
+ </el-form-item>
+ </div>
+ <!-- 濉啓鍙嶆槧浜轰俊鎭� -->
+ <el-form-item class="optionItems" label="濉啓鍙嶆槧浜轰俊鎭�">
+ </el-form-item>
+ <!-- 鍙嶆槧浜烘儏鍐� -->
+ <div class="user-item">
+ <el-form-item class="optionItems" label="鍙嶆槧浜�:" prop="informant">
+ <el-input v-model="vio.informant"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="鑱旂郴鏂瑰紡:" prop="informantPhoneCode">
+ <el-input v-model="vio.informantPhoneCode"></el-input>
+ </el-form-item>
+ </div>
+ <el-form-item class="optionItems" label="韬唤璇佸彿:" prop="informantIdCard">
+ <el-input v-model="vio.informantIdCard"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="input-footer">
+ <el-button type="primary" class="confirm" @click="handleSubmit">纭畾</el-button>
+ <el-button class="back" @click="handleBack">杩斿洖</el-button>
+ </div>
+ </div>
+ <div class="map-area">
+ <!-- <MyMap /> -->
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate'
+import { getTypeList } from '@/utils/helper'
+import { parseTime } from "@/utils/index"
+import { getStoreInfoList } from "@/api/operate/storeManagement";
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ const checkCause = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('妗堢敱涓嶈兘涓虹┖'))
+ }
+ }
+ const checkCategory = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('澶х被鍚嶇О涓嶈兘涓虹┖'))
+ }
+ }
+ const checkCommunity = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炵ぞ鍖轰笉鑳戒负绌�'));
+ }
+ }
+ const checkDesc = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('闂鎻忚堪涓嶈兘涓虹┖'))
+ }
+ }
+ const checkSite = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬪彂鍦扮偣涓嶈兘涓虹┖'))
+ }
+ }
+ const checkStreet = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
+ const checkType = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('灏忕被涓嶈兘涓虹┖'))
+ }
+ }
+ const checkGrade = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬩欢绛夌骇涓嶈兘涓虹┖'))
+ }
+ }
+ const checkDate = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ validateName(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑濮撳悕'))
+ } else {
+ callback()
+ }
+ }
+ const checkCardId = (rule, value, callback) => {
+ if (value) {
+ validateCardId(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�'))
+ } else {
+ callback()
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ validatePhone(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'));
+ } else {
+ callback()
+ }
+ }
+ const checkLink = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ if (this.vio.linkShop === 1) {
+ callback(new Error('鍏宠仈鍟嗛摵鍚嶅瓧涓嶈兘涓虹┖'));
+ } else {
+ callback();
+ }
+ }
+ }
+ const checkLimit = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('璋冨害鏃堕檺鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ return {
+ vio: {
+ actionCause: "",//妗堢敱
+ carNumber: "",//杞︾墝鍙�
+ categoryId: '',//澶х被
+ communityId: '',//鎵�灞炵ぞ鍖�
+ description: '',//闂鎻忚堪
+ informant: '',//鍙嶆槧浜�
+ informantIdCard: '',//韬唤璇佸彿鐮�
+ informantPhoneCode: "",//鍙嶆槧浜鸿仈绯绘柟寮�
+ linkShop: 0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ shopName: "",//鍏宠仈鍟嗛摵鍚嶇О
+ site: '',//浜嬪彂鍦扮偣
+ streetId: '',//鎵�灞炶閬�
+ typeId: '',//灏忕被
+ gradeId: '',//妗堜欢绛夌骇
+ alarmTime: '',
+ limitTime: '',//璋冨害鏃堕檺
+ },
+ createRoleRules: {
+ //妗堢敱
+ actionCause: [
+ {
+ required: true, trigger: 'blur', validator: checkCause,
+ }
+ ],
+ //澶х被
+ categoryId: [
+ {
+ required: true, trigger: 'change', validator: checkCategory
+ }
+ ],
+ //鎵�灞炵ぞ鍖�
+ communityId: [
+ {
+ required: true, trigger: 'change', validator: checkCommunity
+ }
+ ],
+ //闂鎻忚堪
+ description: [
+ {
+ required: true, trigger: 'blur', validator: checkDesc
+ }
+ ],
+ informant: [
+ {
+ required: false, trigger: 'blur', validator: checkName
+ }
+ ],
+ informantIdCard: [
+ {
+ required: false, trigger: 'blur', validator: checkCardId
+ }
+ ],
+ informantPhoneCode: [
+ {
+ required: false, trigger: 'blur', validator: checkPhone
+ }
+ ],
+ // linkShop:0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ shopName: [
+ {
+ required: false, trigger: 'blur', validator: checkLink
+ }
+ ],
+ //浜嬪彂鍦扮偣
+ site: [
+ {
+ required: true, trigger: 'blur', validator: checkSite
+ }
+ ],
+ //鎵�灞炶閬�
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
+ //灏忕被
+ typeId: [
+ {
+ required: true, trigger: 'change', validator: checkType
+ }
+ ],
+ //妗堜欢绛夌骇
+ gradeId: [
+ {
+ required: true, trigger: 'change', validator: checkGrade
+ }
+ ],
+ alarmTime: [
+ {
+ required: true, trigger: 'change', validator: checkDate
+ }
+ ],
+ limitTime: [
+ {
+ required: true, trigger: 'change', validator: checkLimit
+ }
+ ]
+
+ },
+ bigKindList: [],
+ smallKindList: [],
+ eventLevelList: [],
+ typeList: [
+ {
+ label: '杩濊',
+ value: 1.
+ },
+ {
+ label: '杩濆缓',
+ value: 2.
+ }
+ ],
+ streetList: [],
+ communityList: [],
+ anYouList: [],
+ storeList: []
+ }
+ },
+ created() {
+ const { setBigKindList, getStreetList, getEventLevel } = this;
+ this.vio.category = this.mytype + 1;
+ setBigKindList();
+ getStreetList(0);
+ getEventLevel();
+ this.getShopList();
+ },
+ methods: {
+ handleStop() {
+ this.refresh();
+ },
+ // 璁剧疆澶х被
+ async setBigKindList() {
+ this.bigKindList = await this.getBigKind();
+ },
+ // 璁剧疆灏忕被
+ async setSmallKindList(id) {
+ let arr = await this.getSmallKind();
+ this.smallKindList = arr.filter(item => {
+ if (item.parentId === id) {
+ return item;
+ }
+ })
+ },
+ // 璁剧疆妗堢敱
+ async setAnYouList(id) {
+ let arr = await this.getAnYouList();
+ this.anYouList = arr.filter(item => {
+ if (item.parentId === id) {
+ return item;
+ }
+ })
+ },
+ // 鏌ヨ澶х被鍒楄〃
+ async getBigKind() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_second",
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr
+ },
+ // 鑾峰彇灏忕被鍒楄〃
+ async getSmallKind() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_third",
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr
+ },
+ // 鑾峰彇妗堜欢绛夌骇鍒楄〃
+ async getEventLevel() {
+ this.eventLevelList = await getTypeList(1, '02');
+ },
+ // 鏌ヨ鎵�灞炴鐢�
+ async getAnYouList() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: 'sccg/violations/query/type_four'
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr;
+ },
+ // 鎻愪氦娉ㄥ唽淇℃伅
+ handleSubmit() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { vio } = this;
+ this.$axios({
+ method: 'post',
+ url: 'sccg/base_case/addition_violation',
+ data: {
+ ...vio,
+ alarmTime: parseTime(vio.alarmTime),
+ limitTime:parseTime(vio.limitTime),
+ }
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: res.message
+ })
+ this.$emit('changeDialog', { flag: false });
+ this.refresh();
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ // 杩斿洖
+ handleBack() {
+ this.$emit('changeDialog', { flag: false })
+ },
+ // 鑾峰彇琛楅亾淇℃伅
+ async getStreetList(id) {
+ let arr
+ await this.$axios({
+ method:'get',
+ url:`sccg/sccg_region/getChildren/${id}`,
+ })
+ .then(res=>{
+ if(res.code === 200){
+ arr = res.data;
+ }
+ })
+ this.streetList = arr;
+ },
+ // 琛楅亾鏇存敼
+ handleStreet(id) {
+ this.vio.communityId = '';
+ this.$axios({
+ method: 'get',
+ url: `sccg/sccg_region/getChildren/${id}`
+ })
+ .then(res => {
+ this.communityList = res.data;
+ })
+ },
+ // 鍏宠仈鍟嗛摵
+ handleLinkShop(value) {
+ value === 0 ? this.vio.shopName = '' : '';
+ },
+ // 澶х被閫変腑
+ handleBigKindChange(id) {
+ this.vio.actionCause = '';
+ this.vio.typeId = '';
+ this.setSmallKindList(id);
+ },
+ // 灏忕被閫変腑
+ handleSmallKindChange(id) {
+ this.vio.actionCause = '';
+ this.setAnYouList(id);
+ },
+ // 妗堢敱杈撳叆
+ selectBlur(e) {
+ if (e.target.value) {
+ this.vio.actionCause = e.target.value;
+ }
+ },
+
+ getShopList() {
+ getStoreInfoList({ current: 1, size: 100 })
+ .then(({ list }) => {
+ this.storeList = list;
+ })
+ .catch(err => {
+ this.$message.error(err)
+ })
+ }
+ },
+ props: ['mytype', 'changeDialog', 'refresh']
+}
+</script>
+<style lang="scss" scoped>
+.vio {
+ display: flex;
+ padding: 20px 10px 50px;
+
+ .input-area {
+ flex: 3;
+ padding: 10px 20px;
+
+ .input-header {
+ color: #4b9bb7;
+
+ .input-header__title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 20px;
+ }
+
+ .input-header__tip {
+ line-height: 40px;
+ }
+ }
+
+ .user-item {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .input-form {
+ .el-form {
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ &::v-deep .el-input__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ }
+
+ .input-footer {
+ display: flex;
+ justify-content: center;
+ }
+ }
+
+ .map-area {
+ flex: 2;
+ }
+
+ .anyou {
+ :deep(.el-select) {
+ display: block;
+ }
+ }
+
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221222100058.vue b/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221222100058.vue
new file mode 100644
index 0000000..4b94165
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221222100058.vue
@@ -0,0 +1,608 @@
+<template>
+ <div class="vio">
+ <div class="input-area">
+ <div class="input-header">
+ <div class="input-header__title">鍩虹淇℃伅</div>
+ <div class="input-header__tip">濉啓浜嬩欢鍩虹淇℃伅</div>
+ </div>
+ <div class="input-form">
+ <el-form ref="user" label-width="120px" autoComplete="on" :model="vio" :rules="createRoleRules"
+ label-position="right">
+ <div class="user-item">
+ <!-- 闂绫诲瀷 -->
+ <el-form-item class="optionItem" label="闂绫诲瀷:" prop="category">
+ <el-select v-model="vio.category" placeholder="杩濊" disabled>
+ <el-option v-for="item in typeList" :key="item.label" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 澶х被鍚嶇О -->
+ <el-form-item class="optionItems" label="澶х被鍚嶇О:" prop="categoryId">
+ <el-select v-model="vio.categoryId" placeholder="璇烽�夋嫨澶х被鍚嶇О" @change="handleBigKindChange">
+ <el-option v-for="item in bigKindList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <div class="user-item">
+ <!-- 灏忕被鍚嶇О -->
+ <el-form-item class="optionItems" label="灏忕被鍚嶇О:" prop="typeId">
+ <el-select v-model="vio.typeId" placeholder="璇烽�夋嫨灏忕被鍚嶇О" @change="handleSmallKindChange">
+ <el-option v-for="item in smallKindList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 浜嬩欢绛夌骇 -->
+ <el-form-item class="optionItems" label="浜嬩欢绛夌骇:" prop="gradeId">
+ <el-select v-model="vio.gradeId" placeholder="璇烽�夋嫨妗堜欢绛夌骇">
+ <el-option v-for="item in eventLevelList" :key="item.id" :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 妗堢敱 -->
+ <el-form-item class="optionItem anyou" label="妗堢敱:" prop="actionCause">
+ <el-select v-model="vio.actionCause" placeholder="璇疯緭鍏ユ鐢�" filterable @blur="selectBlur">
+ <el-option v-for="item in anYouList" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="vio.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet">
+ <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <!-- 鎵�灞炵ぞ鍖� -->
+ <el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
+ <el-select v-model="vio.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
+ <el-option v-for="item in communityList" :key="item.id" :label="item.regionName"
+ :value="item.id" >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 浜嬪彂鍦扮偣 -->
+ <el-form-item class="optionItems" label="浜嬪彂鍦扮偣:" prop="site">
+ <el-input placeholder="璇疯緭鍏ヤ簨鍙戝湴璇︾粏浣嶇疆" v-model="vio.site"></el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鏄惁鍏宠仈鍟嗛摵 -->
+ <el-form-item class="optionItems" label="鏄惁鍏宠仈鍟嗛摵:" prop="linkShop">
+ <el-radio-group v-model="vio.linkShop" @change="handleLinkShop">
+ <el-radio :label="1">鏄�</el-radio>
+ <el-radio :label="0">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <!-- 鍏宠仈鍟嗛摵鍚嶇О -->
+ <el-form-item class="optionItems" label="鍏宠仈鍟嗛摵鍚嶇О:" prop="shopName">
+ <el-select v-model="vio.shopName" :disabled="vio.linkShop === 0" placeholder="璇峰～鍐欏叧鑱斿晢閾哄悕绉�">
+ <el-option v-for="store in storeList" :key="store.id" :value="store.id" :label="store.storeName"></el-option>
+ </el-select>
+ </el-form-item>
+ </div>
+ <!-- 濉啓杞︾墝鍙� -->
+ <el-form-item class="optionItems" label="濉啓杞︾墝鍙�:" prop="carNumber">
+ <el-input placeholder="璇峰～鍐欒溅鐗屽彿" v-model="vio.carNumber"></el-input>
+ </el-form-item>
+ <!-- 闂鎻忚堪 -->
+ <el-form-item class="optionItems" label="闂鎻忚堪:" prop="description">
+ <el-input type="textarea" :rows="5" maxlength="200" placeholder="璇疯緭鍏ュ唴瀹�200瀛椾互鍐�"
+ v-model="vio.description">
+ </el-input>
+ </el-form-item>
+ <div class="user-item">
+ <!-- 鎶ヨ鏃堕棿 -->
+ <el-form-item class="optionItems" label="鎶ヨ鏃堕棿:" prop="alarmTime">
+ <el-date-picker v-model="vio.alarmTime" type="datetime" placeholder="閫夋嫨鎶ヨ鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ <!-- 璋冨害鏃堕檺 -->
+ <el-form-item class="optionItems" label="璋冨害鏃堕檺:" prop="limitTime">
+ <el-date-picker v-model="vio.limitTime" type="datetime" placeholder="閫夋嫨璋冨害鏃堕檺">
+ </el-date-picker>
+ </el-form-item>
+ </div>
+ <!-- 濉啓鍙嶆槧浜轰俊鎭� -->
+ <el-form-item class="optionItems" label="濉啓鍙嶆槧浜轰俊鎭�">
+ </el-form-item>
+ <!-- 鍙嶆槧浜烘儏鍐� -->
+ <div class="user-item">
+ <el-form-item class="optionItems" label="鍙嶆槧浜�:" prop="informant">
+ <el-input v-model="vio.informant"></el-input>
+ </el-form-item>
+ <el-form-item class="optionItems" label="鑱旂郴鏂瑰紡:" prop="informantPhoneCode">
+ <el-input v-model="vio.informantPhoneCode"></el-input>
+ </el-form-item>
+ </div>
+ <el-form-item class="optionItems" label="韬唤璇佸彿:" prop="informantIdCard">
+ <el-input v-model="vio.informantIdCard"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="input-footer">
+ <el-button type="primary" class="confirm" @click="handleSubmit">纭畾</el-button>
+ <el-button class="back" @click="handleBack">杩斿洖</el-button>
+ </div>
+ </div>
+ <div class="map-area">
+ <!-- <MyMap /> -->
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate'
+import { getTypeList } from '@/utils/helper'
+import { parseTime } from "@/utils/index"
+import { getStoreInfoList } from "@/api/operate/storeManagement";
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ const checkCause = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('妗堢敱涓嶈兘涓虹┖'))
+ }
+ }
+ const checkCategory = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('澶х被鍚嶇О涓嶈兘涓虹┖'))
+ }
+ }
+ const checkCommunity = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炵ぞ鍖轰笉鑳戒负绌�'));
+ }
+ }
+ const checkDesc = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('闂鎻忚堪涓嶈兘涓虹┖'))
+ }
+ }
+ const checkSite = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬪彂鍦扮偣涓嶈兘涓虹┖'))
+ }
+ }
+ const checkStreet = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
+ const checkType = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('灏忕被涓嶈兘涓虹┖'))
+ }
+ }
+ const checkGrade = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('浜嬩欢绛夌骇涓嶈兘涓虹┖'))
+ }
+ }
+ const checkDate = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ const checkName = (rule, value, callback) => {
+ if (value) {
+ validateName(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑濮撳悕'))
+ } else {
+ callback()
+ }
+ }
+ const checkCardId = (rule, value, callback) => {
+ if (value) {
+ validateCardId(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�'))
+ } else {
+ callback()
+ }
+ }
+ const checkPhone = (rule, value, callback) => {
+ if (value) {
+ validatePhone(value) ? callback() : callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙�'));
+ } else {
+ callback()
+ }
+ }
+ const checkLink = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ if (this.vio.linkShop === 1) {
+ callback(new Error('鍏宠仈鍟嗛摵鍚嶅瓧涓嶈兘涓虹┖'));
+ } else {
+ callback();
+ }
+ }
+ }
+ const checkLimit = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('璋冨害鏃堕檺鏃堕棿涓嶈兘涓虹┖'))
+ }
+ }
+ return {
+ vio: {
+ actionCause: "",//妗堢敱
+ carNumber: "",//杞︾墝鍙�
+ categoryId: '',//澶х被
+ communityId: '',//鎵�灞炵ぞ鍖�
+ description: '',//闂鎻忚堪
+ informant: '',//鍙嶆槧浜�
+ informantIdCard: '',//韬唤璇佸彿鐮�
+ informantPhoneCode: "",//鍙嶆槧浜鸿仈绯绘柟寮�
+ linkShop: 0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ shopName: "",//鍏宠仈鍟嗛摵鍚嶇О
+ site: '',//浜嬪彂鍦扮偣
+ streetId: '',//鎵�灞炶閬�
+ typeId: '',//灏忕被
+ gradeId: '',//妗堜欢绛夌骇
+ alarmTime: '',
+ limitTime: '',//璋冨害鏃堕檺
+ },
+ createRoleRules: {
+ //妗堢敱
+ actionCause: [
+ {
+ required: true, trigger: 'blur', validator: checkCause,
+ }
+ ],
+ //澶х被
+ categoryId: [
+ {
+ required: true, trigger: 'change', validator: checkCategory
+ }
+ ],
+ //鎵�灞炵ぞ鍖�
+ communityId: [
+ {
+ required: true, trigger: 'change', validator: checkCommunity
+ }
+ ],
+ //闂鎻忚堪
+ description: [
+ {
+ required: true, trigger: 'blur', validator: checkDesc
+ }
+ ],
+ informant: [
+ {
+ required: false, trigger: 'blur', validator: checkName
+ }
+ ],
+ informantIdCard: [
+ {
+ required: false, trigger: 'blur', validator: checkCardId
+ }
+ ],
+ informantPhoneCode: [
+ {
+ required: false, trigger: 'blur', validator: checkPhone
+ }
+ ],
+ // linkShop:0,//鏄惁鍏宠仈鍟嗛摵(0鍚�1鏄�)
+ shopName: [
+ {
+ required: false, trigger: 'blur', validator: checkLink
+ }
+ ],
+ //浜嬪彂鍦扮偣
+ site: [
+ {
+ required: true, trigger: 'blur', validator: checkSite
+ }
+ ],
+ //鎵�灞炶閬�
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
+ //灏忕被
+ typeId: [
+ {
+ required: true, trigger: 'change', validator: checkType
+ }
+ ],
+ //妗堜欢绛夌骇
+ gradeId: [
+ {
+ required: true, trigger: 'change', validator: checkGrade
+ }
+ ],
+ alarmTime: [
+ {
+ required: true, trigger: 'change', validator: checkDate
+ }
+ ],
+ limitTime: [
+ {
+ required: true, trigger: 'change', validator: checkLimit
+ }
+ ]
+
+ },
+ bigKindList: [],
+ smallKindList: [],
+ eventLevelList: [],
+ typeList: [
+ {
+ label: '杩濊',
+ value: 1.
+ },
+ {
+ label: '杩濆缓',
+ value: 2.
+ }
+ ],
+ streetList: [],
+ communityList: [],
+ anYouList: [],
+ storeList: []
+ }
+ },
+ created() {
+ const { setBigKindList, getStreetList, getEventLevel } = this;
+ this.vio.category = this.mytype + 1;
+ setBigKindList();
+ getStreetList(0);
+ getEventLevel();
+ this.getShopList();
+ },
+ methods: {
+ handleStop() {
+ this.refresh();
+ },
+ // 璁剧疆澶х被
+ async setBigKindList() {
+ this.bigKindList = await this.getBigKind();
+ },
+ // 璁剧疆灏忕被
+ async setSmallKindList(id) {
+ let arr = await this.getSmallKind();
+ this.smallKindList = arr.filter(item => {
+ if (item.parentId === id) {
+ return item;
+ }
+ })
+ },
+ // 璁剧疆妗堢敱
+ async setAnYouList(id) {
+ let arr = await this.getAnYouList();
+ this.anYouList = arr.filter(item => {
+ if (item.parentId === id) {
+ return item;
+ }
+ })
+ },
+ // 鏌ヨ澶х被鍒楄〃
+ async getBigKind() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_second",
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr
+ },
+ // 鑾峰彇灏忕被鍒楄〃
+ async getSmallKind() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: "sccg/violations/query/type_third",
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr
+ },
+ // 鑾峰彇妗堜欢绛夌骇鍒楄〃
+ async getEventLevel() {
+ this.eventLevelList = await getTypeList(1, '02');
+ },
+ // 鏌ヨ鎵�灞炴鐢�
+ async getAnYouList() {
+ let arr = [];
+ await this.$axios({
+ method: 'get',
+ url: 'sccg/violations/query/type_four'
+ })
+ .then(res => {
+ arr = res.data;
+ })
+ return arr;
+ },
+ // 鎻愪氦娉ㄥ唽淇℃伅
+ handleSubmit() {
+ this.$refs.user.validate((valid) => {
+ if (valid) {
+ const { vio } = this;
+ this.$axios({
+ method: 'post',
+ url: 'sccg/base_case/addition_violation',
+ data: {
+ ...vio,
+ alarmTime: parseTime(vio.alarmTime),
+ limitTime:parseTime(vio.limitTime),
+ }
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$message({
+ type: 'success',
+ message: res.message
+ })
+ this.$emit('changeDialog', { flag: false });
+ this.refresh();
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.message,
+ })
+ }
+ })
+ } else {
+ return false;
+ }
+ })
+ },
+ // 杩斿洖
+ handleBack() {
+ this.$emit('changeDialog', { flag: false })
+ },
+ // 鑾峰彇琛楅亾淇℃伅
+ async getStreetList(id) {
+ let arr
+ await this.$axios({
+ method:'get',
+ url:`sccg/sccg_region/getChildren/${id}`,
+ })
+ .then(res=>{
+ if(res.code === 200){
+ arr = res.data;
+ }
+ })
+ this.streetList = arr;
+ },
+ // 琛楅亾鏇存敼
+ handleStreet(id) {
+ this.vio.communityId = '';
+ this.$axios({
+ method: 'get',
+ url: `sccg/sccg_region/getChildren/${id}`
+ })
+ .then(res => {
+ this.communityList = res.data;
+ })
+ },
+ // 鍏宠仈鍟嗛摵
+ handleLinkShop(value) {
+ value === 0 ? this.vio.shopName = '' : '';
+ },
+ // 澶х被閫変腑
+ handleBigKindChange(id) {
+ this.vio.actionCause = '';
+ this.vio.typeId = '';
+ this.setSmallKindList(id);
+ },
+ // 灏忕被閫変腑
+ handleSmallKindChange(id) {
+ this.vio.actionCause = '';
+ this.setAnYouList(id);
+ },
+ // 妗堢敱杈撳叆
+ selectBlur(e) {
+ if (e.target.value) {
+ this.vio.actionCause = e.target.value;
+ }
+ },
+
+ getShopList() {
+ getStoreInfoList({ current: 1, size: 100 })
+ .then(({ list }) => {
+ this.storeList = list;
+ })
+ .catch(err => {
+ this.$message.error(err)
+ })
+ }
+ },
+ props: ['mytype', 'changeDialog', 'refresh']
+}
+</script>
+<style lang="scss" scoped>
+.vio {
+ display: flex;
+ padding: 20px 10px 50px;
+
+ .input-area {
+ flex: 3;
+ padding: 10px 20px;
+
+ .input-header {
+ color: #4b9bb7;
+
+ .input-header__title {
+ line-height: 60px;
+ font-weight: 650;
+ font-size: 20px;
+ }
+
+ .input-header__tip {
+ line-height: 40px;
+ }
+ }
+
+ .user-item {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .input-form {
+ .el-form {
+ &::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ &::v-deep .el-input__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+
+ &::v-deep .el-textarea__inner {
+ // background-color: #09152f;
+ border: 1px solid #17324c;
+ }
+ }
+ }
+
+ .input-footer {
+ display: flex;
+ justify-content: center;
+ }
+ }
+
+ .map-area {
+ flex: 2;
+ }
+
+ .anyou {
+ :deep(.el-select) {
+ display: block;
+ }
+ }
+
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/index_20221221092941.vue b/.history/src/views/operate/disposal/casepool/pool/index_20221221092941.vue
new file mode 100644
index 0000000..2c952e4
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/index_20221221092941.vue
@@ -0,0 +1,679 @@
+<template>
+ <div class="userList">
+ <header>
+ <div class="headerContent">
+ <div class="search">
+ <span>鏉ユ簮鏌ヨ:</span>
+ <div class="option">
+ <el-select clearable v-model="resource" placeholder="璇烽�夋嫨鏉ユ簮">
+ <el-option v-for="item in eventSourceOptions" :key="item.label" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ <div class="findBtn">
+ <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
+ </div>
+ </div>
+ <div class="addUser">
+ <el-button class="addBtn button-addition" type="primary" @click="dialogCreate = true">娣诲姞</el-button>
+ <!-- 閫夋嫨鐧昏绫诲瀷 -->
+ <el-dialog :before-close="handleClose" :visible.sync="dialogCreate" title="璇烽�夋嫨涓婃姤浜嬩欢绫诲瀷" width="45%"
+ v-if="dialogCreate">
+ <createUser @getPageProp=setDialog />
+ </el-dialog>
+ <!-- 浜嬩欢鐧昏 -->
+ <el-dialog :before-close="handleClose" :visible.sync="dialogNewAdd"
+ :title="newAddType === 0 ? '杩濊浜嬩欢鐧昏' : '杩濆缓浜嬩欢鐧昏' " width="80%" v-if="dialogNewAdd">
+ <!-- 杩濆缓鐧昏 -->
+ <MyIll v-if="newAddType === 1" :refresh="getUserList" :mytype=newAddType
+ @changeDialog=changeDialog />
+ <!-- 杩濊鐧昏 -->
+ <myVio v-else :refresh="getUserList" :mytype=newAddType @changeDialog=changeDialog />
+ </el-dialog>
+ </div>
+ </div>
+ </header>
+ <main>
+ <div class="mainContent">
+ <!-- 瀵艰埅鐘舵�佹爣绛� -->
+ <div class="nav">
+ <div @click="changeNavChecked(index)" :class="[item.checked ? 'is-active':'','nav-item']"
+ v-for="(item,index) in tagList" :key="item.name">{{item.name}}</div>
+ </div>
+ <div class="type-nav">
+ <div @click="changeTypeChecked(index)" v-for="(item,index) in typeList" :key="item.name"
+ :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
+ </div>
+ <!-- 鏁版嵁灞曠ず -->
+ <el-table ref="multipleTable"
+ :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
+ @selection-change="tableChange">
+ <el-table-column type="selection" min-width="5">
+ </el-table-column>
+ <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
+ <template slot-scope="scope">
+ <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
+ </template>
+ </el-table-column>
+ <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
+ <template slot-scope="scope">
+ <span>{{scope.row.eventSource === 2 ? '浜哄伐涓婁紶' : '瑙嗛宸℃煡'}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'category' :'category'"
+ :label="mystatus===1 ? '澶х被鍚嶇О' : '杩濆缓绫诲埆'" :min-width="mystatus===1?'10':'15'">
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'type' :'site'" :label="mystatus===1 ? '灏忕被鍚嶇О' : '杩濆缓鍦扮偣'"
+ min-width="10">
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'site' :''" :label="mystatus===1 ? '鎶ヨ鐐逛綅' : '杩濇硶寤虹瓚闀裤�佸銆侀珮'"
+ :min-width="mystatus===1?'10' :'20' ">
+ <template slot-scope="scope">
+ <div v-if="mystatus ===2"><span>{{scope.row.buildingLength+'绫�'+'銆�'+
+ scope.row.buildingWidth+'绫�'+'銆�'+scope.row.buildingHigh+'绫�'}}</span></div>
+ <div v-else>{{scope.row.site}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'street' :'buildingArea'"
+ :label="mystatus===1 ? '鎵�灞炲尯鍩�' : '杩濇硶寤虹瓚闈㈢Н'" min-width="12">
+ </el-table-column>
+ <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" min-width="15" v-if="mystatus===1">
+ <template slot-scope="scope">
+ <span>{{filterTime(scope.row.alarmTime)}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'continueTime' :'materials'"
+ :label="mystatus===1 ? '鎸佺画鏃堕棿' : '杩濇硶寤虹瓚鏉愭枡'" min-width="12">
+ </el-table-column>
+ <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
+ <template slot-scope="scope">
+ <div class="operation" v-if="statusArr[0]===0">
+ <span @click="handleFind(scope.row)">涓婃姤</span>
+ <span class="line">|</span>
+ <span @click="handleDispatch(scope.row)">璋冨害</span>
+ <span class="line">|</span>
+ <span @click="handleLearn(scope.row)">鍦ㄥ涔�</span>
+ <span class="line">|</span>
+ <span @click="handleNotDeal(scope.row)">鏆備笉澶勭悊</span>
+ </div>
+ <div class="operation" v-else>
+ <span @click="JumpView(scope.row)">鏌ョ湅</span>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 璇︽儏椤靛睍绀� -->
+ <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView"
+ :before-close="handleClose">
+ <MyDetail :info=info v-if="mystatus === 1"></MyDetail>
+ <MyIllDetail :info=info v-else></MyIllDetail>
+ </el-dialog>
+ <!-- 璋冨害 -->
+ <el-dialog :visible.sync="dialogDispatch" width="60%" title="璋冨害淇℃伅" v-if="dialogDispatch"
+ :before-close="handleClose">
+ <MyDispatch :id="baseId" :mytype="mystatus" @changeDialog="changeDialog" :refresh="getUserList">
+ </MyDispatch>
+ </el-dialog>
+ <!-- tools -->
+ <div class="tools">
+ <!-- <div class="funs">
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="all" @change="selectAll()"
+ :disabled="tableData.length === 0">鍏ㄩ��</el-checkbox>
+ </div>
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
+ </div>
+ <div class="funsItem">
+ <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange" disabled>
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
+ :value="item.value" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </div>
+ </div> -->
+ <div class="pagination">
+ <el-pagination background :current-page="currentPage" layout="prev, pager, next"
+ :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import MyDetail from '@/components/detail'
+import MyIllDetail from '@/components/illdetail'
+import createUser from "./createUser"
+import MyIll from './createUser/ill'
+import MyVio from './createUser/vio'
+import MyDispatch from '@/components/dispatch'
+import helper from '@/utils/mydate'
+import { RESOURCE_OPTIONS } from "@/utils/helper";
+import basecase from "@/api/operate/basecase";
+
+export default {
+ components: {
+ createUser, MyIll, MyVio, MyDetail, MyDispatch, MyIllDetail
+ },
+ data() {
+ return {
+ tableData: [],
+ dialogCreate: false,
+ dialogView: false,
+ dialogNewAdd: false,
+ dialogDispatch: false,
+ newAddType: 0,
+ totalNum: null,
+ pageSize: 10,
+ currentPage: 1,
+ all: false,
+ unsame: false,
+ myIdx: 0,
+ preMyIdx: 0,
+ info: {},
+ options: [
+ {
+ value: 0,
+ label: '鎵归噺鎿嶄綔',
+ disabled: true,
+ },
+ {
+ value: 1,
+ label: '鎵归噺鍚敤',
+ },
+ {
+ value: 2,
+ label: '鎵归噺绂佺敤',
+ },
+ {
+ value: 3,
+ label: '鎵归噺鍒犻櫎',
+ }
+ ],
+ tempList: [],
+ tagList: [
+ {
+ name: '寰呭鐞�',
+ value: 0,
+ checked: true
+ },
+ {
+ name: '宸蹭笂鎶�',
+ value: 3,
+ checked: false
+ },
+ {
+ name: '宸茶皟搴�',
+ value: 6,
+ checked: false
+ },
+ {
+ name: '鍦ㄥ涔�',
+ value: 3,
+ checked: false
+ },
+ {
+ name: '鏆備笉澶勭悊',
+ value: 4,
+ checked: false
+ },
+ ],
+ typeList: [
+ {
+ name: '杩濊',
+ value: 1,
+ checked: true
+ },
+ {
+ name: '杩濆缓',
+ value: 2,
+ checked: false,
+ },
+ ],
+ eventSourceOptions: RESOURCE_OPTIONS,
+ mystatus: 1,
+ statusArr: [],
+ baseId: 0,
+ resource: null
+ }
+ },
+ created() {
+ this.tagList.forEach(item => {
+ if (item.checked) {
+ this.statusArr[0] = item.value;
+ }
+ })
+ this.typeList.forEach(item => {
+ if (item.checked) {
+ this.statusArr[1] = item.value;
+ }
+ })
+ this.getUserList();
+ },
+ methods: {
+ // 璋冨害
+ handleDispatch(data) {
+ this.baseId = data.id;
+ this.dialogDispatch = true;
+ },
+ // 閫夋嫨杩濊杩濆缓
+ setDialog({ flag, type }) {
+ this.dialogCreate = flag;
+ this.dialogNewAdd = true;
+ this.newAddType = type;
+ },
+ // 鎵归噺鍒犻櫎
+ mulDelete(idArr) {
+ const { statusArr } = this;
+ this.$confirm('鎮ㄧ‘瀹氳鎵归噺鍒犻櫎妗堜欢鍚�?')
+ .then(_ => {
+ this.$axios({
+ method: 'delete',
+ url: 'sccg/base_case/batch_deletion?ids=' + idArr + '&type=' + statusArr[1],
+ }).then(res => {
+ if (res.code === 200) {
+ this.getUserList();
+ this.$message({
+ message: '鎵归噺鍒犻櫎妗堜欢鎴愬姛',
+ type: 'success'
+ })
+ } else {
+ this.$message({
+ message: res.data,
+ type: 'warning'
+ })
+ }
+ })
+ })
+ .catch(err => { })
+ },
+ // 鎵ц涓嬫媺妗嗘搷浣�
+ selectChange(list) {
+ if (this.tempList.length !== 0) {
+ if (list === 3) {
+ this.preMyIdx = list;
+ this.mulDelete(this.tempList);
+ }
+ } else {
+ this.myIdx = this.preMyIdx;
+ this.$message({
+ type: 'warning',
+ message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
+ })
+ }
+ },
+ // 鐩戝惉琛ㄦ牸
+ tableChange(list) {
+ this.tempList = [];
+ list.forEach(item => {
+ this.tempList.push(item.id);
+ })
+ this.all = list.length === this.tableData.length;
+ },
+ // 鍏ㄩ��
+ selectAll() {
+ this.$refs.multipleTable.toggleAllSelection();
+ },
+ // 鍙嶉��
+ disSame(list) {
+ list.forEach(row => {
+ this.$refs.multipleTable.toggleRowSelection(row)
+ })
+ },
+ // 鑾峰彇鐢ㄦ埛鍒楄〃
+ getUserList() {
+ const params = {
+ current: this.currentPage,
+ state: this.statusArr[0] ?? null,
+ size: this.pageSize,
+ resource: this.resource,
+ type: this.statusArr[1] ?? null
+ }
+ basecase.baseCasePoolList(params)
+ .then(({ records, total }) => {
+ this.tableData = records;
+ this.totalNum = total;
+ })
+ .catch(err => this.$message.error(err))
+ },
+ // 璁剧疆琛ㄦ牸鏂戦┈绾�
+ tableRowClassName({ row, rowIndex }) {
+ if ((rowIndex + 1) % 2 === 0) {
+ return 'warning-row';
+ } else {
+ return 'success-row';
+ }
+ },
+ // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
+ handleFind(rowData) {
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.currentPage = page;
+ this.getUserList();
+ },
+
+ changeDialog({ flag }) {
+ this.dialogNewAdd = flag;
+ this.dialogCreate = flag;
+ this.dialogView = flag;
+ this.dialogDispatch = flag;
+ },
+ handleClose(done) {
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ this.dialogCreate = false;
+ this.dialogNewAdd = false;
+ this.dialogDispatch = false;
+ this.dialogView = false;
+ done();
+ })
+ .catch(_ => { });
+ },
+ // 鏇存敼涓�绾ф爣绛剧殑閫変腑
+ changeNavChecked(idx) {
+ this.tagList.forEach((item, index) => {
+ item.checked = index === idx;
+ })
+ this.mystatus = 1
+ this.typeList[0].checked = true;
+ this.typeList[1].checked = false;
+ this.statusArr[0] = this.tagList[idx].value;
+ this.statusArr[1] = 1;
+ this.getUserList();
+ },
+ // 鏇存敼杩濊/杩濆缓
+ changeTypeChecked(idx) {
+ this.typeList.forEach((item, index) => {
+ item.checked = index === idx;
+ })
+ this.mystatus = idx + 1;
+ this.statusArr[1] = this.typeList[idx].value;
+ this.getUserList();
+ },
+ async JumpView(data) {
+ await this.getEventInfo(data.code);
+ },
+ // 鑾峰彇妗堜欢淇℃伅
+ getEventInfo(code) {
+ this.$axios({
+ method: 'get',
+ url: `sccg/base_case/baseCaseDetail/${code}`
+ })
+ .then(res => {
+ this.info = res.data;
+ this.dialogView = true;
+ })
+ },
+ // 鍦ㄥ涔�
+ handleLearn({ id }) {
+ this.$axios({
+ method: 'put',
+ url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 3
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$notify({
+ title: '娓╅Θ鎻愮ず',
+ message: '姝や簨浠跺凡蹇界暐,杩斿洖绯荤粺鍦ㄥ涔�',
+ type: 'success',
+ position: 'bottom-right'
+ })
+ this.getUserList();
+ } else {
+ this.$message({
+ type: 'error',
+ message: '鎿嶄綔澶辫触'
+ })
+ }
+ })
+ },
+ // 鏆備笉澶勭悊
+ handleNotDeal({ id }) {
+ this.$axios({
+ method: 'put',
+ url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 4
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$notify({
+ title: '娓╅Θ鎻愮ず',
+ message: '姝や簨浠舵殏涓嶅鐞�,璇峰墠寰�鏆備笉澶勭悊鐣岄潰鏌ョ湅璇︽儏',
+ type: 'success',
+ position: 'bottom-right'
+ })
+ this.getUserList();
+ } else {
+ this.$message({
+ type: 'error',
+ message: '鎿嶄綔澶辫触'
+ })
+ }
+ })
+ },
+ // 澶勭悊鏃堕棿
+ filterTime(time) {
+ return helper(time);
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.userList {
+ text-align: left;
+ margin: 10px 20px;
+ color: #4b9bb7;
+
+ header {
+ background-color: #09152f;
+
+ .headerContent {
+ padding: 0 40px;
+ display: flex;
+ line-height: 100px;
+ justify-content: space-between;
+ align-items: center;
+
+ .search {
+ display: flex;
+ justify-content: flex-start;
+
+ span {
+ flex: 1;
+ }
+
+ .option {
+ line-height: 100px;
+ display: flex;
+ align-items: center;
+
+ // ::v-deep .el-select {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
+
+ .el-select {
+ line-height: 40px;
+
+ .el-input {
+ flex: 2;
+ color: #1d3f57;
+ }
+ }
+ }
+
+ }
+
+ .findBtn {
+ line-height: 100px;
+ margin-left: 15px;
+ display: flex;
+ align-items: center;
+ margin-top: -2px;
+
+ .el-button {
+ padding: 12px 25px;
+ border-radius: 20px;
+ }
+ }
+
+ .addBtn {
+ background-color: #eb5d01;
+ border: none;
+ border-radius: 20px;
+ padding: 12px 30px;
+ }
+ }
+ }
+
+ main {
+ background-color: #09152f;
+ margin-top: 20px;
+
+ .mainTitle {
+ line-height: 60px;
+ }
+
+ padding: 10px;
+
+ .nav {
+ display: flex;
+ line-height: 40px;
+
+ .nav-item {
+ width: 80px;
+ text-align: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .is-active {
+ background-color: #070f22;
+ color: #fff;
+ }
+ }
+
+ .type-nav {
+ display: flex;
+ line-height: 40px;
+ // margin-left: 30px;
+ // margin-top: 2px;
+
+ .type-item {
+ width: 80px;
+ text-align: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .is-active {
+ background-color: #070f22;
+ border-radius: 4px;
+ color: #fff;
+ }
+ }
+
+ .tools {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 20px;
+
+ .funs {
+ display: flex;
+
+ .funs-sp {
+ border: 1px solid #17324c;
+ }
+
+ .funsItem {
+ line-height: 28px;
+ display: flex;
+ align-items: center;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-left: 10px;
+
+ .el-checkbox {
+ width: 80px;
+ padding: 0 10px;
+ }
+
+ .el-select {
+ width: 120px;
+ }
+
+ &:hover {
+ border: 1px solid #4b9bb7;
+ }
+
+ &:hover .el-checkbox {
+ color: #4b9bb7;
+ }
+ }
+
+ }
+
+ .pagination {
+ margin-top: 50px;
+ display: flex;
+ line-height: 50px;
+ justify-content: center;
+
+ .el-pagination {
+
+ &::v-deep li,
+ &::v-deep .btn-prev,
+ &::v-deep .btn-next {
+ background-color: #071f39;
+ color: #4b9bb7;
+ }
+
+ &::v-deep .active {
+ background-color: #409eff;
+ color: #fff;
+ }
+ }
+ }
+ }
+
+ .el-table {
+ color: #4b9bb7;
+ font-size: 10px;
+ margin-top: 10px;
+
+ &::v-deep .cell {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ // display: none;
+ .el-checkbox{
+ display:none
+ }
+ }
+
+
+ .operation {
+ display: flex;
+
+ .line {
+ padding: 0 5px;
+ }
+
+ span:hover {
+ cursor: pointer;
+ }
+ }
+ }
+
+ }
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/disposal/casepool/pool/index_20221222095929.vue b/.history/src/views/operate/disposal/casepool/pool/index_20221222095929.vue
new file mode 100644
index 0000000..c29ee28
--- /dev/null
+++ b/.history/src/views/operate/disposal/casepool/pool/index_20221222095929.vue
@@ -0,0 +1,679 @@
+<template>
+ <div class="userList">
+ <header>
+ <div class="headerContent">
+ <div class="search">
+ <span>鏉ユ簮鏌ヨ:</span>
+ <div class="option">
+ <el-select clearable v-model="resource" placeholder="璇烽�夋嫨鏉ユ簮">
+ <el-option v-for="item in eventSourceOptions" :key="item.label" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ <div class="findBtn">
+ <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
+ </div>
+ </div>
+ <div class="addUser">
+ <el-button class="addBtn button-addition" type="primary" @click="dialogCreate = true">娣诲姞</el-button>
+ <!-- 閫夋嫨鐧昏绫诲瀷 -->
+ <el-dialog :before-close="handleClose" :visible.sync="dialogCreate" title="璇烽�夋嫨涓婃姤浜嬩欢绫诲瀷" width="45%"
+ v-if="dialogCreate">
+ <createUser @getPageProp=setDialog />
+ </el-dialog>
+ <!-- 浜嬩欢鐧昏 -->
+ <el-dialog :before-close="handleClose" :visible.sync="dialogNewAdd"
+ :title="newAddType === 0 ? '杩濊浜嬩欢鐧昏' : '杩濆缓浜嬩欢鐧昏' " width="80%" v-if="dialogNewAdd">
+ <!-- 杩濆缓鐧昏 -->
+ <MyIll v-if="newAddType === 1" :refresh="getUserList" :mytype=newAddType
+ @changeDialog=changeDialog />
+ <!-- 杩濊鐧昏 -->
+ <myVio v-else :refresh="getUserList" :mytype=newAddType @changeDialog=changeDialog />
+ </el-dialog>
+ </div>
+ </div>
+ </header>
+ <main>
+ <div class="mainContent">
+ <!-- 瀵艰埅鐘舵�佹爣绛� -->
+ <div class="nav">
+ <div @click="changeNavChecked(index)" :class="[item.checked ? 'is-active':'','nav-item']"
+ v-for="(item,index) in tagList" :key="item.name">{{item.name}}</div>
+ </div>
+ <div class="type-nav">
+ <div @click="changeTypeChecked(index)" v-for="(item,index) in typeList" :key="item.name"
+ :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
+ </div>
+ <!-- 鏁版嵁灞曠ず -->
+ <el-table ref="multipleTable"
+ :header-cell-style="{background:'#fff','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
+ @selection-change="tableChange">
+ <el-table-column type="selection" min-width="5">
+ </el-table-column>
+ <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
+ <template slot-scope="scope">
+ <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link>
+ </template>
+ </el-table-column>
+ <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
+ <template slot-scope="scope">
+ <span>{{scope.row.eventSource === 2 ? '浜哄伐涓婁紶' : '瑙嗛宸℃煡'}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'category' :'category'"
+ :label="mystatus===1 ? '澶х被鍚嶇О' : '杩濆缓绫诲埆'" :min-width="mystatus===1?'10':'15'">
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'type' :'site'" :label="mystatus===1 ? '灏忕被鍚嶇О' : '杩濆缓鍦扮偣'"
+ min-width="10">
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'site' :''" :label="mystatus===1 ? '鎶ヨ鐐逛綅' : '杩濇硶寤虹瓚闀裤�佸銆侀珮'"
+ :min-width="mystatus===1?'10' :'20' ">
+ <template slot-scope="scope">
+ <div v-if="mystatus ===2"><span>{{scope.row.buildingLength+'绫�'+'銆�'+
+ scope.row.buildingWidth+'绫�'+'銆�'+scope.row.buildingHigh+'绫�'}}</span></div>
+ <div v-else>{{scope.row.site}}</div>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'street' :'buildingArea'"
+ :label="mystatus===1 ? '鎵�灞炲尯鍩�' : '杩濇硶寤虹瓚闈㈢Н'" min-width="12">
+ </el-table-column>
+ <el-table-column prop="alarmTime" label="鎶ヨ鏃堕棿" min-width="15" v-if="mystatus===1">
+ <template slot-scope="scope">
+ <span>{{filterTime(scope.row.alarmTime)}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column :prop="mystatus === 1 ? 'continueTime' :'materials'"
+ :label="mystatus===1 ? '鎸佺画鏃堕棿' : '杩濇硶寤虹瓚鏉愭枡'" min-width="12">
+ </el-table-column>
+ <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
+ <template slot-scope="scope">
+ <div class="operation" v-if="statusArr[0]===0">
+ <span @click="handleFind(scope.row)">涓婃姤</span>
+ <span class="line">|</span>
+ <span @click="handleDispatch(scope.row)">璋冨害</span>
+ <span class="line">|</span>
+ <span @click="handleLearn(scope.row)">鍦ㄥ涔�</span>
+ <span class="line">|</span>
+ <span @click="handleNotDeal(scope.row)">鏆備笉澶勭悊</span>
+ </div>
+ <div class="operation" v-else>
+ <span @click="JumpView(scope.row)">鏌ョ湅</span>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 璇︽儏椤靛睍绀� -->
+ <el-dialog :visible.sync="dialogView" width="60%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView"
+ :before-close="handleClose">
+ <MyDetail :info=info v-if="mystatus === 1"></MyDetail>
+ <MyIllDetail :info=info v-else></MyIllDetail>
+ </el-dialog>
+ <!-- 璋冨害 -->
+ <el-dialog :visible.sync="dialogDispatch" width="60%" title="璋冨害淇℃伅" v-if="dialogDispatch"
+ :before-close="handleClose">
+ <MyDispatch :id="baseId" :mytype="mystatus" @changeDialog="changeDialog" :refresh="getUserList">
+ </MyDispatch>
+ </el-dialog>
+ <!-- tools -->
+ <div class="tools">
+ <!-- <div class="funs">
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="all" @change="selectAll()"
+ :disabled="tableData.length === 0">鍏ㄩ��</el-checkbox>
+ </div>
+ <div class="funsItem funs-sp">
+ <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
+ </div>
+ <div class="funsItem">
+ <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange" disabled>
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
+ :value="item.value" :disabled="item.disabled">
+ </el-option>
+ </el-select>
+ </div>
+ </div> -->
+ <div class="pagination">
+ <el-pagination background :current-page="currentPage" layout="prev, pager, next"
+ :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </main>
+ </div>
+</template>
+<script>
+import MyDetail from '@/components/detail'
+import MyIllDetail from '@/components/illdetail'
+import createUser from "./createUser"
+import MyIll from './createUser/ill'
+import MyVio from './createUser/vio'
+import MyDispatch from '@/components/dispatch'
+import helper from '@/utils/mydate'
+import { RESOURCE_OPTIONS } from "@/utils/helper";
+import basecase from "@/api/operate/basecase";
+
+export default {
+ components: {
+ createUser, MyIll, MyVio, MyDetail, MyDispatch, MyIllDetail
+ },
+ data() {
+ return {
+ tableData: [],
+ dialogCreate: false,
+ dialogView: false,
+ dialogNewAdd: false,
+ dialogDispatch: false,
+ newAddType: 0,
+ totalNum: null,
+ pageSize: 10,
+ currentPage: 1,
+ all: false,
+ unsame: false,
+ myIdx: 0,
+ preMyIdx: 0,
+ info: {},
+ options: [
+ {
+ value: 0,
+ label: '鎵归噺鎿嶄綔',
+ disabled: true,
+ },
+ {
+ value: 1,
+ label: '鎵归噺鍚敤',
+ },
+ {
+ value: 2,
+ label: '鎵归噺绂佺敤',
+ },
+ {
+ value: 3,
+ label: '鎵归噺鍒犻櫎',
+ }
+ ],
+ tempList: [],
+ tagList: [
+ {
+ name: '寰呭鐞�',
+ value: 0,
+ checked: true
+ },
+ {
+ name: '宸蹭笂鎶�',
+ value: 3,
+ checked: false
+ },
+ {
+ name: '宸茶皟搴�',
+ value: 6,
+ checked: false
+ },
+ {
+ name: '鍦ㄥ涔�',
+ value: 3,
+ checked: false
+ },
+ {
+ name: '鏆備笉澶勭悊',
+ value: 4,
+ checked: false
+ },
+ ],
+ typeList: [
+ {
+ name: '杩濊',
+ value: 1,
+ checked: true
+ },
+ {
+ name: '杩濆缓',
+ value: 2,
+ checked: false,
+ },
+ ],
+ eventSourceOptions: RESOURCE_OPTIONS,
+ mystatus: 1,
+ statusArr: [],
+ baseId: 0,
+ resource: null
+ }
+ },
+ created() {
+ this.tagList.forEach(item => {
+ if (item.checked) {
+ this.statusArr[0] = item.value;
+ }
+ })
+ this.typeList.forEach(item => {
+ if (item.checked) {
+ this.statusArr[1] = item.value;
+ }
+ })
+ this.getUserList();
+ },
+ methods: {
+ // 璋冨害
+ handleDispatch(data) {
+ this.baseId = data.id;
+ this.dialogDispatch = true;
+ },
+ // 閫夋嫨杩濊杩濆缓
+ setDialog({ flag, type }) {
+ this.dialogCreate = flag;
+ this.dialogNewAdd = true;
+ this.newAddType = type;
+ },
+ // 鎵归噺鍒犻櫎
+ mulDelete(idArr) {
+ const { statusArr } = this;
+ this.$confirm('鎮ㄧ‘瀹氳鎵归噺鍒犻櫎妗堜欢鍚�?')
+ .then(_ => {
+ this.$axios({
+ method: 'delete',
+ url: 'sccg/base_case/batch_deletion?ids=' + idArr + '&type=' + statusArr[1],
+ }).then(res => {
+ if (res.code === 200) {
+ this.getUserList();
+ this.$message({
+ message: '鎵归噺鍒犻櫎妗堜欢鎴愬姛',
+ type: 'success'
+ })
+ } else {
+ this.$message({
+ message: res.data,
+ type: 'warning'
+ })
+ }
+ })
+ })
+ .catch(err => { })
+ },
+ // 鎵ц涓嬫媺妗嗘搷浣�
+ selectChange(list) {
+ if (this.tempList.length !== 0) {
+ if (list === 3) {
+ this.preMyIdx = list;
+ this.mulDelete(this.tempList);
+ }
+ } else {
+ this.myIdx = this.preMyIdx;
+ this.$message({
+ type: 'warning',
+ message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
+ })
+ }
+ },
+ // 鐩戝惉琛ㄦ牸
+ tableChange(list) {
+ this.tempList = [];
+ list.forEach(item => {
+ this.tempList.push(item.id);
+ })
+ this.all = list.length === this.tableData.length;
+ },
+ // 鍏ㄩ��
+ selectAll() {
+ this.$refs.multipleTable.toggleAllSelection();
+ },
+ // 鍙嶉��
+ disSame(list) {
+ list.forEach(row => {
+ this.$refs.multipleTable.toggleRowSelection(row)
+ })
+ },
+ // 鑾峰彇鐢ㄦ埛鍒楄〃
+ getUserList() {
+ const params = {
+ current: this.currentPage,
+ state: this.statusArr[0] ?? null,
+ size: this.pageSize,
+ resource: this.resource,
+ type: this.statusArr[1] ?? null
+ }
+ basecase.baseCasePoolList(params)
+ .then(({ records, total }) => {
+ this.tableData = records;
+ this.totalNum = total;
+ })
+ .catch(err => this.$message.error(err))
+ },
+ // 璁剧疆琛ㄦ牸鏂戦┈绾�
+ tableRowClassName({ row, rowIndex }) {
+ if ((rowIndex + 1) % 2 === 0) {
+ return 'warning-row';
+ } else {
+ return 'success-row';
+ }
+ },
+ // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
+ handleFind(rowData) {
+ },
+ // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
+ changeCurrentPage(page) {
+ this.currentPage = page;
+ this.getUserList();
+ },
+
+ changeDialog({ flag }) {
+ this.dialogNewAdd = flag;
+ this.dialogCreate = flag;
+ this.dialogView = flag;
+ this.dialogDispatch = flag;
+ },
+ handleClose(done) {
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ this.dialogCreate = false;
+ this.dialogNewAdd = false;
+ this.dialogDispatch = false;
+ this.dialogView = false;
+ done();
+ })
+ .catch(_ => { });
+ },
+ // 鏇存敼涓�绾ф爣绛剧殑閫変腑
+ changeNavChecked(idx) {
+ this.tagList.forEach((item, index) => {
+ item.checked = index === idx;
+ })
+ this.mystatus = 1
+ this.typeList[0].checked = true;
+ this.typeList[1].checked = false;
+ this.statusArr[0] = this.tagList[idx].value;
+ this.statusArr[1] = 1;
+ this.getUserList();
+ },
+ // 鏇存敼杩濊/杩濆缓
+ changeTypeChecked(idx) {
+ this.typeList.forEach((item, index) => {
+ item.checked = index === idx;
+ })
+ this.mystatus = idx + 1;
+ this.statusArr[1] = this.typeList[idx].value;
+ this.getUserList();
+ },
+ async JumpView(data) {
+ await this.getEventInfo(data.code);
+ },
+ // 鑾峰彇妗堜欢淇℃伅
+ getEventInfo(code) {
+ this.$axios({
+ method: 'get',
+ url: `sccg/base_case/baseCaseDetail/${code}`
+ })
+ .then(res => {
+ this.info = res.data;
+ this.dialogView = true;
+ })
+ },
+ // 鍦ㄥ涔�
+ handleLearn({ id }) {
+ this.$axios({
+ method: 'put',
+ url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 3
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$notify({
+ title: '娓╅Θ鎻愮ず',
+ message: '姝や簨浠跺凡蹇界暐,杩斿洖绯荤粺鍦ㄥ涔�',
+ type: 'success',
+ position: 'bottom-right'
+ })
+ this.getUserList();
+ } else {
+ this.$message({
+ type: 'error',
+ message: '鎿嶄綔澶辫触'
+ })
+ }
+ })
+ },
+ // 鏆備笉澶勭悊
+ handleNotDeal({ id }) {
+ this.$axios({
+ method: 'put',
+ url: 'sccg/base_case/case_status_update?caseId=' + id + '&state=' + 4
+ })
+ .then(res => {
+ if (res.code === 200) {
+ this.$notify({
+ title: '娓╅Θ鎻愮ず',
+ message: '姝や簨浠舵殏涓嶅鐞�,璇峰墠寰�鏆備笉澶勭悊鐣岄潰鏌ョ湅璇︽儏',
+ type: 'success',
+ position: 'bottom-right'
+ })
+ this.getUserList();
+ } else {
+ this.$message({
+ type: 'error',
+ message: '鎿嶄綔澶辫触'
+ })
+ }
+ })
+ },
+ // 澶勭悊鏃堕棿
+ filterTime(time) {
+ return helper(time);
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.userList {
+ text-align: left;
+ margin: 10px 20px;
+ color: #4b9bb7;
+
+ header {
+ // background-color: #09152f;
+
+ .headerContent {
+ padding: 0 40px;
+ display: flex;
+ line-height: 100px;
+ justify-content: space-between;
+ align-items: center;
+
+ .search {
+ display: flex;
+ justify-content: flex-start;
+
+ span {
+ flex: 1;
+ }
+
+ .option {
+ line-height: 100px;
+ display: flex;
+ align-items: center;
+
+ // ::v-deep .el-select {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
+
+ .el-select {
+ line-height: 40px;
+
+ .el-input {
+ flex: 2;
+ color: #1d3f57;
+ }
+ }
+ }
+
+ }
+
+ .findBtn {
+ line-height: 100px;
+ margin-left: 15px;
+ display: flex;
+ align-items: center;
+ margin-top: -2px;
+
+ .el-button {
+ padding: 12px 25px;
+ border-radius: 20px;
+ }
+ }
+
+ .addBtn {
+ background-color: #eb5d01;
+ border: none;
+ border-radius: 20px;
+ padding: 12px 30px;
+ }
+ }
+ }
+
+ main {
+ // background-color: #09152f;
+ margin-top: 20px;
+
+ .mainTitle {
+ line-height: 60px;
+ }
+
+ padding: 10px;
+
+ .nav {
+ display: flex;
+ line-height: 40px;
+
+ .nav-item {
+ width: 80px;
+ text-align: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .is-active {
+ // background-color: #070f22;
+ color: #fff;
+ }
+ }
+
+ .type-nav {
+ display: flex;
+ line-height: 40px;
+ // margin-left: 30px;
+ // margin-top: 2px;
+
+ .type-item {
+ width: 80px;
+ text-align: center;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .is-active {
+ // background-color: #070f22;
+ border-radius: 4px;
+ color: #fff;
+ }
+ }
+
+ .tools {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 20px;
+
+ .funs {
+ display: flex;
+
+ .funs-sp {
+ border: 1px solid #17324c;
+ }
+
+ .funsItem {
+ line-height: 28px;
+ display: flex;
+ align-items: center;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-left: 10px;
+
+ .el-checkbox {
+ width: 80px;
+ padding: 0 10px;
+ }
+
+ .el-select {
+ width: 120px;
+ }
+
+ &:hover {
+ border: 1px solid #4b9bb7;
+ }
+
+ &:hover .el-checkbox {
+ color: #4b9bb7;
+ }
+ }
+
+ }
+
+ .pagination {
+ margin-top: 50px;
+ display: flex;
+ line-height: 50px;
+ justify-content: center;
+
+ .el-pagination {
+
+ &::v-deep li,
+ &::v-deep .btn-prev,
+ &::v-deep .btn-next {
+ // background-color: #071f39;
+ color: #4b9bb7;
+ }
+
+ &::v-deep .active {
+ background-color: #409eff;
+ color: #fff;
+ }
+ }
+ }
+ }
+
+ .el-table {
+ color: #4b9bb7;
+ font-size: 10px;
+ margin-top: 10px;
+
+ &::v-deep .cell {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ // display: none;
+ .el-checkbox{
+ display:none
+ }
+ }
+
+
+ .operation {
+ display: flex;
+
+ .line {
+ padding: 0 5px;
+ }
+
+ span:hover {
+ cursor: pointer;
+ }
+ }
+ }
+
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 353a4dc..c46ebac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -135,7 +135,10 @@
#app {
// 璁剧疆寮瑰嚭妗嗘牱寮�
.el-dialog__title {
- color: #606266;
+ color: #E9eef3;
+ }
+ .el-dialog__header {
+ background-color: #09152f;
}
// 璁剧疆table鏍峰紡
diff --git a/src/views/operate/car/myIndex/edit/law/index.vue b/src/views/operate/car/myIndex/edit/law/index.vue
index 2a32ab8..aadda6b 100644
--- a/src/views/operate/car/myIndex/edit/law/index.vue
+++ b/src/views/operate/car/myIndex/edit/law/index.vue
@@ -265,7 +265,7 @@
<style lang="scss" scoped>
.createUser {
border-radius: 1px;
- background-color: #09152f;
+ // background-color: #09152f;
main {
// border: 1px solid #fff;
diff --git a/src/views/operate/car/myIndex/edit/soil/index.vue b/src/views/operate/car/myIndex/edit/soil/index.vue
index c333de7..391d661 100644
--- a/src/views/operate/car/myIndex/edit/soil/index.vue
+++ b/src/views/operate/car/myIndex/edit/soil/index.vue
@@ -226,13 +226,13 @@
<style lang="scss" scoped>
.createUser {
border-radius: 1px;
- background-color: #09152f;
+ // background-color: #09152f;
main {
// border: 1px solid #fff;
text-align: left;
padding: 0 55px;
- background-color: #09152f;
+ background-color: #fff;
padding-bottom: 50px;
.mainContent {
@@ -274,7 +274,7 @@
}
&::v-deep .el-textarea__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
@@ -283,7 +283,7 @@
}
::v-deep .el-input__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
}
diff --git a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
index 10a2eff..996e339 100644
--- a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
+++ b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
@@ -525,12 +525,12 @@
}
&::v-deep .el-input__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
&::v-deep .el-textarea__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
}
diff --git a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
index 46aa84e..4b94165 100644
--- a/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
+++ b/src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
@@ -577,12 +577,12 @@
}
&::v-deep .el-input__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
&::v-deep .el-textarea__inner {
- background-color: #09152f;
+ // background-color: #09152f;
border: 1px solid #17324c;
}
}
diff --git a/src/views/operate/disposal/casepool/pool/index.vue b/src/views/operate/disposal/casepool/pool/index.vue
index 2c952e4..c29ee28 100644
--- a/src/views/operate/disposal/casepool/pool/index.vue
+++ b/src/views/operate/disposal/casepool/pool/index.vue
@@ -47,7 +47,7 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table ref="multipleTable"
- :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+ :header-cell-style="{background:'#fff','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -469,7 +469,7 @@
color: #4b9bb7;
header {
- background-color: #09152f;
+ // background-color: #09152f;
.headerContent {
padding: 0 40px;
@@ -531,7 +531,7 @@
}
main {
- background-color: #09152f;
+ // background-color: #09152f;
margin-top: 20px;
.mainTitle {
@@ -554,7 +554,7 @@
}
.is-active {
- background-color: #070f22;
+ // background-color: #070f22;
color: #fff;
}
}
@@ -575,7 +575,7 @@
}
.is-active {
- background-color: #070f22;
+ // background-color: #070f22;
border-radius: 4px;
color: #fff;
}
@@ -633,7 +633,7 @@
&::v-deep li,
&::v-deep .btn-prev,
&::v-deep .btn-next {
- background-color: #071f39;
+ // background-color: #071f39;
color: #4b9bb7;
}
--
Gitblit v1.8.0