马宇豪
2022-12-23 e126770f6dd3e3d37ff61559c9b691ad9a1abc09
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
<template>
    <div style="height: 100%">
        <el-form :model="details" label-width="150px">
            <el-form-item label="作业申请单号">
                <el-input v-model="details.workPermitNo" readonly />
            </el-form-item>
            <el-form-item label="申请人">
                <el-input v-model="details.applyUname" readonly />
            </el-form-item>
            <el-form-item label="部门名称">
                <el-input v-model="details.depName" readonly />
            </el-form-item>
            <el-form-item label="作业人">
                <el-input v-model="details.operators" readonly type="textarea" />
            </el-form-item>
            <el-form-item label="作业类型">
                <el-input v-model="details.workTypeDesc" readonly />
            </el-form-item>
            <el-form-item label="作业等级">
                <el-input v-model="details.workLevelDesc" readonly />
            </el-form-item>
            <el-form-item label="作业内容">
                <el-input v-model="details.workContent" readonly type="textarea" />
            </el-form-item>
            <el-form-item label="作业地址">
                <el-input v-model="details.workLocation" readonly type="textarea" />
            </el-form-item>
            <el-form-item label="电源接入点">
                <el-input v-model="details.workDetail.powerAccessPoint" readonly type="textarea" />
            </el-form-item>
            <el-form-item label="工作电压">
                <el-input v-model="details.workDetail.workingVoltage" readonly type="textarea"><template #append>伏特(v)</template></el-input>
            </el-form-item>
            <el-form-item label="用电设备及功率">
                <el-input v-model="details.workDetail.equipmentAndPower" readonly type="textarea" />
            </el-form-item>
      <el-form-item label="物资状态">
        <span>{{ details.materialStatus==0?'未关联物资':(details.materialStatus==1?'必选物资配备不足':(details.materialStatus==2?'必选物资配备齐全':(details.materialStatus==3?'物资配置专业':(details.materialStatus==4?'物资配置高端':'-')))) }}</span>
      </el-form-item>
            <el-form-item label="关联物资" v-if="details.workMaterial&&details.workMaterial.length>0">
                <el-table :data="details.workMaterial" style="width: 100%" border>
          <el-table-column prop="bigClassifyName" label="物资类型" align="center"/>
          <el-table-column prop="materialName" label="物资名称" align="center"/>
          <el-table-column prop="configurationLevel" label="配置级别" align="center">
            <template #default="scope">
              {{scope.row.configurationLevel == 0?'必选':(scope.row.configurationLevel == 1? '可选':'高配')}}
            </template>
          </el-table-column>
          <el-table-column prop="useCount" label="配置数量" align="center"/>
                </el-table>
            </el-form-item>
            <el-form-item label="关联其他作业">
                <el-input v-model="details.workDetail.otherSpecialWork" readonly type="textarea"/>
            </el-form-item>
            <el-form-item label="期望开始时间">
                <el-input v-model="details.expStartTime" readonly />
            </el-form-item>
            <el-form-item label="期望结束时间">
                <el-input v-model="details.expEndTime" readonly />
            </el-form-item>
            <el-form-item label="申请时间">
                <el-input v-model="details.applyTime" readonly />
            </el-form-item>
            <el-form-item label="当前状态">
                <el-input v-model="details.statusDesc" readonly />
            </el-form-item>
        </el-form>
    </div>
</template>
 
<script lang="ts">
    import { toRefs, reactive, defineComponent, ref, defineAsyncComponent } from 'vue';
    import { storeToRefs } from 'pinia';
    import { initBackEndControlRoutes } from '/@/router/backEnd';
    import {useUserInfo} from "/@/stores/userInfo";
    import { Session } from '/@/utils/storage';
    import { Search } from '@element-plus/icons-vue'
    import { ElMessage } from 'element-plus'
    import type { FormInstance, FormRules } from 'element-plus'
    import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
 
 
    interface stateType {
        form: Object,
        workerList: Array<any>,
        workTypeList: Array<any>,
        workLevelList: Array<any>,
        otherWorkList: Array<any>
    }
    export default defineComponent({
        name: 'space',
        components: {},
        props:['details'],
        setup() {
            const userInfo = useUserInfo()
            const { userInfos } = storeToRefs(userInfo);
            return {
                Search
            };
        },
    });
</script>
 
<style scoped lang="scss">
    .home-container {
        height: 100%;
        overflow: hidden;
        position: relative;
        .el-row{
            margin-bottom: 20px;
        }
        .el-row:last-child {
            margin-bottom: 0;
        }
        .el-input{
            width: 100% !important;
        }
        .el-date-editor::v-deep{
            width: 100%;
        }
        .el-select{
            width: 100%;
        }
        .el-cascader{
            width: 100% !important;
        }
    }
</style>