| | |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" > |
| | | <el-form-item v-if="state.isAdmin" label="企业:" prop="companyId"> |
| | | <el-form-item v-if="state.isAdmin" label="单位:" prop="companyId"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" :disabled="state.title =='查看'" clearable @change="getDeptList"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | |
| | | <el-table :data="state.form.annualMaintenanceEvaluateDeviceList" class="customedTable" :border="true"> |
| | | <el-table-column label="序号" type="index" width="80" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="设备名称" prop="deviceName" align="center"> |
| | | <template #default="scope"> |
| | | <!-- <el-input--> |
| | | <!-- v-model.trim="scope.row.deviceName"--> |
| | | <!-- size="large"--> |
| | | <!-- type="textarea"--> |
| | | <!-- style="width: 100%;"--> |
| | | <!-- clearable--> |
| | | <!-- :readonly="state.title =='查看'"--> |
| | | <!-- >--> |
| | | <!-- </el-input>--> |
| | | |
| | | <el-select clearable v-model="scope.row.deviceName" :disabled="state.title =='查看'" filterable placeholder="设备名称" style="width: 100%" @change="getDeviceInfo(scope.row.deviceName,scope.$index)"> |
| | | <el-option |
| | | v-for="item in state.deviceList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="设备编号" prop="deviceNumber" align="center"> |
| | | <template #default="scope"> |
| | | <el-input |
| | |
| | | type="textarea" |
| | | style="width: 100%;" |
| | | clearable |
| | | :readonly="state.title =='查看'" |
| | | > |
| | | </el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="设备名称" prop="deviceName" align="center"> |
| | | <template #default="scope"> |
| | | <el-input |
| | | v-model.trim="scope.row.deviceName" |
| | | size="large" |
| | | type="textarea" |
| | | style="width: 100%;" |
| | | clearable |
| | | :readonly="state.title =='查看'" |
| | | readonly |
| | | > |
| | | </el-input> |
| | | </template> |
| | |
| | | type="textarea" |
| | | style="width: 100%;" |
| | | clearable |
| | | :readonly="state.title =='查看'" |
| | | readonly |
| | | > |
| | | </el-input> |
| | | </template> |
| | |
| | | type="textarea" |
| | | style="width: 100%;" |
| | | clearable |
| | | :readonly="state.title =='查看'" |
| | | readonly |
| | | > |
| | | </el-input> |
| | | </template> |
| | |
| | | type="textarea" |
| | | style="width: 100%;" |
| | | clearable |
| | | :readonly="state.title =='查看'" |
| | | readonly |
| | | > |
| | | </el-input> |
| | | </template> |
| | |
| | | import {getToken} from "@/utils/auth"; |
| | | import { |
| | | updateMaintenanceEvaluate, |
| | | getMaintenanceEvaluateDetail |
| | | getMaintenanceEvaluateDetail, getStandingBookList |
| | | } from "@/api/infrastructureMng/ledger"; |
| | | |
| | | import {listUser} from "@/api/system/user"; |
| | | import {getEmployeeRecords} from "@/api/onlineEducation/user"; |
| | | |
| | | const emit = defineEmits(["getList"]); |
| | | const dialogVisible = ref(false) |
| | |
| | | }, |
| | | isAdmin: false, |
| | | companyList: [], |
| | | userList: [] |
| | | userList: [], |
| | | deviceList: [] |
| | | }) |
| | | onMounted(() => { |
| | | |
| | |
| | | state.companyList = companyList |
| | | } |
| | | await getUserList(companyId) |
| | | await getDeviceList(companyId) |
| | | state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' |
| | | state.form.companyId = companyId |
| | | if(state.title == '编辑'||state.title == '查看'){ |
| | |
| | | |
| | | const handleDelete = (i) =>{ |
| | | state.form.annualMaintenanceEvaluateDeviceList = state.form.annualMaintenanceEvaluateDeviceList.filter((item,index) => index != i) |
| | | } |
| | | |
| | | const getDeviceList = async (companyId) => { |
| | | const res = await getStandingBookList({pageNum: 1, pageSize: 999, companyId: companyId}) |
| | | if(res.code == 200){ |
| | | state.deviceList = res.data.list || [] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | | const getDeviceInfo = (name,index)=>{ |
| | | const foundNode = state.deviceList.find(i=>i.name == name) |
| | | state.form.annualMaintenanceEvaluateDeviceList[index] = { |
| | | ...state.form.annualMaintenanceEvaluateDeviceList[index], |
| | | deviceNumber: foundNode.number, |
| | | deviceName: foundNode.name, |
| | | model: foundNode.model, |
| | | location: foundNode.location, |
| | | useUser: foundNode.personResponsibleName, |
| | | deptName: foundNode.deptName, |
| | | resultType: foundNode.status |
| | | } |
| | | } |
| | | |
| | | const onSubmit = async () => { |
| | |
| | | state.form.establishmentId = null |
| | | state.form.processId = null |
| | | state.form.approvalId = null |
| | | state.form.annualMaintenanceEvaluateDeviceList = [] |
| | | await getUserList(state.form.companyId) |
| | | await getDeviceList(state.form.companyId) |
| | | } |
| | | |
| | | const getUserList = async (companyId)=> { |
| | | const res = await listUser({pageIndex: 1,pageSize: 999,companyId: companyId}) |
| | | const res = await getEmployeeRecords({companyId: companyId}) |
| | | if(res.code == 200){ |
| | | state.userList = res.data.list?res.data.list.map(item=>{ |
| | | const user = item.id |
| | | const {id, ...data} = item |
| | | return { |
| | | ...data, |
| | | userId: user |
| | | } |
| | | }):[] |
| | | state.userList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |