上报管理界面，案件池的违规、违建登记页面

“dzb”

2022-09-29 dc04c05b22a5323925218092a0687555a2a5c9c1

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
<template>
    <div class="file-picture">
        <div class="file-tell">
            <div class="tell-title">上报</div>
            <div class="tell-show">
                <el-upload class="upload-demo" :show-file-list="false" action="http://42.193.1.25:8082/sccg/file/medias"
                    :headers="getToken()" multiple :limit="50">
                    <div class="my-demo">
                        <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
                            alt="">
                        <div class="tip">
                            <div>【图片类型】上报</div>
                            <div>【上报时间】2022-09-08 14:23:34</div>
                        </div>
                    </div>
                </el-upload>
                <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
                    alt="">
            </div>
        </div>
        <div class="file-deal">
            <div class="tell-title">处置</div>
            <div class="tell-show">
                <el-upload class="upload-demo" :show-file-list="false" action="http://42.193.1.25:8082/sccg/file/medias"
                    :headers="getToken()" multiple :limit="50">
                    <div class="my-demo">
                        <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
                            alt="">
                        <div class="tip">
                            <div>【图片类型】处置</div>
                            <div>【上报时间】2022-09-08 14:23:34</div>
                        </div>
                    </div>
                </el-upload>
                <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
                    alt="">
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
 
        }
    },
    methods: {
        // 获取token
        getToken() {
            const token = sessionStorage.getItem('token');
            const tokenHead = sessionStorage.getItem('tokenHead');
            if (token && tokenHead) {
                return { Authorization: tokenHead + token };
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.file-picture {
    padding-top: 50px;
 
    .file-tell,.file-deal {
        .tell-title {
            line-height: 40px;
        }
 
        .tell-show {
            display: flex;
 
            .upload-demo {
                height: 159px;
 
                .my-demo {
                    position: relative;
                    height: 100%;
                }
 
                .tip {
                    div {
                        line-height: 20px;
                    }
 
                    text-align: left;
                    position: absolute;
                    bottom: 80px;
                }
            }
        }
    }
}
</style>