From 675c8b55c60bf1b5dacb2f06c83d46866eebade9 Mon Sep 17 00:00:00 2001
From: yuzongping <835949940@qq.com>
Date: Thu, 17 Jul 2025 10:22:28 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/api/common/uploadAttachment.js | 12 +-
.../main-gis/{ => asset-details}/close.png | Bin
.../main-gis/asset-details/index.html | 70 +++++++
.../property/main-gis/asset-details/index.js | 29 +++
.../main-gis/asset-details/index.scss | 172 ++++++++++++++++++
.../property/main-gis/asset-details/index.vue | 4 +
src/views/property/main-gis/index.html | 79 +-------
src/views/property/main-gis/index.js | 55 ++----
src/views/property/main-gis/index.scss | 159 ----------------
9 files changed, 293 insertions(+), 287 deletions(-)
rename src/views/property/main-gis/{ => asset-details}/close.png (100%)
create mode 100644 src/views/property/main-gis/asset-details/index.html
create mode 100644 src/views/property/main-gis/asset-details/index.js
create mode 100644 src/views/property/main-gis/asset-details/index.scss
create mode 100644 src/views/property/main-gis/asset-details/index.vue
diff --git a/src/api/common/uploadAttachment.js b/src/api/common/uploadAttachment.js
index 1cc5d6a..5c0ebe2 100644
--- a/src/api/common/uploadAttachment.js
+++ b/src/api/common/uploadAttachment.js
@@ -2,16 +2,10 @@ import request from '@/utils/request'
import { usingExternalUploadService } from "@/api/system/config";
//查询已上传附件
-export const attachmentList = (deptId, year, useType) => {
- let query = {
- deptId,
- year,
- useType
- }
+export const attachmentList = (id) => {
return request({
- url: 'api/home/xixia/asset/zcList',
- method: 'get',
- params: query
+ url: `api/home/xixia/asset/zcDetail/${id}`,
+ method: 'get'
})
}
diff --git a/src/views/property/main-gis/close.png b/src/views/property/main-gis/asset-details/close.png
similarity index 100%
rename from src/views/property/main-gis/close.png
rename to src/views/property/main-gis/asset-details/close.png
diff --git a/src/views/property/main-gis/asset-details/index.html b/src/views/property/main-gis/asset-details/index.html
new file mode 100644
index 0000000..af81417
--- /dev/null
+++ b/src/views/property/main-gis/asset-details/index.html
@@ -0,0 +1,70 @@
+
+
+
+
{{permanentDetail.name}}
+
+
+
+
+
资产编码
+
{{permanentDetail.code}}
+
+
+
资产名称
+
{{permanentDetail.name}}
+
+
+
资产类别
+
{{permanentDetail.assetType}}
+
+
+
经营属性
+
{{permanentDetail.operationType}}
+
+
+
增加方式
+
{{permanentDetail.addType}}
+
+
+
购建时间
+
{{permanentDetail.buildTime}}
+
+
+
使用情况
+
{{permanentDetail.useType}}
+
+
+
资产状态
+
{{permanentDetail.assetStatus}}
+
+
+
数量/面积
+
{{permanentDetail.quantity}}
+
+
+
计量单位
+
{{permanentDetail.unit}}
+
+
+
原值(元)
+
{{permanentDetail.originalValue}}
+
+
+
折旧方式
+
{{permanentDetail.depreciationType}}
+
+
+
附件
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/property/main-gis/asset-details/index.js b/src/views/property/main-gis/asset-details/index.js
new file mode 100644
index 0000000..9ac9e2b
--- /dev/null
+++ b/src/views/property/main-gis/asset-details/index.js
@@ -0,0 +1,29 @@
+
+import { attachmentList } from "@/api/common/uploadAttachment.js";
+export default {
+ props: {
+ data: {}
+ },
+ data () {
+ return {
+ isLoad: false,
+ permanentDetail: {}
+ };
+ },
+ computed: {
+ },
+ created () {
+ this.isLoad = false
+ attachmentList(this.data).then(res => {
+ this.permanentDetail = res.data;
+ this.isLoad = true
+ })
+ },
+ mounted () {
+ },
+ methods: {
+ close () {
+ this.$emit('close')
+ }
+ }
+};
diff --git a/src/views/property/main-gis/asset-details/index.scss b/src/views/property/main-gis/asset-details/index.scss
new file mode 100644
index 0000000..b991f6c
--- /dev/null
+++ b/src/views/property/main-gis/asset-details/index.scss
@@ -0,0 +1,172 @@
+.gl_pop_cash {
+ background: rgba(10, 25, 47, 0.8);
+ position: absolute;
+ // border: 1px solid #063a95;
+ // border-left: 0.15vw solid #357dfa;
+ padding: 0 10px;
+ z-index: 11;
+
+ .head_main {
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+ justify-content: space-between;
+
+ .title {
+ color: #ffad00;
+ font-size: 16px !important;
+ }
+
+ .close {
+ background: url('./close.png') no-repeat;
+ background-size: 100% 100%;
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ }
+
+ .xs_main {
+ height: 30px;
+ position: absolute;
+ width: 100%;
+ display: flex;
+ align-items: center;
+
+ .block {
+ width: 20px;
+ display: flex;
+
+ .point {
+ width: .55vh;
+ height: .55vh;
+ margin-right: 0.36vw;
+
+ &.p1 {
+ background: rgba(53, 125, 250, 1)
+ }
+
+ &.p2 {
+ background: rgba(53, 125, 250, .7)
+ }
+
+ &.p3 {
+ background: rgba(53, 125, 250, .4)
+ }
+ }
+
+ }
+
+ .xs_x {
+ height: 1px;
+ flex: 1;
+ background: #214284;
+ }
+ }
+ }
+
+ .echarts_main {
+ height: 600px;
+ overflow-y: auto;
+
+ div {
+ font-size: 10px;
+ // height: 40px;
+ line-height: 20px;
+
+ p {
+ // white-space: nowrap;
+ }
+ }
+
+ .headers {
+ height: 30px;
+ font-size: 14px;
+ color: #0befca;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 0.53vw;
+ background: rgba(11, 239, 202, .2);
+ margin-bottom: 0.9vh
+ }
+
+ .desc_main {
+ overflow-y: scroll;
+ padding-right: 0.33vw;
+
+ .analysisTable_list {
+ margin: 0;
+ padding: 0;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+
+ .flex_item {
+ cursor: pointer;
+ list-style: none;
+ margin: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #fff;
+ font-size: 12px;
+ position: relative;
+ height: 30px;
+
+ &:nth-child(2n) {
+ background: rgba(53, 125, 250, .1);
+ }
+ }
+ }
+ }
+ }
+
+}
+
+.pop_statistical_desc {
+ width: 600px;
+ margin: 0;
+ left: 480px;
+ top: 180px;
+ padding-bottom: 1.04vw !important;
+
+ .head_main {
+
+ .title {
+ color: #fff;
+ }
+ }
+
+ .echarts_main {
+ margin-top: 16px;
+
+ div {
+ display: flex;
+ align-items: center;
+
+ &:nth-child(even) {
+ background: rgba(32, 89, 188, 0.2);
+ }
+
+ p {
+ &:nth-child(1) {
+ width: 8vw;
+ padding-left: 1vw;
+ flex-shrink: 0;
+ }
+
+ &:nth-child(2) {
+ color: #ffad00;
+ }
+
+ margin: 0;
+ color: #ffffff;
+ font-size:1.33vh;
+ line-height: 3.92vh;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/views/property/main-gis/asset-details/index.vue b/src/views/property/main-gis/asset-details/index.vue
new file mode 100644
index 0000000..5ac9224
--- /dev/null
+++ b/src/views/property/main-gis/asset-details/index.vue
@@ -0,0 +1,4 @@
+
+
+
diff --git a/src/views/property/main-gis/index.html b/src/views/property/main-gis/index.html
index 2ef4cdd..d7db27e 100644
--- a/src/views/property/main-gis/index.html
+++ b/src/views/property/main-gis/index.html
@@ -8,84 +8,7 @@
-
-
-
-
{{permanentDetail.name}}详情
-
-
-
-
-
-
资产编码
-
{{permanentDetail.code}}
-
-
-
资产名称
-
{{permanentDetail.name}}
-
-
-
资产类别
-
{{permanentDetail.assetType}}
-
-
-
经营属性
-
{{permanentDetail.operationType}}
-
-
-
增加方式
-
{{permanentDetail.addType}}
-
-
-
购建时间
-
{{permanentDetail.buildTime}}
-
-
-
使用情况
-
{{permanentDetail.useType}}
-
-
-
资产状态
-
{{permanentDetail.assetStatus}}
-
-
-
数量/面积
-
{{permanentDetail.quantity}}
-
-
-
计量单位
-
{{permanentDetail.unit}}
-
-
-
原值(元)
-
{{permanentDetail.originalValue}}
-
-
-
折旧方式
-
{{permanentDetail.depreciationType}}
-
-
-
附件
-
-
-
-
-
-
-
-
-
-
-
-
+
{
- console.log(res, 777);
- if (res.code == 200) {
- // let UattachmentList = res.rows;
- // for (let i = 0; i < UattachmentList.length; i++) {
- // let fileName = UattachmentList[i].fileName;
- // let subIndex = fileName.lastIndexOf(".");
- // let ext = fileName.substring(subIndex + 1, fileName.length);
- // let urls = "";
- // let type = "";
- // if (ext == "xlsx" || ext == "xls") {
- // urls = require("@/assets/images/icon_excel.jpg");
- // type = 'excel';
- // } else if (ext == "doc" || ext == "docx") {
- // urls = require("@/assets/images/icon_word.jpg");
- // type = 'word';
- // } else if (ext == "pdf") {
- // urls = require("@/assets/images/icon_pdf.jpg");
- // type = 'pdf';
- // } else if (ext == "zip") {
- // urls = require("@/assets/images/icon_zip.jpg");
- // type = 'zip';
- // } else {
- // urls = '/api' + UattachmentList[i].fileUrl;
- // type = 'image';
- // }
- // data.fileList.push({
- // url: urls,
- // urlApi: '/api' + UattachmentList[i].fileUrl,
- // type: type
- // })
- // }
- this.showPermanentDetail = true;
- this.permanentDetail = data;
- }
- });
+ let id = data.id;
+ this.showPermanentDetail = {
+ id,
+ show: true
+ }
},
// 加载地图
initMap (deptId) {
diff --git a/src/views/property/main-gis/index.scss b/src/views/property/main-gis/index.scss
index 726a08f..d2561fc 100644
--- a/src/views/property/main-gis/index.scss
+++ b/src/views/property/main-gis/index.scss
@@ -31,166 +31,7 @@
}
}
- .gl_pop_cash {
- background: rgba(10, 25, 47, 0.8);
- position: absolute;
- border: 1px solid #063a95;
- border-left: 0.15vw solid #357dfa;
- padding: 0 1vw;
- z-index: 11;
-
- .head_main {
- height: 4.62vh;
- padding-top: 0.55vh;
- display: flex;
- align-items: center;
- position: relative;
- justify-content: space-between;
-
- .title {
- color: #ffad00;
- font-size: 1.66vh;
- }
-
- .close {
- background: url('./close.png') no-repeat;
- background-size: 100% 100%;
- width: 1.48vh;
- height: 1.48vh;
- cursor: pointer;
- }
-
- .xs_main {
- height: 0.55vh;
- position: absolute;
- width: 100%;
- bottom: -0.55vh;
- display: flex;
- align-items: center;
-
- .block {
- width: 2.34vw;
- display: flex;
-
- .point {
- width: .55vh;
- height: .55vh;
- margin-right: 0.36vw;
-
- &.p1 {
- background: rgba(53, 125, 250, 1)
- }
-
- &.p2 {
- background: rgba(53, 125, 250, .7)
- }
-
- &.p3 {
- background: rgba(53, 125, 250, .4)
- }
- }
-
- }
-
- .xs_x {
- height: 1px;
- flex: 1;
- background: #214284;
- }
- }
- }
-
- .echarts_main {
- .headers {
- height: 3.33vh;
- font-size: 1.48vh;
- color: #0befca;
- text-align: center;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 0.53vw;
- background: rgba(11, 239, 202, .2);
- margin-bottom: 0.9vh
- }
-
- .desc_main {
- overflow-y: scroll;
- padding-right: 0.33vw;
-
- .analysisTable_list {
- margin: 0;
- padding: 0;
- flex: 1;
- display: flex;
- flex-direction: column;
-
- .flex_item {
- cursor: pointer;
- list-style: none;
- margin: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- text-align: center;
- color: #fff;
- font-size: 1.29vh;
- position: relative;
- height: 3.2vh;
-
- &:nth-child(2n) {
- background: rgba(53, 125, 250, .1);
- }
- }
- }
- }
- }
-
- }
- .pop_statistical_desc {
- width: 20.2vw;
- margin: 0;
- right: 23vw;
- top: 35vh;
- padding-bottom: 1.04vw !important;
-
- .head_main {
- .title {
- color: #fff;
- }
- }
-
- .echarts_main {
- margin-top: 1.66vh;
-
- div {
- display: flex;
- align-items: center;
-
- &:nth-child(even) {
- background: rgba(32, 89, 188, 0.2);
- }
-
- p {
- &:nth-child(1) {
- width: 8vw;
- padding-left: 1vw;
- flex-shrink: 0;
- }
-
- &:nth-child(2) {
- color: #ffad00;
- }
-
- margin: 0;
- color: #ffffff;
- font-size:1.33vh;
- line-height: 3.92vh;
- }
- }
- }
- }
.mask {
z-index: 1;