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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
| <template>
| <div class="">
| <!-- <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%">-->
| <!-- <el-table-column prop="define" label="建议处置措施" show-overflow-tooltip></el-table-column>-->
| <!-- <el-table-column type="selection" label="预览" width="55"></el-table-column>-->
|
| <!-- </el-table>-->
| <div class="" style="padding: 5px;">
| <!-- <div v-for="o in tableData" :key="o" class="text item">-->
| <!-- {{ o.content }}-->
| <!-- </div>-->
| <div>
| <h4 class="sub-title ">管线基本信息</h4>
| <div>
| 事件管线：
| <div class="report-con">
| 生产1区管线A，介质为含油污水，埋设方式为直埋，材质为无缝钢管，附属设施阀门A。
| </div>
| 上游管线
| <div class="report-con">
| 生产2区管线B，介质为含油污水，埋设方式为直埋，材质为无缝钢管，附属设施阀门B
| </div>
| <div class="report-con">
| 生产2区管线C，介质为含油污水，埋设方式为直埋，材质为无缝钢管，附属设施阀门C
| </div>
| 下游管线
| <div class="report-con">
| 生产2区管线D，介质为含油污水，埋设方式为直埋，材质为无缝钢管，附属设施阀门D
| </div>
| 事件范围内
| <div class="report-con">
| 装置区雨水线，介质为雨水管线，埋设方式为明沟 ，材质为无水泥，附属设施截流闸
| </div>
| <div class="report-con">
| 装置区雨水线，介质为雨水管线，埋设方式为明沟 ，材质为无水泥，附属设施截流闸
| </div>
| </div>
| <div>
| <h3 class="sub-title">环境分析报告</h3>
| <el-table :data="envTableData" style="width: 100%">
| <el-table-column prop="process" label="建议处置措施"></el-table-column>
| <el-table-column prop="operation" label="操作">
| <template slot-scope="scope">
| <el-button class="link-btn" @click="handleClickView(scope.row)" type="text" size="mini">预览</el-button>
| </template>
| </el-table-column>
| </el-table>
| </div>
|
| <div>
|
| </div>
| </div>
| </div>
| <div>
| </div>
|
| </div>
| </template>
|
| <script>
| export default {
| name: 'DisposalProposed',
| data () {
| return {
| tableData: [
| {
| no: 1,
| name: '关闭阀门',
| content: '1、关闭阀门B、阀门C，对上游管道进行截流；关闭阀门D，对下游管道进行截流',
| type: 'closeFM',
| fmGxList: {
| // 上游阀门
| syfm: [{
| name: '阀门B',
| lng: 114,
| lat: 32
| }, {
| name: '阀门a',
| lng: 114,
| lat: 32
| }],
| // 下游阀门
| xyfm: [{
| name: '阀门E',
| lng: 114,
| lat: 32
| }, {
| name: '阀门F',
| lng: 114,
| lat: 32
| }]
| }
| }, {
| no: 1,
| name: '关闭阀门',
| content: '1、关闭阀门B、阀门C，对上游管道进行截流；关闭阀门D，对下游管道进行截流',
| type: 'closeFM',
| fmGxList: {
| // 上游阀门
| syfm: [{
| name: '阀门B',
| lng: 114,
| lat: 32
| }, {
| name: '阀门a',
| lng: 114,
| lat: 32
| }],
| // 下游阀门
| xyfm: [{
| name: '阀门E',
| lng: 114,
| lat: 32
| }, {
| name: '阀门F',
| lng: 114,
| lat: 32
| }]
| }
| }, {
| no: 1,
| name: '关闭阀门',
| content: '1、关闭阀门B、阀门C，对上游管道进行截流；关闭阀门D，对下游管道进行截流',
| type: 'closeFM',
| fmGxList: {
| // 上游阀门
| syfm: [{
| name: '阀门B',
| lng: 114,
| lat: 32
| }, {
| name: '阀门a',
| lng: 114,
| lat: 32
| }],
| // 下游阀门
| xyfm: [{
| name: '阀门E',
| lng: 114,
| lat: 32
| }, {
| name: '阀门F',
| lng: 114,
| lat: 32
| }]
| }
| }],
| envTableData: [
| {
| process: '1、关闭阀门B、阀门C，对上游管道进行截流；关闭阀门D，对下游管道进行截流'
| },
| {
| process: '2.通过跨线/旁路（XXX污水管线）进行导流'
| }, {
| process: '3.展示受影响污水管线及外排口'
| }
|
| ]
| }
| },
| methods: {
| handleClickView (item) {
| console.log(item)
| },
| handleClickDownload (item) {
| console.log(item)
| }
| }
| }
| </script>
|
| <style lang="less" scoped>
| .report-con{
|
| color: @color;
| }
| </style>
|
|
