1.断路作业的统计
guoyuepeng
parent
1acf73d2cd
commit
0dd4f97072
|
|
@ -0,0 +1,128 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<div class="filter-group ">
|
||||
<div class="filter-lable" style="width: 60px">
|
||||
公司名称：
|
||||
</div>
|
||||
<div class="filter-width">
|
||||
<el-input v-model="KEYWORDS" placeholder="公司名称" class="filter-item" style="width: 150px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
|
||||
搜索
|
||||
</el-button>
|
||||
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
|
||||
重置
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
ref="multipleTable"
|
||||
:data="varList"
|
||||
:header-cell-style="{
|
||||
'font-weight': 'bold',
|
||||
'color': '#000'
|
||||
}"
|
||||
tooltip-effect="dark"
|
||||
border
|
||||
fit
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||
<el-table-column prop="CORP_NAME" label="公司名称" />
|
||||
<el-table-column prop="checkedCount" label="申请总数" align="center" >
|
||||
<template slot-scope="{row}">
|
||||
<span :style="row.applications_num > 0 ? {color:'#0c60e1',cursor: 'pointer'} : {color: '#606266'}" @click="goList('circuit_list',row.CORPINFO_ID,'1')">{{ row.applications_num }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="checkedItemCount" label="完成数" align="center" >
|
||||
<template slot-scope="{row}">
|
||||
<span :style="row.completions_num > 0 ? {color:'#0c60e1',cursor: 'pointer'} : {color: '#606266'}" @click="goList('circuit_list',row.CORPINFO_ID,'2')">{{ row.completions_num }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ybCount" label="废除数" align="center" >
|
||||
<template slot-scope="{row}">
|
||||
<span :style="row.abolishments_num > 0 ? {color:'#0c60e1',cursor: 'pointer'} : {color: '#606266'}" @click="goList('circuit_list',row.CORPINFO_ID, '3')">{{ row.abolishments_num }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="zdCount" label="进行数" align="center" >
|
||||
<template slot-scope="{row}">
|
||||
<span :style="row.operations_num > 0 ? {color:'#0c60e1',cursor: 'pointer'} : {color: '#606266'}" @click="goList('circuit_list',row.CORPINFO_ID, '4')">{{ row.operations_num }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="page-btn-group">
|
||||
<div/>
|
||||
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||
import { requestFN } from '@/utils/request'
|
||||
import waves from '@/directive/waves' // waves directive
|
||||
import SelectTree from '@/components/SelectTree'
|
||||
export default {
|
||||
components: { Pagination, SelectTree },
|
||||
directives: { waves },
|
||||
data() {
|
||||
return {
|
||||
USER_LEVEL: sessionStorage.getItem('user').LEVEL || -1,
|
||||
config: config,
|
||||
listLoading: true,
|
||||
add: false,
|
||||
del: false,
|
||||
edit: false,
|
||||
listQuery: {
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
total: 0,
|
||||
KEYWORDS: '',
|
||||
varList: [],
|
||||
pd: []
|
||||
}
|
||||
},
|
||||
|
||||
async created() {
|
||||
await this.getList()
|
||||
},
|
||||
methods: {
|
||||
getQuery() {
|
||||
this.getList()
|
||||
},
|
||||
goKeyReset() {
|
||||
this.KEYWORDS = ''
|
||||
this.getList()
|
||||
},
|
||||
// 点击列表数,跳转详情
|
||||
goList(tableName, CORPINFO_ID, ticketType) {
|
||||
this.$parent.activeName = tableName
|
||||
this.$parent.CORPINFO_ID = CORPINFO_ID
|
||||
this.$parent.ticketType = ticketType
|
||||
this.$parent.CUTROAD_ID =''
|
||||
},
|
||||
getList() {
|
||||
return new Promise((resolve) => {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/dangerousWork/gfcutroad/corpCountlist?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||
{
|
||||
COPRINF_ID: sessionStorage.getItem('user').CORPINFO_ID || '',
|
||||
KEYWORDS: this.KEYWORDS
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
this.varList = data.varList
|
||||
this.total = data.page.totalResult
|
||||
resolve()
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,279 @@
|
|||
<template>
|
||||
<div>
|
||||
<div id="printTest" class="app-container print-work">
|
||||
<el-page-header content="审批表详情" class="no-print" @back="goBack"/>
|
||||
<table class="table-ui">
|
||||
<thead>
|
||||
<tr>
|
||||
<td colspan="6" style="border: none">
|
||||
<div class="level-title mt-20">
|
||||
<h1>断路安全作业票</h1>
|
||||
<div class="level-code" >编号:{{ pd.CHECK_NO }}</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td class="bbg">申请单位</td>
|
||||
<td>{{ pd.APPLY_DEPARTMENT_NAME }}</td>
|
||||
<td class="bbg">作业单位</td>
|
||||
<td>{{ pd.CONSTRUCTION_DEPARTMENT_NAME }}</td>
|
||||
<td class="bbg">作业负责人</td>
|
||||
<td>{{ pd.CONSTRUCTION_USER_NAME }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">涉及相关单位（部门）</td>
|
||||
<td colspan="3">{{ pd.OTHER_DEPT }}</td>
|
||||
<td class="bbg">监护人</td>
|
||||
<td>
|
||||
<div v-if="pd.GUARDIAN_USER_SIGNER_PATH" style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.GUARDIAN_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.GUARDIAN_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">断路原因</td>
|
||||
<td colspan="5">{{ pd.WORK_REASON }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">关联的其他特殊作业及安全作业票编号</td>
|
||||
<td colspan="5">{{ pd.SPECIAL_WORK }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="6">
|
||||
<div>断路地段示意图（可另附图）及相关说明：{{ pd.WORK_CONTENT }}</div>
|
||||
<div style="display: flex;justify-content: space-between;margin-top: 20px;">
|
||||
<img v-viewer :src="config.fileUrl + pd.CONTENT_IMG_PATH" alt="" width="100" height="100">
|
||||
<div>
|
||||
编制人：
|
||||
<img v-viewer :src="config.fileUrl + pd.APPLY_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
{{ pd.APPLY_USER_SIGNER_TIME }}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">风险辨识结果</td>
|
||||
<td colspan="5">{{ pd.HAZARD_IDENTIFICATION.split(";_;")[0] }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">作业实施时间</td>
|
||||
<td colspan="5">{{ pd.WORK_START_DATE }}至{{ pd.WORK_END_DATE }}止</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="6">
|
||||
<table class="table-ui">
|
||||
<tr>
|
||||
<td>序号</td>
|
||||
<td>安全措施</td>
|
||||
<td>是否涉及</td>
|
||||
<td>确认人</td>
|
||||
</tr>
|
||||
<tr v-for="(item,index) in measuresList" :key="index">
|
||||
<td>{{ index + 1 }}</td>
|
||||
<td>{{ item.PROTECTIVE_MEASURES }}</td>
|
||||
<td>
|
||||
<span v-if="item.STATUS=='1'"><input type="radio" disabled checked>涉 及</span>
|
||||
<span v-if="item.STATUS=='-1'"><input type="radio" disabled checked>不涉及</span>
|
||||
</td>
|
||||
<td>
|
||||
{{ item.CONFIRM_NAME }}
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="pd.APPLY_USER_MEASURES || pd.CONSTRUCTION_USER_MEASURES || pd.PRODUCTION_USER_MEASURES || pd.SAFETY_USER_MEASURES || pd.LEADER_USER_MEASURES ">
|
||||
<td>{{ measuresList.length + 1 }}</td>
|
||||
<td colspan="3">
|
||||
<div v-if="pd.APPLY_USER_MEASURES" style="display: flex;justify-content: space-between;">
|
||||
<span>其他安全措施：{{ pd.APPLY_USER_MEASURES }}</span>
|
||||
<span>编制人：{{ pd.APPLY_USER_NAME }}</span>
|
||||
</div>
|
||||
<div v-if="pd.CONSTRUCTION_USER_MEASURES" style="display: flex;justify-content: space-between;margin-top: 10px;">
|
||||
<span>其他安全措施：{{ pd.CONSTRUCTION_USER_MEASURES }}</span>
|
||||
<span>编制人：{{ pd.CONSTRUCTION_USER_NAME }}</span>
|
||||
</div>
|
||||
<div v-if="pd.PRODUCTION_USER_ID && pd.PRODUCTION_USER_MEASURES" style="display: flex;justify-content: space-between;margin-top: 10px;">
|
||||
<span>其他安全措施：{{ pd.PRODUCTION_USER_MEASURES }}</span>
|
||||
<span>编制人：{{ pd.PRODUCTION_USER_NAME }}</span>
|
||||
</div>
|
||||
<div v-if="pd.SAFETY_USER_ID && pd.SAFETY_USER_MEASURES" style="display: flex;justify-content: space-between;margin-top: 10px;">
|
||||
<span>其他安全措施：{{ pd.SAFETY_USER_MEASURES }}</span>
|
||||
<span>编制人：{{ pd.SAFETY_USER_NAME }}</span>
|
||||
</div>
|
||||
<div v-if="pd.LEADER_USER_ID && pd.LEADER_USER_MEASURES" style="display: flex;justify-content: space-between;margin-top: 10px;">
|
||||
<span>其他安全措施：{{ pd.LEADER_USER_MEASURES }}</span>
|
||||
<span>编制人：{{ pd.LEADER_USER_NAME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">安全交底人</td>
|
||||
<td colspan="10">
|
||||
<div v-if="pd.CONFESS_USER_SIGNER_PATH" style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.CONFESS_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.CONFESS_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="bbg">接受交底人</td>
|
||||
<td colspan="10">
|
||||
<div v-for="item in imgList" :key="item.ACCEPT_CONFESS_ID" style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + item.ACCEPT_CONFESS_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ item.ACCEPT_CONFESS_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="pd.CONSTRUCTION_USER_SIGNER_PATH">
|
||||
<td colspan="6">
|
||||
<div>作业负责人意见：{{ pd.CONSTRUCTION_CONTENT }}</div>
|
||||
<div style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.CONSTRUCTION_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.CONSTRUCTION_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="pd.PRODUCTION_USER_SIGNER_PATH">
|
||||
<td colspan="6">
|
||||
<div>所在单位意见：{{ pd.PRODUCTION_CONTENT }}</div>
|
||||
<div style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.PRODUCTION_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.PRODUCTION_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="pd.SAFETY_USER_SIGNER_PATH">
|
||||
<td colspan="6">
|
||||
<div>消防、安全管理部门意见：{{ pd.SAFETY_CONTENT }}</div>
|
||||
<div style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.SAFETY_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.SAFETY_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="pd.LEADER_USER_SIGNER_PATH">
|
||||
<td colspan="6">
|
||||
<div>审批部门意见：{{ pd.LEADER_CONTENT }}</div>
|
||||
<div style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + pd.LEADER_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ pd.LEADER_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="imgList1.length>0">
|
||||
<td colspan="10">
|
||||
<div>完工验收：{{ pd.ACCEPT_CONTENT }}</div>
|
||||
<div v-for="item in imgList1" :key="item.ACCEPT_CONFESS_ID" style="text-align: right">
|
||||
<span>签字：</span>
|
||||
<img v-viewer :src="config.fileUrl + item.ACCEPT_USER_SIGNER_PATH" alt="" width="100" height="100">
|
||||
<span>{{ item.ACCEPT_USER_SIGNER_TIME }}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div style="padding-top: 100px"/>
|
||||
<div class="ui-foot">
|
||||
<el-button icon="el-icon-arrow-left" @click="goBack">返 回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { requestFN } from '@/utils/request'
|
||||
import dateformat from '@/utils/dateformat'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
config: config,
|
||||
CUTROAD_ID: this.$parent.CUTROAD_ID, // 主键ID
|
||||
pd: [], // 存放字段参数
|
||||
measuresList: [],
|
||||
otherProtectiveMeasures: [],
|
||||
imgList: [],
|
||||
imgList1: [],
|
||||
hazardIdentification: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
validStr(str) {
|
||||
if (str != null && str != '' && typeof (str) != 'undefined' && str != 0) { return true }
|
||||
return false
|
||||
},
|
||||
formatTime(date, column) {
|
||||
if (date) {
|
||||
return dateformat(date, 'YYYY年MM月DD日HH时mm分')
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
formatDate(date, column) {
|
||||
if (date) {
|
||||
return dateformat(date, 'YYYY-MM-DD')
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
getRowKey(row) {
|
||||
return row.CUTROAD_ID
|
||||
},
|
||||
getData() {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/dangerousWork/gfcutroad/goEdit',
|
||||
{
|
||||
CUTROAD_ID: this.CUTROAD_ID
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
this.pd = data.pd // 参数map
|
||||
this.measuresList = data.measuresList // 参数map
|
||||
this.imgList = data.imgList
|
||||
this.pd.APPLY_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[0]
|
||||
this.pd.CONSTRUCTION_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[1]
|
||||
this.pd.PRODUCTION_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[2]
|
||||
this.pd.SAFETY_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[3]
|
||||
this.pd.LEADER_USER_MEASURES = this.pd.OTHER_PROTECTIVE_MEASURES.split(';_;')[4]
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
this.$parent.activeName = 'circuit_list'
|
||||
this.$parent.CUTROAD_ID = ''
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
.print-approval-p10
|
||||
padding: 20px 0
|
||||
span
|
||||
vertical-align: middle
|
||||
.bbg
|
||||
width: 270px
|
||||
.print-approval-img
|
||||
width: 200px
|
||||
height: 97px
|
||||
display: inline-block
|
||||
img
|
||||
width: 100%
|
||||
height: 100%
|
||||
.level-code
|
||||
margin-left: auto
|
||||
</style>
|
||||
|
|
@ -0,0 +1,359 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form label-width="50px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="编号">
|
||||
<el-input v-model="KEYWORDS" placeholder="请输入编号"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="STATUS" clearable placeholder="请选择" style="width: 100%;">
|
||||
<el-option v-for="item in statusList" :key="item.ID" :label="item.NAME" :value="item.ID" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label-width="10px">
|
||||
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
|
||||
搜索
|
||||
</el-button>
|
||||
<el-button v-waves icon="el-icon-refresh" type="success" @click="goKeyReset">
|
||||
重置
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-table v-loading="listLoading" ref="multipleTable" :data="varList" :row-key="getRowKey" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
|
||||
<el-table-column :reserve-selection="true" type="selection" width="57" align="center" />
|
||||
<el-table-column type="index" label="序号" width="50" align="center" />
|
||||
<el-table-column prop="CHECK_NO" label="编号" show-overflow-tooltip />
|
||||
<el-table-column prop="APPLY_USER_NAME" label="填写人" />
|
||||
<el-table-column prop="CONSTRUCTION_USER_NAME" label="作业负责人" show-overflow-tooltip />
|
||||
<el-table-column prop="PRODUCTION_USER_NAME" label="所在单位负责人" show-overflow-tooltip >
|
||||
<template slot-scope="{row}">
|
||||
{{ row.PRODUCTION_USER_NAME || ' 已跳过' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="SAFETY_DEPARTMENT_NAME" label="消防、安全管理部门负责人" show-overflow-tooltip width="200">
|
||||
<template slot-scope="{row}">
|
||||
{{ row.SAFETY_DEPARTMENT_NAME || ' 已跳过' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="LEADER_USER_NAME" label="审批部门负责人" show-overflow-tooltip >
|
||||
<template slot-scope="{row}">
|
||||
{{ row.LEADER_USER_NAME || ' 已跳过' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ACCEPT_USER_NAME" label="验收部门负责人" show-overflow-tooltip />
|
||||
<el-table-column prop="STATUS" label="审核状态">
|
||||
<template slot-scope="{row}">
|
||||
<span v-if="row.APPLY_STATUS==0">断路安全作业待提交</span>
|
||||
<span v-else-if="row.APPLY_STATUS==1">作业负责人待审核</span>
|
||||
<span v-else-if="row.APPLY_STATUS==2">所在单位待审核</span>
|
||||
<span v-else-if="row.APPLY_STATUS==3">消防、安全管理部门待审核</span>
|
||||
<span v-else-if="row.APPLY_STATUS==4">审批部门待审核</span>
|
||||
<span v-else-if="row.APPLY_STATUS==5">待验收</span>
|
||||
<span v-else-if="row.APPLY_STATUS==6">验收归档</span>
|
||||
<span v-else-if="row.APPLY_STATUS==-2">作业负责人审核打回</span>
|
||||
<span v-else-if="row.APPLY_STATUS==-3">所在单位审核打回</span>
|
||||
<span v-else-if="row.APPLY_STATUS==-4">消防、安全管理部门审核打回</span>
|
||||
<span v-else-if="row.APPLY_STATUS==-5">审批部门审核打回</span>
|
||||
<span v-else-if="row.APPLY_STATUS==-6">验收打回</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="230">
|
||||
<template slot-scope="{row}">
|
||||
<el-button type="primary" icon="el-icon-plus" @click="goChart(row)">流程图</el-button>
|
||||
<el-button type="primary" icon="el-icon-document" size="mini" @click="goDetail(row.CUTROAD_ID)">审批表详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="page-btn-group">
|
||||
<div>
|
||||
</div>
|
||||
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||
</div>
|
||||
<el-dialog :visible.sync="dialogFormShow " :title="dialogType==='add'?'查看流程图':'新增'" width="1400px">
|
||||
<el-steps :active="getStatus()" :process-status="getProcessStatus()" finish-status="success" align-center>
|
||||
<el-step title="断路安全作业提交">
|
||||
<template slot="description">
|
||||
<div>{{ getProcessMessage().title }}</div>
|
||||
<div>{{ getProcessMessage().USER_NAME }}</div>
|
||||
<div>{{ getProcessMessage().OPERATTIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="作业负责人意见">
|
||||
<template slot="description">
|
||||
<div>{{ pd.CONSTRUCTION_USER_NAME }}</div>
|
||||
<div>{{ pd.CONSTRUCTION_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="所在单位意见">
|
||||
<template slot="description">
|
||||
<div v-if="getIsPase('PRODUCTION_USER_NAME')">{{ '已跳过' }}</div>
|
||||
<div v-else>{{ pd.PRODUCTION_USER_NAME }}</div>
|
||||
<div>{{ pd.PRODUCTION_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="消防、安全管理部门意见" >
|
||||
<template slot="description">
|
||||
<div v-if="getIsPase('SAFETY_DEPARTMENT_NAME')">{{ '已跳过' }}</div>
|
||||
<div v-else>{{ pd.SAFETY_USER_NAME }}</div>
|
||||
<div>{{ pd.SAFETY_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="审批部门意见" >
|
||||
<template slot="description">
|
||||
<div v-if="getIsPase('LEADER_USER_NAME')">{{ '已跳过' }}</div>
|
||||
<div v-else>{{ pd.LEADER_USER_NAME }}</div>
|
||||
<div>{{ pd.LEADER_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="完成验收" description="">
|
||||
<template slot="description">
|
||||
<div>{{ pd.ACCEPT_USER_NAME }}</div>
|
||||
<div>{{ pd.ACCEPT_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step title="验收归档" description="">
|
||||
<template slot="description">
|
||||
<div>{{ pd.ACCEPT_USER_NAME }}</div>
|
||||
<div>{{ pd.ACCEPT_USER_SIGNER_TIME }}</div>
|
||||
</template>
|
||||
</el-step>
|
||||
</el-steps>
|
||||
<div style="margin: 60px 60px 0 60px;display: flex;justify-content: space-between">
|
||||
<div v-if="pd.GUARDIAN_USER_SIGNER_TIME">
|
||||
<div style="color: #13ce66">
|
||||
监护人：{{ pd.GUARDIAN_USER_NAME }}已签字
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!pd.GUARDIAN_USER_SIGNER_TIME">
|
||||
<div style="color: red">
|
||||
监护人：{{ pd.GUARDIAN_USER_NAME }}未签字
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="pd.CONFESS_USER_SIGNER_TIME">
|
||||
<div style="color: #13ce66">
|
||||
安全交底人：{{ pd.CONFESS_USER_NAME }}已签字
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!pd.CONFESS_USER_SIGNER_TIME">
|
||||
<div style="color: red">
|
||||
安全交底人：{{ pd.CONFESS_USER_NAME }}未签字
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="pd.ACCEPT_CONFESS_USER_SIGNER_TIME">
|
||||
<div style="color: #13ce66">
|
||||
接受交底人：{{ pd.ACCEPT_CONFESS_USER_NAME }}已签字
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!pd.ACCEPT_CONFESS_USER_SIGNER_TIME">
|
||||
<div style="color: red">
|
||||
接受交底人：{{ pd.ACCEPT_CONFESS_USER_NAME }}未签字
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button @click="dialogFormShow = false">取 消</el-button>-->
|
||||
<el-button type="primary" @click="dialogFormShow = false">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<div style="height: 60px;"></div>
|
||||
<div class="ui-foot">
|
||||
<el-button type="primary" @click="goBack">返 回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
|
||||
import { requestFN } from '@/utils/request'
|
||||
import waves from '@/directive/waves' // waves directive
|
||||
export default {
|
||||
components: { Pagination },
|
||||
directives: { waves },
|
||||
data() {
|
||||
return {
|
||||
listLoading: true,
|
||||
add: false,
|
||||
del: false,
|
||||
edit: false,
|
||||
listQuery: {
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
total: 0,
|
||||
KEYWORDS: '',
|
||||
varList: [],
|
||||
pd: [],
|
||||
|
||||
multipleSelectionAll: [], // 所有选中的数据包含跨页数据
|
||||
multipleSelection: [], // 当前页选中的数据
|
||||
dialogFormShow: false,
|
||||
dialogFormEdit: false,
|
||||
dialogType: 'add',
|
||||
replyVarList: [], // REPLY
|
||||
replyListQuery: {
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
replyTotal: 0,
|
||||
dialogFormHuifuShow: false,
|
||||
statusList: [
|
||||
{ ID: '', NAME: '请选择' },
|
||||
{ ID: '0', NAME: '断路安全作业待提交' },
|
||||
{ ID: '1', NAME: '作业负责人待审核' },
|
||||
{ ID: '2', NAME: '所在单位待审核' },
|
||||
{ ID: '3', NAME: '消防、安全管理部门待审核' },
|
||||
{ ID: '4', NAME: '审批部门待审核' },
|
||||
{ ID: '5', NAME: '待验收' },
|
||||
{ ID: '6', NAME: '验收归档' },
|
||||
{ ID: '-2', NAME: '作业负责人审核打回' },
|
||||
{ ID: '-3', NAME: '所在单位审核打回' },
|
||||
{ ID: '-4', NAME: '消防、安全管理部门审核打回' },
|
||||
{ ID: '-5', NAME: '审批部门审核打回' },
|
||||
{ ID: '-6', NAME: '验收打回' }
|
||||
],
|
||||
STATUS: '',
|
||||
DEPTIDS: ''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getRowKey(row) {
|
||||
return row.CUTROAD_ID
|
||||
},
|
||||
// 搜索
|
||||
getQuery() {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
this.getList()
|
||||
},
|
||||
goKeyReset() {
|
||||
this.KEYWORDS = ''
|
||||
this.STATUS = ''
|
||||
this.getQuery()
|
||||
},
|
||||
// 获取列表
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
requestFN(
|
||||
'/dangerousWork/gfcutroad/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||
{
|
||||
KEYWORDS: this.KEYWORDS, APPLY_STATUS: this.STATUS,
|
||||
DEPTIDS: this.DEPTIDS, tm: new Date().getTime(),
|
||||
CORPINFO_ID: this.$parent.CORPINFO_ID,
|
||||
ticketType: this.$parent.ticketType
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
this.varList = data.varList
|
||||
this.total = data.page.totalResult
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
goChart(row) {
|
||||
this.pd = row
|
||||
this.dialogFormShow = true
|
||||
},
|
||||
getStatus() {
|
||||
if (this.pd.APPLY_STATUS <= '0') {
|
||||
return 0
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '1') {
|
||||
return 1
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '2') {
|
||||
return 2
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '3') {
|
||||
return 3
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '4') {
|
||||
return 4
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '5') {
|
||||
return 5
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '6') {
|
||||
return 7
|
||||
}
|
||||
},
|
||||
getProcessStatus() {
|
||||
if (this.pd.APPLY_STATUS < '0') {
|
||||
return 'error'
|
||||
} else {
|
||||
return 'process'
|
||||
}
|
||||
},
|
||||
getProcessMessage() {
|
||||
let obj = {}
|
||||
if (this.pd.APPLY_STATUS >= '0') {
|
||||
obj = {
|
||||
title: '',
|
||||
USER_NAME: this.pd.APPLY_USER_NAME,
|
||||
OPERATTIME: this.pd.CREATTIME
|
||||
}
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '-2') {
|
||||
obj = {
|
||||
title: '作业负责人审核打回',
|
||||
USER_NAME: this.pd.CONSTRUCTION_USER_NAME,
|
||||
OPERATTIME: this.pd.OPERATTIME
|
||||
}
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '-3') {
|
||||
obj = {
|
||||
title: '所在单位审核打回',
|
||||
USER_NAME: this.pd.PRODUCTION_USER_NAME,
|
||||
OPERATTIME: this.pd.OPERATTIME
|
||||
}
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '-4') {
|
||||
obj = {
|
||||
title: '消防、安全管理部门审核打回',
|
||||
USER_NAME: this.pd.SAFETY_USER_NAME,
|
||||
OPERATTIME: this.pd.OPERATTIME
|
||||
}
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '-5') {
|
||||
obj = {
|
||||
title: '审批部门审核打回',
|
||||
USER_NAME: this.pd.LEADER_USER_NAME,
|
||||
OPERATTIME: this.pd.OPERATTIME
|
||||
}
|
||||
}
|
||||
if (this.pd.APPLY_STATUS == '-6') {
|
||||
obj = {
|
||||
title: '验收打回',
|
||||
AUSER_NAME: this.pd.ACCEPT_USER_NAME,
|
||||
OPERATTIME: this.pd.OPERATTIME
|
||||
}
|
||||
}
|
||||
return obj
|
||||
},
|
||||
getIsPase(col) {
|
||||
if (!this.pd[col]) {
|
||||
return '已跳过'
|
||||
}
|
||||
},
|
||||
goBack(){
|
||||
this.$parent.activeName = 'CorpInfo'
|
||||
this.$parent.CORPINFO_ID = ''
|
||||
this.$parent.ticketType = ''
|
||||
this.$parent.CUTROAD_ID =''
|
||||
},
|
||||
goDetail(id) {
|
||||
console.info(id)
|
||||
this.$parent.activeName = 'Detail'
|
||||
this.$parent.CUTROAD_ID = id
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<template>
|
||||
<div>
|
||||
<CorpInfo v-show="activeName=='CorpInfo'" ref="list" />
|
||||
<circuitList v-if="activeName=='circuit_list'"/>
|
||||
<Detail v-if="activeName=='Detail'"/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import CorpInfo from './components/corpInfo'
|
||||
import circuitList from './components/list'
|
||||
import Detail from './components/detail'
|
||||
export default {
|
||||
components: { CorpInfo, circuitList,Detail },
|
||||
data() {
|
||||
return {
|
||||
activeName: 'CorpInfo',
|
||||
CORPINFO_ID: '',
|
||||
ticketType: '',
|
||||
CUTROAD_ID: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue