<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.operationDepId" readonly type="textarea" />
|
</el-form-item>
|
<el-form-item label="范围">
|
<el-input v-model="details.workDetail.gbScope" readonly type="textarea" />
|
</el-form-item>
|
<el-form-item label="动土方式">
|
<el-input v-model="details.workDetail.gbMethod" 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-image v-for="item in details.workDetail.gbPath" :preview-src-list="details.workDetail.gbPath" style="width: 150px; height: 150px;margin-right: 50px;margin-bottom: 20px" :src="item" fit="cover" />
|
</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>
|
