| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | <el-form-item label="工单号" prop="workOrderNo"> |
| | | <el-input |
| | | v-model="queryParams.workOrderNo" |
| | |
| | | </el-form-item> |
| | | <el-form-item label="故障类型" prop="workOrderNo"> |
| | | <el-select v-model="queryParams.errorType" placeholder="故障类型" clearable @clear="handleQuery"> |
| | | <el-option v-for="item, index in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> |
| | | <el-option v-for="(item, index) in errorTypeOptions" :label="item.dictLabel" :value="item.dictValue" :key="index"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="审核状态" prop="status"> |
| | | <el-select v-model="queryParams.status" placeholder="审核状态" @change="handleQuery"> |
| | | <el-option label="已下发" value="DISTRIBUTED"></el-option> |
| | | <el-option label="运维已处理" value="YW_HANDLE"></el-option> |
| | | <el-form-item label="工单状态" prop="status"> |
| | | <el-select v-model="queryParams.status" placeholder="工单状态" @change="handleQuery"> |
| | | <el-option label="待处理" value="DISTRIBUTED"></el-option> |
| | | <el-option label="待审核" value="YW_HANDLE"></el-option> |
| | | <el-option label="审核通过" value="AUDITING_SUCCESS"></el-option> |
| | | <el-option label="审核不通过" value="AUDITING_FAIL"></el-option> |
| | | </el-select> |
| | |
| | | size="mini" |
| | | type="text" |
| | | @click="handleAuditing(item)" |
| | | v-hasPermi="['work:order:audit']" |
| | | >审核</el-button> |
| | | <el-button |
| | | size="mini" |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="工单审核" :visible.sync="auditingOpen" width="500px" append-to-body> |
| | | <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px"> |
| | | <el-form-item label="工单号" prop="workOrderNo"> |
| | | <el-input v-model="auditingForm.workOrderNo" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="运维单位" prop="unitName"> |
| | | <el-input v-model="auditingForm.unitName" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="运维人员" prop="ywPeopleName"> |
| | | <el-input v-model="auditingForm.ywPeopleName" disabled /> |
| | | </el-form-item> |
| | | <div v-for="obj, index in ywConditions" :key="index"> |
| | | <el-form-item :label="'现场情况' + (index + 1)" v-if="obj.ywCondition"> |
| | | <span v-html="obj.ywCondition"></span> |
| | | </el-form-item> |
| | | <el-form-item label="佐证材料" v-if="obj.ywProofMaterials"> |
| | | <el-link v-for="item in obj.ywProofMaterials != null ? obj.ywProofMaterials.split(',') : obj.ywProofMaterials" :underline="false" :key="item.id" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item label="审核结果" prop="auditingResult"> |
| | | <el-radio v-model="auditingForm.auditingResult" label="AUDITING_SUCCESS">通过</el-radio> |
| | | <el-radio v-model="auditingForm.auditingResult" label="AUDITING_FAIL">驳回</el-radio> |
| | | </el-form-item> |
| | | <el-form-item label="审核备注" prop="auditingRemark"> |
| | | <el-input v-model="auditingForm.auditingRemark" type="textarea" maxlength="30" show-word-limit/> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-dialog title="工单审核" :visible.sync="auditingOpen" width="1000px" append-to-body> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="10"> |
| | | <el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px"> |
| | | <el-form-item label="工单号" prop="workOrderNo"> |
| | | <el-input v-model="auditingForm.workOrderNo" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="运维单位" prop="unitName"> |
| | | <el-input v-model="auditingForm.unitName" disabled /> |
| | | </el-form-item> |
| | | <el-form-item label="审核结果" prop="auditingResult"> |
| | | <el-radio v-model="auditingForm.auditingResult" label="AUDITING_SUCCESS">通过</el-radio> |
| | | <el-radio v-model="auditingForm.auditingResult" label="AUDITING_FAIL">驳回</el-radio> |
| | | </el-form-item> |
| | | <el-form-item label="审核备注" prop="auditingRemark"> |
| | | <el-input v-model="auditingForm.auditingRemark" type="textarea" maxlength="30" show-word-limit/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <el-col :span="14" style="max-height: 500px; overflow-y: scroll"> |
| | | <el-timeline> |
| | | <el-timeline-item v-for="(condition, index) in ywConditions" :key="index" :timestamp="condition.commitUserName + '___' + condition.createTime" placement="top"> |
| | | <el-card> |
| | | <div v-html="condition.ywCondition"></div> |
| | | <el-link type="primary" v-for="item in condition.ywProofMaterials != null ? condition.ywProofMaterials.split(',') : condition.ywProofMaterials" :underline="false" :key="item.id" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link> |
| | | </el-card> |
| | | </el-timeline-item> |
| | | </el-timeline> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitAuditing">确 定</el-button> |
| | | <el-button @click="cancelAuditing">取 消</el-button> |
| | |
| | | </el-step> |
| | | <el-step title="运维处理"> |
| | | <template slot="description"> |
| | | <div class="y-item" v-for="(item, index) in ywHandleList" :key="index"> |
| | | <div class="y-item-1"> |
| | | <div class="flow-item-x"> |
| | | 现场情况: |
| | | <!-- <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top"> --> |
| | | <span v-html="item.ywCondition"></span> |
| | | <!-- </el-tooltip> --> |
| | | <div style="max-height: 450px;overflow-y: scroll"> |
| | | <div class="y-item" v-for="(item, index) in ywHandleList" :key="index"> |
| | | <div class="y-item-1"> |
| | | <div class="flow-item-x"> |
| | | 现场情况: |
| | | <!-- <el-tooltip class="item" effect="dark" :content="item.ywCondition" placement="top"> --> |
| | | <span v-html="item.ywCondition"></span> |
| | | <!-- </el-tooltip> --> |
| | | </div> |
| | | <!-- <div class="flow-item-x"> |
| | | <el-tag size="small" v-for="file in item.ywProofMaterials != null ? item.ywProofMaterials.split(',') : item.ywProofMaterials" :key="file" @click="handleDownload(file)">{{ file.substring(file.lastIndexOf("/") + 1) }}</el-tag> |
| | | </div> --> |
| | | </div> |
| | | <!-- <div class="flow-item-x"> |
| | | <el-tag size="small" v-for="file in item.ywProofMaterials != null ? item.ywProofMaterials.split(',') : item.ywProofMaterials" :key="file" @click="handleDownload(file)">{{ file.substring(file.lastIndexOf("/") + 1) }}</el-tag> |
| | | </div> --> |
| | | </div> |
| | | <div class="y-item-2"> |
| | | <div > |
| | | {{ parseTime(item.createTime) }} |
| | | </div> |
| | | <div > |
| | | 第{{ index + 1 }}次 |
| | | <div class="y-item-2"> |
| | | <div > |
| | | {{ parseTime(item.createTime) }} |
| | | </div> |
| | | <div > |
| | | 第{{ index + 1 }}次 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-step> |
| | | <el-step title="结果审核"> |
| | | <el-step title="审核结果"> |
| | | <template slot="description"> |
| | | <div class="y-item" v-for="(item, index) in ywAuditingList" :key="index"> |
| | | <div class="y-item-1"> |
| | | <div class="flow-item-x"> |
| | | 审核结果:<el-tag :type="item.result == '审核通过' ? 'success' : 'danger'" size="small">{{ item.result }}</el-tag> |
| | | <div style="max-height: 450px;overflow-y: scroll"> |
| | | <div class="y-item" v-for="(item, index) in ywAuditingList" :key="index"> |
| | | <div class="y-item-1"> |
| | | <div class="flow-item-x"> |
| | | 审核结果:<el-tag :type="item.result == '审核通过' ? 'success' : 'danger'" size="small">{{ item.result }}</el-tag> |
| | | </div> |
| | | <div class="flow-item-x"> |
| | | 审核说明:<span v-html="item.remark"></span> |
| | | </div> |
| | | </div> |
| | | <div class="flow-item-x"> |
| | | 审核说明:<span v-html="item.remark"></span> |
| | | </div> |
| | | </div> |
| | | <div class="y-item-2"> |
| | | <div > |
| | | {{ parseTime(item.createTime) }} |
| | | </div> |
| | | <div > |
| | | 第{{ index + 1 }}次 |
| | | <div class="y-item-2"> |
| | | <div > |
| | | {{ parseTime(item.createTime) }} |
| | | </div> |
| | | <div > |
| | | 第{{ index + 1 }}次 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | this.ywAuditingList = response.data; |
| | | } |
| | | }); |
| | | getYwConditionList(row.id).then(response => { |
| | | getYwCondition(row.id).then(response => { |
| | | if (response.data) { |
| | | this.ywHandleList = response.data; |
| | | } |