From 33dcba80ee50759a7ca06905232f69c8ddc8627c Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 29 十二月 2022 17:59:09 +0800
Subject: [PATCH] Merge branch 'dev1.0' of ssh://42.193.1.25:29418/sccg_ui into dev1.0
---
/dev/null | 325 ------------------------------------------------------
src/views/systemSetting/device/point/index.vue | 2
2 files changed, 1 insertions(+), 326 deletions(-)
diff --git a/.history/src/App_20221221170319.vue b/.history/src/App_20221221170319.vue
deleted file mode 100644
index 353a4dc..0000000
--- a/.history/src/App_20221221170319.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<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
deleted file mode 100644
index 761be38..0000000
--- a/.history/src/App_20221222093617.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<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
deleted file mode 100644
index 9054c2e..0000000
--- a/.history/src/App_20221222093713.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<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
deleted file mode 100644
index 0a55a1b..0000000
--- a/.history/src/App_20221222093817.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<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
deleted file mode 100644
index c46ebac..0000000
--- a/.history/src/App_20221222094037.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<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/baseSetting/illegalBuild/createUser/index_20221221165051.vue b/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221165051.vue
deleted file mode 100644
index 3d76da3..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221165051.vue
+++ /dev/null
@@ -1,267 +0,0 @@
-<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" :rules="createIll" label-width="140px" autoComplete="on" :model="things"
- label-position="right">
- <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
- <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
- <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
- </el-form-item>
- <!-- 璇烽�夋嫨绾у埆 -->
- <el-form-item class="optionItem" label="绾у埆:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
- <el-option v-for="item in levelList" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鐖剁骇id -->
- <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
- <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵埗绾�" :disabled="things.level===1">
- <!-- <el-option v-for="item in parentList" :key="item.id" :label="item.name" :value="item.id">
- </el-option> -->
- <el-option :value="mylabel">
- <el-tree ref="tree" :check-strictly="true" :data="parentList" :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="type">
- <el-input type="textarea" :rows="2" v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�" :disabled="things.level!==2"></el-input>
- </el-form-item> -->
- <el-form-item>
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
- </el-button>
- </div>
- </el-form-item>
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- const checkName = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绫诲悕涓嶈兘涓虹┖'));
- }
- }
- const checkLevel = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绛夌骇涓嶈兘涓虹┖'));
- }
- }
- return {
- things: {
- name:'',
- parentId:'',
- level:'',
- },
- createIll: {
- name: [
- { required: true, trigger: 'blur', validator: checkName }
- ],
- level: [
- {
- required: true, trigger: 'change', validator: checkLevel
- }
- ]
- },
- levelList: [
- {
- label: "杩濆缓涓被鍨�",
- value: 1,
- },
- {
- label: "绫诲埆",
- value: 2,
- },
- ],
- parentList: [],
- selectOrg: {
- orgsid: []
- },
- defaultProps: {
- children: 'children',
- label: 'name'
- },
- mylabel:''
- }
- },
- created() {
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- async getTypeThird() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_first",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- async getTypeSecond() {
- let arr =[];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_second",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鎻愪氦鏂板杩濊绫诲瀷
- handleSubmit() {
- this.$refs.user.validate((valid) => {
- if (valid) {
- const { things,selectOrg } = this;
- this.$axios({
- method: 'post',
- url: 'sccg/illegal_building/addition/type',
- data: {
- code: '1111',
- level: things.level,
- name: things.name,
- parentId: things.parentId === '' ? 0 : selectOrg.orgsid[0],
- typeCode: '06',
- typeName: '杩濆缓绫诲瀷',
- remark: things.type,
- }
- })
- .then(res => {
- if (res.code === 200) {
- this.$message({
- type: 'success',
- message: '娣诲姞鎴愬姛'
- })
- this.$emit('changeDialog', { flag: false });
- } else {
- this.$message({
- type: 'error',
- message: "娣诲姞澶辫触"
- })
- }
- })
- } else {
- return false;
- }
- })
- },
- // 妗堜欢绾у埆鍙樺寲
- async resetParentList(index) {
- if (index === 1) {
-
- }else{
- this.parentList = await this.getTypeThird()
- }
- },
- handleCheck(data, checked) {
- this.things.parentId = data.name;
- // 鑾峰彇褰撳墠閫夋嫨鐨刬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 = []
- }
- },
- },
- props: ['changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.createUser {
- border-radius: 1px;
- background-color: #09152f;
-
- main {
- 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/baseSetting/illegalBuild/createUser/index_20221221170647.vue b/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221170647.vue
deleted file mode 100644
index 59302e4..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221170647.vue
+++ /dev/null
@@ -1,267 +0,0 @@
-<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" :rules="createIll" label-width="140px" autoComplete="on" :model="things"
- label-position="right">
- <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
- <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
- <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
- </el-form-item>
- <!-- 璇烽�夋嫨绾у埆 -->
- <el-form-item class="optionItem" label="绾у埆:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
- <el-option v-for="item in levelList" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鐖剁骇id -->
- <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
- <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵埗绾�" :disabled="things.level===1">
- <!-- <el-option v-for="item in parentList" :key="item.id" :label="item.name" :value="item.id">
- </el-option> -->
- <el-option :value="mylabel">
- <el-tree ref="tree" :check-strictly="true" :data="parentList" :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="type">
- <el-input type="textarea" :rows="2" v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�" :disabled="things.level!==2"></el-input>
- </el-form-item> -->
- <el-form-item>
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
- </el-button>
- </div>
- </el-form-item>
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- const checkName = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绫诲悕涓嶈兘涓虹┖'));
- }
- }
- const checkLevel = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绛夌骇涓嶈兘涓虹┖'));
- }
- }
- return {
- things: {
- name:'',
- parentId:'',
- level:'',
- },
- createIll: {
- name: [
- { required: true, trigger: 'blur', validator: checkName }
- ],
- level: [
- {
- required: true, trigger: 'change', validator: checkLevel
- }
- ]
- },
- levelList: [
- {
- label: "杩濆缓涓被鍨�",
- value: 1,
- },
- {
- label: "绫诲埆",
- value: 2,
- },
- ],
- parentList: [],
- selectOrg: {
- orgsid: []
- },
- defaultProps: {
- children: 'children',
- label: 'name'
- },
- mylabel:''
- }
- },
- created() {
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- async getTypeThird() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_first",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- async getTypeSecond() {
- let arr =[];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_second",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鎻愪氦鏂板杩濊绫诲瀷
- handleSubmit() {
- this.$refs.user.validate((valid) => {
- if (valid) {
- const { things,selectOrg } = this;
- this.$axios({
- method: 'post',
- url: 'sccg/illegal_building/addition/type',
- data: {
- code: '1111',
- level: things.level,
- name: things.name,
- parentId: things.parentId === '' ? 0 : selectOrg.orgsid[0],
- typeCode: '06',
- typeName: '杩濆缓绫诲瀷',
- remark: things.type,
- }
- })
- .then(res => {
- if (res.code === 200) {
- this.$message({
- type: 'success',
- message: '娣诲姞鎴愬姛'
- })
- this.$emit('changeDialog', { flag: false });
- } else {
- this.$message({
- type: 'error',
- message: "娣诲姞澶辫触"
- })
- }
- })
- } else {
- return false;
- }
- })
- },
- // 妗堜欢绾у埆鍙樺寲
- async resetParentList(index) {
- if (index === 1) {
-
- }else{
- this.parentList = await this.getTypeThird()
- }
- },
- handleCheck(data, checked) {
- this.things.parentId = data.name;
- // 鑾峰彇褰撳墠閫夋嫨鐨刬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 = []
- }
- },
- },
- props: ['changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.createUser {
- border-radius: 1px;
- background-color: #fff;
-
- main {
- 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/baseSetting/illegalBuild/createUser/index_20221221170731.vue b/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221170731.vue
deleted file mode 100644
index 59302e4..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/createUser/index_20221221170731.vue
+++ /dev/null
@@ -1,267 +0,0 @@
-<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" :rules="createIll" label-width="140px" autoComplete="on" :model="things"
- label-position="right">
- <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
- <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
- <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
- </el-form-item>
- <!-- 璇烽�夋嫨绾у埆 -->
- <el-form-item class="optionItem" label="绾у埆:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
- <el-option v-for="item in levelList" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鐖剁骇id -->
- <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
- <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵埗绾�" :disabled="things.level===1">
- <!-- <el-option v-for="item in parentList" :key="item.id" :label="item.name" :value="item.id">
- </el-option> -->
- <el-option :value="mylabel">
- <el-tree ref="tree" :check-strictly="true" :data="parentList" :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="type">
- <el-input type="textarea" :rows="2" v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�" :disabled="things.level!==2"></el-input>
- </el-form-item> -->
- <el-form-item>
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
- </el-button>
- </div>
- </el-form-item>
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- const checkName = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绫诲悕涓嶈兘涓虹┖'));
- }
- }
- const checkLevel = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濆缓绛夌骇涓嶈兘涓虹┖'));
- }
- }
- return {
- things: {
- name:'',
- parentId:'',
- level:'',
- },
- createIll: {
- name: [
- { required: true, trigger: 'blur', validator: checkName }
- ],
- level: [
- {
- required: true, trigger: 'change', validator: checkLevel
- }
- ]
- },
- levelList: [
- {
- label: "杩濆缓涓被鍨�",
- value: 1,
- },
- {
- label: "绫诲埆",
- value: 2,
- },
- ],
- parentList: [],
- selectOrg: {
- orgsid: []
- },
- defaultProps: {
- children: 'children',
- label: 'name'
- },
- mylabel:''
- }
- },
- created() {
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- async getTypeThird() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_first",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- async getTypeSecond() {
- let arr =[];
- await this.$axios({
- method: 'get',
- url: "sccg/illegal_building/query/type_second",
- })
- .then(res => {
- arr = res.data;
- })
- return arr;
- },
- // 鎻愪氦鏂板杩濊绫诲瀷
- handleSubmit() {
- this.$refs.user.validate((valid) => {
- if (valid) {
- const { things,selectOrg } = this;
- this.$axios({
- method: 'post',
- url: 'sccg/illegal_building/addition/type',
- data: {
- code: '1111',
- level: things.level,
- name: things.name,
- parentId: things.parentId === '' ? 0 : selectOrg.orgsid[0],
- typeCode: '06',
- typeName: '杩濆缓绫诲瀷',
- remark: things.type,
- }
- })
- .then(res => {
- if (res.code === 200) {
- this.$message({
- type: 'success',
- message: '娣诲姞鎴愬姛'
- })
- this.$emit('changeDialog', { flag: false });
- } else {
- this.$message({
- type: 'error',
- message: "娣诲姞澶辫触"
- })
- }
- })
- } else {
- return false;
- }
- })
- },
- // 妗堜欢绾у埆鍙樺寲
- async resetParentList(index) {
- if (index === 1) {
-
- }else{
- this.parentList = await this.getTypeThird()
- }
- },
- handleCheck(data, checked) {
- this.things.parentId = data.name;
- // 鑾峰彇褰撳墠閫夋嫨鐨刬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 = []
- }
- },
- },
- props: ['changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.createUser {
- border-radius: 1px;
- background-color: #fff;
-
- main {
- 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/baseSetting/illegalBuild/index_20221221165051.vue b/.history/src/views/operate/baseSetting/illegalBuild/index_20221221165051.vue
deleted file mode 100644
index 401bc81..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/index_20221221165051.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">
- 杩愯惀绠＄悊銆嬪熀纭�璁剧疆銆嬭繚寤轰簨椤硅缃�
- </div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
- </div>
- </div>
- <div class="addUser">
- <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板杩濆缓</el-button>
- <el-dialog :visible.sync="dialogCreate" title="鏂板杩濆缓" width="45%" v-if="dialogCreate"
- :before-close="handleClose">
- <createUser @changeDialog="changeDialog" />
- </el-dialog>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="number" label="缂栧彿" min-width="5">
- </el-table-column>
- <el-table-column prop="typeFirst" label="鎵�灞炵被鍨�" min-width="10">
- </el-table-column>
- <el-table-column prop="type" label="鎵�灞炵被鍒�" min-width="20">
- </el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleFind(scope.row)">鏌ョ湅</span>
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼杩濆缓淇℃伅' :'鏌ョ湅杩濆缓淇℃伅'"
- v-if="dialogUpdate" :before-close="handleClose2">
- <updateUser :updateFlag="updateFlag" :userInfo=userInfo @changeDialog="changeDialog" />
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <!-- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
- <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"
- @prev-click="handlePrev" @next-click="handleNext">
- </el-pagination>
- </div>
- </div>
- </div>
- </main>
- </div>
-</template>
-<script>
-import updateUser from "./updateUser"
-import createUser from "./createUser"
-export default {
- components: {
- updateUser,createUser
- },
- data() {
- return {
- tableData: [],
- context: "",
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: '',
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: '鎵归噺鎿嶄綔',
- disabled: true,
- },
- {
- value: 1,
- label: '鎵归噺鍚敤',
- },
- {
- value: 2,
- label: '鎵归噺绂佺敤',
- },
- {
- value: 3,
- label: '鎵归噺鍒犻櫎',
- }
- ],
- tempList: []
- }
- },
- created() {
- this.getUserList();
- },
- methods: {
- // 鎵归噺鍒犻櫎
- mulDelete(idArr){
- this.$axios({
- method:'delete',
- url:'sccg/illegal_building/batch_delete?ids='+idArr,
- }).then(res=>{
- this.getUserList();
- this.$message({
- message:res.message,
- type:res.code === 200 ? 'success' : 'warning'
- })
- })
- },
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach(item => {
- ids.push(item.number);
- })
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: 'warning',
- message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
- })
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach(row => {
- this.$refs.multipleTable.toggleRowSelection(row)
- })
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {
- this.$confirm('纭鍒犻櫎锛�')
- .then(_ => {
- this.$axios({
- method: 'delete',
- url: `sccg/illegal_building/delete?id=${number}`,
- })
- .then(res => {
- this.$message({
- type: res.code === 200 ? 'success' : 'warning',
- message: res.message
- })
-
- this.getUserList();
- })
- })
- .catch(_ => { });
- },
- // 鑾峰彇鐢ㄦ埛鍒楄〃
- getUserList() {
- const { currentPage, pageSize, context } = this;
- // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
- this.$axios({
- method: 'get',
- url: `sccg/illegal_building/query?current=${currentPage}&size=${pageSize}&keyWord=${context}`,
- })
- .then(res => {
- this.tableData = res.data.records;
- this.totalNum = res.data.total;
- })
- },
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return 'warning-row';
- } else {
- return 'success-row';
- }
- },
- // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
- handleFind(rowData) {
- this.dialogUpdate = true;
- this.updateFlag = false;
- this.userInfo = rowData;
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.getUserList();
- },
- changeDialog({flag}) {
- this.dialogCreate = flag;
- this.dialogUpdate = flag;
- this.getUserList();
- },
- handleClose(done) {
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(_ => { });
- },
- handleClose2(done){
- if(this.updateFlag){
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- done();
- })
- .catch(_ => { });
- }else{
- done();
- }
- }
- }
-}
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- 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;
- }
-
- .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;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- 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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .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/baseSetting/illegalBuild/index_20221221170602.vue b/.history/src/views/operate/baseSetting/illegalBuild/index_20221221170602.vue
deleted file mode 100644
index 331e3b1..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/index_20221221170602.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">
- 杩愯惀绠＄悊銆嬪熀纭�璁剧疆銆嬭繚寤轰簨椤硅缃�
- </div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
- </div>
- </div>
- <div class="addUser">
- <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板杩濆缓</el-button>
- <el-dialog :visible.sync="dialogCreate" title="鏂板杩濆缓" width="45%" v-if="dialogCreate"
- :before-close="handleClose">
- <createUser @changeDialog="changeDialog" />
- </el-dialog>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="number" label="缂栧彿" min-width="5">
- </el-table-column>
- <el-table-column prop="typeFirst" label="鎵�灞炵被鍨�" min-width="10">
- </el-table-column>
- <el-table-column prop="type" label="鎵�灞炵被鍒�" min-width="20">
- </el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleFind(scope.row)">鏌ョ湅</span>
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼杩濆缓淇℃伅' :'鏌ョ湅杩濆缓淇℃伅'"
- v-if="dialogUpdate" :before-close="handleClose2">
- <updateUser :updateFlag="updateFlag" :userInfo=userInfo @changeDialog="changeDialog" />
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <!-- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
- <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"
- @prev-click="handlePrev" @next-click="handleNext">
- </el-pagination>
- </div>
- </div>
- </div>
- </main>
- </div>
-</template>
-<script>
-import updateUser from "./updateUser"
-import createUser from "./createUser"
-export default {
- components: {
- updateUser,createUser
- },
- data() {
- return {
- tableData: [],
- context: "",
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: '',
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: '鎵归噺鎿嶄綔',
- disabled: true,
- },
- {
- value: 1,
- label: '鎵归噺鍚敤',
- },
- {
- value: 2,
- label: '鎵归噺绂佺敤',
- },
- {
- value: 3,
- label: '鎵归噺鍒犻櫎',
- }
- ],
- tempList: []
- }
- },
- created() {
- this.getUserList();
- },
- methods: {
- // 鎵归噺鍒犻櫎
- mulDelete(idArr){
- this.$axios({
- method:'delete',
- url:'sccg/illegal_building/batch_delete?ids='+idArr,
- }).then(res=>{
- this.getUserList();
- this.$message({
- message:res.message,
- type:res.code === 200 ? 'success' : 'warning'
- })
- })
- },
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach(item => {
- ids.push(item.number);
- })
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: 'warning',
- message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
- })
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach(row => {
- this.$refs.multipleTable.toggleRowSelection(row)
- })
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {
- this.$confirm('纭鍒犻櫎锛�')
- .then(_ => {
- this.$axios({
- method: 'delete',
- url: `sccg/illegal_building/delete?id=${number}`,
- })
- .then(res => {
- this.$message({
- type: res.code === 200 ? 'success' : 'warning',
- message: res.message
- })
-
- this.getUserList();
- })
- })
- .catch(_ => { });
- },
- // 鑾峰彇鐢ㄦ埛鍒楄〃
- getUserList() {
- const { currentPage, pageSize, context } = this;
- // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
- this.$axios({
- method: 'get',
- url: `sccg/illegal_building/query?current=${currentPage}&size=${pageSize}&keyWord=${context}`,
- })
- .then(res => {
- this.tableData = res.data.records;
- this.totalNum = res.data.total;
- })
- },
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return 'warning-row';
- } else {
- return 'success-row';
- }
- },
- // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
- handleFind(rowData) {
- this.dialogUpdate = true;
- this.updateFlag = false;
- this.userInfo = rowData;
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.getUserList();
- },
- changeDialog({flag}) {
- this.dialogCreate = flag;
- this.dialogUpdate = flag;
- this.getUserList();
- },
- handleClose(done) {
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(_ => { });
- },
- handleClose2(done){
- if(this.updateFlag){
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- done();
- })
- .catch(_ => { });
- }else{
- done();
- }
- }
- }
-}
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: #fff;
-
- .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;
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- 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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .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/baseSetting/illegalBuild/index_20221221170831.vue b/.history/src/views/operate/baseSetting/illegalBuild/index_20221221170831.vue
deleted file mode 100644
index 7702ccd..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/index_20221221170831.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">
- 杩愯惀绠＄悊銆嬪熀纭�璁剧疆銆嬭繚寤轰簨椤硅缃�
- </div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
- </div>
- </div>
- <div class="addUser">
- <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板杩濆缓</el-button>
- <el-dialog :visible.sync="dialogCreate" title="鏂板杩濆缓" width="45%" v-if="dialogCreate"
- :before-close="handleClose">
- <createUser @changeDialog="changeDialog" />
- </el-dialog>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="number" label="缂栧彿" min-width="5">
- </el-table-column>
- <el-table-column prop="typeFirst" label="鎵�灞炵被鍨�" min-width="10">
- </el-table-column>
- <el-table-column prop="type" label="鎵�灞炵被鍒�" min-width="20">
- </el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleFind(scope.row)">鏌ョ湅</span>
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼杩濆缓淇℃伅' :'鏌ョ湅杩濆缓淇℃伅'"
- v-if="dialogUpdate" :before-close="handleClose2">
- <updateUser :updateFlag="updateFlag" :userInfo=userInfo @changeDialog="changeDialog" />
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <!-- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
- <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"
- @prev-click="handlePrev" @next-click="handleNext">
- </el-pagination>
- </div>
- </div>
- </div>
- </main>
- </div>
-</template>
-<script>
-import updateUser from "./updateUser"
-import createUser from "./createUser"
-export default {
- components: {
- updateUser,createUser
- },
- data() {
- return {
- tableData: [],
- context: "",
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: '',
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: '鎵归噺鎿嶄綔',
- disabled: true,
- },
- {
- value: 1,
- label: '鎵归噺鍚敤',
- },
- {
- value: 2,
- label: '鎵归噺绂佺敤',
- },
- {
- value: 3,
- label: '鎵归噺鍒犻櫎',
- }
- ],
- tempList: []
- }
- },
- created() {
- this.getUserList();
- },
- methods: {
- // 鎵归噺鍒犻櫎
- mulDelete(idArr){
- this.$axios({
- method:'delete',
- url:'sccg/illegal_building/batch_delete?ids='+idArr,
- }).then(res=>{
- this.getUserList();
- this.$message({
- message:res.message,
- type:res.code === 200 ? 'success' : 'warning'
- })
- })
- },
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach(item => {
- ids.push(item.number);
- })
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: 'warning',
- message: '鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁',
- })
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach(row => {
- this.$refs.multipleTable.toggleRowSelection(row)
- })
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {
- this.$confirm('纭鍒犻櫎锛�')
- .then(_ => {
- this.$axios({
- method: 'delete',
- url: `sccg/illegal_building/delete?id=${number}`,
- })
- .then(res => {
- this.$message({
- type: res.code === 200 ? 'success' : 'warning',
- message: res.message
- })
-
- this.getUserList();
- })
- })
- .catch(_ => { });
- },
- // 鑾峰彇鐢ㄦ埛鍒楄〃
- getUserList() {
- const { currentPage, pageSize, context } = this;
- // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
- this.$axios({
- method: 'get',
- url: `sccg/illegal_building/query?current=${currentPage}&size=${pageSize}&keyWord=${context}`,
- })
- .then(res => {
- this.tableData = res.data.records;
- this.totalNum = res.data.total;
- })
- },
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return 'warning-row';
- } else {
- return 'success-row';
- }
- },
- // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
- handleFind(rowData) {
- this.dialogUpdate = true;
- this.updateFlag = false;
- this.userInfo = rowData;
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.getUserList();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.getUserList();
- },
- changeDialog({flag}) {
- this.dialogCreate = flag;
- this.dialogUpdate = flag;
- this.getUserList();
- },
- handleClose(done) {
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(_ => { });
- },
- handleClose2(done){
- if(this.updateFlag){
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
- done();
- })
- .catch(_ => { });
- }else{
- done();
- }
- }
- }
-}
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: #fff;
-
- .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;
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- 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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .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/baseSetting/illegalBuild/updateUser/index_20221221165051.vue b/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221165051.vue
deleted file mode 100644
index 0c7a18f..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221165051.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
- <div class="updateUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
- <!-- 杩濊浜嬮」缂栧彿 -->
- <el-form-item class="optionItem" label="缂栧彿:" prop="number">
- <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炵被鍒�:" prop="type">
- <el-input type="textarea" v-model="things.type" disabled ></el-input>
- </el-form-item>
- <!-- <el-form-item v-if="updateFlag">
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
- </el-button>
- </div>
- </el-form-item> -->
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- things: {
- number: 0,
- type: '',
- typeFirst: '',
- },
- typeFirstList:[],
- }
- },
- created() {
- this.things = JSON.parse(JSON.stringify(this.userInfo));
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeFirst();
- },
- methods: {
- // 鏌ヨ鎵�灞炲皬绫�
- getTypeFirst(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- this.typeFirstList = res.data;
- })
- }
- },
- props: ['userInfo', 'updateFlag', 'changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.updateUser {
- 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/baseSetting/illegalBuild/updateUser/index_20221221170705.vue b/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221170705.vue
deleted file mode 100644
index 1108e35..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221170705.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
- <div class="updateUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
- <!-- 杩濊浜嬮」缂栧彿 -->
- <el-form-item class="optionItem" label="缂栧彿:" prop="number">
- <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炵被鍒�:" prop="type">
- <el-input type="textarea" v-model="things.type" disabled ></el-input>
- </el-form-item>
- <!-- <el-form-item v-if="updateFlag">
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
- </el-button>
- </div>
- </el-form-item> -->
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- things: {
- number: 0,
- type: '',
- typeFirst: '',
- },
- typeFirstList:[],
- }
- },
- created() {
- this.things = JSON.parse(JSON.stringify(this.userInfo));
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeFirst();
- },
- methods: {
- // 鏌ヨ鎵�灞炲皬绫�
- getTypeFirst(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- this.typeFirstList = res.data;
- })
- }
- },
- props: ['userInfo', 'updateFlag', 'changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.updateUser {
- border-radius: 1px;
- background-color: #fff;
-
- 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/baseSetting/illegalBuild/updateUser/index_20221221171123.vue b/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221171123.vue
deleted file mode 100644
index 1108e35..0000000
--- a/.history/src/views/operate/baseSetting/illegalBuild/updateUser/index_20221221171123.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
- <div class="updateUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
- <!-- 杩濊浜嬮」缂栧彿 -->
- <el-form-item class="optionItem" label="缂栧彿:" prop="number">
- <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炵被鍒�:" prop="type">
- <el-input type="textarea" v-model="things.type" disabled ></el-input>
- </el-form-item>
- <!-- <el-form-item v-if="updateFlag">
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
- </el-button>
- </div>
- </el-form-item> -->
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- things: {
- number: 0,
- type: '',
- typeFirst: '',
- },
- typeFirstList:[],
- }
- },
- created() {
- this.things = JSON.parse(JSON.stringify(this.userInfo));
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeFirst();
- },
- methods: {
- // 鏌ヨ鎵�灞炲皬绫�
- getTypeFirst(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- this.typeFirstList = res.data;
- })
- }
- },
- props: ['userInfo', 'updateFlag', 'changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.updateUser {
- border-radius: 1px;
- background-color: #fff;
-
- 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/baseSetting/violation/createUser/index_20221221165051.vue b/.history/src/views/operate/baseSetting/violation/createUser/index_20221221165051.vue
deleted file mode 100644
index 252a608..0000000
--- a/.history/src/views/operate/baseSetting/violation/createUser/index_20221221165051.vue
+++ /dev/null
@@ -1,343 +0,0 @@
-<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" :rules="createThings" label-width="140px" autoComplete="on" :model="things"
- label-position="right">
- <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
- <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
- <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
- </el-form-item>
- <!-- 璇烽�夋嫨绾у埆 -->
- <el-form-item class="optionItem" label="绾у埆:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
- <el-option v-for="item in levelList" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鐖剁骇id -->
- <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
- <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" :disabled="things.level===1">
- <el-option :value="mylabel">
- <el-tree ref="tree" :check-strictly="true" :data="parentList" :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="type">
- <el-input type="textarea" :rows="2" v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
- :disabled="things.level!==4"></el-input>
- </el-form-item>
- <el-form-item>
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
- </el-button>
- </div>
- </el-form-item>
- </el-form>
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- const checkName = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濊绫诲瀷涓嶈兘涓虹┖'));
- }
- }
- const checkLevel = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濊绛夌骇涓嶈兘涓虹┖'));
- }
- }
- return {
- things: {
- name: '',
- parentId: '',
- level: '',
- },
- createThings: {
- name: [
- {
- required: true, trigger: 'blur', validator: checkName
- }
- ],
- level: [
- {
- required: true, trigger: 'change', validator: checkLevel
- }
- ],
- // parentId:[
- // {
- // required:true,trigger:'change',validator:checkId
- // }
- // ]
- },
- levelList: [
- {
- label: "杩濊涓被鍨�",
- value: 1,
- },
- {
- label: "澶х被",
- value: 2,
- },
- {
- label: "灏忕被",
- value: 3,
- },
- {
- label: "妗堢敱",
- value: 4,
- },
- ],
- parentList: [],
- selectOrg: {
- orgsid: []
- },
- defaultProps: {
- children: 'children',
- label: 'name',
- disabled:(data,node)=>{
- if (data.level<this.things.level-1) {
- return !data.leaf
- }
- }
- },
- mylabel:''
- }
- },
- created() {
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- async getTypeThird() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_first",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- async getTypeSecond() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_second",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炲皬绫�
- async getTypeFirst() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炴鐢�
- getEventLevel() {
- this.$axios({
- method: 'get',
- url: 'sccg/violations/query/type_four'
- })
- .then(res => {
- this.parentList = res.data;
- })
- },
- // 鎻愪氦鏂板杩濊绫诲瀷
- handleSubmit() {
- console.log(this.things);
- this.$refs.user.validate((valid) => {
- console.log(valid);
- if (valid) {
- const { things, selectOrg} = this;
- console.log(things,selectOrg.orgsid[0]);
- this.$axios({
- method: 'post',
- url: 'sccg/violations/addition/type',
- data: {
- code: '1111',
- level: things.level,
- name: things.name,
- parentId: things.parentId === '' ? 0 : selectOrg.orgsid[0],
- typeCode: '01',
- typeName: '闂绫诲瀷',
- remark: things.type,
- }
- })
- .then(res => {
- if (res.code === 200) {
- this.$message({
- type: 'success',
- message: '娣诲姞鎴愬姛'
- })
- this.$emit('changeDialog', { flag: false });
- } else {
- this.$message({
- type: 'error',
- message: "娣诲姞澶辫触"
- })
- }
- })
- } else {
- return false;
- }
- })
- },
- // 妗堜欢绾у埆鍙樺寲
- async resetParentList(index) {
- this.things.parentId=''
- this.selectOrg.orgsid = [];
- if (index === 1) {
- // this.getTypeThird();
- } else if (index === 2) {
- // console.log(this.getTypeThird());
- this.parentList = await this.getTypeThird();
- this.parentList.forEach(item=>{
- item.children = [];
- })
- } else if (index === 3) {
-
- this.parentList = this.addChildren(await this.getTypeThird(), await this.getTypeSecond());
- console.log(this.parentList);
- } else {
- let arr1 = this.addChildren(await this.getTypeSecond(), await this.getTypeFirst());
- this.parentList = this.addChildren(await this.getTypeThird(), arr1);
- }
- },
- addChildren(parentArr, childArr) {
- // console.log(parentArr.length,childArr);
- parentArr.forEach(item => {
- item.children = [];
- childArr.forEach(child => {
- if (item.id === child.parentId) {
- item.children.push(child);
- }
- })
- })
- console.log(parentArr);
- return parentArr;
- },
- handleCheck(data, checked) {
- this.things.parentId = data.name;
- console.log(this.selectOrg.orgsid);
- // 鑾峰彇褰撳墠閫夋嫨鐨刬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: 'error',
- 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 = []
- }
- },
- },
- props: ['changeDialog']
-}
-</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;
- font-size: 10px;
- }
-
- ::v-deep .el-form-item__label {
- color: #4b9bb7;
- }
-
- ::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- font-size: 10px;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/baseSetting/violation/createUser/index_20221221170954.vue b/.history/src/views/operate/baseSetting/violation/createUser/index_20221221170954.vue
deleted file mode 100644
index 1bcd43d..0000000
--- a/.history/src/views/operate/baseSetting/violation/createUser/index_20221221170954.vue
+++ /dev/null
@@ -1,343 +0,0 @@
-<template>
- <div class="createUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" :rules="createThings" label-width="140px" autoComplete="on" :model="things"
- label-position="right">
- <!-- 鏂板鐨勭被鍨嬫垨澶х被鎴栧皬绫� -->
- <el-form-item class="optionItem" label="鏂板鍚嶇О:" prop="name">
- <el-input v-model="things.name" placeholder="璇疯緭鍏ユ柊澧炲悕绉�"></el-input>
- </el-form-item>
- <!-- 璇烽�夋嫨绾у埆 -->
- <el-form-item class="optionItem" label="绾у埆:" prop="level">
- <el-select v-model="things.level" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" @change="resetParentList">
- <el-option v-for="item in levelList" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鐖剁骇id -->
- <el-form-item class="optionItem" label="鐖剁骇:" prop="parentId">
- <el-select v-model="things.parentId" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" :disabled="things.level===1">
- <el-option :value="mylabel">
- <el-tree ref="tree" :check-strictly="true" :data="parentList" :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="type">
- <el-input type="textarea" :rows="2" v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
- :disabled="things.level!==4"></el-input>
- </el-form-item>
- <el-form-item>
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleSubmit">纭
- </el-button>
- </div>
- </el-form-item>
- </el-form>
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- const checkName = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濊绫诲瀷涓嶈兘涓虹┖'));
- }
- }
- const checkLevel = (rule, value, callback) => {
- if (value) {
- callback();
- } else {
- callback(new Error('鏂板杩濊绛夌骇涓嶈兘涓虹┖'));
- }
- }
- return {
- things: {
- name: '',
- parentId: '',
- level: '',
- },
- createThings: {
- name: [
- {
- required: true, trigger: 'blur', validator: checkName
- }
- ],
- level: [
- {
- required: true, trigger: 'change', validator: checkLevel
- }
- ],
- // parentId:[
- // {
- // required:true,trigger:'change',validator:checkId
- // }
- // ]
- },
- levelList: [
- {
- label: "杩濊涓被鍨�",
- value: 1,
- },
- {
- label: "澶х被",
- value: 2,
- },
- {
- label: "灏忕被",
- value: 3,
- },
- {
- label: "妗堢敱",
- value: 4,
- },
- ],
- parentList: [],
- selectOrg: {
- orgsid: []
- },
- defaultProps: {
- children: 'children',
- label: 'name',
- disabled:(data,node)=>{
- if (data.level<this.things.level-1) {
- return !data.leaf
- }
- }
- },
- mylabel:''
- }
- },
- created() {
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- async getTypeThird() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_first",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- async getTypeSecond() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_second",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炲皬绫�
- async getTypeFirst() {
- let arr = [];
- await this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- arr = res.data;
- // this.parentList = res.data;
- })
- return arr
- },
- // 鏌ヨ鎵�灞炴鐢�
- getEventLevel() {
- this.$axios({
- method: 'get',
- url: 'sccg/violations/query/type_four'
- })
- .then(res => {
- this.parentList = res.data;
- })
- },
- // 鎻愪氦鏂板杩濊绫诲瀷
- handleSubmit() {
- console.log(this.things);
- this.$refs.user.validate((valid) => {
- console.log(valid);
- if (valid) {
- const { things, selectOrg} = this;
- console.log(things,selectOrg.orgsid[0]);
- this.$axios({
- method: 'post',
- url: 'sccg/violations/addition/type',
- data: {
- code: '1111',
- level: things.level,
- name: things.name,
- parentId: things.parentId === '' ? 0 : selectOrg.orgsid[0],
- typeCode: '01',
- typeName: '闂绫诲瀷',
- remark: things.type,
- }
- })
- .then(res => {
- if (res.code === 200) {
- this.$message({
- type: 'success',
- message: '娣诲姞鎴愬姛'
- })
- this.$emit('changeDialog', { flag: false });
- } else {
- this.$message({
- type: 'error',
- message: "娣诲姞澶辫触"
- })
- }
- })
- } else {
- return false;
- }
- })
- },
- // 妗堜欢绾у埆鍙樺寲
- async resetParentList(index) {
- this.things.parentId=''
- this.selectOrg.orgsid = [];
- if (index === 1) {
- // this.getTypeThird();
- } else if (index === 2) {
- // console.log(this.getTypeThird());
- this.parentList = await this.getTypeThird();
- this.parentList.forEach(item=>{
- item.children = [];
- })
- } else if (index === 3) {
-
- this.parentList = this.addChildren(await this.getTypeThird(), await this.getTypeSecond());
- console.log(this.parentList);
- } else {
- let arr1 = this.addChildren(await this.getTypeSecond(), await this.getTypeFirst());
- this.parentList = this.addChildren(await this.getTypeThird(), arr1);
- }
- },
- addChildren(parentArr, childArr) {
- // console.log(parentArr.length,childArr);
- parentArr.forEach(item => {
- item.children = [];
- childArr.forEach(child => {
- if (item.id === child.parentId) {
- item.children.push(child);
- }
- })
- })
- console.log(parentArr);
- return parentArr;
- },
- handleCheck(data, checked) {
- this.things.parentId = data.name;
- console.log(this.selectOrg.orgsid);
- // 鑾峰彇褰撳墠閫夋嫨鐨刬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: 'error',
- 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 = []
- }
- },
- },
- props: ['changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.createUser {
- border-radius: 1px;
- background-color: #fff;
-
- 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;
- font-size: 10px;
- }
-
- ::v-deep .el-form-item__label {
- color: #4b9bb7;
- }
-
- ::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- font-size: 10px;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/baseSetting/violation/updateUser/index_20221221165051.vue b/.history/src/views/operate/baseSetting/violation/updateUser/index_20221221165051.vue
deleted file mode 100644
index 54388c3..0000000
--- a/.history/src/views/operate/baseSetting/violation/updateUser/index_20221221165051.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
- <div class="updateUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
- <!-- 杩濊浜嬮」缂栧彿 -->
- <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number">
- <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird">
- <el-select v-model="things.typeThird" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炲ぇ绫�:" prop="typeSecond">
- <el-select v-model="things.typeSecond" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲皬绫� -->
- <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 妗堢敱 -->
- <el-form-item class="optionItem" label="妗堢敱:" prop="type">
- <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
- :disabled="!updateFlag" disabled></el-input>
- </el-form-item>
- <!-- <el-form-item v-if="updateFlag">
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
- </el-button>
- </div>
- </el-form-item> -->
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- things: {
- number: 0,
- type: '',
- typeFirst: '',
- typeSecond: '',
- typeThird: '',
- },
- roleList: [],
- typeThirdList:[],
- typeSecondList:[],
- typeFirstList:[],
- }
- },
- created() {
- this.things = JSON.parse(JSON.stringify(this.userInfo));
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeThird();
- this.getTypeSecond();
- this.getTypeFirst();
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- getTypeThird() {
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_first",
- })
- .then(res => {
- this.typeThirdList = res.data;
- })
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- getTypeSecond(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_second",
- })
- .then(res => {
- this.typeSecondList = res.data;
- })
- },
- // 鏌ヨ鎵�灞炲皬绫�
- getTypeFirst(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- this.typeFirstList = res.data;
- })
- }
- },
- props: ['userInfo', 'updateFlag', 'changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.updateUser {
- 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/baseSetting/violation/updateUser/index_20221221171014.vue b/.history/src/views/operate/baseSetting/violation/updateUser/index_20221221171014.vue
deleted file mode 100644
index 32e07e0..0000000
--- a/.history/src/views/operate/baseSetting/violation/updateUser/index_20221221171014.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
- <div class="updateUser">
- <main>
- <div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="things" label-position="right">
- <!-- 杩濊浜嬮」缂栧彿 -->
- <el-form-item class="optionItem" label="杩濊浜嬮」缂栧彿:" prop="number">
- <el-input v-model="things.number" placeholder="璇峰～鍐欒繚瑙勪簨椤圭紪鍙�" :disabled="!updateFlag"></el-input>
- </el-form-item>
- <!-- 鎵�灞炵被鍨� -->
- <el-form-item class="optionItems" label="鎵�灞炵被鍨�:" prop="typeThird">
- <el-select v-model="things.typeThird" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeThirdList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲ぇ绫� -->
- <el-form-item class="optionItem" label="鎵�灞炲ぇ绫�:" prop="typeSecond">
- <el-select v-model="things.typeSecond" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeSecondList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 鎵�灞炲皬绫� -->
- <el-form-item class="optionItem" label="鎵�灞炲皬绫�:" prop="typeFirst">
- <el-select v-model="things.typeFirst" placeholder="璇烽�夋嫨鎵�灞炵被鍨�" disabled>
- <el-option v-for="item in typeFirstList" :key="item.id" :label="item.name"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <!-- 妗堢敱 -->
- <el-form-item class="optionItem" label="妗堢敱:" prop="type">
- <el-input type="textarea" autosize v-model="things.type" placeholder="璇疯緭鍏ユ鐢辨弿杩板唴瀹�"
- :disabled="!updateFlag" disabled></el-input>
- </el-form-item>
- <!-- <el-form-item v-if="updateFlag">
- <div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">纭
- </el-button>
- </div>
- </el-form-item> -->
- </el-form>
-
- </div>
- </main>
- </div>
-</template>
-<script>
-export default {
- data() {
- return {
- things: {
- number: 0,
- type: '',
- typeFirst: '',
- typeSecond: '',
- typeThird: '',
- },
- roleList: [],
- typeThirdList:[],
- typeSecondList:[],
- typeFirstList:[],
- }
- },
- created() {
- this.things = JSON.parse(JSON.stringify(this.userInfo));
- // 鑾峰彇鎵�灞炵被鍨嬪垪琛�
- this.getTypeThird();
- this.getTypeSecond();
- this.getTypeFirst();
- },
- methods: {
- // 鏌ヨ鎵�灞炵被鍨�
- getTypeThird() {
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_first",
- })
- .then(res => {
- this.typeThirdList = res.data;
- })
- },
- // 鏌ヨ鎵�灞炲ぇ绫�
- getTypeSecond(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_second",
- })
- .then(res => {
- this.typeSecondList = res.data;
- })
- },
- // 鏌ヨ鎵�灞炲皬绫�
- getTypeFirst(){
- this.$axios({
- method: 'get',
- url: "sccg/violations/query/type_third",
- })
- .then(res => {
- this.typeFirstList = res.data;
- })
- }
- },
- props: ['userInfo', 'updateFlag', 'changeDialog']
-}
-</script>
-<style lang="scss" scoped>
-.updateUser {
- border-radius: 1px;
- background-color: #fff;
-
- 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/law/index_20221222092648.vue b/.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue
deleted file mode 100644
index 2a32ab8..0000000
--- a/.history/src/views/operate/car/myIndex/edit/law/index_20221222092648.vue
+++ /dev/null
@@ -1,328 +0,0 @@
-<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
deleted file mode 100644
index aadda6b..0000000
--- a/.history/src/views/operate/car/myIndex/edit/law/index_20221222093310.vue
+++ /dev/null
@@ -1,328 +0,0 @@
-<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
deleted file mode 100644
index c333de7..0000000
--- a/.history/src/views/operate/car/myIndex/edit/soil/index_20221221160902.vue
+++ /dev/null
@@ -1,290 +0,0 @@
-<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
deleted file mode 100644
index 02ff614..0000000
--- a/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093338.vue
+++ /dev/null
@@ -1,290 +0,0 @@
-<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
deleted file mode 100644
index 391d661..0000000
--- a/.history/src/views/operate/car/myIndex/edit/soil/index_20221222093357.vue
+++ /dev/null
@@ -1,290 +0,0 @@
-<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
deleted file mode 100644
index 10a2eff..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221208095634.vue
+++ /dev/null
@@ -1,579 +0,0 @@
-<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
deleted file mode 100644
index 996e339..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/createUser/ill/index_20221222100130.vue
+++ /dev/null
@@ -1,579 +0,0 @@
-<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
deleted file mode 100644
index 46aa84e..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221209143335.vue
+++ /dev/null
@@ -1,608 +0,0 @@
-<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
deleted file mode 100644
index 4b94165..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/createUser/vio/index_20221222100058.vue
+++ /dev/null
@@ -1,608 +0,0 @@
-<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
deleted file mode 100644
index 2c952e4..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/index_20221221092941.vue
+++ /dev/null
@@ -1,679 +0,0 @@
-<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
deleted file mode 100644
index c29ee28..0000000
--- a/.history/src/views/operate/disposal/casepool/pool/index_20221222095929.vue
+++ /dev/null
@@ -1,679 +0,0 @@
-<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/.history/src/views/operate/myWait/index_20221221170319.vue b/.history/src/views/operate/myWait/index_20221221170319.vue
deleted file mode 100644
index 65b75cd..0000000
--- a/.history/src/views/operate/myWait/index_20221221170319.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/myWait/index_20221221171200.vue b/.history/src/views/operate/myWait/index_20221221171200.vue
deleted file mode 100644
index 74dc335..0000000
--- a/.history/src/views/operate/myWait/index_20221221171200.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/myWait/index_20221221171206.vue b/.history/src/views/operate/myWait/index_20221221171206.vue
deleted file mode 100644
index 978c551..0000000
--- a/.history/src/views/operate/myWait/index_20221221171206.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/myWait/index_20221221171235.vue b/.history/src/views/operate/myWait/index_20221221171235.vue
deleted file mode 100644
index 1621a89..0000000
--- a/.history/src/views/operate/myWait/index_20221221171235.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- // background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- // background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- // background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/myWait/index_20221221171255.vue b/.history/src/views/operate/myWait/index_20221221171255.vue
deleted file mode 100644
index 8af76a1..0000000
--- a/.history/src/views/operate/myWait/index_20221221171255.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- // background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- // background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- // background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- // background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/myWait/index_20221221171308.vue b/.history/src/views/operate/myWait/index_20221221171308.vue
deleted file mode 100644
index cefcb95..0000000
--- a/.history/src/views/operate/myWait/index_20221221171308.vue
+++ /dev/null
@@ -1,577 +0,0 @@
-<template>
- <div class="userList">
- <div class="headerTitle">杩愯惀绠＄悊銆嬫垜鐨勫緟鍔�</div>
- <header>
- <div class="headerContent">
- <div class="search">
- <span>浜嬩欢缂栧彿:</span>
- <el-input placeholder="璇疯緭鍏ヤ簨浠剁紪鍙�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="getTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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="10">
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getEventSource(scope.row.eventSource)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="10">
- <template slot-scope="scope" v-if="scope.row">
- <span>{{ getCategory(scope.row.category)?.label }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="limitTime" label="鍓╀綑鏃堕棿" min-width="10">
- </el-table-column>
- <el-table-column prop="stepName" label="闂鐘舵��" min-width="10">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleOperation(scope.row)">{{
- scope.row.stepName
- }}</span>
- </div>
- </template>
- </el-table-column>
- <el-table-column min-width="10"> </el-table-column>
- </el-table>
- <!-- 鏌ョ湅淇敼椤甸潰 -->
- <el-dialog
- :visible.sync="dialogUpdate"
- width="60%"
- :title="title"
- :destroy-on-close="true"
- :key="updateFlag"
- :before-close="handleClose"
- >
- <component
- v-if="dialogUpdate"
- @closeDialog="changeDialog"
- @changeDialog="changeDialog"
- v-bind:is="currentTabComponent"
- :caseId="caseId"
- :id="caseId"
- :mycode="caseCode"
- :info="info"
- :vioData="vioData"
- ></component>
- <!-- <updateUser
- v-if="dialogUpdate"
- :updateFlag="updateFlag"
- :userInfo="userInfo"
- :getTableData="context ? getTableData : getTableData"
- @changeDialog="changeDialog"
- /> -->
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()"
- >鍏ㄩ��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)"
- >鍙嶉��</el-checkbox
- >
- </div>
- <div class="funsItem">
- <el-select
- v-model="myIdx"
- placeholder="鎵归噺鎿嶄綔"
- @change="selectChange"
- >
- <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 Dispatch from "@/components/dispatch";
-// 杩濊澶勭疆
-import UploadVio from "../disposal/casepool/dispatch/updateUser/uploadResult/vio";
-// 杩濆缓澶勭疆
-import UploadIll from "../disposal/casepool/dispatch/updateUser/uploadResult/ill";
-// 杩濊鏍告煡
-import Examine from "../management/myIndex/components/examine";
-// 杩濊缁撴
-import Closure from "../management/myIndex/components/closure";
-// 杩濆缓鏍告煡
-import IllExamine from "../management/myIndex/components/illExamine";
-// 杩濆缓缁撴
-import IllClosure from "../management/myIndex/components/illclosure";
-
-import { computeTime } from "@/utils/helper";
-import filterTime from "@/utils/mydate";
-import myWait from "@/api/operate/myWait";
-import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper";
-
-export default {
- components: {
- Dispatch,
- UploadVio,
- UploadIll,
- Examine,
- Closure,
- IllExamine,
- IllClosure,
- },
- data() {
- return {
- tableData: [],
- context: null,
- currentTabComponent: null,
- dialogCreate: false,
- dialogUpdate: false,
- updateFlag: false,
- userInfo: "",
- totalNum: 1,
- pageSize: 10,
- currentPage: 1,
- all: false,
- unsame: false,
- myIdx: 0,
- options: [
- {
- value: 0,
- label: "鎵归噺鎿嶄綔",
- disabled: true,
- },
- {
- value: 1,
- label: "鎵归噺鍚敤",
- },
- {
- value: 2,
- label: "鎵归噺绂佺敤",
- },
- {
- value: 3,
- label: "鎵归噺鍒犻櫎",
- },
- ],
- tempList: [],
- title: "",
- };
- },
- created() {
- this.getTableData();
- },
- methods: {
- getTableData() {
- myWait
- .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
- .then(({ records, total }) => {
- this.tableData = records;
- this.tableData = this.tableData.filter((item) => !!item);
- this.totalNum = total;
- })
- .catch((err) => this.$message({ type: "error", message: err }));
- },
-
- // 鎵归噺鍒犻櫎
- mulDelete(idArr) {},
- // 鎵ц涓嬫媺妗嗘搷浣�
- selectChange(val) {
- let ids = [];
- this.tempList.forEach((item) => {
- ids.push(item.number);
- });
- if (ids.length !== 0) {
- if (val === 3) {
- this.mulDelete(ids);
- }
- } else {
- this.$message({
- type: "warning",
- message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
- });
- }
- },
- // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
- tableChange(list) {
- this.tempList = list;
- this.all = list.length === this.tableData.length;
- },
- // 鍏ㄩ��
- selectAll() {
- this.$refs.multipleTable.toggleAllSelection();
- },
- // 鍙嶉��
- disSame(list) {
- list.forEach((row) => {
- this.$refs.multipleTable.toggleRowSelection(row);
- });
- },
- // 鍒犻櫎鍗曟潯鏁版嵁
- handleDelete({ number }) {},
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getTableData();
- },
- changeDialog(val) {
- this.dialogUpdate = false;
- this.getTableData();
- },
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then(() => {
- this.dialogCreate = false;
- this.dialogUpdate = false;
- done();
- })
- .catch(() => {});
- },
- // 璁＄畻鏃堕棿
- getRestTime(time2) {
- return computeTime(time2);
- },
- // 鏀瑰彉鏃ユ湡鏍煎紡
- changeTime(time) {
- if (time) {
- return filterTime(time);
- }
- },
- getCategory(code) {
- return CATEGOTY.find((item) => item.value === code);
- },
-
- getEventSource(code) {
- return EVENT_SOURCE.find((item) => item.value === code);
- },
- async handleOperation(row) {
- if (row.category == 1) {
- //杩濊
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadVio;
- break;
- case "鏍告煡":
- this.currentTabComponent = Examine;
- break;
- case "缁撴":
- this.currentTabComponent = Closure;
- break;
- }
- } else {
- //杩濆缓
- switch (row.stepName) {
- case "璋冨害":
- this.currentTabComponent = Dispatch;
- break;
- case "澶勭悊":
- this.currentTabComponent = UploadIll;
- break;
- case "鏍告煡":
- this.currentTabComponent = IllExamine;
- break;
- case "缁撴":
- this.currentTabComponent = IllClosure;
- break;
- }
- }
-
- this.title = row.stepName;
- this.caseCode = row.code;
- this.caseId = row.caseId;
- this.$axios({
- method: "get",
- url: `sccg/base_case/baseCaseDetail/${row.code}`,
- }).then((res) => {
- this.info = res.data;
- this.vioData = res.data.currentSitVo;
- this.dialogUpdate = true;
- });
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- .headerTitle {
- line-height: 40px;
- }
-
- header {
- background-color: white;
-
- .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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
-
- .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: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .mainTitle {
- line-height: 60px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- // background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- // background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- // background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- // background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/viewEvent/index_20221221165051.vue b/.history/src/views/operate/viewEvent/index_20221221165051.vue
deleted file mode 100644
index 26b6e09..0000000
--- a/.history/src/views/operate/viewEvent/index_20221221165051.vue
+++ /dev/null
@@ -1,526 +0,0 @@
-<template>
- <div class="userList">
- <header>
- <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 80px">鎸夌紪鍙�:</div>
- <div>
- <el-input
- placeholder=" 璇疯緭鍏ョ紪鍙�"
- v-model="searchData.number"
- ></el-input>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌被鍨�:</div>
- <div class="search">
- <el-select clearable v-model="searchData.categories" placeholder=" 璇烽�夋嫨绫诲瀷">
- <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
- </el-select>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌ぞ鍖�:</div>
- <div class="search">
- <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="璇烽�夋嫨绀惧尯">
- </el-cascader>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 150px">鎸変簨鍙戝湴鐐�:</div>
- <div class="search">
- <el-input
- placeholder=" 璇疯緭鍏ヤ簨鍙戝湴鐐�"
- v-model="searchData.site"
- ></el-input>
- </div>
- </div>
- <div class="btn">
- <el-button type="primary" @click="getList">鎼滅储</el-button>
- </div>
- </div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 60px">鏃堕棿:</div>
-
- <div class="search">
- <el-date-picker
- v-model="datepick"
- type="daterange"
- @change="datepickChange"
- value-format="yyyy-MM-dd HH:mm:ss"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- >
- </el-date-picker>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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"
- >
- <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
- <template slot-scope="scope">
- <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="8">
- <template v-if="scope.row.category" slot-scope="scope">
- <span>{{ getCategoryLabel(scope.row.category) }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
- <template v-if="scope.row.eventSource" slot-scope="scope">
- <span>{{
- scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛宸℃煡"
- }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="communityText" label="绀惧尯" min-width="8">
- </el-table-column>
- <el-table-column
- prop="alarmTime"
- label="鎶ヨ鏃堕棿"
- min-width="15"
- v-if="myproblem === 1"
- >
- <template slot-scope="scope">
- <span>{{ filterTime(scope.row.alarmTime) }}</span>
- </template>
- </el-table-column>
- </el-table>
- <!-- 瀹℃牳椤甸潰 -->
- <el-dialog
- :visible.sync="dialogExamine"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyExamine
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyExamine>
- <MyIllExamine
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllExamine>
- </el-dialog>
- <!-- 缁撴椤甸潰 -->
- <el-dialog
- :visible.sync="dialogClosure"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyClosure
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyClosure>
- <MyIllClosure
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllClosure>
- </el-dialog>
- <!-- 璇︽儏椤甸潰 -->
- <el-dialog
- :visible.sync="dialogView"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleNoClose"
- >
- <MyDetail
- :info="info"
- v-if="myproblem === 1"
- :mycode="number"
- ></MyDetail>
- <MyIllDetail :info="info" v-else :mycode="number"></MyIllDetail>
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <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 MyExamine from "./components/examine";
-import MyClosure from "./components/closure";
-import MyIllExamine from "./components/illExamine";
-import MyIllClosure from "./components/illclosure";
-import MyDetail from "@/components/detail";
-import MyIllDetail from "@/components/illdetail";
-import helper from "@/utils/mydate";
-import casequery from "@/api/operate/basecase";
-import { CATEGOTY } from "@/utils/helper";
-import department from "@/api/system/department";
-
-export default {
- components: {
- MyExamine,
- MyClosure,
- MyDetail,
- MyIllDetail,
- MyIllExamine,
- MyIllClosure,
- },
- data() {
- return {
- datepick: null,
- tableData: [],
- dialogExamine: false,
- dialogClosure: false,
- dialogView: false,
- info: {},
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- categoryOptions: CATEGOTY,
- communityOptions: [],
- communityProps: {
- label: 'regionName',
- value: 'id'
- },
- myproblem: 1,
- number: "",
- searchData: {
- categories: null,
- number: null,
- community: null,
- endTime: null,
- site: null,
- startTime: null,
- },
- };
- },
- created() {
- this.getList();
- this.getCommunityOptions();
- },
- methods: {
- // 鑾峰彇鍒楄〃
- getList() {
- const searchData = Object.assign({}, this.searchData);
- if (this.searchData.community) {
- searchData.communityId = searchData.community[1];
- }
- delete searchData.community;
- casequery
- .baseCaseQuery({
- current: this.currentPage,
- pageSize: this.pageSize,
- ...searchData,
- })
- .then((res) => {
- this.tableData = res.records;
- this.totalNum = res.total;
- })
- .catch((err) => {
- this.tableData = [];
- });
- },
-
- // 鑾峰彇绀惧尯鍜岃閬�
- getCommunityOptions() {
- department.getDepartmentList()
- .then(res => {
- this.communityOptions = res;
- })
- .catch(err => this.$message.error(err))
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getList();
- },
-
- datepickChange() {
- this.searchData.startTime = this.datepick[0];
- this.searchData.endTime = this.datepick[1].replace(
- "00:00:00",
- "23:59:59"
- );
- },
-
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then((_) => {
- this.dialogExamine = false;
- done();
- })
- .catch((_) => {});
- },
- handleNoClose(done) {
- done();
- },
-
- // 鍏抽棴dialog
- closeDialog({ flag }) {
- this.dialogExamine = flag;
- this.dialogClosure = flag;
- this.dialogView = false;
- this.getList();
- },
-
- async handleView(rowData) {
- this.info = await casequery.getBaseCaseDetail(rowData.code);
- this.dialogView = true;
- },
-
- filterTime(time) {
- return helper(time);
- },
-
- getCategoryLabel(data) {
- return CATEGOTY.find((item) => item.value === data).label;
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- display: flex;
- line-height: 60px;
- flex-direction: column;
- padding: 0 20px;
- color: #4b9bb7;
-
- .headerContent {
- display: flex;
-
- .contentItem {
- display: flex;
- margin-right: 5%;
- }
-
- .mydate {
- flex: 1;
- }
- }
- }
-
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .btn span:hover {
- cursor: pointer;
- }
-
- .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;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- .line {
- padding: 0 5px;
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- // color: #fff;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-
- &::v-deep .el-range-input {
- background-color: #06122c;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/viewEvent/index_20221221171401.vue b/.history/src/views/operate/viewEvent/index_20221221171401.vue
deleted file mode 100644
index 2e000cc..0000000
--- a/.history/src/views/operate/viewEvent/index_20221221171401.vue
+++ /dev/null
@@ -1,526 +0,0 @@
-<template>
- <div class="userList">
- <header>
- <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 80px">鎸夌紪鍙�:</div>
- <div>
- <el-input
- placeholder=" 璇疯緭鍏ョ紪鍙�"
- v-model="searchData.number"
- ></el-input>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌被鍨�:</div>
- <div class="search">
- <el-select clearable v-model="searchData.categories" placeholder=" 璇烽�夋嫨绫诲瀷">
- <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
- </el-select>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌ぞ鍖�:</div>
- <div class="search">
- <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="璇烽�夋嫨绀惧尯">
- </el-cascader>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 150px">鎸変簨鍙戝湴鐐�:</div>
- <div class="search">
- <el-input
- placeholder=" 璇疯緭鍏ヤ簨鍙戝湴鐐�"
- v-model="searchData.site"
- ></el-input>
- </div>
- </div>
- <div class="btn">
- <el-button type="primary" @click="getList">鎼滅储</el-button>
- </div>
- </div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 60px">鏃堕棿:</div>
-
- <div class="search">
- <el-date-picker
- v-model="datepick"
- type="daterange"
- @change="datepickChange"
- value-format="yyyy-MM-dd HH:mm:ss"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- >
- </el-date-picker>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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"
- >
- <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
- <template slot-scope="scope">
- <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="8">
- <template v-if="scope.row.category" slot-scope="scope">
- <span>{{ getCategoryLabel(scope.row.category) }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
- <template v-if="scope.row.eventSource" slot-scope="scope">
- <span>{{
- scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛宸℃煡"
- }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="communityText" label="绀惧尯" min-width="8">
- </el-table-column>
- <el-table-column
- prop="alarmTime"
- label="鎶ヨ鏃堕棿"
- min-width="15"
- v-if="myproblem === 1"
- >
- <template slot-scope="scope">
- <span>{{ filterTime(scope.row.alarmTime) }}</span>
- </template>
- </el-table-column>
- </el-table>
- <!-- 瀹℃牳椤甸潰 -->
- <el-dialog
- :visible.sync="dialogExamine"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyExamine
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyExamine>
- <MyIllExamine
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllExamine>
- </el-dialog>
- <!-- 缁撴椤甸潰 -->
- <el-dialog
- :visible.sync="dialogClosure"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyClosure
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyClosure>
- <MyIllClosure
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllClosure>
- </el-dialog>
- <!-- 璇︽儏椤甸潰 -->
- <el-dialog
- :visible.sync="dialogView"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleNoClose"
- >
- <MyDetail
- :info="info"
- v-if="myproblem === 1"
- :mycode="number"
- ></MyDetail>
- <MyIllDetail :info="info" v-else :mycode="number"></MyIllDetail>
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <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 MyExamine from "./components/examine";
-import MyClosure from "./components/closure";
-import MyIllExamine from "./components/illExamine";
-import MyIllClosure from "./components/illclosure";
-import MyDetail from "@/components/detail";
-import MyIllDetail from "@/components/illdetail";
-import helper from "@/utils/mydate";
-import casequery from "@/api/operate/basecase";
-import { CATEGOTY } from "@/utils/helper";
-import department from "@/api/system/department";
-
-export default {
- components: {
- MyExamine,
- MyClosure,
- MyDetail,
- MyIllDetail,
- MyIllExamine,
- MyIllClosure,
- },
- data() {
- return {
- datepick: null,
- tableData: [],
- dialogExamine: false,
- dialogClosure: false,
- dialogView: false,
- info: {},
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- categoryOptions: CATEGOTY,
- communityOptions: [],
- communityProps: {
- label: 'regionName',
- value: 'id'
- },
- myproblem: 1,
- number: "",
- searchData: {
- categories: null,
- number: null,
- community: null,
- endTime: null,
- site: null,
- startTime: null,
- },
- };
- },
- created() {
- this.getList();
- this.getCommunityOptions();
- },
- methods: {
- // 鑾峰彇鍒楄〃
- getList() {
- const searchData = Object.assign({}, this.searchData);
- if (this.searchData.community) {
- searchData.communityId = searchData.community[1];
- }
- delete searchData.community;
- casequery
- .baseCaseQuery({
- current: this.currentPage,
- pageSize: this.pageSize,
- ...searchData,
- })
- .then((res) => {
- this.tableData = res.records;
- this.totalNum = res.total;
- })
- .catch((err) => {
- this.tableData = [];
- });
- },
-
- // 鑾峰彇绀惧尯鍜岃閬�
- getCommunityOptions() {
- department.getDepartmentList()
- .then(res => {
- this.communityOptions = res;
- })
- .catch(err => this.$message.error(err))
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getList();
- },
-
- datepickChange() {
- this.searchData.startTime = this.datepick[0];
- this.searchData.endTime = this.datepick[1].replace(
- "00:00:00",
- "23:59:59"
- );
- },
-
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then((_) => {
- this.dialogExamine = false;
- done();
- })
- .catch((_) => {});
- },
- handleNoClose(done) {
- done();
- },
-
- // 鍏抽棴dialog
- closeDialog({ flag }) {
- this.dialogExamine = flag;
- this.dialogClosure = flag;
- this.dialogView = false;
- this.getList();
- },
-
- async handleView(rowData) {
- this.info = await casequery.getBaseCaseDetail(rowData.code);
- this.dialogView = true;
- },
-
- filterTime(time) {
- return helper(time);
- },
-
- getCategoryLabel(data) {
- return CATEGOTY.find((item) => item.value === data).label;
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- display: flex;
- line-height: 60px;
- flex-direction: column;
- padding: 0 20px;
- color: #4b9bb7;
-
- .headerContent {
- display: flex;
-
- .contentItem {
- display: flex;
- margin-right: 5%;
- }
-
- .mydate {
- flex: 1;
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .btn span:hover {
- cursor: pointer;
- }
-
- .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;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- // background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- // background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- // background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- .line {
- padding: 0 5px;
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- // background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- // color: #fff;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-
- &::v-deep .el-range-input {
- // background-color: #06122c;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/viewEvent/index_20221221171414.vue b/.history/src/views/operate/viewEvent/index_20221221171414.vue
deleted file mode 100644
index af08244..0000000
--- a/.history/src/views/operate/viewEvent/index_20221221171414.vue
+++ /dev/null
@@ -1,526 +0,0 @@
-<template>
- <div class="userList">
- <header>
- <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 80px">鎸夌紪鍙�:</div>
- <div>
- <el-input
- placeholder=" 璇疯緭鍏ョ紪鍙�"
- v-model="searchData.number"
- ></el-input>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌被鍨�:</div>
- <div class="search">
- <el-select clearable v-model="searchData.categories" placeholder=" 璇烽�夋嫨绫诲瀷">
- <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
- </el-select>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 80px">鎸夌ぞ鍖�:</div>
- <div class="search">
- <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="璇烽�夋嫨绀惧尯">
- </el-cascader>
- </div>
- </div>
- <div class="contentItem">
- <div style="width: 150px">鎸変簨鍙戝湴鐐�:</div>
- <div class="search">
- <el-input
- placeholder=" 璇疯緭鍏ヤ簨鍙戝湴鐐�"
- v-model="searchData.site"
- ></el-input>
- </div>
- </div>
- <div class="btn">
- <el-button type="primary" @click="getList">鎼滅储</el-button>
- </div>
- </div>
- <div class="headerContent">
- <div class="contentItem">
- <div style="width: 60px">鏃堕棿:</div>
-
- <div class="search">
- <el-date-picker
- v-model="datepick"
- type="daterange"
- @change="datepickChange"
- value-format="yyyy-MM-dd HH:mm:ss"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- >
- </el-date-picker>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="mainContent">
- <!-- 鏁版嵁灞曠ず -->
- <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"
- >
- <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
- <template slot-scope="scope">
- <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
- </template>
- </el-table-column>
- <el-table-column prop="category" label="闂绫诲埆" min-width="8">
- <template v-if="scope.row.category" slot-scope="scope">
- <span>{{ getCategoryLabel(scope.row.category) }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
- <template v-if="scope.row.eventSource" slot-scope="scope">
- <span>{{
- scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛宸℃煡"
- }}</span>
- </template>
- </el-table-column>
- <el-table-column prop="communityText" label="绀惧尯" min-width="8">
- </el-table-column>
- <el-table-column
- prop="alarmTime"
- label="鎶ヨ鏃堕棿"
- min-width="15"
- v-if="myproblem === 1"
- >
- <template slot-scope="scope">
- <span>{{ filterTime(scope.row.alarmTime) }}</span>
- </template>
- </el-table-column>
- </el-table>
- <!-- 瀹℃牳椤甸潰 -->
- <el-dialog
- :visible.sync="dialogExamine"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyExamine
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyExamine>
- <MyIllExamine
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllExamine>
- </el-dialog>
- <!-- 缁撴椤甸潰 -->
- <el-dialog
- :visible.sync="dialogClosure"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleClose"
- >
- <MyClosure
- :info="info"
- v-if="myproblem === 1"
- @closeDialog="closeDialog"
- ></MyClosure>
- <MyIllClosure
- :info="info"
- v-else
- @closeDialog="closeDialog"
- ></MyIllClosure>
- </el-dialog>
- <!-- 璇︽儏椤甸潰 -->
- <el-dialog
- :visible.sync="dialogView"
- width="80%"
- title="鍩虹淇℃伅(浜哄伐)"
- :before-close="handleNoClose"
- >
- <MyDetail
- :info="info"
- v-if="myproblem === 1"
- :mycode="number"
- ></MyDetail>
- <MyIllDetail :info="info" v-else :mycode="number"></MyIllDetail>
- </el-dialog>
- <!-- tools -->
- <div class="tools">
- <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 MyExamine from "./components/examine";
-import MyClosure from "./components/closure";
-import MyIllExamine from "./components/illExamine";
-import MyIllClosure from "./components/illclosure";
-import MyDetail from "@/components/detail";
-import MyIllDetail from "@/components/illdetail";
-import helper from "@/utils/mydate";
-import casequery from "@/api/operate/basecase";
-import { CATEGOTY } from "@/utils/helper";
-import department from "@/api/system/department";
-
-export default {
- components: {
- MyExamine,
- MyClosure,
- MyDetail,
- MyIllDetail,
- MyIllExamine,
- MyIllClosure,
- },
- data() {
- return {
- datepick: null,
- tableData: [],
- dialogExamine: false,
- dialogClosure: false,
- dialogView: false,
- info: {},
- totalNum: null,
- pageSize: 10,
- currentPage: 1,
- categoryOptions: CATEGOTY,
- communityOptions: [],
- communityProps: {
- label: 'regionName',
- value: 'id'
- },
- myproblem: 1,
- number: "",
- searchData: {
- categories: null,
- number: null,
- community: null,
- endTime: null,
- site: null,
- startTime: null,
- },
- };
- },
- created() {
- this.getList();
- this.getCommunityOptions();
- },
- methods: {
- // 鑾峰彇鍒楄〃
- getList() {
- const searchData = Object.assign({}, this.searchData);
- if (this.searchData.community) {
- searchData.communityId = searchData.community[1];
- }
- delete searchData.community;
- casequery
- .baseCaseQuery({
- current: this.currentPage,
- pageSize: this.pageSize,
- ...searchData,
- })
- .then((res) => {
- this.tableData = res.records;
- this.totalNum = res.total;
- })
- .catch((err) => {
- this.tableData = [];
- });
- },
-
- // 鑾峰彇绀惧尯鍜岃閬�
- getCommunityOptions() {
- department.getDepartmentList()
- .then(res => {
- this.communityOptions = res;
- })
- .catch(err => this.$message.error(err))
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.getList();
- },
-
- datepickChange() {
- this.searchData.startTime = this.datepick[0];
- this.searchData.endTime = this.datepick[1].replace(
- "00:00:00",
- "23:59:59"
- );
- },
-
- handleClose(done) {
- this.$confirm("纭鍏抽棴锛�")
- .then((_) => {
- this.dialogExamine = false;
- done();
- })
- .catch((_) => {});
- },
- handleNoClose(done) {
- done();
- },
-
- // 鍏抽棴dialog
- closeDialog({ flag }) {
- this.dialogExamine = flag;
- this.dialogClosure = flag;
- this.dialogView = false;
- this.getList();
- },
-
- async handleView(rowData) {
- this.info = await casequery.getBaseCaseDetail(rowData.code);
- this.dialogView = true;
- },
-
- filterTime(time) {
- return helper(time);
- },
-
- getCategoryLabel(data) {
- return CATEGOTY.find((item) => item.value === data).label;
- },
- },
-};
-</script>
-<style lang="scss" scoped>
-.userList {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- display: flex;
- line-height: 60px;
- flex-direction: column;
- padding: 0 20px;
- color: #4b9bb7;
-
- .headerContent {
- display: flex;
-
- .contentItem {
- display: flex;
- margin-right: 5%;
- }
-
- .mydate {
- flex: 1;
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .btn span:hover {
- cursor: pointer;
- }
-
- .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;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
-
- &::v-deep .cell {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- &::v-deep .el-table__empty-block {
- // background-color: #09152f;
- }
-
- &::v-deep .el-table__empty-block {
- color: #4b9bb7;
- }
-
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
-
- .el-table::v-deep .warning-row {
- // background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- // background: #071f39;
- }
-
- &::v-deep .switchStyle .el-switch__label {
- position: absolute;
- display: none;
- color: #fff;
- }
-
- &::v-deep .el-switch__core {
- background-color: rgba(166, 166, 166, 1);
- }
-
- &::v-deep .switchStyle .el-switch__label--left {
- z-index: 9;
- left: 20px;
- }
-
- &::v-deep .switchStyle .el-switch__label--right {
- z-index: 9;
- left: 4px;
- }
-
- &::v-deep .switchStyle .el-switch__label.is-active {
- display: block;
- }
-
- &::v-deep .switchStyle.el-switch .el-switch__core,
- &::v-deep .el-switch .el-switch__label {
- width: 50px !important;
- }
- }
-
- .line {
- padding: 0 5px;
- }
-
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- // background-color: #06122c;
- }
-
- &::v-deep .el-dialog__header {
- display: flex;
- align-items: center;
- background-color: #fff;
- padding: 20px;
- line-height: 60px;
- }
-
- &::v-deep .el-dialog__title {
- color: #4b9bb7;
- }
-
- &::v-deep .el-dialog__close {
- width: 20px;
- height: 20px;
- // color: #fff;
- }
-
- &::v-deep .el-dialog__body {
- padding: 0;
- }
-
- &::v-deep .el-range-input {
- // background-color: #06122c;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writ/index_20221221170319.vue b/.history/src/views/operate/writManager/writ/index_20221221170319.vue
deleted file mode 100644
index 233f844..0000000
--- a/.history/src/views/operate/writManager/writ/index_20221221170319.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="writCode" label="鏂囦功缂栧彿" min-width="100">
- </el-table-column>
- <el-table-column prop="writTypeName" label="鏂囦功绉嶇被" min-width="180">
- </el-table-column>
- <el-table-column prop="categoryName" label="杩濇硶绫诲瀷" min-width="300">
- </el-table-column>
- <el-table-column prop="eventCode" label="浜嬩欢缂栧彿" width="160">
- </el-table-column>
- <el-table-column prop="sendTime" label="鏂囦功鍙戞斁鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column prop="limitTime" label="鏂囦功闄愬畾鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column
- prop="sendContent"
- label="鏂囦功鍙戞斁鍐呭"
- min-width="110"
- >
- </el-table-column>
- <el-table-column
- prop="rectifyTime"
- label="瀹為檯鏁存敼鏃堕棿"
- min-width="120"
- >
- </el-table-column>
- <el-table-column
- prop="rectifySituation"
- label="鏁存敼鎯呭喌"
- min-width="110"
- >
- </el-table-column>
-
- <el-table-column
- prop="state"
- :formatter="formatSate"
- label="鐘舵��"
- width="60"
- >
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="150">
- <template slot-scope="scope">
- <div class="operation">
- <span v-if="!scope.row.value" @click="handleEdit(scope.row)"
- >涓嬪彂鏂囦功</span
- >
- <span v-if="scope.row.value" @click="handleView(scope.row)"
- >鏌ョ湅</span
- >
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎鏂囦功</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 涓嬪彂鏂囦功 -->
- <el-dialog
- title="涓嬪彂鏂囦功"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="80%"
- :before-close="handleClose"
- >
- <component
- :is="componentName"
- :writ="writ"
- @closeDialog="handleCallBack"
- ></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecordEdit from "../components/inquest_record/edit.vue";
-import NotificationEdit from "../components/instruct_notification/edit.vue";
-
-export default {
- components: {
- InquestRecordEdit,
- NotificationEdit,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- options: [
- {
- value: null,
- label: "鍏ㄩ儴",
- },
- {
- value: 1,
- label: "鍦ㄧ嚎",
- },
- {
- value: 0,
- label: "绂荤嚎",
- },
- ],
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- writ: {},
- componentName: "",
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritList", "updateWrit", "deleteWrit"]),
-
- handleEdit(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- handleView(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- setComponent(row, isEdit) {
- switch (row.templateCode) {
- case "inquest_record":
- this.componentName = InquestRecordEdit;
- break;
- case "instruct_to_correct_notification":
- this.componentName = NotificationEdit;
- break;
- }
- },
- handleDelete(row) {
- this.$confirm("纭鍒犻櫎锛�").then((_) => {
- this.deleteWrit(row.id).then((res) => {
- this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛锛�",
- });
- this.setTableData();
- });
- });
- },
-
- handleCallBack(e) {
- this.currentPage = 1;
- this.dialogCreate = false;
- this.setTableData();
- },
- formatSate(row, column) {
- return row.value ? "宸蹭笅鍙�" : "鏈笅鍙�";
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 寮圭獥鍏抽棴
- handleClose(done) {
- this.$confirm("纭鍏抽棴?").then((_) => {
- this.dialogCreate = false;
- done();
- });
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritList({
- currentPage,
- pageSize,
- keyword: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
- handleStateChange(e) {
- this.setTableData();
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- &::v-deep .warning-row {
- background-color: #06122c;
- }
-
- &::v-deep .success-row {
- background-color: #071f39;
- }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- // 璁剧疆dialog鏍峰紡
- ::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
- }
-
- ::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
- }
-}
-.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;
- }
-
- .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;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writ/index_20221221171510.vue b/.history/src/views/operate/writManager/writ/index_20221221171510.vue
deleted file mode 100644
index ca25470..0000000
--- a/.history/src/views/operate/writManager/writ/index_20221221171510.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#fff',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="writCode" label="鏂囦功缂栧彿" min-width="100">
- </el-table-column>
- <el-table-column prop="writTypeName" label="鏂囦功绉嶇被" min-width="180">
- </el-table-column>
- <el-table-column prop="categoryName" label="杩濇硶绫诲瀷" min-width="300">
- </el-table-column>
- <el-table-column prop="eventCode" label="浜嬩欢缂栧彿" width="160">
- </el-table-column>
- <el-table-column prop="sendTime" label="鏂囦功鍙戞斁鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column prop="limitTime" label="鏂囦功闄愬畾鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column
- prop="sendContent"
- label="鏂囦功鍙戞斁鍐呭"
- min-width="110"
- >
- </el-table-column>
- <el-table-column
- prop="rectifyTime"
- label="瀹為檯鏁存敼鏃堕棿"
- min-width="120"
- >
- </el-table-column>
- <el-table-column
- prop="rectifySituation"
- label="鏁存敼鎯呭喌"
- min-width="110"
- >
- </el-table-column>
-
- <el-table-column
- prop="state"
- :formatter="formatSate"
- label="鐘舵��"
- width="60"
- >
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="150">
- <template slot-scope="scope">
- <div class="operation">
- <span v-if="!scope.row.value" @click="handleEdit(scope.row)"
- >涓嬪彂鏂囦功</span
- >
- <span v-if="scope.row.value" @click="handleView(scope.row)"
- >鏌ョ湅</span
- >
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎鏂囦功</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 涓嬪彂鏂囦功 -->
- <el-dialog
- title="涓嬪彂鏂囦功"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="80%"
- :before-close="handleClose"
- >
- <component
- :is="componentName"
- :writ="writ"
- @closeDialog="handleCallBack"
- ></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecordEdit from "../components/inquest_record/edit.vue";
-import NotificationEdit from "../components/instruct_notification/edit.vue";
-
-export default {
- components: {
- InquestRecordEdit,
- NotificationEdit,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- options: [
- {
- value: null,
- label: "鍏ㄩ儴",
- },
- {
- value: 1,
- label: "鍦ㄧ嚎",
- },
- {
- value: 0,
- label: "绂荤嚎",
- },
- ],
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- writ: {},
- componentName: "",
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritList", "updateWrit", "deleteWrit"]),
-
- handleEdit(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- handleView(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- setComponent(row, isEdit) {
- switch (row.templateCode) {
- case "inquest_record":
- this.componentName = InquestRecordEdit;
- break;
- case "instruct_to_correct_notification":
- this.componentName = NotificationEdit;
- break;
- }
- },
- handleDelete(row) {
- this.$confirm("纭鍒犻櫎锛�").then((_) => {
- this.deleteWrit(row.id).then((res) => {
- this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛锛�",
- });
- this.setTableData();
- });
- });
- },
-
- handleCallBack(e) {
- this.currentPage = 1;
- this.dialogCreate = false;
- this.setTableData();
- },
- formatSate(row, column) {
- return row.value ? "宸蹭笅鍙�" : "鏈笅鍙�";
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 寮圭獥鍏抽棴
- handleClose(done) {
- this.$confirm("纭鍏抽棴?").then((_) => {
- this.dialogCreate = false;
- done();
- });
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritList({
- currentPage,
- pageSize,
- keyword: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
- handleStateChange(e) {
- this.setTableData();
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- &::v-deep .warning-row {
- background-color: #06122c;
- }
-
- &::v-deep .success-row {
- background-color: #071f39;
- }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- // 璁剧疆dialog鏍峰紡
- ::v-deep .el-dialog__body {
- background-color: #fff;
- // color: #000;
- }
-
- ::v-deep .el-dialog__header {
- // background-color: #06122c !important;
- color: #fff;
- }
-}
-.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;
- }
-
- .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;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writ/index_20221221171527.vue b/.history/src/views/operate/writManager/writ/index_20221221171527.vue
deleted file mode 100644
index c690798..0000000
--- a/.history/src/views/operate/writManager/writ/index_20221221171527.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#fff',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="writCode" label="鏂囦功缂栧彿" min-width="100">
- </el-table-column>
- <el-table-column prop="writTypeName" label="鏂囦功绉嶇被" min-width="180">
- </el-table-column>
- <el-table-column prop="categoryName" label="杩濇硶绫诲瀷" min-width="300">
- </el-table-column>
- <el-table-column prop="eventCode" label="浜嬩欢缂栧彿" width="160">
- </el-table-column>
- <el-table-column prop="sendTime" label="鏂囦功鍙戞斁鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column prop="limitTime" label="鏂囦功闄愬畾鏃堕棿" min-width="120">
- </el-table-column>
- <el-table-column
- prop="sendContent"
- label="鏂囦功鍙戞斁鍐呭"
- min-width="110"
- >
- </el-table-column>
- <el-table-column
- prop="rectifyTime"
- label="瀹為檯鏁存敼鏃堕棿"
- min-width="120"
- >
- </el-table-column>
- <el-table-column
- prop="rectifySituation"
- label="鏁存敼鎯呭喌"
- min-width="110"
- >
- </el-table-column>
-
- <el-table-column
- prop="state"
- :formatter="formatSate"
- label="鐘舵��"
- width="60"
- >
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="150">
- <template slot-scope="scope">
- <div class="operation">
- <span v-if="!scope.row.value" @click="handleEdit(scope.row)"
- >涓嬪彂鏂囦功</span
- >
- <span v-if="scope.row.value" @click="handleView(scope.row)"
- >鏌ョ湅</span
- >
- <span class="line">|</span>
- <span @click="handleDelete(scope.row)">鍒犻櫎鏂囦功</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 涓嬪彂鏂囦功 -->
- <el-dialog
- title="涓嬪彂鏂囦功"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="80%"
- :before-close="handleClose"
- >
- <component
- :is="componentName"
- :writ="writ"
- @closeDialog="handleCallBack"
- ></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecordEdit from "../components/inquest_record/edit.vue";
-import NotificationEdit from "../components/instruct_notification/edit.vue";
-
-export default {
- components: {
- InquestRecordEdit,
- NotificationEdit,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- options: [
- {
- value: null,
- label: "鍏ㄩ儴",
- },
- {
- value: 1,
- label: "鍦ㄧ嚎",
- },
- {
- value: 0,
- label: "绂荤嚎",
- },
- ],
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- writ: {},
- componentName: "",
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritList", "updateWrit", "deleteWrit"]),
-
- handleEdit(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- handleView(row) {
- this.writ = row;
- this.setComponent(row);
- this.dialogCreate = true;
- },
- setComponent(row, isEdit) {
- switch (row.templateCode) {
- case "inquest_record":
- this.componentName = InquestRecordEdit;
- break;
- case "instruct_to_correct_notification":
- this.componentName = NotificationEdit;
- break;
- }
- },
- handleDelete(row) {
- this.$confirm("纭鍒犻櫎锛�").then((_) => {
- this.deleteWrit(row.id).then((res) => {
- this.$message({
- type: "success",
- message: "鍒犻櫎鎴愬姛锛�",
- });
- this.setTableData();
- });
- });
- },
-
- handleCallBack(e) {
- this.currentPage = 1;
- this.dialogCreate = false;
- this.setTableData();
- },
- formatSate(row, column) {
- return row.value ? "宸蹭笅鍙�" : "鏈笅鍙�";
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 === 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- },
- // 寮圭獥鍏抽棴
- handleClose(done) {
- this.$confirm("纭鍏抽棴?").then((_) => {
- this.dialogCreate = false;
- done();
- });
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritList({
- currentPage,
- pageSize,
- keyword: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
- handleStateChange(e) {
- this.setTableData();
- },
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #fff;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- // 璁剧疆dialog鏍峰紡
- ::v-deep .el-dialog__body {
- background-color: #fff;
- // color: #000;
- }
-
- ::v-deep .el-dialog__header {
- // background-color: #06122c !important;
- color: #fff;
- }
-}
-.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;
- }
-
- .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;
- }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221170319.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221170319.vue
deleted file mode 100644
index b8c6e62..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221170319.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- &::v-deep .warning-row {
- background-color: #06122c;
- }
-
- &::v-deep .success-row {
- background-color: #071f39;
- }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171602.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171602.vue
deleted file mode 100644
index 022eb5c..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171602.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- // }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171636.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171636.vue
deleted file mode 100644
index 86a4b3d..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171636.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- // }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171659.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171659.vue
deleted file mode 100644
index babb3c0..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171659.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #09152f;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171713.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171713.vue
deleted file mode 100644
index 5f3ba4a..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171713.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171729.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171729.vue
deleted file mode 100644
index 9b6063e..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171729.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- // background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171758.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171758.vue
deleted file mode 100644
index 5f3ba4a..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171758.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#06122c',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171814.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171814.vue
deleted file mode 100644
index 5d53078..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171814.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#fff',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/operate/writManager/writTemplate/index_20221221171913.vue b/.history/src/views/operate/writManager/writTemplate/index_20221221171913.vue
deleted file mode 100644
index e76b1df..0000000
--- a/.history/src/views/operate/writManager/writTemplate/index_20221221171913.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
- <div class="list">
- <header>
- <div class="header-content">
- <div class="search">
- <span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
- <div class="findBtn">
- <el-button type="primary" @click="setTableData">鏌ヨ</el-button>
- </div>
- </div>
- </div>
- </header>
- <main>
- <div class="main-content">
- <!-- 鏁版嵁灞曠ず -->
- <el-table
- ref="multipleTable"
- :header-cell-style="{
- background: '#fff',
- 'font-size': '12px',
- color: '#4b9bb7',
- 'font-weight': '650',
- 'line-height': '45px',
- }"
- :row-class-name="tableRowClassName"
- :data="list"
- style="width: 100%"
- >
- <el-table-column type="selection" min-width="5"> </el-table-column>
- <el-table-column prop="id" label="ID" min-width="6">
- </el-table-column>
- <el-table-column prop="name" label="妯℃澘" min-width="20">
- </el-table-column>
- <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10">
- </el-table-column>
-
- <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
- <template slot-scope="scope">
- <div class="operation">
- <span @click="handleView(scope.row)">鏌ョ湅</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
-
- <!-- tools -->
- <div class="tools">
- <div class="funs"></div>
- <div class="pagination">
- <el-pagination
- background
- :current-page="currentPage"
- layout="prev, pager, next"
- :total="totalNum"
- :page-size="pageSize"
- @current-change="changeCurrentPage"
- @prev-click="handlePrev"
- @next-click="handleNext"
- >
- </el-pagination>
- </div>
- </div>
- </main>
- <footer>
- <!-- 鏌ョ湅妯℃澘 -->
- <el-dialog
- title="鏌ョ湅妯℃澘"
- :visible.sync="dialogCreate"
- v-if="dialogCreate"
- width="60%"
- >
- <component :is="componentName"></component>
- </el-dialog>
- </footer>
- </div>
-</template>
- <script>
-import { createNamespacedHelpers } from "vuex";
-const { mapActions } = createNamespacedHelpers("writ");
-
-import InquestRecord from "../components/inquest_record/view.vue";
-import Notification from "../components/instruct_notification/view.vue";
-
-export default {
- components: {
- InquestRecord,
- Notification,
- },
- data() {
- return {
- dialogCreate: false,
- context: null,
- list: [],
- totalNum: 0,
- pageSize: 10,
- currentPage: 1,
- renderFlag: false,
- };
- },
- created() {
- this.setTableData();
- },
- methods: {
- ...mapActions(["getWritTemplateList"]),
-
- handleView(row) {
- switch (row.code) {
- case "inquest_record":
- this.componentName = InquestRecord;
- break;
- case "instruct_to_correct_notification":
- this.componentName = Notification;
- break;
- }
- this.dialogCreate = true;
- },
-
- // 璁剧疆琛ㄦ牸鏂戦┈绾�
- tableRowClassName({ row, rowIndex }) {
- if ((rowIndex + 1) % 2 == 0) {
- return "warning-row";
- } else {
- return "success-row";
- }
- return "";
- },
- // 璁剧疆tableData
- setTableData() {
- const { currentPage, pageSize, context } = this;
- this.getWritTemplateList({
- currentPage,
- pageSize,
- state: context,
- }).then((res) => {
- this.list = res.records;
- this.totalNum = res.total;
- });
- },
-
- // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page) {
- this.currentPage = page;
- this.setTableData();
- },
- // 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page) {
- this.currentPage = page;
- this.setTableData();
- },
- },
-};
-</script>
- <style lang="scss" scoped>
-.list {
- text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
- header {
- background-color: white;
-
- .header-content {
- 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;
- }
-
- .el-input {
- flex: 2;
- color: #1d3f57;
-
- &::v-deep .el-input__inner {
- // background-color: #09152f;
- border: 1px solid #17324c;
- }
- }
- }
- }
- }
-
- main {
- background-color: #fff;
- margin-top: 20px;
- padding-bottom: 50px;
-
- .main-title {
- line-height: 60px;
- padding: 10px 20px;
- }
-
- .tools {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
-
- .funs {
- display: flex;
-
- .funsItem {
- line-height: 28px;
- display: flex;
- align-items: center;
- border: 1px solid #17324c;
- border-radius: 4px;
- font-size: 12px;
- margin-left: 10px;
-
- .el-checkbox {
- width: 80px;
- padding: 0 10px;
- }
-
- .el-select {
- width: 120px;
- }
-
- &::v-deep .el-input__inner {
- border: none;
- // background-color: #09152f;
- }
-
- &: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;
- }
- }
- }
- }
- // &::v-deep .warning-row {
- // background-color: #06122c;
- // }
-
- // &::v-deep .success-row {
- // background-color: #071f39;
- // }
-
- .operationBox {
- display: flex;
- }
-
- .el-divider {
- background-color: #4b9bb7;
- }
- .el-table {
- color: #4b9bb7;
- font-size: 10px;
- .operation {
- display: flex;
-
- .line {
- padding: 0 5px;
- }
-
- span:hover {
- cursor: pointer;
- }
- }
- }
- }
- .findBtn {
- line-height: 100px;
- margin-left: 15px;
- display: flex;
- align-items: center;
- margin-top: -2px;
-
- .el-button {
- padding: 12px 25px;
- border-radius: 20px;
- }
- }
-}
-
-// 璁剧疆dialog鏍峰紡
-::v-deep .el-dialog__body {
- background-color: #fff;
- color: #000;
-}
-
-::v-deep .el-dialog__header {
- background-color: #06122c !important;
- color: #fff;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/systemSetting/device/point/index.vue b/src/views/systemSetting/device/point/index.vue
index 86f450f..868c4d3 100644
--- a/src/views/systemSetting/device/point/index.vue
+++ b/src/views/systemSetting/device/point/index.vue
@@ -146,7 +146,7 @@
},
},
beforeDestroy() {
- videoList.forEach((element) => {
+ this.videoList.forEach((element) => {
element.push();
});
},
--
Gitblit v1.8.0