| | |
| | | @clear="handleQuery" |
| | | v-model="daterangeYwHandleTime" |
| | | style="width: 240px" |
| | | value-format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="开始日期" |
| | |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['x:work-order:remove']" |
| | | >删除</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | |
| | | <el-table v-loading="loading" :data="workOrderList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="工单号" align="center" prop="workOrderNo" width="170"/> |
| | | <el-table-column label="工单来源" align="center" prop="source" width="170"/> |
| | | <el-table-column label="故障类型" align="center" prop="errorType" width="170"/> |
| | | <el-table-column label="运维单位" align="center" prop="unitName" width="150"/> |
| | | <el-table-column label="运维人员" align="center" prop="ywPeopleName" /> |
| | | <el-table-column label="运维处理时间" align="center" prop="ywHandleTime" width="180"/> |
| | | <el-table-column label="运维结果" align="center" prop="ywResult" /> |
| | | <el-table-column label="运维情况" align="center" prop="ywCondition" width="150"/> |
| | | <el-table-column label="运维检测结果" align="center" prop="ywCheckResult" width="230"/> |
| | | |
| | | <el-table-column label="创建时间" align="center" prop="createTime" width="180"/> |
| | | |
| | | <el-table-column label="操作" fixed="right" width="150" align="center" class-name="small-padding fixed-width"> |
| | |
| | | size="mini" |
| | | type="text" |
| | | @click="handleAuditing(scope.row)" |
| | | v-hasPermi="['x:work-order:remove']" |
| | | >审核</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="handleYwCondition(scope.row)" |
| | | v-hasPermi="['x:work-order:remove']" |
| | | >运维情况</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="handleYwResult(scope.row)" |
| | | v-hasPermi="['x:work-order:remove']" |
| | | >运维结果</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | @click="handleCheckResult(scope.row)" |
| | | v-hasPermi="['x:work-order:remove']" |
| | | >检测结果</el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="运维人员" prop="ywPeopleName"> |
| | | <el-input v-model="ywConditionForm.ywPeopleName" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="现场图片" prop="picture"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | action="/dev-api/common/upload" |
| | | name="file" |
| | | :headers="{'Authorization': 'Bearer ' + getToken()}" |
| | | :on-success="pictureUploadSuccess" |
| | | :on-remove="pictureRemove" |
| | | :file-list="pictureList" |
| | | list-type="picture"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> |
| | | </el-upload> |
| | | </el-form-item> |
| | | <el-form-item label="佐证材料" prop="certificates"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | action="/dev-api/common/upload" |
| | | name="file" |
| | | :headers="{'Authorization': 'Bearer ' + getToken()}" |
| | | :on-success="certificateUploadSuccess" |
| | | :on-remove="certificateRemove" |
| | | :file-list="certificateList" |
| | | list-type="picture"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> |
| | | </el-upload> |
| | | </el-form-item> |
| | | <el-form-item label="运维情况" prop="ywCondition"> |
| | | <el-input v-model="ywConditionForm.ywCondition" type="textarea" maxlength="150" show-word-limit/> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listWorkOrder, getWorkOrder, delWorkOrder, addWorkOrder, updateWorkOrder } from "@/api/platform/work-order"; |
| | | import { listWorkOrder, getWorkOrder, delWorkOrder, addWorkOrder, updateWorkOrder,auditing, ywCondition } from "@/api/platform/work-order"; |
| | | |
| | | export default { |
| | | name: "Work-order", |
| | | data() { |
| | | return { |
| | | certificateList:[], |
| | | pictureList: [], |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | }, |
| | | // 提交审核 |
| | | submitAuditing() { |
| | | // todo |
| | | this.$refs["auditingForm"].validate(valid => { |
| | | if (valid) { |
| | | auditing(this.auditingForm).then(res => { |
| | | this.auditingOpen = false; |
| | | this.$modal.msgSuccess("操作成功"); |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | // 取消审核 |
| | | cancelAuditing() { |
| | | this.auditingForm = {}; |
| | | this.auditingOpen = false; |
| | | }, |
| | | pictureRemove(file, fileList) { |
| | | this.form.picture = null, |
| | | |
| | | this.pictureList = this.pictureList.filter(item => item.name !== file.name) |
| | | }, |
| | | certificateRemove(file, fileList) { |
| | | this.form.certificate = null, |
| | | |
| | | this.certificateList = this.certificateList.filter(item => item.name !== file.name) |
| | | }, |
| | | pictureUploadSuccess(response, file, fileList) { |
| | | this.form.picture = response.fileName, |
| | | this.pictureList.push({ |
| | | name: response.originalFilename, |
| | | url: response.url, |
| | | fileName: response.fileName |
| | | }) |
| | | }, |
| | | certificateUploadSuccess(response, file, fileList) { |
| | | this.form.certificate = response.fileName, |
| | | this.certificateList.push({ |
| | | name: response.originalFilename, |
| | | url: response.url, |
| | | fileName: response.fileName |
| | | }) |
| | | }, |
| | | // 提交运维情况 |
| | | submitYwCondition() { |
| | | // todo |
| | | this.$refs["ywConditionForm"].validate(valid => { |
| | | if (valid) { |
| | | ywCondition(this.ywConditionForm).then(res => { |
| | | this.ywConditionOpen = false; |
| | | this.$modal.msgSuccess("操作成功"); |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | cancelYwCondition() { |
| | | this.ywConditionForm = {}; |
| | |
| | | this.form = response.data; |
| | | this.open = true; |
| | | this.title = "修改运维工单"; |
| | | this.pictureList = JSON.parse(response.data.picture).map(item => { |
| | | return { |
| | | name: item, |
| | | url: process.env.VUE_APP_FILE_API + '/' + item, |
| | | fileName: item |
| | | } |
| | | }) |
| | | this.certificateList = JSON.parse(row.certificate).map(item => { |
| | | return { |
| | | name: item, |
| | | url: process.env.VUE_APP_FILE_API + '/' + item, |
| | | fileName: item |
| | | } |
| | | }) |
| | | }); |
| | | }, |
| | | /** 提交按钮 */ |