|
|
@@ -0,0 +1,1368 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索条件 -->
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
+ <el-form-item label="登记人部门" prop="applicantDept">
|
|
|
+ <el-form-item prop="applicantDept">
|
|
|
+ <el-select
|
|
|
+ clearable
|
|
|
+ v-model="queryParams.applicantDept"
|
|
|
+ placeholder="请选择部门">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applicantDeptOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="登记人班组" prop="applicantTeam">
|
|
|
+ <el-form-item prop="applicantTeam">
|
|
|
+ <el-select
|
|
|
+ clearable
|
|
|
+ v-model="queryParams.applicantTeam"
|
|
|
+ placeholder="请选择班组">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applicantTeamOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="不安全状态" prop="unsafeStatus">
|
|
|
+ <el-select v-model="queryParams.unsafeStatus" placeholder="请选择不安全状态" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in unsafeStatusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="不安全行为" prop="unsafeAction">
|
|
|
+ <el-select v-model="queryParams.unsafeAction" placeholder="请选择不安全行为" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in unsafeActionOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请状态" prop="applyStatus">
|
|
|
+ <el-select v-model="queryParams.applyStatus" placeholder="请选择申请状态">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applyStatusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="问题描述" prop="description">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.description"
|
|
|
+ placeholder="请输入问题描述"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="登记时间" prop="applyDate">
|
|
|
+ <el-date-picker
|
|
|
+ size="small"
|
|
|
+ style="width: 200px"
|
|
|
+ v-model="queryParams.applyDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择登记时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预计完成时间" prop="estimateFinishDate">
|
|
|
+ <el-date-picker
|
|
|
+ size="small"
|
|
|
+ style="width: 200px"
|
|
|
+ v-model="queryParams.estimateFinishDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择预计完成时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 操作按钮 -->
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ v-hasPermi="['production:apply:add']"
|
|
|
+ >新增申请单</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="info"
|
|
|
+ icon="el-icon-upload2"
|
|
|
+ size="mini"
|
|
|
+ @click="handleImport"
|
|
|
+ v-hasPermi="['production:apply:edit']"
|
|
|
+ >导入</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['production:apply:export']"
|
|
|
+ >导出</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ @click="handleAddSai"
|
|
|
+ v-hasPermi="['production:sai:add']"
|
|
|
+ >统计至SAI检查台账</el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+ <!-- 总表 -->
|
|
|
+ <el-table v-loading="loading" :data="applyList" @selection-change="handleSelectionChange" :height="clientHeight" border>
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="问题描述" align="center" prop="description" :show-overflow-tooltip="true" width="200"/>
|
|
|
+ <el-table-column label="申请状态" align="center" prop="applyStatus" :show-overflow-tooltip="true" :formatter="applyStatusFormat"/>
|
|
|
+ <el-table-column label="登记人部门" align="center" prop="applicantDeptName" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="登记人班组" align="center" prop="applicantTeam" :show-overflow-tooltip="true" :formatter="teamFormat"/>
|
|
|
+ <el-table-column label="登记人" align="center" prop="applicantName" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="当前处理人" align="center" prop="handlerName" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="整改负责人" align="center" prop="executorName" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="登记时间" align="center" prop="applyDate" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.applyDate, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="预计完成时间" align="center" prop="estimateFinishDate" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.estimateFinishDate, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="实际完成时间" align="center" prop="actualFinishDate" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.actualFinishDate, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="是否录入开项系统" align="center" prop="isRecorded" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.isRecorded == 1 ? "是" : "否" }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="开项编号" align="center" prop="recordNo" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- 申请已提交操作 -->
|
|
|
+ <!-- 申请状态为进行中/待验收 -->
|
|
|
+ <!-- 当前登录用户为张力飞 -->
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ @click="handleDelay(scope.row)"
|
|
|
+ v-if="(scope.row.applyStatus == 2 || scope.row.applyStatus == 3)
|
|
|
+ && loginStaffInfo.userId == '20276'"
|
|
|
+ >延期</el-button>
|
|
|
+ <!-- 申请状态为待评估/进行中/待验收 -->
|
|
|
+ <!-- 当前登录用户为处理人（之一）或张力飞 -->
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ @click="handleDetail(scope.row)"
|
|
|
+ icon="el-icon-edit-outline"
|
|
|
+ v-if="(scope.row.applyStatus == 1 || scope.row.applyStatus == 2 || scope.row.applyStatus == 3)
|
|
|
+ && ((scope.row.handler.indexOf(loginStaffInfo.userId) != -1) || loginStaffInfo.userId == '20276')"
|
|
|
+ >处理</el-button>
|
|
|
+ <!-- 申请状态为已完成/已中止-->
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleDetail(scope.row)"
|
|
|
+ v-if="scope.row.applyStatus == 4 || scope.row.applyStatus == 5"
|
|
|
+ >详情</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ @click="processImg(scope.row.processId)"
|
|
|
+ v-if="scope.row.applyStatus != 0"
|
|
|
+ >{{ $t('流程图') }}</el-button>
|
|
|
+ <!-- 申请未提交操作 -->
|
|
|
+ <!-- 申请状态为未提交 -->
|
|
|
+ <!-- 当前登录用户为处理人（之一） -->
|
|
|
+ <span v-if="scope.row.applyStatus == 0 && scope.row.handler.indexOf(loginStaffInfo.userId) != -1">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ @click="handleSubmit(scope.row)"
|
|
|
+ v-hasPermi="['production:apply:edit']"
|
|
|
+ icon="el-icon-s-claim"
|
|
|
+ >提交申请</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-document"
|
|
|
+ @click="handleDoc(scope.row)"
|
|
|
+ >上传附件</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleUpdate(scope.row)"
|
|
|
+ v-hasPermi="['production:apply:edit']"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['production:apply:remove']"
|
|
|
+ >删除</el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 分页 -->
|
|
|
+ <pagination
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ <!-- 添加或修改SAI开项管理对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="0px">
|
|
|
+ <el-descriptions title="" :column="3" border>
|
|
|
+ <el-descriptions-item label="登记人部门">
|
|
|
+ <el-form-item prop="applicantDept">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="form.applicantDept"
|
|
|
+ @change="handleDeptOrTeamChange"
|
|
|
+ placeholder="请选择部门">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applicantDeptOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="登记人班组">
|
|
|
+ <el-form-item prop="applicantTeam">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="form.applicantTeam"
|
|
|
+ @change="handleDeptOrTeamChange"
|
|
|
+ :disabled="applicantTeamDisabled"
|
|
|
+ placeholder="请选择班组">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applicantTeamOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="登记人">
|
|
|
+ <el-form-item prop="applicant">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="form.applicant"
|
|
|
+ placeholder="请选择登记人">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in applicantOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="问题描述" :span="3">
|
|
|
+ <el-form-item prop="description">
|
|
|
+ <el-input v-model="form.description" placeholder="请输入问题描述" type="textarea" :rows="3" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="隐患" :span="3">
|
|
|
+ <el-radio v-model="unsafeChoice" label="1" @change="handleUnsafeChoiceChange" style="margin-right: 10px;">不安全状态</el-radio>
|
|
|
+ <el-form-item prop="unsafeStatus" style="display: inline-block;">
|
|
|
+ <el-select v-model="form.unsafeStatus" filterable placeholder="请选择不安全状态" :disabled="unsafeStatusDisabled" style="margin-right: 20px;" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in unsafeStatusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-radio v-model="unsafeChoice" label="2" @change="handleUnsafeChoiceChange" style="margin-right: 10px;">不安全行为</el-radio>
|
|
|
+ <el-form-item prop="unsafeAction" style="display: inline-block;">
|
|
|
+ <el-select v-model="form.unsafeAction" filterable placeholder="请选择不安全行为" :disabled="unsafeActionDisabled" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in unsafeActionOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="登记时间">
|
|
|
+ <el-form-item prop="applyDate">
|
|
|
+ <el-date-picker
|
|
|
+ size="small"
|
|
|
+ style="width: 200px"
|
|
|
+ v-model="form.applyDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择登记时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 延期对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="delayOpen" width="25%" append-to-body>
|
|
|
+ <el-form ref="delayForm" :model="delayForm" :rules="delayRules" label-width="136px">
|
|
|
+ <el-form-item prop="estimateFinishDate" label="预计完成时间">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 200px"
|
|
|
+ v-model="delayForm.estimateFinishDate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择预计完成时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="isRecorded" label="是否录入开项系统">
|
|
|
+ <el-radio v-model="delayForm.isRecorded" label="1" @change="handleIsRecordedChange">是</el-radio>
|
|
|
+ <el-radio v-model="delayForm.isRecorded" label="0" @change="handleIsRecordedChange">否</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="recordNo" label="开项编号">
|
|
|
+ <el-input v-model="delayForm.recordNo" placeholder="请输入开项编号" :disabled="recordNoDisabled"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitDelayForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 用户导入对话框 -->
|
|
|
+ <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
|
|
|
+ <el-upload
|
|
|
+ ref="upload"
|
|
|
+ :limit="1"
|
|
|
+ accept=".xlsx, .xls"
|
|
|
+ :headers="upload.headers"
|
|
|
+ :action="upload.url"
|
|
|
+ :disabled="upload.isUploading"
|
|
|
+ :on-progress="handleFileUploadProgress"
|
|
|
+ :on-success="handleFileSuccess"
|
|
|
+ :auto-upload="false"
|
|
|
+ drag
|
|
|
+ >
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
+ <div class="el-upload__text">
|
|
|
+ 将文件拖到此处，或
|
|
|
+ <em>点击上传</em>
|
|
|
+ </div>
|
|
|
+ <div class="el-upload__tip" slot="tip">
|
|
|
+ <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
|
|
|
+ </div>
|
|
|
+ <form ref="downloadFileForm" :action="upload.downloadAction" target="FORMSUBMIT">
|
|
|
+ <input name="type" :value="upload.type" hidden />
|
|
|
+ </form>
|
|
|
+ <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
|
|
|
+ </el-upload>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
+ <el-button @click="upload.open = false">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- SAI开项管理流转详情对话框 -->
|
|
|
+ <sai-apply-detail v-if="saiApplyVisible" ref="saiApplyDetail" @refreshDataList="getList"></sai-apply-detail>
|
|
|
+ <!-- 流程图对话框 -->
|
|
|
+ <process-img v-if="processImgVisible" ref="processImg" @refreshDataList="getList"></process-img>
|
|
|
+ <!-- 附件对话框 -->
|
|
|
+ <el-dialog v-dialogDrag :title="doc.title" :visible.sync="doc.open" width="700px" append-to-body>
|
|
|
+ <el-upload
|
|
|
+ ref="doc"
|
|
|
+ :limit="50"
|
|
|
+ :headers="doc.headers"
|
|
|
+ :action="doc.url + '?pType=' + doc.pType + '&pId=' + doc.pId"
|
|
|
+ :disabled="doc.isUploading"
|
|
|
+ :on-progress="handleFileDocProgress"
|
|
|
+ :on-success="handleFileDocSuccess"
|
|
|
+ :auto-upload="true"
|
|
|
+ drag
|
|
|
+ >
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
+ <div class="el-upload__text">
|
|
|
+ {{ $t('将文件拖到此处，或') }}
|
|
|
+ <em>{{ $t('点击上传') }}</em>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <el-table :data="doc.commonfileList" border>
|
|
|
+ <el-table-column :label="$t('文件名')" align="center" prop="fileName" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <a class="link-type" @click="handleDownload(scope.row)">
|
|
|
+ <span>{{ scope.row.fileName }}</span>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :label="$t('大小(Kb)')" align="center" prop="fileSize" :show-overflow-tooltip="true" width="80" />
|
|
|
+ <el-table-column :label="$t('上传人')" align="center" prop="creator" :show-overflow-tooltip="true" width="120"/>
|
|
|
+ <el-table-column :label="$t('上传时间')" align="center" prop="createdate" :show-overflow-tooltip="true" width="120"/>
|
|
|
+ <el-table-column :label="$t('操作')" align="center" width="120" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.fileName.endsWith('pdf')||scope.row.fileName.endsWith('xlsx')||scope.row.fileName.endsWith('md')
|
|
|
+ ||scope.row.fileName.endsWith('docx')||scope.row.fileName.endsWith('doc')||scope.row.fileName.endsWith('txt')
|
|
|
+ ||scope.row.fileName.endsWith('jpg')||scope.row.fileName.endsWith('png')||scope.row.fileName.endsWith('csv')
|
|
|
+ ||scope.row.fileName.endsWith('mp4')||scope.row.fileName.endsWith('svg')||scope.row.fileName.endsWith('dwg')
|
|
|
+ ||scope.row.fileName.endsWith('flv')||scope.row.fileName.endsWith('swf')||scope.row.fileName.endsWith('gif')
|
|
|
+ ||scope.row.fileName.endsWith('3gp')||scope.row.fileName.endsWith('mkv')||scope.row.fileName.endsWith('tif')"
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleSee(scope.row)"
|
|
|
+ > {{ $t('预览') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.fileName.endsWith('ppt')||scope.row.fileName.endsWith('pptx') "
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-view"
|
|
|
+ @click="handleSeePPT(scope.row)"
|
|
|
+ > {{ $t('ppt预览') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-download"
|
|
|
+ @click="handleDownload(scope.row)"
|
|
|
+ >{{ $t('下载') }}</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDeleteDoc(scope.row)"
|
|
|
+ >{{ $t('删除') }}</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="doc.open = false">{{ $t('返 回') }}</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 统计至SAI检查台账对话框 -->
|
|
|
+ <el-dialog title="统计至SAI检查台账" :visible.sync="saiOpen" width="80%" append-to-body>
|
|
|
+ <el-table v-loading="loading" :data="saiList" @selection-change="handleSelectionChange" :height="clientHeight" border>
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="检查的装置/设施" align="center" prop="plantId" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="检查日期/时间" align="center" prop="inspectionDate">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.inspectionDate, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="识别出的安全问题" align="center" prop="dificiency" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="SAI级别" align="center" prop="saiLevel" :show-overflow-tooltip="true" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-select v-model="scope.row.saiLevel" placeholder="请选择">
|
|
|
+ <el-option key="1" label="1" value="1"></el-option>
|
|
|
+ <el-option key="2" label="2" value="2"></el-option>
|
|
|
+ <el-option key="3" label="3" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="SAI类别" align="center" prop="category" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.category" placeholder="请输入" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="采取或要采取的措施" align="center" prop="actions" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="用户" align="center" prop="userDeptId" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="数据来源" align="center" prop="source" :show-overflow-tooltip="true"/>
|
|
|
+ </el-table>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitSaiForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 预览对话框 -->
|
|
|
+ <el-dialog v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)" v-dialogDrag :title="pdf.title" :visible.sync="pdf.open" width="1300px" :center="true" append-to-body>
|
|
|
+ <div style="margin-top: -60px;float: right;margin-right: 40px;">
|
|
|
+ <el-button size="mini" type="text" @click="openPdf">{{$t('新页面打开PDF')}}</el-button></div>
|
|
|
+ <div style="margin-top: -30px" >
|
|
|
+ <iframe id="iFrame" class="iframe-html" :src="pdf.pdfUrl" frameborder="0" width="100%" height="700px" v-if="ppt"></iframe>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 30px; width: 100%; height: 100%;" >
|
|
|
+ <el-carousel class="" ref="carousel" arrow="always" v-if="pptView"
|
|
|
+ height="700px" trigger="click" :autoplay="false" indicator-position="outside">
|
|
|
+ <el-carousel-item class="lun_img" v-for="item in imgs" v-bind:key="item" >
|
|
|
+ <img :src="item" width="100%" height="100%" object-fit="cover" />
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { submitApply, listApply, getApply, delApply, addApply, updateApply, exportApply, importTemplate} from "@/api/production/apply";
|
|
|
+import { addSai } from "@/api/production/sai";
|
|
|
+import { treeselect, listDept } from "@/api/system/dept";
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import SaiApplyDetail from "@/views/approve/approveDetail/sai-apply-detail";
|
|
|
+import ProcessImg from '@/views/approve/processImg/index';
|
|
|
+import { listStaffmgrByDeptAndTeam, getLoginStaffInfo } from "@/api/plant/staffmgr";
|
|
|
+import { allFileList, delCommonfile } from "@/api/common/commonfile";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "Apply",
|
|
|
+ components: { Treeselect, SaiApplyDetail, ProcessImg },
|
|
|
+ data() {
|
|
|
+ var validateRecordNo = (rule, value, callback) => {
|
|
|
+ if (this.delayForm.isRecorded == '1') {
|
|
|
+ if (this.delayForm.recordNo == null) {
|
|
|
+ return callback(new Error('开项编号不能为空'));
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var validateApplicantTeam = (rule, value, callback) => {
|
|
|
+ if (this.form.applicantDept == '103') {
|
|
|
+ if (this.form.applicantTeam == null) {
|
|
|
+ return callback(new Error('登记人班组不能为空'));
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var validateUnsafeStatus = (rule, value, callback) => {
|
|
|
+ if (this.unsafeChoice == '1') {
|
|
|
+ if (this.form.unsafeStatus == null) {
|
|
|
+ return callback(new Error('不安全状态不能为空'));
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var validateUnsafeAction = (rule, value, callback) => {
|
|
|
+ if (this.unsafeChoice == '2') {
|
|
|
+ if (this.form.unsafeAction == null) {
|
|
|
+ return callback(new Error('不安全行为不能为空'));
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ // 统计至SAI检查台账的数据
|
|
|
+ saiList: [],
|
|
|
+ // 是显示用统计至SAI检查台账对话框
|
|
|
+ saiOpen: false,
|
|
|
+ // 是否禁用开项编号输入框
|
|
|
+ recordNoDisabled: true,
|
|
|
+ // 当前登录员工
|
|
|
+ loginStaffInfo: {},
|
|
|
+ //图片集合 打开关闭按钮 等等
|
|
|
+ imgs:[],
|
|
|
+ jpgList:[],
|
|
|
+ ppt:false,
|
|
|
+ pptView:false,
|
|
|
+ loadingFlash:false,
|
|
|
+ doc: {
|
|
|
+ file: "",
|
|
|
+ // 是否显示弹出层（报告附件）
|
|
|
+ open: false,
|
|
|
+ // 弹出层标题（报告附件）
|
|
|
+ title: "",
|
|
|
+ // 是否禁用上传
|
|
|
+ isUploading: false,
|
|
|
+ // 是否更新已经存在的用户数据
|
|
|
+ updateSupport: 0,
|
|
|
+ // 报告附件上传位置编号
|
|
|
+ ids: 0,
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API + "/common/commonfile/uploadFile",
|
|
|
+ commonfileList: null,
|
|
|
+ queryParams: {
|
|
|
+ pId: null,
|
|
|
+ pType: 'saiApply'
|
|
|
+ },
|
|
|
+ pType: 'saiApply',
|
|
|
+ pId: null
|
|
|
+ },
|
|
|
+ // pdf文件参数
|
|
|
+ pdf : {
|
|
|
+ title: '',
|
|
|
+ pdfUrl: '',
|
|
|
+ numPages: null,
|
|
|
+ open: false,
|
|
|
+ pageNum: 1,
|
|
|
+ pageTotalNum: 1,
|
|
|
+ loadedRatio: 0,
|
|
|
+ },
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 选中数组
|
|
|
+ ids: [],
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: false,
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // SAI开项管理表格数据
|
|
|
+ applyList: [],
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 部门树选项
|
|
|
+ deptOptions: undefined,
|
|
|
+ clientHeight:300,
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ // 是否显示延期弹出层
|
|
|
+ delayOpen: false,
|
|
|
+ // 用户导入参数
|
|
|
+ upload: {
|
|
|
+ //下载模板请求地址
|
|
|
+ downloadAction: process.env.VUE_APP_BASE_API + '/common/template',
|
|
|
+ //下载模板类型
|
|
|
+ type: 'saiApply',
|
|
|
+ // 是否显示弹出层（用户导入）
|
|
|
+ open: false,
|
|
|
+ // 弹出层标题（用户导入）
|
|
|
+ title: "",
|
|
|
+ // 是否禁用上传
|
|
|
+ isUploading: false,
|
|
|
+ // 是否更新已经存在的用户数据
|
|
|
+ updateSupport: 0,
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API + "/production/apply/importData"
|
|
|
+ },
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ saiApplyId: null,
|
|
|
+ deptId: null,
|
|
|
+ applyStatus: null,
|
|
|
+ apNo: null,
|
|
|
+ processId: null,
|
|
|
+ applicant: null,
|
|
|
+ assessor: null,
|
|
|
+ executor: null,
|
|
|
+ inspectors: null,
|
|
|
+ applicantDept: null,
|
|
|
+ applicantTeam: null,
|
|
|
+ description: null,
|
|
|
+ unsafeStatus: null,
|
|
|
+ unsafeAction: null,
|
|
|
+ applyDate: null,
|
|
|
+ taskId: null,
|
|
|
+ handler: null,
|
|
|
+ taskName: null,
|
|
|
+ estimateFinishDate: null,
|
|
|
+ actualFinishDate: null,
|
|
|
+ isRecorded: null,
|
|
|
+ recordNo: null,
|
|
|
+ reaction: null,
|
|
|
+ needVe: null,
|
|
|
+ veItems: null,
|
|
|
+ veResult: null,
|
|
|
+ veItemOther: null,
|
|
|
+ },
|
|
|
+ // 表单参数
|
|
|
+ form: {},
|
|
|
+ // 延期表单参数
|
|
|
+ delayForm: {},
|
|
|
+ // 延期表单校验
|
|
|
+ delayRules: {
|
|
|
+ estimateFinishDate: [
|
|
|
+ { required: true, message: this.$t('预计完成时间') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ isRecorded: [
|
|
|
+ { required: true, message: this.$t('是否录入开项系统') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ recordNo: [
|
|
|
+ { validator: validateRecordNo, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ // 新增/修改表单校验
|
|
|
+ rules: {
|
|
|
+ description: [
|
|
|
+ { required: true, message: this.$t('问题描述') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ applicantDept: [
|
|
|
+ { required: true, message: this.$t('登记人部门') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ applicantTeam: [
|
|
|
+ { validator: validateApplicantTeam, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ applicant: [
|
|
|
+ { required: true, message: this.$t('登记人') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ applyDate: [
|
|
|
+ { required: true, message: this.$t('记录日期') + this.$t('不能为空'), trigger: "change" }
|
|
|
+ ],
|
|
|
+ unsafeStatus: [
|
|
|
+ { validator: validateUnsafeStatus, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ unsafeAction: [
|
|
|
+ { validator: validateUnsafeAction, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ // 申请状态字典
|
|
|
+ applyStatusOptions: [],
|
|
|
+ // 登记人班组字典
|
|
|
+ applicantTeamOptions: [],
|
|
|
+ // 登记人部门列表
|
|
|
+ applicantDeptOptions: [],
|
|
|
+ // 登记人列表
|
|
|
+ applicantOptions: [],
|
|
|
+ // 不安全状态字典
|
|
|
+ unsafeStatusOptions: [],
|
|
|
+ // 不安全行为字典
|
|
|
+ unsafeActionOptions: [],
|
|
|
+ // 是否显示SAI开项申请详情对话框
|
|
|
+ saiApplyVisible: false,
|
|
|
+ // 是否显示流程图对话框
|
|
|
+ processImgVisible: null,
|
|
|
+ // 不安全状态/行为选项
|
|
|
+ unsafeChoice: '1',
|
|
|
+ // 是否禁用不安全状态下拉框
|
|
|
+ unsafeStatusDisabled: false,
|
|
|
+ // 是否禁用不安全行为下拉框
|
|
|
+ unsafeActionDisabled: true,
|
|
|
+ // 是否禁用班组下拉框
|
|
|
+ applicantTeamDisabled: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ // 根据名称筛选部门树
|
|
|
+ deptName(val) {
|
|
|
+ this.$refs.tree.filter(val);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ //设置表格高度对应屏幕高度
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.clientHeight = document.body.clientHeight -250
|
|
|
+ })
|
|
|
+ this.getList();
|
|
|
+ this.getTreeselect();
|
|
|
+ // 加载申请状态字典
|
|
|
+ this.getDicts("SAI_APPLY_STATUS").then(response => {
|
|
|
+ this.applyStatusOptions = response.data;
|
|
|
+ });
|
|
|
+ // 加载登记人班组字典
|
|
|
+ this.getDicts("TEAM_DIVIDE").then(response => {
|
|
|
+ this.applicantTeamOptions = response.data;
|
|
|
+ });
|
|
|
+ // 加载登记人部门列表
|
|
|
+ this.getApplicantDeptOptions();
|
|
|
+ // 加载登记人列表
|
|
|
+ this.listStaffmgrByDeptAndTeam(null, null);
|
|
|
+ // 加载不安全状态字典
|
|
|
+ this.getDicts("SAI_UNSAFE_STATUS").then(response => {
|
|
|
+ this.unsafeStatusOptions = response.data;
|
|
|
+ });
|
|
|
+ // 加载不安全行为字典
|
|
|
+ this.getDicts("SAI_UNSAFE_ACTION").then(response => {
|
|
|
+ this.unsafeActionOptions = response.data;
|
|
|
+ });
|
|
|
+ // 加载当前登录员工信息
|
|
|
+ this.getLoginStaffInfo();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /** 是否录入开项系统单选按钮值改变事件 */
|
|
|
+ handleIsRecordedChange() {
|
|
|
+ if (this.delayForm.isRecorded == '1') {
|
|
|
+ this.recordNoDisabled = false;
|
|
|
+ } else if (this.delayForm.isRecorded == '0') {
|
|
|
+ this.recordNoDisabled = true;
|
|
|
+ this.delayForm.recordNo = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 文件下载处理 */
|
|
|
+ handleDownload(row) {
|
|
|
+ var name = row.fileName;
|
|
|
+ var url = row.fileUrl;
|
|
|
+ var suffix = url.substring(url.lastIndexOf("."), url.length);
|
|
|
+ const a = document.createElement('a')
|
|
|
+ a.setAttribute('download', name)
|
|
|
+ a.setAttribute('target', '_blank')
|
|
|
+ a.setAttribute('href', process.env.VUE_APP_BASE_API + url)
|
|
|
+ a.click()
|
|
|
+ },
|
|
|
+ /** 报告附件按钮操作 */
|
|
|
+ handleDoc(row) {
|
|
|
+ this.doc.id = row.saiApplyId;
|
|
|
+ this.doc.title = "附件";
|
|
|
+ this.doc.open = true;
|
|
|
+ this.doc.queryParams.pId = row.saiApplyId
|
|
|
+ this.doc.pId = row.saiApplyId
|
|
|
+ this.getFileList()
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.doc.clearFiles()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getFileList() {
|
|
|
+ allFileList(this.doc.queryParams).then(response => {
|
|
|
+ console.log(response);
|
|
|
+ this.doc.commonfileList = response;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 附件上传中处理 */
|
|
|
+ handleFileDocProgress(event, file, fileList) {
|
|
|
+ this.doc.file = file;
|
|
|
+ this.doc.isUploading = true;
|
|
|
+ },
|
|
|
+ /** 附件上传成功处理 */
|
|
|
+ handleFileDocSuccess(response, file, fileList) {
|
|
|
+ this.doc.isUploading = false;
|
|
|
+ this.$alert(response.msg, this.$t('导入结果'), { dangerouslyUseHTMLString: true });
|
|
|
+ this.getFileList()
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDeleteDoc(row) {
|
|
|
+ const ids = row.id || this.ids;
|
|
|
+ this.$confirm(this.$t('是否确认删除?'), this.$t('警告'), {
|
|
|
+ confirmButtonText: this.$t('确定'),
|
|
|
+ cancelButtonText: this.$t('取消'),
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return delCommonfile(ids);
|
|
|
+ }).then(() => {
|
|
|
+ this.getFileList();
|
|
|
+ this.msgSuccess(this.$t('删除成功'));
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //文件预览
|
|
|
+ openPdf(){
|
|
|
+ //ppt就跳路由预览，office就直接打开文件新页面
|
|
|
+ const didi={ imgs:this.imgs}
|
|
|
+ if( this.pptView==true&&this.ppt==false){
|
|
|
+ let routeUrl = this.$router.resolve({
|
|
|
+ path: "/cpms/index.html#/pptyulan",
|
|
|
+ query:didi
|
|
|
+ });
|
|
|
+ window.open("/cpms/index.html#/pptyulan?id=" + this.pdf.pdfUrl, '_blank')
|
|
|
+ console.log(this.imgs)
|
|
|
+ }else {
|
|
|
+ window.open(this.pdf.pdfUrl)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSeePPT (row){
|
|
|
+ //ppt预览
|
|
|
+ this.loadingFlash=true
|
|
|
+ this.pdf.open =true
|
|
|
+ this.pdf.title = row.fileName
|
|
|
+ this.pdf.pdfUrl = row.fileUrl
|
|
|
+ this.pptView=true
|
|
|
+ this.ppt=false
|
|
|
+ const formatDate =new FormData();
|
|
|
+ formatDate.append("filepath",row.fileUrl)
|
|
|
+
|
|
|
+ //调用文件预览api
|
|
|
+ let res= this.officeConvert.pptConvertCommon(formatDate)
|
|
|
+
|
|
|
+ //查看接受的全局方法的返回结果 console.log(res)
|
|
|
+ //利用.then方法接受Promise对象
|
|
|
+
|
|
|
+ res.then((result)=>{
|
|
|
+ //关闭加载中
|
|
|
+ this.loadingFlash=false
|
|
|
+
|
|
|
+ //成功时直接给地址
|
|
|
+ this.videoList = result.data.imagePathList
|
|
|
+ //将返回的地址集合遍历添加到绑定的数组中
|
|
|
+ this.imgs=[]
|
|
|
+ for (var key=0;key<this.videoList.length;key++) {
|
|
|
+ this.imgs.push( process.env.VUE_APP_BASE_API+ this.videoList[key] );
|
|
|
+ }
|
|
|
+ }).catch(result => {
|
|
|
+
|
|
|
+ //请求失败，关闭loading，pdf地址直接为为空，不显示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.loadingFlash = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleSee (row){
|
|
|
+ //office预览
|
|
|
+ this.loadingFlash=true
|
|
|
+ this.pdf.open =true
|
|
|
+ this.pdf.title = row.fileName
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+
|
|
|
+ this.pptView=false
|
|
|
+ this.ppt=true
|
|
|
+ //如果是PDF等直接可以打开的就不调接口，否则调用接口
|
|
|
+ if(row.fileName.endsWith('pdf')){
|
|
|
+ this.pdf.pdfUrl = process.env.VUE_APP_BASE_API + '/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + row.fileUrl
|
|
|
+ this.loadingFlash=false
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ const formatDate =new FormData();
|
|
|
+ formatDate.append("filepath",row.fileUrl)
|
|
|
+
|
|
|
+ //调用文件预览api
|
|
|
+ let res= this.officeConvert.officeConvertCommon(formatDate)
|
|
|
+
|
|
|
+
|
|
|
+ //查看接受的全局方法的返回结果 console.log(res)
|
|
|
+ //利用.then方法接受Promise对象
|
|
|
+ res.then((result)=>{
|
|
|
+ //关闭加载中
|
|
|
+ this.loadingFlash=false
|
|
|
+
|
|
|
+ if(result.msg.includes("csv")){
|
|
|
+ this.pdf.pdfUrl =process.env.VUE_APP_BASE_API+ result.data
|
|
|
+ this.$alert(result.msg, this.$t('检查乱码'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+
|
|
|
+ }else if(result.msg.includes("不存在")){
|
|
|
+ //文件不存在时提示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.$alert(result.msg, this.$t('预览失败'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+ this.pdf.open =false
|
|
|
+ }else if(result.msg.includes("不支持此格式")){
|
|
|
+
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.$alert(result.msg, this.$t('预览失败'), { dangerouslyUseHTMLString: true });
|
|
|
+ // this.$message({message: result.msg, center: true,type:'warning', offset:400, });
|
|
|
+ this.pdf.open =false
|
|
|
+ } else{
|
|
|
+ //成功时直接给地址
|
|
|
+ this.pdf.pdfUrl =process.env.VUE_APP_BASE_API+ result.data
|
|
|
+ }
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // const iframe = window.frames['iFrame']
|
|
|
+ // const handleLoad = () => {
|
|
|
+ // setTimeout(() => {
|
|
|
+ // const Do = (iframe.contentWindow || iframe.contentDocument)
|
|
|
+ // console.log(Do.document.getElementsByTagName('table')[0])
|
|
|
+ // Do.document.getElementsByTagName('table')[0].style.width = "100%"
|
|
|
+ // Do.document.getElementsByTagName('table')[0].setAttribute("class","table")
|
|
|
+ // }, 500)
|
|
|
+ // }
|
|
|
+ // iframe.addEventListener('load', handleLoad, true)
|
|
|
+ // })
|
|
|
+ }).catch(result => {
|
|
|
+
|
|
|
+ //请求失败，关闭loading，pdf地址直接为为空，不显示
|
|
|
+ this.pdf.pdfUrl =""
|
|
|
+ this.loadingFlash = false;
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ /** 加载当前登录员工信息 */
|
|
|
+ getLoginStaffInfo() {
|
|
|
+ getLoginStaffInfo().then(response => {
|
|
|
+ let staff = response.data;
|
|
|
+ if (staff != null) {
|
|
|
+ this.loginStaffInfo = response.data;
|
|
|
+ this.form.applicantDept = staff.deptId;
|
|
|
+ if (staff.deptId == '103') {
|
|
|
+ this.form.applicantTeam = staff.team;
|
|
|
+ }
|
|
|
+ this.form.applicant = staff.userId;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 加载登记人部门列表 */
|
|
|
+ getApplicantDeptOptions() {
|
|
|
+ listDept(null).then(response => {
|
|
|
+ let deptList = response.data;
|
|
|
+ this.applicantDeptOptions = [];
|
|
|
+ for (let i = 0; i < deptList.length; i++) {
|
|
|
+ if (deptList[i].deptId == 103 || deptList[i].deptId == 10058 || deptList[i].deptId == 10042) {
|
|
|
+ this.applicantDeptOptions.push({
|
|
|
+ dictLabel: deptList[i].deptName,
|
|
|
+ dictValue: deptList[i].deptId
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 部门/班组值改变事件 */
|
|
|
+ handleDeptOrTeamChange() {
|
|
|
+ this.applicantOptions = [];
|
|
|
+ this.form.applicant = null;
|
|
|
+ let applicantDept = this.form.applicantDept;
|
|
|
+ if (applicantDept != '103') {
|
|
|
+ this.applicantTeamDisabled = true;
|
|
|
+ this.form.applicantTeam = null;
|
|
|
+ } else {
|
|
|
+ this.applicantTeamDisabled = false;
|
|
|
+ }
|
|
|
+ let applicantTeam = this.form.applicantTeam;
|
|
|
+ // 加载登记人列表
|
|
|
+ this.listStaffmgrByDeptAndTeam(applicantDept, applicantTeam);
|
|
|
+ },
|
|
|
+ /** 加载登记人列表 */
|
|
|
+ listStaffmgrByDeptAndTeam(applicantDept, applicantTeam) {
|
|
|
+ listStaffmgrByDeptAndTeam({
|
|
|
+ deptId: applicantDept,
|
|
|
+ team: applicantTeam
|
|
|
+ }).then(response => {
|
|
|
+ let staffList = response.rows;
|
|
|
+ this.applicantOptions = [];
|
|
|
+ for (let i = 0; i < staffList.length; i++) {
|
|
|
+ let staffOption = {
|
|
|
+ dictLabel: staffList[i].name,
|
|
|
+ dictValue: staffList[i].userId
|
|
|
+ }
|
|
|
+ this.applicantOptions.push(staffOption);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 不安全行为/状态单选按钮值改变事件 */
|
|
|
+ handleUnsafeChoiceChange() {
|
|
|
+ if (this.unsafeChoice == '1') {
|
|
|
+ this.form.unsafeAction = null;
|
|
|
+ this.unsafeStatusDisabled = false;
|
|
|
+ this.unsafeActionDisabled = true;
|
|
|
+ } else if (this.unsafeChoice == '2') {
|
|
|
+ this.form.unsafeStatus = null;
|
|
|
+ this.unsafeStatusDisabled = true;
|
|
|
+ this.unsafeActionDisabled = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 流程图 */
|
|
|
+ processImg (processId) {
|
|
|
+ this.processImgVisible = true;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.processImg.init(processId);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /** 处理延期操作 */
|
|
|
+ handleDelay(row) {
|
|
|
+ this.reset();
|
|
|
+ const saiApplyId = row.saiApplyId || this.ids
|
|
|
+ getApply(saiApplyId).then(response => {
|
|
|
+ this.delayForm = response.data;
|
|
|
+ if (this.delayForm.isRecorded != null) {
|
|
|
+ this.delayForm.isRecorded = this.delayForm.isRecorded.toString();
|
|
|
+ }
|
|
|
+ this.delayOpen = true;
|
|
|
+ this.title = "SAI开项申请延期";
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 处理/详情操作 */
|
|
|
+ handleDetail(row) {
|
|
|
+ this.saiApplyVisible = true;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.saiApplyDetail.init(row.saiApplyId, row.taskId, row.processId, row.taskName);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 提交申请操作 */
|
|
|
+ handleSubmit(row) {
|
|
|
+ this.$confirm('是否确认提交申请?', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return submitApply(row.saiApplyId);
|
|
|
+ }).then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.msgSuccess("提交申请成功");
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 申请状态字典翻译
|
|
|
+ applyStatusFormat(row, column) {
|
|
|
+ return this.selectDictLabel(this.applyStatusOptions, row.applyStatus);
|
|
|
+ },
|
|
|
+ // 班组字典翻译
|
|
|
+ teamFormat(row, column) {
|
|
|
+ return this.selectDictLabel(this.applicantTeamOptions, row.applicantTeam);
|
|
|
+ },
|
|
|
+ /** 查询SAI开项管理列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ getLoginStaffInfo().then(response => {
|
|
|
+ let staff = response.data;
|
|
|
+ if (staff != null) {
|
|
|
+ this.loginStaffInfo = response.data;
|
|
|
+ }
|
|
|
+ listApply(this.queryParams).then(response => {
|
|
|
+ let rows = response.rows;
|
|
|
+ this.applyList = [];
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ // 当前用户为登记人、评估人、整改负责人或验证人（之一）
|
|
|
+ if ((rows[i].applicant != null && rows[i].applicant.indexOf(this.loginStaffInfo.userId) != -1)
|
|
|
+ || (rows[i].assessor != null && rows[i].assessor.indexOf(this.loginStaffInfo.userId) != -1)
|
|
|
+ || (rows[i].executor != null && rows[i].executor.indexOf(this.loginStaffInfo.userId) != -1)
|
|
|
+ || (rows[i].inspectors != null && rows[i].inspectors.indexOf(this.loginStaffInfo.userId) != -1)) {
|
|
|
+ this.applyList.push(rows[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 查询部门下拉树结构 */
|
|
|
+ getTreeselect() {
|
|
|
+ treeselect().then(response => {
|
|
|
+ this.deptOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.saiOpen = false;
|
|
|
+ this.open = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ saiApplyId: null,
|
|
|
+ delFlag: null,
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ deptId: null,
|
|
|
+ applyStatus: null,
|
|
|
+ apNo: null,
|
|
|
+ processId: null,
|
|
|
+ applicant: null,
|
|
|
+ assessor: null,
|
|
|
+ executor: null,
|
|
|
+ inspectors: null,
|
|
|
+ applicantDept: null,
|
|
|
+ applicantTeam: null,
|
|
|
+ description: null,
|
|
|
+ unsafeStatus: null,
|
|
|
+ unsafeAction: null,
|
|
|
+ applyDate: new Date(),
|
|
|
+ taskId: null,
|
|
|
+ handler: null,
|
|
|
+ taskName: null,
|
|
|
+ estimateFinishDate: null,
|
|
|
+ actualFinishDate: null,
|
|
|
+ isRecorded: null,
|
|
|
+ recordNo: null,
|
|
|
+ reaction: null,
|
|
|
+ needVe: null,
|
|
|
+ veItems: null,
|
|
|
+ veResult: null,
|
|
|
+ veItemOther: null,
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.ids = selection.map(item => item.saiApplyId)
|
|
|
+ this.single = selection.length!==1
|
|
|
+ this.multiple = !selection.length
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd() {
|
|
|
+ this.reset();
|
|
|
+ this.open = true;
|
|
|
+ this.title = "添加SAI开项申请";
|
|
|
+ // 加载当前登录员工信息
|
|
|
+ this.getLoginStaffInfo();
|
|
|
+ this.applicantTeamDisabled = false;
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ const saiApplyId = row.saiApplyId || this.ids
|
|
|
+ getApply(saiApplyId).then(response => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.form.applicantDept = Number(this.form.applicantDept);
|
|
|
+ if (this.form.unsafeStatus != null && this.form.unsafeStatus != "") {
|
|
|
+ this.form.unsafeStatus = this.form.unsafeStatus.toString();
|
|
|
+ }
|
|
|
+ if (this.form.unsafeAction != null && this.form.unsafeAction != "") {
|
|
|
+ this.form.unsafeAction = this.form.unsafeAction.toString();
|
|
|
+ }
|
|
|
+ this.open = true;
|
|
|
+ this.title = "修改SAI开项申请";
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 新增/修改提交按钮 */
|
|
|
+ submitForm() {
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.saiApplyId != null) {
|
|
|
+ updateApply(this.form).then(response => {
|
|
|
+ this.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addApply(this.form).then(response => {
|
|
|
+ this.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 统计至SAI检查台账提交按钮 */
|
|
|
+ submitSaiForm() {
|
|
|
+ for (let i = 0; i < this.saiList.length; i++) {
|
|
|
+ this.saiList[i].plantId = 103;
|
|
|
+ this.saiList[i].userDeptId = 103;
|
|
|
+ addSai(this.saiList[i]);
|
|
|
+ }
|
|
|
+ this.msgSuccess("提交成功");
|
|
|
+ this.saiOpen = false;
|
|
|
+ },
|
|
|
+ /** 延期提交按钮 */
|
|
|
+ submitDelayForm() {
|
|
|
+ this.$refs["delayForm"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ updateApply(this.delayForm).then(response => {
|
|
|
+ this.msgSuccess("延期成功");
|
|
|
+ this.delayOpen = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 统计至SAI检查台账按钮操作 */
|
|
|
+ handleAddSai(row) {
|
|
|
+ const saiApplyIds = row.saiApplyId || this.ids;
|
|
|
+ if(saiApplyIds.length != 0) {
|
|
|
+ this.saiList = [];
|
|
|
+ for (let i = 0; i < saiApplyIds.length; i ++) {
|
|
|
+ getApply(saiApplyIds[i]).then(response => {
|
|
|
+ let apply = response.data;
|
|
|
+ let sai = {};
|
|
|
+ sai.saiApplyId = apply.saiApplyId;
|
|
|
+ sai.plantId = "CBP/C";
|
|
|
+ sai.userDeptId = "CBP/C";
|
|
|
+ sai.inspectionDate = apply.applyDate;
|
|
|
+ sai.dificiency = apply.description;
|
|
|
+ sai.actions = apply.reaction;
|
|
|
+ sai.source = "公司";
|
|
|
+ sai.deptId = 103;
|
|
|
+ sai.saiLevel = "1";
|
|
|
+ this.saiList.push(sai);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.saiOpen = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ const saiApplyIds = row.saiApplyId || this.ids;
|
|
|
+ this.$confirm('是否确认删除?', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return delApply(saiApplyIds);
|
|
|
+ }).then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ const queryParams = this.queryParams;
|
|
|
+ this.$confirm('是否确认导出所有SAI开项管理数据项?', "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return exportApply(queryParams);
|
|
|
+ }).then(response => {
|
|
|
+ this.download(response.msg);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /** 导入按钮操作 */
|
|
|
+ handleImport() {
|
|
|
+ this.upload.title = "用户导入";
|
|
|
+ this.upload.open = true;
|
|
|
+ },
|
|
|
+ /** 下载模板操作 */
|
|
|
+ importTemplate() {
|
|
|
+ this.$refs['downloadFileForm'].submit()
|
|
|
+ },
|
|
|
+ // 文件上传中处理
|
|
|
+ handleFileUploadProgress(event, file, fileList) {
|
|
|
+ this.upload.isUploading = true;
|
|
|
+ },
|
|
|
+ // 文件上传成功处理
|
|
|
+ handleFileSuccess(response, file, fileList) {
|
|
|
+ this.upload.open = false;
|
|
|
+ this.upload.isUploading = false;
|
|
|
+ this.$refs.upload.clearFiles();
|
|
|
+ if (response.data[0] != null) {
|
|
|
+ this.$alert(this.$t('成功导入') + response.msg + this.$t('条数据') + "，" + this.$t('第') + response.data + this.$t('行数据出现错误导入失败')+"。", this.$t('导入结果'), { dangerouslyUseHTMLString: true });
|
|
|
+ }else {
|
|
|
+ this.$alert(this.$t('成功导入') + response.msg + this.$t('条数据'), this.$t('导入结果'), { dangerouslyUseHTMLString: true });
|
|
|
+ }
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 提交上传文件
|
|
|
+ submitFileForm() {
|
|
|
+ this.$refs.upload.submit();
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
wangggziwen