1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
| <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>
| </template>
| <script>
| 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;
| }
|
| }
|
| }
| </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;
| }
| }
| }
| </style>
|
|
