| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div style="text-align: center"> |
| | | <div v-if="ifLook"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="异常通知部门" prop="noticeDepId"> |
| | | <el-select v-model="inspectionRecordDetailForm.problem.noticeDepId" filterable clearable class="input" @change="changeDepartment('notice')" readonly> |
| | | <el-option |
| | | v-for="item in departmentList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="异常通知人员" prop="noticeUid"> |
| | | <el-select v-model="inspectionRecordDetailForm.problem.noticeUid" clearable filterable readonly class="input"> |
| | | <el-option |
| | | v-for="item in noticeUserList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.realname" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="整改时间" prop="fixTime"> |
| | | <el-date-picker placeholder="选择时间" v-model="inspectionRecordDetailForm.problem.fixTime" class="input" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" readonly></el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="异常整改部门" prop="fixDepId"> |
| | | <el-select v-model="inspectionRecordDetailForm.problem.fixDepId" filterable clearable class="input" readonly> |
| | | <el-option |
| | | v-for="item in departmentList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.department" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | | <el-col :span="24"> |
| | | <el-form-item label="整改人" prop="fixUid"> |
| | | <el-select v-model="inspectionRecordDetailForm.problem.fixUid" clearable filterable readonly class="input"> |
| | | <el-option |
| | | v-for="item in fixUserList" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :label="item.realname" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="巡检结果备注" prop="info" > |
| | | <el-input type="textarea" :rows="3" v-model="inspectionRecordDetailForm.problem.info" aria-readonly="true" class="input"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="上报图片" prop="imgInfoList"> |
| | | <el-upload |
| | | accept=".pdf,.jpg,.png" |
| | | :action="fileRoad" |
| | | class="upload-demo" |
| | | ref="upload" |
| | | :headers="header" |
| | | :data="uploadForm" |
| | | list-type="picture-card" |
| | | :file-list="fileList" |
| | | v-model="inspectionRecordDetailForm.imgInfoList" |
| | | :on-change="handleChangeFile" |
| | | :on-success="onFileSuccess" |
| | | :auto-upload="true"> |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" alt="" |
| | | > |
| | | <span class="el-upload-list__item-actions"> |
| | | <span |
| | | class="el-upload-list__item-preview" |
| | | @click="handleFile(file)" |
| | | > |
| | | <i class="el-icon-zoom-in"></i> |
| | | </span> |
| | | <span |
| | | v-if="!disabled" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemove(file,'one')" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | </div> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div style="text-align: center" v-show="ifConfirm"> |
| | | <el-button @click="inspectionRecordDetailFormVisible = false">取消</el-button> |
| | | <el-button type="primary" @click="submitInspectionRecordDetail()">确认</el-button> |
| | | </div> |
| | |
| | | inspectionRecordDetailFormVisible:false, |
| | | ifShow:true, |
| | | ifNormal:false, |
| | | ifLook:false, |
| | | ifConfirm:false, |
| | | userList:[], |
| | | noticeUserList:[], |
| | | fixUserList:[], |
| | | departmentList:[], |
| | | fileList:[], |
| | | resultList:[{id:0,name:'未操作'},{id:1,name:'正常'},{id:2,name:'异常'}], |
| | | resultList:[{id:0,name:'未巡检'},{id:1,name:'正常'},{id:2,name:'异常'}], |
| | | typeList:[{id:1,name:'日常检查'},{id:2,name:'周期检查'}], |
| | | statusList:[{id:1,name:'待巡检'},{id:2,name:'巡检中'},{id:3,name:'已完成'},{id:4,name:'超时未巡检'},{id:5,name:'已取消'}], |
| | | } |
| | |
| | | }, |
| | | showInspectionRecordDetailForm(value,type,userList,departmentList) { |
| | | this.inspectionRecordDetailFormVisible = true |
| | | this.$nextTick(() =>{ |
| | | this.$refs["inspectionRecordDetailForm"].clearValidate() |
| | | }) |
| | | this.userList = userList |
| | | this.departmentList = departmentList |
| | | if(type === '查看'){ |
| | | this.titleDetail = '巡检单元查看' |
| | | this.ifShow = true |
| | | this.titleDetail = '查看单元上报' |
| | | this.ifNormal = false |
| | | this.ifLook = true |
| | | this.ifConfirm = false |
| | | this.inspectionRecordDetailForm = JSON.parse(JSON.stringify(value)) |
| | | if(value.result !== 1){ |
| | | this.ifNormal = true |
| | | if(this.inspectionRecordDetailForm.problem.imageInfoList === null){ |
| | | this.fileList = [] |
| | | this.fileList =(value.img === null ? [] : [ {url:process.env.IMG_API + value.img} ]) |
| | | }else{ |
| | | this.fileList = this.inspectionRecordDetailForm.problem.imageInfoList.map( item => { return { url : process.env.IMG_API + item.imgPath}}) |
| | | } |
| | | }else{ |
| | | this.titleDetail = '巡检单元上报' |
| | | this.ifShow = false |
| | | this.ifNormal = false |
| | | this.$nextTick(() =>{ |
| | | this.$refs["inspectionRecordDetailForm"].clearValidate() |
| | | }) |
| | | this.ifLook = false |
| | | this.ifConfirm = true |
| | | this.inspectionRecordDetailForm = { |
| | | execUid: Cookies.get('userId'), |
| | | fixTime: null, |
| | |
| | | } |
| | | this.$refs["inspectionRecordDetailForm"].validate((valid) =>{ |
| | | if(valid){ |
| | | this.inspectionRecordDetailForm.imgInfoList = this.inspectionRecordDetailForm.imgInfoList.map(item =>{ return { url:item.url}}) |
| | | if(this.inspectionRecordDetailForm.result === 0){ |
| | | this.$message({ |
| | | type:'warning', |
| | | message:'请选择正确的巡检结果' |
| | | }) |
| | | return |
| | | } |
| | | this.inspectionRecordDetailForm.imgInfoList = this.inspectionRecordDetailForm.imgInfoList.map(item =>{ return { imagePath:item.imagePath}}) |
| | | submitUnitOne(this.inspectionRecordDetailForm).then( res =>{ |
| | | if(res.data.code === '200'){ |
| | | this.inspectionRecordDetailFormVisible = false |
| | | this.$emit('getList') |
| | | this.$message({ |
| | | type:'success', |
| | | message:'上报成功', |
| | |
| | | }, |
| | | onFileSuccess(response){ |
| | | if(response.code === '200'){ |
| | | this.inspectionRecordDetailForm.imgInfoList.push({url:response.result.path,name:response.result.name,}) |
| | | this.inspectionRecordDetailForm.imgInfoList.push({imagePath:response.result.path,name:response.result.name,}) |
| | | this.fileList.push({url:process.env.IMG_API + response.result.path,name:response.result.name,}) |
| | | this.$notify({ |
| | | type:'success', |