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
| <template>
| <public-sector>
| <div></div>
| <template v-slot:tabs>
| <public-tabs></public-tabs>
| </template>
| <template v-slot:table>
| <public-table ref="table"></public-table>
| </template>
| <template v-slot:video>
| <public-video></public-video>
| </template>
| </public-sector>
| </template>
|
| <script>
|
| // import '@/utils/dragBoxes'
| import PublicTabs from '@components/BaseNav/WasteSolid/PublicTabs'
| import PublicTable from '@components/BaseNav/WasteSolid/PublicTable'
| import PublicVideo from '@components/BaseNav/PublicVideo'
| import PublicSector from '@components/BaseNav/PublicSector'
|
| export default {
| name: 'WasteSolidIndex',
| props: ['title'],
| components: {
| // WasteSolid,
| PublicSector,
| PublicTabs,
| PublicTable,
| PublicVideo
| },
| mounted () {
| console.log(this.title)
| },
| data () {
| return {
| displayContentTabs: [{
| StoragePlaceId: 0,
| StoragePlaceName: '取水单元干泥暂存库',
| DesignFloorArea: 0.024,
| StorageQty: 0.016,
| SurplusFloorArea: 0.018,
| StorageDate: '2021-01-17'
| }],
| displayContentTable: '',
| flag: false
| }
| },
| methods: {
| // 固废相关信息设置
| setData (title, dataBasic, dataDetailed, value) {
| this.flag = true
| this.value = value
| this.displayContentTitle = title
| this.displayContentTab = dataBasic[0]
| this.displayContentTable = dataDetailed[0]
| }
| }
| }
| </script>
|
| <style lang="less" scoped>
| .public-bounced {
| z-index: 2000;
| position: absolute;
| top: 35%;
| left: 20%;
|
| .public-bounced-title {
| cursor: move;
| height: 0.1rem;
| padding: 10px 0;
| display: flex;
| align-items: center;
| justify-content: space-between;
|
| span {
| color: #f4f7ff;
| margin: 0 15px;
| font-size: 14px;
| }
|
| i {
| color: #C0C4CC;
| margin: 0 15px;
| font-size: 22px;
| cursor: pointer;
| }
|
| i:hover {
| color: #00fff6;
| }
| }
|
| .public-bounced-content {
| padding: 0.1rem;
| display: flex;
| //align-items: center;
| //justify-content: space-around;
|
| .public-bounced-content-left {
| //width: 4.8rem;
| }
|
| .public-bounced-content-right {
| //width: 3rem;
| margin-left: 0.1rem;
| }
| }
| }
| </style>
|
|
