From 234409bb4a612c5b69b78b1e844492f0a7122521 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期二, 28 二月 2023 19:15:32 +0800
Subject: [PATCH] 工程&管线接口对接
---
src/components/chart/projectintroduction.vue | 214 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 121 insertions(+), 93 deletions(-)
diff --git a/src/components/chart/projectintroduction.vue b/src/components/chart/projectintroduction.vue
index d1556a3..87cf7ba 100644
--- a/src/components/chart/projectintroduction.vue
+++ b/src/components/chart/projectintroduction.vue
@@ -1,105 +1,133 @@
<template>
- <div class="projectintroduction">
- <div class="item">
- <div class="itemName">椤圭洰鍚嶇О:</div>
- <div class="itemValue" :title="result.projname">{{ result.projname.length>15?result.projname.substring(0,15):result.projname }}</div>
- </div>
- <div class="item">
- <div class="itemName">椤圭洰鐘舵��:</div>
- <div class="itemValue">{{ result.projstate }}</div>
- </div>
- <div class="item">
- <div class="itemName">椤圭洰绉嶇被:</div>
- <div class="itemValue">{{ result.projtype }}</div>
- </div>
- <div class="item">
- <div class="itemName">鎵�灞為儴闂�:</div>
- <div class="itemValue">{{ result.corpname }}</div>
- </div>
- <div class="item">
- <div class="itemName">鍚姩鏃堕棿:</div>
- <div class="itemValue">{{ parseTime(result.createtime) }}</div>
- </div>
- <div class="item">
- <div class="itemName">宸ョ▼鍐呭:</div>
- <div class="itemValue">{{ result.contents.length>15? result.contents.substring(0,15): result.contents }}</div>
- </div>
+ <div class="projectintroduction">
+ <div class="item">
+ <div class="itemName">椤圭洰鍚嶇О:</div>
+ <div class="itemValue" :title="result.projname">
+ {{
+ result.projname.length > 15
+ ? result.projname.substring(0, 15)
+ : result.projname
+ }}
+ </div>
</div>
+ <div class="item">
+ <div class="itemName">椤圭洰鐘舵��:</div>
+ <div class="itemValue">{{ result.projstate }}</div>
+ </div>
+ <div class="item">
+ <div class="itemName">椤圭洰绉嶇被:</div>
+ <div class="itemValue">{{ result.projtype }}</div>
+ </div>
+ <div class="item">
+ <div class="itemName">鎵�灞為儴闂�:</div>
+ <div class="itemValue">{{ result.corpname }}</div>
+ </div>
+ <div class="item">
+ <div class="itemName">鍚姩鏃堕棿:</div>
+ <div class="itemValue">{{ parseTime(result.createtime) }}</div>
+ </div>
+ <div class="item">
+ <div class="itemName">宸ョ▼鍐呭:</div>
+ <div class="itemValue">
+ {{
+ result.contents.length > 15
+ ? result.contents.substring(0, 15)
+ : result.contents
+ }}
+ </div>
+ </div>
+ </div>
</template>
<script>
+import { selectProjectInfo } from "@/api/screen.js"
export default {
- data() {
- return {
- result:
- {
- "eventid": "4dfd814a-a262-4a93-880b-5ef488883a35",
- "country": "涓浗",
- "projstate": "鏂藉伐涓�",
- "createtime": 1675071993161,
- "gid": 38,
- "conperiod": "24",
- "datastatus": null,
- "geom": "01010000208A110000925A28999C225C40F1811DFF05364040",
- "createuser": 1,
- "parentid": null,
- "verid": 0,
- "province": "婀栧寳鐪�",
- "projname": "瑗挎皵涓滆緭涓夌嚎锛堜腑鍗�-鏋ｉ槼锛�",
- "contents": "绠￠亾绾胯矾鏂藉伐",
- "projtype": "绠＄嚎鏂藉伐",
- "location": "姝︽眽",
- "dirid": "03",
- "depid": null,
- "corpname": "绠￠亾璁捐闄�",
- "department": "鍕樺療閮ㄩ棬",
- "updatetime": 1675072198376,
- "belongsid": null,
- "remarks": "娴嬭瘯鐢紝鍐呭铏氭瀯",
- "updateuser": 1
- },
- }
- },
- methods: {
- //鑾峰彇鏃堕棿
- parseTime(timestamp){
- var date = new Date(timestamp);//鏃堕棿鎴充负10浣嶉渶*1000锛屾椂闂存埑涓�13浣嶇殑璇濅笉闇�涔�1000
- var Y = date.getFullYear() + '-';
- var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
- var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate()) + ' ';
- let strDate = Y+M+D;
- return strDate;
- }
-
+ data() {
+ return {
+ result: {
+ eventid: "4dfd814a-a262-4a93-880b-5ef488883a35",
+ country: "涓浗",
+ projstate: "鏂藉伐涓�",
+ createtime: 1675071993161,
+ gid: 38,
+ conperiod: "24",
+ datastatus: null,
+ geom: "01010000208A110000925A28999C225C40F1811DFF05364040",
+ createuser: 1,
+ parentid: null,
+ verid: 0,
+ province: "婀栧寳鐪�",
+ projname: "瑗挎皵涓滆緭涓夌嚎锛堜腑鍗�-鏋ｉ槼锛�",
+ contents: "绠￠亾绾胯矾鏂藉伐",
+ projtype: "绠＄嚎鏂藉伐",
+ location: "姝︽眽",
+ dirid: "03",
+ depid: null,
+ corpname: "绠￠亾璁捐闄�",
+ department: "鍕樺療閮ㄩ棬",
+ updatetime: 1675072198376,
+ belongsid: null,
+ remarks: "娴嬭瘯鐢紝鍐呭铏氭瀯",
+ updateuser: 1,
+ },
}
-
+ },
+ created() {
+ this.$bus.$on("changeProjectCode", code => {
+ let params = {
+ projectCode: code,
+ }
+ this.getDataList(params)
+ })
+ },
+ methods: {
+ async getDataList(params) {
+ const res = await selectProjectInfo(params)
+ if (res.code == 200) {
+ this.result = res.result
+ }
+ },
+ //鑾峰彇鏃堕棿
+ parseTime(timestamp) {
+ var date = new Date(timestamp) //鏃堕棿鎴充负10浣嶉渶*1000锛屾椂闂存埑涓�13浣嶇殑璇濅笉闇�涔�1000
+ var Y = date.getFullYear() + "-"
+ var M =
+ (date.getMonth() + 1 < 10
+ ? "0" + (date.getMonth() + 1)
+ : date.getMonth() + 1) + "-"
+ var D =
+ (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
+ let strDate = Y + M + D
+ return strDate
+ },
+ },
}
</script>
<style lang="scss">
.projectintroduction {
- height: calc(100% - 30px);
- width: 100%;
- .item{
- margin: 5px;
- height: 30px;
- display: flex;
- flex-direction: row;
- border-bottom: dotted 1px rgba(48,135,214,.2);
- .itemName{
- width: 40%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #fff;
- }
- .itemValue{
- width: 60%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- color: #9ED2F5;
- }
+ height: calc(100% - 30px);
+ width: 100%;
+ .item {
+ margin: 5px;
+ height: 30px;
+ display: flex;
+ flex-direction: row;
+ border-bottom: dotted 1px rgba(48, 135, 214, 0.2);
+ .itemName {
+ width: 40%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
}
+ .itemValue {
+ width: 60%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ color: #9ed2f5;
+ }
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3