叶松
2023-11-23 6ac84f695d8f0e4f647bf82d719a1eed24e4d7dc
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
<template>
    <view class="spot_detail">
        <u-form
            ref="form"
            labelWidth="auto"
            :model="formData"
            :labelStyle="{
                color: '#999999'
            }">
            <u-form-item labelPosition="left" label="设备编号" borderBottom>
                <u-input
                    v-model="formData.bigDeviceModel" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="设备名称" borderBottom>
                <u-input
                    v-model="formData.bigDeviceName" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="型号规格" borderBottom>
                <u-input
                    v-model="formData.bigDeviceModel" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="设备类型" borderBottom>
                <u-input
                    v-model="formData.bigTypeStr" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="点检时间" borderBottom>
                <u-input
                    v-model="formData.checkTime" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="责任人" borderBottom>
                <u-input
                    v-model="formData.adminUserName" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="责任人电话" borderBottom>
                <u-input
                    v-model="formData.adminUserPhone" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="left" label="点检类型" borderBottom>
                <u-input
                    v-model="formData.checkType" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="right">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="top" label="点检内容及结果" borderBottom>
                <u-input
                    v-model="formData.checkContent" 
                    border="none"
                    disabled
                    disabledColor="#FFFFFF"
                    inputAlign="left">
                </u-input>
            </u-form-item>
            <u-form-item labelPosition="top" label="上传照片" borderBottom>
                <view style="margin: 5px 0; width: 100%; display: flex;">
                    <u-image
                        v-for="item in formData.fileList"
                        :key="item.id"
                        :src="`https://szpipe.thhy-tj.com${item.file}`"  
                        width="100px" 
                        height="100px"
                        radius="4">
                    </u-image>
                </view>
            </u-form-item>            
        </u-form>
    </view>
</template>
 
<script>
    
    export default {
        data() {
            return {
                formData: {},
            }
        },
        onLoad(option) {
            console.log(option,'==');
            this.$api.spot.getSpotCheckDetail({
                id: option.id
            }).then((res) => {
                this.formData = res.success ? res.data : {};
                res.data.bigTypeStr = res.data.bigType == 1 ? '特殊设备' : '一般设备';
            })
        },
        methods: {
            
        }
    }
</script>
 
<style scoped lang="scss">
.spot_detail {
    padding: 15px;
}
</style>