| | |
| | | plain |
| | | icon="Plus" |
| | | @click="openDialog('add',{})" |
| | | v-hasPermi="['annualVerificationPlan:list:add']" |
| | | >新增</el-button> |
| | | </el-form-item> |
| | | <el-form-item v-if="isAdmin" label="企业:" > |
| | | <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-form-item v-if="isAdmin" label="单位:" > |
| | | <el-select v-model="queryParams.companyId" placeholder="请选择" clearable> |
| | | <el-option |
| | | v-for="item in companyList" |
| | | :key="item.id" |
| | |
| | | </el-form-item> |
| | | <el-form-item v-if="isAdmin" label="年份:"> |
| | | <el-date-picker |
| | | v-model="data.queryParams.year" |
| | | v-model="queryParams.year" |
| | | type="year" |
| | | value-format="YYYY" |
| | | placeholder="请选择年份" |
| | |
| | | <el-form-item > |
| | | <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> |
| | | <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> |
| | | <el-button type="primary" plain @click="openDialog('edit',data.dataList)" v-if="data.hasInfo">编辑</el-button> |
| | | <el-button type="primary" plain @click="openDialog('edit',dataList)" v-if="data.hasInfo" v-hasPermi="['annualVerificationPlan:list:edit']">编辑</el-button> |
| | | <el-button type="primary" plain @click="downloadFile()" v-if="data.hasInfo">导出</el-button> |
| | | <!-- <el-button type="primary">导出</el-button>--> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div style="background: #fff;padding: 20px;border-radius: 0.6rem"> |
| | | <el-form :model="data.dataList" label-position="left" size="default" label-width="120px" v-if="data.hasInfo"> |
| | | <el-form-item v-if="isAdmin" label="企业:" prop="companyId"> |
| | | <el-form :model="dataList" label-position="left" size="default" label-width="120px" v-if="data.hasInfo"> |
| | | <el-form-item v-if="isAdmin" label="单位:" prop="companyId"> |
| | | <el-input |
| | | v-model.trim="data.dataList.companyName" |
| | | v-model.trim="dataList.companyName" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | </el-form-item> |
| | | <el-form-item label="计划名称:" prop="name"> |
| | | <el-input |
| | | v-model.trim="data.dataList.name" |
| | | v-model.trim="dataList.name" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | </el-form-item> |
| | | <el-form-item label="年份:" prop="year"> |
| | | <el-input |
| | | v-model.trim="data.dataList.year" |
| | | v-model.trim="dataList.year" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | <el-form-item label="设备列表:" prop="annualVerificationDevices"> |
| | | |
| | | </el-form-item> |
| | | <el-table v-if="data.dataList.annualVerificationDevices && data.dataList.annualVerificationDevices.length>0" :data="data.dataList.annualVerificationDevices" style="margin-bottom: 20px" :border="true"> |
| | | <el-table v-if="dataList.annualVerificationDevices && dataList.annualVerificationDevices.length>0" :data="dataList.annualVerificationDevices" style="margin-bottom: 20px" :border="true"> |
| | | <el-table-column label="序号" type="index" width="80" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="设备编号" prop="deviceNumber" align="center"/> |
| | | <el-table-column label="设备名称" prop="deviceName" align="center"/> |
| | | <el-table-column label="设备类型" prop="planType" align="center"> |
| | | <template #default="scope"> |
| | | {{scope.row.planType == 1?'软件':'硬件'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="规格型号" prop="model" align="center"/> |
| | | <el-table-column label="校准周期" prop="calibrationCycle" align="center"/> |
| | | <el-table-column label="下次校准时间" prop="nextCalibrationTime" align="center"> |
| | | <template #default="scope"> |
| | | {{scope.row.nextCalibrationTime.substring(0,10)}} |
| | | {{scope.row.nextCalibrationTime?.substring(0,10)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="实际检定时间" prop="actCalibrationTime" align="center"> |
| | | <template #default="scope"> |
| | | {{scope.row.actCalibrationTime.substring(0,10)}} |
| | | {{scope.row.actCalibrationTime?.substring(0,10)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="校准人" prop="calibrationUser" align="center"/> |
| | | <el-table-column label="目前状态" prop="status" align="center"/> |
| | | <el-table-column label="使用人" prop="useUser" align="center"/> |
| | | <el-table-column label="证书名称" prop="certificateName" align="center"/> |
| | | <el-table-column label="使用单位" prop="useUser" align="center"/> |
| | | <el-table-column label="证书编号" prop="certificateName" align="center"/> |
| | | <el-table-column label="证书" prop="certificate" align="center"> |
| | | <template #default="scope"> |
| | | <div v-if="scope.row.certificate && scope.row.certificate!==''" style="cursor:pointer;"> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="编制:" prop="establishmentName"> |
| | | <el-input |
| | | v-model.trim="data.dataList.establishmentName" |
| | | v-model.trim="dataList.establishmentName" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="日期:" prop="establishmentTime" > |
| | | <el-input |
| | | v-model.trim="data.dataList.establishmentTime" |
| | | v-model.trim="dataList.establishmentTime" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="审核:" prop="processName"> |
| | | <el-input |
| | | v-model.trim="data.dataList.processName" |
| | | v-model.trim="dataList.processName" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="日期:" prop="processTime" > |
| | | <el-input |
| | | v-model.trim="data.dataList.processTime" |
| | | v-model.trim="dataList.processTime" |
| | | style="width: 100%;" |
| | | readonly |
| | | > |
| | |
| | | data.dataList.companyName = data.companyList.find(i=>i.id == data.dataList.companyId)?.name |
| | | data.dataList.establishmentTime = data.dataList.establishmentTime.substring(0,10) |
| | | data.dataList.processTime = data.dataList.processTime.substring(0,10) |
| | | console.log(data.dataList,'data') |
| | | } |
| | | }else{ |
| | | data.hasInfo = false |
| | |
| | | } |
| | | |
| | | const openDialog = (type, value) => { |
| | | if(!data.queryParams.companyId){ |
| | | ElMessage.warning('请先选择单位') |
| | | return |
| | | } |
| | | dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); |
| | | } |
| | | |