diff --git a/package-lock.json b/package-lock.json index 25f7522..db5b134 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1457,12 +1457,12 @@ }, "@paddlejs/paddlejs-backend-webgl": { "version": "1.2.9", - "resolved": "https://registry.npmmirror.com/@paddlejs/paddlejs-backend-webgl/-/paddlejs-backend-webgl-1.2.9.tgz", + "resolved": "https://registry.npmjs.org/@paddlejs/paddlejs-backend-webgl/-/paddlejs-backend-webgl-1.2.9.tgz", "integrity": "sha512-cVDa0/Wbw2EyfsYqdYUPhFeqKsET79keEUWjyhYQmQkJfWg8j1qdR6yp7g6nx9qAGrqFvwuj1s0EqkYA1dok6A==" }, "@paddlejs/paddlejs-core": { "version": "2.2.0", - "resolved": "https://registry.npmmirror.com/@paddlejs/paddlejs-core/-/paddlejs-core-2.2.0.tgz", + "resolved": "https://registry.npmjs.org/@paddlejs/paddlejs-core/-/paddlejs-core-2.2.0.tgz", "integrity": "sha512-P3rPkF9fFHtq8uSte5gA7fJQwBNl9Ytsvj6aTcfQSsirnBO/HxMNu0gJyh7+lItvEtF92PR15eI0eOwJYfZDhQ==" }, "@petamoriken/float16": { @@ -2134,51 +2134,6 @@ "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "dev": true }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "optional": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "optional": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "optional": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true, - "optional": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "optional": true - }, "ssri": { "version": "8.0.1", "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz", @@ -2187,28 +2142,6 @@ "requires": { "minipass": "^3.1.1" } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "optional": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "vue-loader-v16": { - "version": "npm:vue-loader@16.8.3", - "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz", - "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", - "dev": true, - "optional": true, - "requires": { - "chalk": "^4.1.0", - "hash-sum": "^2.0.0", - "loader-utils": "^2.0.0" - } } } }, @@ -3368,7 +3301,7 @@ }, "blueimp-canvas-to-blob": { "version": "3.29.0", - "resolved": "https://registry.npmmirror.com/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz", + "resolved": "https://registry.npmjs.org/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz", "integrity": "sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==" }, "bmp-js": { @@ -6969,7 +6902,7 @@ }, "file-saver": { "version": "2.0.5", - "resolved": "https://registry.npmmirror.com/file-saver/-/file-saver-2.0.5.tgz", + "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz", "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==" }, "file-uri-to-path": { @@ -7949,7 +7882,7 @@ }, "image-compressor.js": { "version": "1.1.4", - "resolved": "https://registry.npmmirror.com/image-compressor.js/-/image-compressor.js-1.1.4.tgz", + "resolved": "https://registry.npmjs.org/image-compressor.js/-/image-compressor.js-1.1.4.tgz", "integrity": "sha512-DF1YFSw+m6FqpXsleD4+q9eu/wFFkm8sHuYhgYy5GWFVencXeuB1/UqC12xz+dCZooPetf5LIb8JOGkgEWmlcg==", "requires": { "blueimp-canvas-to-blob": "^3.14.0", @@ -8321,7 +8254,7 @@ }, "is-blob": { "version": "1.0.0", - "resolved": "https://registry.npmmirror.com/is-blob/-/is-blob-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-blob/-/is-blob-1.0.0.tgz", "integrity": "sha512-QIZDHQZpRfMEZwSTD7egdNZS7H/awVW9FZ3yJv+gg1z8d8GPXEs76QWL67fZs2BoBqp2dGtamTJpEYFJHmD73g==" }, "is-boolean-object": { @@ -15121,6 +15054,75 @@ } } }, + "vue-loader-v16": { + "version": "npm:vue-loader@16.8.3", + "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz", + "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", + "dev": true, + "optional": true, + "requires": { + "chalk": "^4.1.0", + "hash-sum": "^2.0.0", + "loader-utils": "^2.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "optional": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "optional": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "optional": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "optional": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "optional": true + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "optional": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, "vue-router": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz", diff --git a/src/assets/css/homeScreen.scss b/src/assets/css/homeScreen.scss index a7de0fd..80efb6e 100644 --- a/src/assets/css/homeScreen.scss +++ b/src/assets/css/homeScreen.scss @@ -3,261 +3,306 @@ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.homeBox{ + +.homeBox { + width: 100%; + height: 100vh; + + .home-aside { + position: relative; + width: 442px; + top: 70px; + height: 100%; + height: calc(100vh - 72px); + overflow: hidden; + z-index: 10; + + .asideTitle { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 10px; + box-sizing: border-box; + background: linear-gradient(90deg, #124CB3 0%, rgba(18, 76, 179, 0.23) 77%, rgba(18, 76, 179, 0) 100%); + border-radius: 0px 0px 0px 0px; + height: 40px; + + .title { + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + margin-right: 20px; + } + } + + .asideCnt { + height: calc(100% - 40px); + } + + .aside-middle { + height: calc(100%/2); + padding: 4px; + box-sizing: border-box; + } + } + + .homeBtn { + height: 302px; + width: calc(100% - 894px); + position: absolute; + bottom: 2px; + left: 50%; + transform: translateX(-50%); + } + + // 头部 + .headBox { + position: fixed; + top: 0; width: 100%; - height: 100vh; - .home-aside{ - position: relative; - width: 442px; - top: 70px; + height: 70px; + background: rgba(0, 0, 0, 0.8); + z-index: 2; + + .headBoxBg { + width: 100%; height: 100%; - height: calc(100vh - 72px); - overflow: hidden; - z-index: 10; - .asideTitle{ + background: url("~@/assets/images/home_head.png") no-repeat center center; + background-size: 100% 100%; + height: 151px; + } + + .top-center { + position: absolute; + left: 50%; + top: 2%; + transform: translateX(-50%); + font-size: 56px; + letter-spacing: 2px; + font-family: "YSBTH"; + white-space: nowrap; + background: linear-gradient(180deg, #FFFFFF 0%, #66B5FF 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: 4px 4px 4px rgba(54, 255, 243, 0.15); + } + + .topBtn { + display: flex; + position: absolute; + top: 22px; + + .topBtn-item { + width: 190px; + height: 38px; display: flex; align-items: center; - justify-content: space-between; - padding: 0 10px; - box-sizing: border-box; - background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%); - border-radius: 0px 0px 0px 0px; - height: 40px; - .title{ - font-weight: bold; - font-size: 16px; - color: #FFFFFF; - margin-right: 20px; - } - } - .asideCnt{ - height: calc(100% - 40px); - } - .aside-middle{ - height: calc(100%/2); - padding: 4px; - box-sizing: border-box; - } - } - .homeBtn{ - height: 302px; - width: calc(100% - 894px); - position: absolute; - bottom: 2px; - left: 50%; - transform: translateX(-50%); - } - // 头部 - .headBox { - position: fixed; - top: 0; - width: 100%; - height: 70px; - background: rgba(0,0,0,0.8); - z-index: 2; - .headBoxBg{ - width: 100%; - height: 100%; - background: url("~@/assets/images/home_head.png") no-repeat center center; + justify-content: center; + background: url("~@/assets/images/home_btns.png") no-repeat center center; background-size: 100% 100%; - height: 151px; - } - .top-center { - position: absolute; - left: 50%; - top: 2%; - transform: translateX(-50%); - font-size: 56px; - letter-spacing: 2px; - font-family: "YSBTH"; - white-space: nowrap; - background: linear-gradient(180deg, #FFFFFF 0%, #66B5FF 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - text-shadow: 4px 4px 4px rgba(54, 255, 243, 0.15); - } - .topBtn { - display: flex; - position: absolute; - top: 22px; - .topBtn-item { - width: 190px; - height: 38px; - display: flex; - align-items: center; - justify-content: center; - background: url("~@/assets/images/home_btns.png") no-repeat center center; - background-size: 100% 100%; - font-size: 18px; - cursor: pointer; - span { - font-family: "YSBTH"; - margin-top: -4px; - @include textColor(#a1d6ff, #ffffff); - } - } - - } - .topBtn-left { - left: 30px; - font-size: 12px; - .text { + font-size: 18px; + cursor: pointer; + + span { font-family: "YSBTH"; - color: #0bb7ff; - } - .tests { - color: #0a99ff; - } - } - .leftBtn-yjbtn{ - position: absolute; - left: 360px; - top: 20px; - .leftBtn-item{ - width: 155px; - height: 38px; - line-height: 38px; - text-align: center; - background: url("~@/assets/images/home_btns.png") no-repeat center center; - background-size: 100% 100%; - font-size: 16px; - font-family: "YSBTH"; - } - .btms{ + margin-top: -4px; @include textColor(#a1d6ff, #ffffff); } } - .yjbtnActive{ - background: url("~@/assets/images/home_btns_active.png") no-repeat center center; + + } + + .topBtn-left { + left: 30px; + font-size: 12px; + + .text { + font-family: "YSBTH"; + color: #0bb7ff; + } + + .tests { + color: #0a99ff; + } + } + + .leftBtn-yjbtn { + position: absolute; + left: 360px; + top: 20px; + + .leftBtn-item { + width: 155px; + height: 38px; + line-height: 38px; + text-align: center; + background: url("~@/assets/images/home_btns.png") no-repeat center center; background-size: 100% 100%; - .btms{ + font-size: 16px; + font-family: "YSBTH"; + } + + .btms { + @include textColor(#a1d6ff, #ffffff); + } + } + + .yjbtnActive { + background: url("~@/assets/images/home_btns_active.png") no-repeat center center; + background-size: 100% 100%; + + .btms { + @include textColor(#00ffff, #faff00); + } + } + + .topBtn-right { + right: 270px; + top: 22px; + + .topBtn-item { + background: url("~@/assets/images/home_btns_right.png") no-repeat center center; + background-size: 100% 100%; + } + + .active-topBtn { + background: url("~@/assets/images/home_btns_right_active.png") no-repeat center center; + background-size: 100% 100%; + + span { @include textColor(#00ffff, #faff00); } } - .topBtn-right { - right: 270px; - top: 22px; - .topBtn-item { - background: url("~@/assets/images/home_btns_right.png") no-repeat center - center; - background-size: 100% 100%; - } - .active-topBtn { - background: url("~@/assets/images/home_btns_right_active.png") no-repeat - center center; - background-size: 100% 100%; - span { - @include textColor(#00ffff, #faff00); - } - } - } - .rightIcon { - position: absolute; - right: 20px; - top: 22px; - font-size: 17px; - z-index: 9; - span { - color: #0bb7ff; - cursor: pointer; - } - img { - width: 20px; - } - } } - // 左边 - .asideL{ + + .rightIcon { position: absolute; - box-sizing: border-box; - left: 0px; - .asideL-top{ - width: 100%; - height: 141px; - background: #052249; - } - .asideL-Bottom{ - height: calc(100% - 141px); - .commom-aside{ - height: calc((100%/3) - 6px); - margin-top: 7px; - background: #052249; - } - } - } - // 右边 - .asideR{ - position: absolute; - right: 0px; - .commom-aside-small{ - height: calc(((100% - 146px) /3) - 6px); - background: #052249; - margin-top: 9px; - } - .commom-aside-big{ - height: calc(((100% - (100% - 146px) /3)/2) - 6px); - margin-bottom: 9px; - background: #052249; - } - } - - .home-center{ - position: absolute; - left: 50%; - top: 70px; - transform: translateX(-50%); - width: calc(100% - 890px); - height: 80px; + right: 20px; + top: 22px; + font-size: 17px; z-index: 9; + + span { + color: #0bb7ff; + cursor: pointer; + } + + img { + width: 20px; + } + } + } + + // 左边 + .asideL { + position: absolute; + box-sizing: border-box; + left: 0px; + + .asideL-top { + width: 100%; + height: 141px; background: #052249; } - .home-foot-t{ - position: absolute; - left: 50%; - bottom: 2px; - transform: translateX(-50%); - width: calc(100% - 920px); - height: calc((100% - 141px)/3 - 32px); - min-width: 560px; - overflow: hidden; - z-index: 9; - background: url("~@/assets/images/right-1.png") no-repeat center center; - background-size: 100% 100%; - .comom-title{ - background: url("~@/assets/images/bg18.png") no-repeat center center; - background-size: 100% 100%; - .title{ - font-size: 22px; - font-family: 'YSBTH'; - padding-left: 35px; - } + .asideL-Bottom { + height: calc(100% - 141px); + + .commom-aside { + height: calc((100%/3) - 6px); + margin-top: 7px; + background: #052249; } } - - // 公用 - .comom-title{ - background: url("~@/assets/images/bg17.png") no-repeat center center; + } + + // 右边 + .asideR { + position: absolute; + right: 0px; + + .commom-aside-small { + height: calc(((100% - 146px) /3) - 6px); + background: #052249; + margin-top: 9px; + } + + .commom-aside-big { + height: calc(((100% - (100% - 146px) /3)/2) - 6px); + margin-bottom: 9px; + background: #052249; + } + } + + .home-center { + position: absolute; + left: 50%; + top: 70px; + transform: translateX(-50%); + width: calc(100% - 890px); + z-index: 9; + background: #052249; + height: calc(100% - (100% - 141px) / 3 - 45px); + + .middle-top { + height: 80px; + } + + .middle-bottom { + height: calc(100% - 90px); + } + } + + .home-foot-t { + position: absolute; + left: 50%; + bottom: 2px; + transform: translateX(-50%); + width: calc(100% - 920px); + height: calc((100% - 141px)/3 - 32px); + min-width: 560px; + overflow: hidden; + z-index: 9; + background: url("~@/assets/images/right-1.png") no-repeat center center; + background-size: 100% 100%; + + .comom-title { + background: url("~@/assets/images/bg18.png") no-repeat center center; background-size: 100% 100%; - width: 100%; - height: 35px; - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 10px; - box-sizing: border-box; - .title{ + + .title { font-size: 22px; font-family: 'YSBTH'; padding-left: 35px; } } - .comom-cnt{ - height: calc(100% - 35px); - padding: 4px 10px; - box-sizing: border-box; - background: url("~@/assets/images/bg_13.png") no-repeat center center; - background-size: 100% 100%; + } + + // 公用 + .comom-title { + background: url("~@/assets/images/bg17.png") no-repeat center center; + background-size: 100% 100%; + width: 100%; + height: 35px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 10px; + box-sizing: border-box; + + .title { + font-size: 22px; + font-family: 'YSBTH'; + padding-left: 35px; } - - } \ No newline at end of file + } + + .comom-cnt { + height: calc(100% - 35px); + padding: 4px 10px; + box-sizing: border-box; + background: url("~@/assets/images/bg_13.png") no-repeat center center; + background-size: 100% 100%; + } + +} \ No newline at end of file diff --git a/src/assets/images/ddtb.png b/src/assets/images/ddtb.png new file mode 100644 index 0000000..455f3ad Binary files /dev/null and b/src/assets/images/ddtb.png differ diff --git a/src/assets/images/xxxxxx.png b/src/assets/images/xxxxxx.png new file mode 100644 index 0000000..3e3de7d Binary files /dev/null and b/src/assets/images/xxxxxx.png differ diff --git a/src/router/index.js b/src/router/index.js index b9922d8..97f3185 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -340,7 +340,7 @@ export const publicRoutes = [ "@/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index" ), meta: { - title: "人力情报数据采集管理", + title: "人力情报管理", icon: "article" } }, @@ -485,7 +485,7 @@ export const publicRoutes = [ { path: "/mpvPeo", name: "mpvPeo", - component: () =>import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index"), + component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeo/index"), meta: { title: "重点人管理", icon: "article" @@ -494,7 +494,7 @@ export const publicRoutes = [ { path: "/mpvPeoSh", name: "mpvPeoSh", - component: () =>import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index"), + component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvPeoSh/index"), meta: { title: "重点人审批", icon: "article" @@ -503,7 +503,7 @@ export const publicRoutes = [ { path: "/mpvGroup", name: "mpvGroup", - component: () =>import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index"), + component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index"), meta: { title: "重点群体管理", icon: "article" @@ -512,7 +512,7 @@ export const publicRoutes = [ { path: "/mpvGroupSh", name: "mpvGroupSh", - component: () =>import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index"), + component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvGroupSh/index"), meta: { title: "重点群体审核", icon: "article" @@ -521,7 +521,7 @@ export const publicRoutes = [ { path: "/mpvCar", name: "mpvCar", - component: () =>import("@/views/backOfficeSystem/DeploymentDisposal/mpvCar/index"), + component: () => import("@/views/backOfficeSystem/DeploymentDisposal/mpvCar/index"), meta: { title: "重点车辆管理", icon: "article" @@ -548,6 +548,18 @@ export const publicRoutes = [ title: "布控监视", icon: "article" } + }, + { + path: "/experienceShare", + name: "experienceShare", + component: () => + import( + "@/views/backOfficeSystem/BasicManagement/experienceShare/index" + ), + meta: { + title: "经验分享", + icon: "article" + } } ] } diff --git a/src/views/backOfficeSystem/BasicManagement/experienceShare/components/editAddForm.vue b/src/views/backOfficeSystem/BasicManagement/experienceShare/components/editAddForm.vue new file mode 100644 index 0000000..8749610 --- /dev/null +++ b/src/views/backOfficeSystem/BasicManagement/experienceShare/components/editAddForm.vue @@ -0,0 +1,109 @@ + + + + + diff --git a/src/views/backOfficeSystem/BasicManagement/experienceShare/index.vue b/src/views/backOfficeSystem/BasicManagement/experienceShare/index.vue new file mode 100644 index 0000000..f4fe5b4 --- /dev/null +++ b/src/views/backOfficeSystem/BasicManagement/experienceShare/index.vue @@ -0,0 +1,195 @@ + + + + + diff --git a/src/views/home/components/assessmentItem.vue b/src/views/home/components/assessmentItem.vue new file mode 100644 index 0000000..02ef6bf --- /dev/null +++ b/src/views/home/components/assessmentItem.vue @@ -0,0 +1,131 @@ + + + + + diff --git a/src/views/home/components/deployControlItem.vue b/src/views/home/components/deployControlItem.vue new file mode 100644 index 0000000..2b1b225 --- /dev/null +++ b/src/views/home/components/deployControlItem.vue @@ -0,0 +1,125 @@ + + + + + diff --git a/src/views/home/components/yjItem.vue b/src/views/home/components/yjItem.vue index c959b3a..5641ca7 100644 --- a/src/views/home/components/yjItem.vue +++ b/src/views/home/components/yjItem.vue @@ -5,16 +5,24 @@
-
- {{ item.yjRyxm }} - - {{ IdCard(item.yjRysfzh,2) }} - - {{ IdCard(item.yjRysfzh,3) }} -
+
+ {{ item.yjClcph }} +
+
+ {{ item.yjRyxm }} + + {{ IdCard(item.yjRysfzh, 2) }} + + {{ IdCard(item.yjRysfzh, 3) }} +
+ {{ item.yjbqmc }}
-
身份证:{{ item.yjRysfzh }}
+
车牌类型: + +
+
身份证:{{ item.yjRysfzh }}
+
预警时间:{{ item.yjSj }}
预警地址:{{ item.yjDz }}
预警内容:{{ item.yjNr }}
@@ -28,19 +36,22 @@ const props = defineProps({ item: { type: Object, default: {} + }, dict: { + tupe: Object, + default: {} } }); const changeBG = (str) => { - switch(str){ - case "10": - return "red"; - case "20": - return "orange"; - case "30": - return "yellow"; - default: return "blue"; - } + switch (str) { + case "10": + return "red"; + case "20": + return "orange"; + case "30": + return "yellow"; + default: return "blue"; + } }; @@ -52,31 +63,36 @@ const changeBG = (str) => { margin-bottom: 4px; padding: 10px; box-sizing: border-box; + .warning-image { width: 80px; height: 100px; - img { - width: 100%; - height: 100%; - object-fit: cover; - } + + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + + .warning-info { + flex: 1; + + .tag { + padding: 1px 6px; + background: #0072FF; + border-radius: 2px 2px 2px 2px; + font-size: 12px; } - .warning-info { - flex: 1; - .tag{ - padding: 1px 6px; - background: #0072FF; - border-radius: 2px 2px 2px 2px; - font-size: 12px; - } - .gapline{ - width: 2px; - height: 14px; - background: #e9e9e9; - } + .gapline { + width: 2px; + height: 14px; + background: #e9e9e9; } + } } + .red { background: url("~@/assets/images/GroupRed.png") no-repeat center center; background-size: 100% 100%; @@ -86,13 +102,14 @@ const changeBG = (str) => { background: url("~@/assets/images/GroupOrange.png") no-repeat center center; background-size: 100% 100%; } + .yellow { background: url("~@/assets/images/GroupYellow.png") no-repeat center center; background-size: 100% 100%; } + .blue { background: url("~@/assets/images/GroupBlue.png") no-repeat center center; background-size: 100% 100%; } - diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 447b71b..5295d08 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -1,7 +1,8 @@