角色切换

guoshilong

2023-10-27 2311b03aee9db1bebacdd2ced13c071efda6a011

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
<template>
    <view class="schemePlan">
        <card height="240">
            <view slot="content">
                <view class="content">
                    <text class="title">汛期调度运行计划</text>
                    <view class="file_content">
                        <image class="icon_img" mode='widthFix' :src="imgList.empty" alt="" />
                        <text class="text">暂无方案文档</text>
                    </view>
                </view>
 
            </view>
        </card>
        <u-gap height="5" bgColor="#d8d8d8"></u-gap>
        <card height="240">
            <view slot="content">
                <view class="content">
                    <text class="title">调度运用方案(调度规程)</text>
                    <view class="file_content">
                        <image class="icon_img" mode='widthFix' :src="imgList.empty" alt="" />
                        <text class="text">暂无方案文档</text>
                    </view>
                </view>
 
            </view>
        </card>
        <u-gap height="5" bgColor="#d8d8d8"></u-gap>
        <card height="240">
            <view slot="content">
                <view class="content">
                    <text class="title">大坝安全管理应急方案</text>
                    <view class="file_content">
                        <image class="icon_img" mode='widthFix' :src="imgList.empty" alt="" />
                        <text class="text">暂无方案文档</text>
                    </view>
                </view>
 
            </view>
        </card>
        <u-gap height="5" bgColor="#d8d8d8"></u-gap>
        <card height="240">
            <view slot="content">
                <view class="content">
                    <text class="title">防汛抢险应急预案</text>
                    <view class="file_content">
                        <image class="icon_img" mode='widthFix' :src="imgList.empty" alt="" />
                        <text class="text">暂无方案文档</text>
                    </view>
                </view>
 
            </view>
        </card>
        <u-gap height="5" bgColor="#d8d8d8">
        </u-gap>
    </view>
</template>
 
<script>
    import card from "@/components/my-components/card.vue"
    export default {
        components: {
            card
        },
        data() {
            return {
                imgList: {
                    empty: require("../static/img/plan/icon_data.png")
                }
            }
        },
        created() {
 
        },
        mounted() {
 
        },
        onLoad(option) {
 
        },
        onShow() {
 
        },
        methods: {
 
        }
    }
</script>
 
<style lang="scss" scoped>
    .schemePlan {
        .content {
            .title {
                font-size: 24rpx;
                font-weight: 700;
                margin-left: 52rpx;
            }
 
            .file_content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 36rpx 0;
 
                .icon_img {
                    width: 82rpx;
                    margin-left: 82rpx;
                }
 
                .text {
                    margin-left: 52rpx;
                    font-size: 20rpx;
                    color: #BBBBBB;
                }
            }
        }
    }
</style>