企标稽查流程
This commit is contained in:
danshihao
@@ -243,5 +243,34 @@ module.exports = {
|
|||||||
solicitOpinionObject: '征求意见对象',
|
solicitOpinionObject: '征求意见对象',
|
||||||
isCountersign: '是否会签',
|
isCountersign: '是否会签',
|
||||||
countersignRelevantPersonnel: '会签相关人员'
|
countersignRelevantPersonnel: '会签相关人员'
|
||||||
|
},
|
||||||
|
// 企标稽查流程
|
||||||
|
esInspectionProcess: {
|
||||||
|
inspectionPlanEs: '稽查计划企标',
|
||||||
|
esNumber: '企标编号',
|
||||||
|
esName: '企标名称',
|
||||||
|
inspectionContent: '稽查内容',
|
||||||
|
accordingToTerms: '依据条款',
|
||||||
|
standardContentOrDemand: '标准内容或要求',
|
||||||
|
opinion: '意见',
|
||||||
|
sectionNumber: '章节编号',
|
||||||
|
inspectionReport: '稽查报告',
|
||||||
|
rectificationPlan: '整改计划',
|
||||||
|
actualInspectionCompletionDate: '实际稽查完成日期',
|
||||||
|
actualInspector: '实际稽查人',
|
||||||
|
implementation: '执行情况',
|
||||||
|
file: '附件',
|
||||||
|
score: '评分',
|
||||||
|
enterpriseStandard: '企标：',
|
||||||
|
sectionClause: '章节条款',
|
||||||
|
isNeedRectification: '是否需要整改',
|
||||||
|
nonCompliantDescription: '不符合项描述',
|
||||||
|
rectificationMeasures: '整改措施',
|
||||||
|
rectificationUnit: '整改单位',
|
||||||
|
rectificationDirector: '整改负责人',
|
||||||
|
planDoneDate: '计划完成日期',
|
||||||
|
rectificationPlanDoneDate: '整改计划完成日期',
|
||||||
|
rectificationRealityDoneDate: '整改实际完成日期',
|
||||||
|
rectificationStatus: '整改状态'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -260,5 +260,34 @@ module.exports = {
|
|||||||
solicitOpinionObject: '征求意见对象',
|
solicitOpinionObject: '征求意见对象',
|
||||||
isCountersign: '是否会签',
|
isCountersign: '是否会签',
|
||||||
countersignRelevantPersonnel: '会签相关人员'
|
countersignRelevantPersonnel: '会签相关人员'
|
||||||
|
},
|
||||||
|
// 企标稽查流程
|
||||||
|
esInspectionProcess: {
|
||||||
|
inspectionPlanEs: '稽查计划企标',
|
||||||
|
esNumber: '企标编号',
|
||||||
|
esName: '企标名称',
|
||||||
|
inspectionContent: '稽查内容',
|
||||||
|
accordingToTerms: '依据条款',
|
||||||
|
standardContentOrDemand: '标准内容或要求',
|
||||||
|
opinion: '意见',
|
||||||
|
sectionNumber: '章节编号',
|
||||||
|
inspectionReport: '稽查报告',
|
||||||
|
rectificationPlan: '整改计划',
|
||||||
|
actualInspectionCompletionDate: '实际稽查完成日期',
|
||||||
|
actualInspector: '实际稽查人',
|
||||||
|
implementation: '执行情况',
|
||||||
|
file: '附件',
|
||||||
|
score: '评分',
|
||||||
|
enterpriseStandard: '企标：',
|
||||||
|
sectionClause: '章节条款',
|
||||||
|
isNeedRectification: '是否需要整改',
|
||||||
|
nonCompliantDescription: '不符合项描述',
|
||||||
|
rectificationMeasures: '整改措施',
|
||||||
|
rectificationUnit: '整改单位',
|
||||||
|
rectificationDirector: '整改负责人',
|
||||||
|
planDoneDate: '计划完成日期',
|
||||||
|
rectificationPlanDoneDate: '整改计划完成日期',
|
||||||
|
rectificationRealityDoneDate: '整改实际完成日期',
|
||||||
|
rectificationStatus: '整改状态'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{ // 企标稽查流程
|
{ // 企标稽查流程
|
||||||
title: this.$t('workCenter.newProcess.processOfEnterpriseStandardAudit'),
|
title: this.$t('workCenter.newProcess.processOfEnterpriseStandardAudit'),
|
||||||
path: ''
|
path: '/workCenter/EnterpriseStandardInspectionProcess'
|
||||||
},
|
},
|
||||||
{ // 稽查延期申请流程
|
{ // 稽查延期申请流程
|
||||||
title: this.$t('workCenter.newProcess.auditExtensionApplicationProcess'),
|
title: this.$t('workCenter.newProcess.auditExtensionApplicationProcess'),
|
||||||
|
|||||||
+241
@@ -0,0 +1,241 @@
|
|||||||
|
<template>
|
||||||
|
<internal-detail-page :title="pageTitle" :content-padding="0">
|
||||||
|
<!-- 标题右侧tab -->
|
||||||
|
<template v-slot:titleRightCustom>
|
||||||
|
<div class="table-operator-tab">
|
||||||
|
<!-- 基础信息 -->
|
||||||
|
<a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
|
||||||
|
@click="switchChange('base')">{{ $t('basicInformation') }}
|
||||||
|
</a>
|
||||||
|
<!-- 人员信息 -->
|
||||||
|
<a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
|
||||||
|
@click="switchChange('user')">{{ $t('personalInformation') }}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!--基本信息-->
|
||||||
|
<div class="detail-page-scroll-content" v-show="switchValue === 'base'">
|
||||||
|
<!-- 流程信息 -->
|
||||||
|
<div class="process-part-title">{{ $t('processInformation') }}</div>
|
||||||
|
<a-form :form="processInfoForm">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 流程名称 -->
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter') + $t('processName')"
|
||||||
|
@change="event => event.target.value = event.target.value.trim()"
|
||||||
|
:disabled="disabled || processDisabled"
|
||||||
|
:maxLength="50"
|
||||||
|
v-decorator="['processName', validatorRules.processName]" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12">
|
||||||
|
<!-- 截止日期 -->
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
|
||||||
|
<a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
|
||||||
|
style="width: 100%"
|
||||||
|
:disabled="disabled || processDisabled"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
v-decorator="['expirationDate']" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<!-- 流程说明 -->
|
||||||
|
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
|
||||||
|
:maxLength="500"
|
||||||
|
:rows="4"
|
||||||
|
:disabled="disabled || processDisabled"
|
||||||
|
v-decorator="['processExplain']" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
|
||||||
|
<!-- 业务基本信息 -->
|
||||||
|
<div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
|
||||||
|
<!-- 流程表格 -->
|
||||||
|
<inspection-process-table :current-node="currentNode" />
|
||||||
|
|
||||||
|
<!-- 流程审批信息 -->
|
||||||
|
<div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
|
||||||
|
<a-form :form="approvalInfoForm">
|
||||||
|
<!--备注-->
|
||||||
|
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
|
||||||
|
:maxLength="500"
|
||||||
|
:rows="4"
|
||||||
|
v-decorator="['remarks', validatorRules.remarks]" />
|
||||||
|
</a-form-item>
|
||||||
|
<!--附件-->
|
||||||
|
<a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
|
||||||
|
<j-upload v-decorator="['file']" return-id />
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
<!-- 人员信息 -->
|
||||||
|
<div v-if="switchValue === 'user'" class="detail-page-scroll-content p-0">
|
||||||
|
<process-detail-list :url="url">
|
||||||
|
<personnel-info slot="personnelInfo" :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
|
||||||
|
</process-detail-list>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="detail-page-bottom-operate-box">
|
||||||
|
<a-button type="primary" :loading="loading" @click="handleSave" ghost><i class="iconfont icon-save" />{{ $t('preservation') }}</a-button>
|
||||||
|
<a-button type="primary" :loading="loading" @click="handleSubmit" icon="upload">{{ $t('submit') }}</a-button>
|
||||||
|
<a-button type="primary" :loading="loading" @click="handleAgree" icon="check-circle">{{ $t('agree') }}</a-button>
|
||||||
|
</div>
|
||||||
|
</internal-detail-page>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import InternalDetailPage from '@comp/InternalDetailPage'
|
||||||
|
import ProcessDetailList from '@comp/ProcessDetailList'
|
||||||
|
import PersonnelInfo from '@comp/PersonnelInfo'
|
||||||
|
import InspectionProcessTable
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable'
|
||||||
|
|
||||||
|
// 标准立项的人员信息
|
||||||
|
const approvalPersonalInfo = [ // 人员信息的数据
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
nodeName: '稽查负责人发起计划',
|
||||||
|
nodeRoleName: '稽查负责人',
|
||||||
|
canChoose: false,
|
||||||
|
userList: `系统管理员`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
nodeName: '负责人主管级领导审批',
|
||||||
|
nodeRoleName: '负责人主管级领导',
|
||||||
|
canChoose: true,
|
||||||
|
chooseType: 'checkbox',
|
||||||
|
// chooseSource: 'contactManage',
|
||||||
|
fieldName: 'contactUser'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
nodeName: '稽查负责人上传稽查报告和整改计划',
|
||||||
|
nodeRoleName: '稽查负责人',
|
||||||
|
canChoose: false,
|
||||||
|
chooseType: 'checkbox',
|
||||||
|
// chooseSource: 'contactManage',
|
||||||
|
fieldName: 'contactUser'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
nodeName: '负责人主管级领导审批',
|
||||||
|
nodeRoleName: '负责人主管级领导',
|
||||||
|
canChoose: false,
|
||||||
|
chooseType: 'radio',
|
||||||
|
// chooseSource: 'contactManage',
|
||||||
|
fieldName: 'contactUser'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
nodeName: '相关人员会签',
|
||||||
|
nodeRoleName: '相关人员',
|
||||||
|
canChoose: true,
|
||||||
|
chooseType: 'checkbox',
|
||||||
|
// chooseSource: 'contactManage',
|
||||||
|
fieldName: 'contactUser'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'EnterpriseStandardInspectionProcess',
|
||||||
|
components: { InspectionProcessTable, PersonnelInfo, ProcessDetailList, InternalDetailPage },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
switchValue: 'base',
|
||||||
|
disabled: false,
|
||||||
|
labelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 4 }
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 20 }
|
||||||
|
},
|
||||||
|
longLabelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 2 }
|
||||||
|
},
|
||||||
|
longWrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 22 }
|
||||||
|
},
|
||||||
|
currentNode: '5',
|
||||||
|
personnelInfoData: [], // 人员信息数据
|
||||||
|
validatorRules: {
|
||||||
|
// 流程名称
|
||||||
|
processName: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('processName') }
|
||||||
|
],
|
||||||
|
validateTrigger: 'blur'
|
||||||
|
},
|
||||||
|
// 备注
|
||||||
|
remarks: {
|
||||||
|
rules: [
|
||||||
|
{ required: false, message: this.$t('pleaseEnter') + this.$t('remarks') }
|
||||||
|
],
|
||||||
|
validateTrigger: 'blur'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
processInfoForm: this.$form.createForm(this),
|
||||||
|
countersignForm: this.$form.createForm(this),
|
||||||
|
approvalInfoForm: this.$form.createForm(this),
|
||||||
|
// 是否会签
|
||||||
|
isCountersign: null,
|
||||||
|
url: {
|
||||||
|
list: '' // 人员信息右侧表的分页查询接口
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
pageTitle () {
|
||||||
|
return this.$t('flowCenter') + this.$route.meta.title
|
||||||
|
},
|
||||||
|
processDisabled () {
|
||||||
|
return +this.currentNode > 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
switchChange (value) {
|
||||||
|
this.switchValue = value
|
||||||
|
},
|
||||||
|
handleSave () {
|
||||||
|
// if (this.loading) return
|
||||||
|
|
||||||
|
},
|
||||||
|
handleSubmit () {
|
||||||
|
if (this.loading) return
|
||||||
|
this.currentNode = +this.currentNode + 1 + ''
|
||||||
|
},
|
||||||
|
handleAgree () {
|
||||||
|
if (this.loading) return
|
||||||
|
this.currentNode = +this.currentNode + 1 + ''
|
||||||
|
},
|
||||||
|
// 是否会签改变
|
||||||
|
changeIsCountersign (val) {
|
||||||
|
if (val === '1') {
|
||||||
|
this.isCountersign = true
|
||||||
|
} else if (val === '2') {
|
||||||
|
this.isCountersign = false
|
||||||
|
} else {
|
||||||
|
this.isCountersign = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
this.personnelInfoData = approvalPersonalInfo
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
+154
@@ -0,0 +1,154 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<div class="table-operator" v-if="!disabled">
|
||||||
|
<!-- 新增 -->
|
||||||
|
<a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
|
||||||
|
</div>
|
||||||
|
<j-table
|
||||||
|
v-if="columns && columns.length > 0"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:can-drag="true"
|
||||||
|
rowKey="id"
|
||||||
|
:row-selection="null"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%'}"
|
||||||
|
@change="tableOnChange">
|
||||||
|
|
||||||
|
<!-- 企标号、企标名称 -->
|
||||||
|
<template v-slot:standard="{text, record}">
|
||||||
|
<a-tooltip overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
|
||||||
|
<div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 操作 -->
|
||||||
|
<template slot="action" slot-scope="{text, record, index}">
|
||||||
|
<a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
|
||||||
|
<a-divider type="vertical" />
|
||||||
|
<a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</j-table>
|
||||||
|
</a-spin>
|
||||||
|
<!-- 新增编辑稽查内容 -->
|
||||||
|
<inspection-process-content-modal ref="inspectionProcessContentModal" @ok="modalFormOk"/>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
import InspectionProcessContentModal
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessContent',
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
components: { InspectionProcessContentModal, JTable },
|
||||||
|
props: {
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
const columns = [
|
||||||
|
{ // 依据条款
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.accordingToTerms'),
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
dataIndex: 'planInspectionDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 标准内容或要求
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.standardContentOrDemand'),
|
||||||
|
align: 'center',
|
||||||
|
width: 200,
|
||||||
|
dataIndex: 'inspectionDirector',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 操作
|
||||||
|
fixed: 'right',
|
||||||
|
title: this.$t('operation'),
|
||||||
|
// dataIndex: 'action',
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
scopedSlots: { customRender: 'action' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
return {
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionContent'),
|
||||||
|
drawerWidth: 1000,
|
||||||
|
visible: false,
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
url: {
|
||||||
|
list: ''
|
||||||
|
},
|
||||||
|
dataSource: [{}],
|
||||||
|
columns: columns.slice(0, this.disabled ? 2 : 3)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show (record) {
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
console.log(this.selectedRowKeys)
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 跳转详情
|
||||||
|
detailClick (record) {
|
||||||
|
this.$openPageNewSheet({
|
||||||
|
path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
|
||||||
|
query: {
|
||||||
|
id: record.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tableOnChange (pagination, filters, sorter) {
|
||||||
|
this.orderBy = sorter.order === 'ascend' ? '1' : '2'
|
||||||
|
this.orderByField = sorter.columnKey
|
||||||
|
this.ipagination = pagination
|
||||||
|
this.getTableList()
|
||||||
|
},
|
||||||
|
handleAdd () {
|
||||||
|
this.$refs.inspectionProcessContentModal.title = this.$t('add') + this.$t('workCenter.esInspectionProcess.opinion')
|
||||||
|
this.$refs.inspectionProcessContentModal.add()
|
||||||
|
},
|
||||||
|
handleEdit (record, index) {
|
||||||
|
const { file } = record
|
||||||
|
this.$refs.inspectionProcessContentModal.title = this.$t('edit') + this.$t('workCenter.esInspectionProcess.opinion')
|
||||||
|
this.$refs.inspectionProcessContentModal.edit(file, record, index)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
+213
@@ -0,0 +1,213 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:maskClosable="true"
|
||||||
|
:width="500"
|
||||||
|
:closable="true"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
fullscreen
|
||||||
|
:visible="visible">
|
||||||
|
<div class="content">
|
||||||
|
<!-- 左侧文件预览 -->
|
||||||
|
<div class="content-left">
|
||||||
|
<iframe v-if="iframeSrc" :src="iframeSrc" width="100%" frameborder="0"></iframe>
|
||||||
|
<a-empty class="empty-file" v-else description="当前文件类型暂不支持预览"></a-empty>
|
||||||
|
</div>
|
||||||
|
<!-- 右侧表单区域 -->
|
||||||
|
<div class="content-right">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<a-form :form="form">
|
||||||
|
<!-- 章节编号 -->
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('workCenter.esInspectionProcess.sectionNumber')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.sectionNumber')"
|
||||||
|
:maxLength="50"
|
||||||
|
@change="event => event.target.value = event.target.value.trim()"
|
||||||
|
v-decorator.trim="[ 'sectionNumber', validatorRules.sectionNumber ]" />
|
||||||
|
</a-form-item>
|
||||||
|
<!-- 标准内容或要求 -->
|
||||||
|
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
|
||||||
|
<a-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.standardContentOrDemand')"
|
||||||
|
:maxLength="50"
|
||||||
|
@change="event => event.target.value = event.target.value.trim()"
|
||||||
|
v-decorator.trim="[ 'standardContentOrDemand', validatorRules.standardContentOrDemand ]" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</a-spin>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 操作按钮 -->
|
||||||
|
<template slot="footer">
|
||||||
|
<a-button :loading="confirmLoading" @click="handleCancel">
|
||||||
|
{{ $t('cancel') }}
|
||||||
|
</a-button>
|
||||||
|
<a-button type="primary" :loading="confirmLoading" @click="handleSubmitAddAdd">
|
||||||
|
{{ $t('submitAddAdd') }}
|
||||||
|
</a-button>
|
||||||
|
<a-button type="primary" :loading="confirmLoading" @click="handleOk">
|
||||||
|
{{ $t('submit') }}
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import pick from 'lodash.pick'
|
||||||
|
import { getFileInfo } from '@/api/api'
|
||||||
|
import { previewPdf } from '@/utils/previewPdf'
|
||||||
|
import Vue from 'vue'
|
||||||
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
||||||
|
|
||||||
|
const Base64 = require('js-base64').Base64
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessContentModal',
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
title: '',
|
||||||
|
visible: false,
|
||||||
|
confirmLoading: false,
|
||||||
|
form: this.$form.createForm(this),
|
||||||
|
model: {},
|
||||||
|
labelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 6 }
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 16 }
|
||||||
|
},
|
||||||
|
validatorRules: {
|
||||||
|
// 章节编号
|
||||||
|
sectionNumber: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.sectionNumber') }
|
||||||
|
],
|
||||||
|
validateTrigger: 'blur'
|
||||||
|
},
|
||||||
|
// 标准内容或要求
|
||||||
|
standardContentOrDemand: {
|
||||||
|
rules: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.standardContentOrDemand') }
|
||||||
|
],
|
||||||
|
validateTrigger: 'blur'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
index: undefined, // 编辑的表格的下标
|
||||||
|
iframeSrc: '' // 左侧预览的路径
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
add (file) {
|
||||||
|
this.getFileInfo(file).then(res => {
|
||||||
|
this.handlePreview(res)
|
||||||
|
})
|
||||||
|
this.visible = true
|
||||||
|
this.form.resetFields()
|
||||||
|
},
|
||||||
|
edit (file, record, index) {
|
||||||
|
this.getFileInfo(file).then(res => {
|
||||||
|
this.handlePreview(res)
|
||||||
|
})
|
||||||
|
this.visible = true
|
||||||
|
this.index = index
|
||||||
|
this.form.resetFields()
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.form.setFieldsValue(pick(this.model, 'sectionNumber', 'standardContentOrDemand'))
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getFileInfo (fileId) {
|
||||||
|
return new Promise(resolve => {
|
||||||
|
let fileInfo
|
||||||
|
getFileInfo({ id: fileId }).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
fileInfo = res.result
|
||||||
|
}
|
||||||
|
}).finally(() => {
|
||||||
|
resolve(fileInfo)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handlePreview (file) {
|
||||||
|
const fileSuffix = file.fileName ? file.fileName.split('.')[file.fileName.split('.').length - 1].toLowerCase() : ''
|
||||||
|
if (fileSuffix === 'pdf') {
|
||||||
|
// pdf预览
|
||||||
|
const url = previewPdf(file.id)
|
||||||
|
this.iframeSrc = url
|
||||||
|
} else if (fileSuffix === 'docx') {
|
||||||
|
const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/download/${file.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.fileName}`
|
||||||
|
// word文件仍使用KKFile进行预览
|
||||||
|
const url = `${window._CONFIG.onlinePreviewDomainURL}?url=${encodeURIComponent(Base64.encode(fileFullUrl))}`
|
||||||
|
this.iframeSrc = url
|
||||||
|
}
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.visible = false
|
||||||
|
this.model = {}
|
||||||
|
this.index = undefined
|
||||||
|
this.iframeSrc = ''
|
||||||
|
},
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 提交并新增
|
||||||
|
handleSubmitAddAdd () {
|
||||||
|
if (this.confirmLoading) return
|
||||||
|
this.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
this.confirmLoading = true
|
||||||
|
const param = Object.assign({}, values)
|
||||||
|
console.log(param)
|
||||||
|
this.$emit('ok', param, this.index)
|
||||||
|
this.form.resetFields()
|
||||||
|
this.model = {}
|
||||||
|
this.confirmLoading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleOk () {
|
||||||
|
if (this.confirmLoading) return
|
||||||
|
this.form.validateFields((err, values) => {
|
||||||
|
if (!err) {
|
||||||
|
this.confirmLoading = true
|
||||||
|
const param = Object.assign({}, values)
|
||||||
|
console.log(param)
|
||||||
|
this.$emit('ok', param, this.index)
|
||||||
|
this.close()
|
||||||
|
this.confirmLoading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
.content-left {
|
||||||
|
width: 60%;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
iframe {
|
||||||
|
height: calc(100% - 20px) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.content-right {
|
||||||
|
width: 40%;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-file {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+180
@@ -0,0 +1,180 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<p>
|
||||||
|
{{ $t('workCenter.esInspectionProcess.enterpriseStandard') }}
|
||||||
|
{{model.inspectNo}}
|
||||||
|
{{model.inspectName}}
|
||||||
|
</p>
|
||||||
|
<div class="table-operator" v-if="!disabled">
|
||||||
|
<!-- 新增 -->
|
||||||
|
<a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
|
||||||
|
</div>
|
||||||
|
<j-table
|
||||||
|
v-if="columns && columns.length > 0"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:can-drag="true"
|
||||||
|
rowKey="id"
|
||||||
|
:row-selection="null"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%'}"
|
||||||
|
@change="tableOnChange">
|
||||||
|
|
||||||
|
<!-- 企标号、企标名称 -->
|
||||||
|
<template v-slot:standard="{text, record}">
|
||||||
|
<a-tooltip overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
|
||||||
|
<div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 操作 -->
|
||||||
|
<template slot="action" slot-scope="{text, record, index}">
|
||||||
|
<a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
|
||||||
|
<a-divider type="vertical" />
|
||||||
|
<a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</j-table>
|
||||||
|
</a-spin>
|
||||||
|
<!-- 新增、编辑整改计划 -->
|
||||||
|
<inspection-process-rectification-plan-modal ref="modalForm" @ok="modalFormOk"/>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
import InspectionProcessRectificationPlanModal
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessRectificationPlan',
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
components: { InspectionProcessRectificationPlanModal, JTable },
|
||||||
|
props: {
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
const columns = [
|
||||||
|
{ // 不符合项描述
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.nonCompliantDescription'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'nonCompliantDescription',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 整改措施
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.rectificationMeasures'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'rectificationMeasures',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 整改负责人
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.rectificationDirector'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'rectificationDirector',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 整改计划完成时间
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.rectificationPlanDoneDate'),
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
dataIndex: 'rectificationPlanDoneDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 整改实际完成时间
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.rectificationRealityDoneDate'),
|
||||||
|
align: 'center',
|
||||||
|
width: 100,
|
||||||
|
dataIndex: 'rectificationRealityDoneDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 整改状态
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.rectificationStatus'),
|
||||||
|
align: 'center',
|
||||||
|
width: 100,
|
||||||
|
dataIndex: 'rectificationStatus',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 操作
|
||||||
|
fixed: 'right',
|
||||||
|
title: this.$t('operation'),
|
||||||
|
// dataIndex: 'action',
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
scopedSlots: { customRender: 'action' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
return {
|
||||||
|
disableMixinCreated: true,
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionReport'),
|
||||||
|
drawerWidth: 1000,
|
||||||
|
visible: false,
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
url: {
|
||||||
|
list: ''
|
||||||
|
},
|
||||||
|
dataSource: [{}],
|
||||||
|
columns: columns.slice(0, this.disabled ? 6 : 7)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show (record) {
|
||||||
|
this.loadData()
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
console.log(this.selectedRowKeys)
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 跳转详情
|
||||||
|
detailClick (record) {
|
||||||
|
this.$openPageNewSheet({
|
||||||
|
path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
|
||||||
|
query: {
|
||||||
|
id: record.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tableOnChange (pagination, filters, sorter) {
|
||||||
|
this.orderBy = sorter.order === 'ascend' ? '1' : '2'
|
||||||
|
this.orderByField = sorter.columnKey
|
||||||
|
this.ipagination = pagination
|
||||||
|
this.getTableList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
+271
@@ -0,0 +1,271 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model ref="form" :model="form" :rules="rules">
|
||||||
|
<!-- 章节条款 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="sectionClause"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.sectionClause')">
|
||||||
|
<a-select v-model="form.sectionClause"
|
||||||
|
:placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.sectionClause')"
|
||||||
|
show-search
|
||||||
|
:filter-option="filterOption">
|
||||||
|
<a-select-option v-for="item in sectionClauseList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 标准内容或要求 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="standardContentOrDemand"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
|
||||||
|
<a-input :max-length="50" v-model="form.standardContentOrDemand" disabled class="readonly-transparent" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 执行情况 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="implementation"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.implementation')">
|
||||||
|
<a-input :max-length="50" v-model="form.implementation" disabled
|
||||||
|
:placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.implementation')" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 附件 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.file')"
|
||||||
|
prop="file">
|
||||||
|
<a-input :max-length="50" v-model="form.file" disabled class="readonly-transparent" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 评分 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.score')"
|
||||||
|
prop="score">
|
||||||
|
<a-input-number v-model="form.score" :min="1" :max="200" disabled
|
||||||
|
:placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.score')"
|
||||||
|
style="width: 100%" :formatter="limitNumber" :parser="limitNumber" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 是否需要整改 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.isNeedRectification')"
|
||||||
|
prop="isNeedRectification">
|
||||||
|
<j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.isNeedRectification')"
|
||||||
|
type="radio"
|
||||||
|
dictCode="yn"
|
||||||
|
@change="changeIsNeedRectification"
|
||||||
|
v-model="form.isNeedRectification" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 不符合项描述 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.nonCompliantDescription')"
|
||||||
|
prop="nonCompliantDescription">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.nonCompliantDescription')"
|
||||||
|
:maxLength="500"
|
||||||
|
:rows="4"
|
||||||
|
v-model="form.nonCompliantDescription"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<template v-if="isNeedRectification">
|
||||||
|
<!-- 整改措施 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.rectificationMeasures')"
|
||||||
|
prop="rectificationMeasures">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.rectificationMeasures')"
|
||||||
|
:maxLength="500"
|
||||||
|
:rows="4"
|
||||||
|
v-model="form.rectificationMeasures"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 整改单位 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.rectificationUnit')"
|
||||||
|
prop="rectificationUnit">
|
||||||
|
<j-select-depart :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.rectificationUnit')"
|
||||||
|
v-model="form.rectificationUnit" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 整改负责人 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.rectificationDirector')"
|
||||||
|
prop="rectificationDirector">
|
||||||
|
<user-selection :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.rectificationDirector')"
|
||||||
|
type="radio" v-model="form.rectificationDirector"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 计划完成日期 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.planDoneDate')"
|
||||||
|
prop="planDoneDate">
|
||||||
|
<j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day"
|
||||||
|
:placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.planDoneDate')"
|
||||||
|
v-model="form.planDoneDate" />
|
||||||
|
</a-form-model-item>
|
||||||
|
</template>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import UploadFile from '@comp/UploadFile'
|
||||||
|
import UserSelection from '@comp/selection/UserSelection'
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessRectificationPlanModal',
|
||||||
|
components: { UserSelection, UploadFile },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
|
||||||
|
drawerWidth: 600,
|
||||||
|
visible: false,
|
||||||
|
form: {},
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
labelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 7 }
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 16 }
|
||||||
|
},
|
||||||
|
// 章节条款下拉
|
||||||
|
sectionClauseList: [],
|
||||||
|
// 是否需要整改（布尔值或null）
|
||||||
|
isNeedRectification: null,
|
||||||
|
rules: {
|
||||||
|
// 是否需要整改
|
||||||
|
isNeedRectification: [
|
||||||
|
{ required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.isNeedRectification'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
// 不符合项描述
|
||||||
|
nonCompliantDescription: [
|
||||||
|
{ required: false, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.nonCompliantDescription'), trigger: 'blur' }
|
||||||
|
],
|
||||||
|
// 整改措施
|
||||||
|
rectificationMeasures: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.rectificationMeasures'), trigger: 'blur' }
|
||||||
|
],
|
||||||
|
// 整改单位
|
||||||
|
rectificationUnit: [
|
||||||
|
{ required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.rectificationUnit'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
// 整改负责人
|
||||||
|
rectificationDirector: [
|
||||||
|
{ required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.rectificationDirector'), trigger: 'change' }
|
||||||
|
],
|
||||||
|
// 计划完成日期
|
||||||
|
planDoneDate: [
|
||||||
|
{ required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.planDoneDate'), trigger: 'change' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// 是否需要整改 改变时，修改 不符合项描述 必填状态
|
||||||
|
isNeedRectification (val) {
|
||||||
|
this.rules.nonCompliantDescription[0].required = val
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
add () {
|
||||||
|
this.edit({})
|
||||||
|
},
|
||||||
|
edit (record) {
|
||||||
|
this.form = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
this.$refs.form.validate((err, value) => {
|
||||||
|
console.log(err, value)
|
||||||
|
})
|
||||||
|
// this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
filterOption (input, option) {
|
||||||
|
return (
|
||||||
|
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||||
|
)
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 点击点击上传按钮
|
||||||
|
clickButtonToUpload (item) {
|
||||||
|
this.$refs.uploadFile.open(item.fileId)
|
||||||
|
// this.uploadName = item.dbFieldName
|
||||||
|
},
|
||||||
|
// 修改事件：是否需要整改
|
||||||
|
changeIsNeedRectification (val) {
|
||||||
|
if (val === '1') {
|
||||||
|
this.isNeedRectification = true
|
||||||
|
} else if (val === '2') {
|
||||||
|
this.isNeedRectification = false
|
||||||
|
} else {
|
||||||
|
this.isNeedRectification = null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 文件上传改变后的回调
|
||||||
|
uploadFileChange (data) {
|
||||||
|
const attIdList = []
|
||||||
|
if (data && data.length > 0) {
|
||||||
|
data.map(item => {
|
||||||
|
attIdList.push(item.id)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 赋值给当前对应的表单文件 */
|
||||||
|
this.form.file = attIdList.join(',')
|
||||||
|
},
|
||||||
|
// 正则替换小数点
|
||||||
|
limitNumber (value) {
|
||||||
|
if (typeof value === 'string') {
|
||||||
|
return !isNaN(Number(value)) ? value.replace(/\./g, '') : 0
|
||||||
|
} else if (typeof value === 'number') {
|
||||||
|
return !isNaN(value) ? String(value).replace(/\./g, '') : 0
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
// 无边框无背景
|
||||||
|
.readonly-transparent {
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: transparent;
|
||||||
|
&:hover {
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+183
@@ -0,0 +1,183 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<p>
|
||||||
|
{{ $t('workCenter.esInspectionProcess.enterpriseStandard') }}
|
||||||
|
{{model.inspectNo}}
|
||||||
|
{{model.inspectName}}
|
||||||
|
</p>
|
||||||
|
<div class="table-operator" v-if="!disabled">
|
||||||
|
<!-- 新增 -->
|
||||||
|
<a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
|
||||||
|
</div>
|
||||||
|
<j-table
|
||||||
|
v-if="columns && columns.length > 0"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:can-drag="true"
|
||||||
|
rowKey="id"
|
||||||
|
:row-selection="null"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%'}"
|
||||||
|
@change="tableOnChange">
|
||||||
|
|
||||||
|
<!-- 企标号、企标名称 -->
|
||||||
|
<template v-slot:standard="{text, record}">
|
||||||
|
<a-tooltip overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
|
||||||
|
<div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 操作 -->
|
||||||
|
<template slot="action" slot-scope="{text, record, index}">
|
||||||
|
<a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
|
||||||
|
<a-divider type="vertical" />
|
||||||
|
<a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</j-table>
|
||||||
|
</a-spin>
|
||||||
|
<!-- 新增、编辑稽查报告 -->
|
||||||
|
<inspection-process-report-modal ref="modalForm" @ok="modalFormOk"/>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
import InspectionProcessReportModal
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessReport',
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
components: { InspectionProcessReportModal, JTable },
|
||||||
|
props: {
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
const columns = [
|
||||||
|
{
|
||||||
|
title: this.$t('serialNumber'),
|
||||||
|
dataIndex: '',
|
||||||
|
key: 'rowIndex',
|
||||||
|
width: 60,
|
||||||
|
align: 'center',
|
||||||
|
customRender: function (t, r, index) {
|
||||||
|
return parseInt(index) + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ // 依据条款
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.accordingToTerms'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'planInspectionDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 标准内容或要求
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.standardContentOrDemand'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'inspectionDirector',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 执行情况
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.implementation'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'implementation',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 附件
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.file'),
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
dataIndex: 'file',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 评分
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.score'),
|
||||||
|
align: 'center',
|
||||||
|
width: 100,
|
||||||
|
dataIndex: 'score',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 操作
|
||||||
|
fixed: 'right',
|
||||||
|
title: this.$t('operation'),
|
||||||
|
// dataIndex: 'action',
|
||||||
|
align: 'center',
|
||||||
|
width: 140,
|
||||||
|
scopedSlots: { customRender: 'action' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
return {
|
||||||
|
disableMixinCreated: true,
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionReport'),
|
||||||
|
drawerWidth: 1000,
|
||||||
|
visible: false,
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
url: {
|
||||||
|
list: ''
|
||||||
|
},
|
||||||
|
dataSource: [{}],
|
||||||
|
columns: columns.slice(0, this.disabled ? 6 : 7)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show (record) {
|
||||||
|
this.loadData()
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
console.log(this.selectedRowKeys)
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 跳转详情
|
||||||
|
detailClick (record) {
|
||||||
|
this.$openPageNewSheet({
|
||||||
|
path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
|
||||||
|
query: {
|
||||||
|
id: record.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tableOnChange (pagination, filters, sorter) {
|
||||||
|
this.orderBy = sorter.order === 'ascend' ? '1' : '2'
|
||||||
|
this.orderByField = sorter.columnKey
|
||||||
|
this.ipagination = pagination
|
||||||
|
this.getTableList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
+174
@@ -0,0 +1,174 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model ref="form" :model="form" :rules="rules">
|
||||||
|
<!-- 章节条款 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="sectionClause"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.sectionClause')">
|
||||||
|
<a-select v-model="form.sectionClause"
|
||||||
|
:placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.sectionClause')"
|
||||||
|
show-search
|
||||||
|
:filter-option="filterOption">
|
||||||
|
<a-select-option v-for="item in sectionClauseList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 标准内容或要求 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="standardContentOrDemand"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
|
||||||
|
<a-input :max-length="50" v-model="form.standardContentOrDemand" disabled class="readonly-transparent" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 执行情况 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
prop="implementation"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.implementation')">
|
||||||
|
<a-input :max-length="50" v-model="form.implementation"
|
||||||
|
:placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.implementation')" />
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 附件 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.file')"
|
||||||
|
prop="file">
|
||||||
|
<a-button type="primary" class="button-text" @click="clickButtonToUpload">
|
||||||
|
{{
|
||||||
|
(form.file === 'null' || form.file === '' || form.file === null || form.file === undefined)
|
||||||
|
? $t('uploadFile.clickUpload')
|
||||||
|
: $t('uploadFile.viewUploadedFiles')
|
||||||
|
}}
|
||||||
|
</a-button>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- 评分 -->
|
||||||
|
<a-form-model-item
|
||||||
|
:labelCol="labelCol"
|
||||||
|
:wrapperCol="wrapperCol"
|
||||||
|
:label="$t('workCenter.esInspectionProcess.score')"
|
||||||
|
prop="score">
|
||||||
|
<a-input-number v-model="form.score" :min="1" :max="200"
|
||||||
|
:placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.score')"
|
||||||
|
style="width: 100%" :formatter="limitNumber" :parser="limitNumber" />
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import UploadFile from '@comp/UploadFile'
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessReportModal',
|
||||||
|
components: { UploadFile },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
|
||||||
|
drawerWidth: 600,
|
||||||
|
visible: false,
|
||||||
|
form: {},
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
labelCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 7 }
|
||||||
|
},
|
||||||
|
wrapperCol: {
|
||||||
|
xs: { span: 24 },
|
||||||
|
sm: { span: 16 }
|
||||||
|
},
|
||||||
|
// 章节条款下拉
|
||||||
|
sectionClauseList: [],
|
||||||
|
rules: {
|
||||||
|
implementation: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.implementation'), trigger: 'blur' }
|
||||||
|
],
|
||||||
|
score: [
|
||||||
|
{ required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.score'), trigger: 'blur' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
add () {
|
||||||
|
this.edit({})
|
||||||
|
},
|
||||||
|
edit (record) {
|
||||||
|
this.form = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
this.$refs.form.validate((err) => {
|
||||||
|
console.log(err)
|
||||||
|
})
|
||||||
|
// this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
filterOption (input, option) {
|
||||||
|
return (
|
||||||
|
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||||
|
)
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 点击点击上传按钮
|
||||||
|
clickButtonToUpload (item) {
|
||||||
|
this.$refs.uploadFile.open(item.fileId)
|
||||||
|
// this.uploadName = item.dbFieldName
|
||||||
|
},
|
||||||
|
// 文件上传改变后的回调
|
||||||
|
uploadFileChange (data) {
|
||||||
|
const attIdList = []
|
||||||
|
if (data && data.length > 0) {
|
||||||
|
data.map(item => {
|
||||||
|
attIdList.push(item.id)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 赋值给当前对应的表单文件 */
|
||||||
|
this.form.file = attIdList.join(',')
|
||||||
|
},
|
||||||
|
// 正则替换小数点
|
||||||
|
limitNumber (value) {
|
||||||
|
if (typeof value === 'string') {
|
||||||
|
return !isNaN(Number(value)) ? value.replace(/\./g, '') : 0
|
||||||
|
} else if (typeof value === 'number') {
|
||||||
|
return !isNaN(value) ? String(value).replace(/\./g, '') : 0
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
// 无边框无背景
|
||||||
|
.readonly-transparent {
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: transparent;
|
||||||
|
&:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+305
@@ -0,0 +1,305 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="table-operator" v-if="['1'].includes(currentNode)">
|
||||||
|
<!-- 新增 -->
|
||||||
|
<a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<j-table
|
||||||
|
v-if="columns && columns.length > 0"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:can-drag="true"
|
||||||
|
rowKey="id"
|
||||||
|
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%'}"
|
||||||
|
@change="tableOnChange">
|
||||||
|
|
||||||
|
<!-- 企标号、企标名称 -->
|
||||||
|
<template v-slot:standard="{text, record}">
|
||||||
|
<a-tooltip overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
|
||||||
|
<div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
<!-- 实际稽查完成日期 -->
|
||||||
|
<template v-slot:actualInspectionCompletionDate="{text, record}">
|
||||||
|
<div class="table-form" v-if="currentNode === '3'">
|
||||||
|
<j-date v-model="record.actualInspectionCompletionDate" :placeholder="$t('pleaseSelect')+$t('date')" showType="day"
|
||||||
|
style="width: 100%" :getCalendarContainer="(el) => getNumParentNode(el, 5)"></j-date>
|
||||||
|
</div>
|
||||||
|
<a-tooltip v-else overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<div class="table-text" v-if="text || text === 0">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 实际稽查人 -->
|
||||||
|
<template v-slot:actualInspector="{text, record}">
|
||||||
|
<div class="table-form" v-if="currentNode === '3'">
|
||||||
|
<a-select v-model="record.actualInspector" style="width: 100%"
|
||||||
|
:placeholder="$t('pleaseSelect')+$t('workCenter.esInspectionProcess.actualInspector')">
|
||||||
|
<a-select-option v-for="item in userList" :key="item.id" :value="item.id">{{ item.realname + '(' + item.username + ')' }}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
<a-tooltip v-else overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<div class="table-text" v-if="text || text === 0">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 操作 -->
|
||||||
|
<template slot="action" slot-scope="{text, record, index}">
|
||||||
|
<!-- 节点1显示稽查内容和删除、节点2显示稽查内容（只读） -->
|
||||||
|
<template v-if="['1', '2'].includes(currentNode)">
|
||||||
|
<a @click="handleInspectionContent(record, index)" >{{ $t('workCenter.esInspectionProcess.inspectionContent') + `(${record.num || 0}${$t('strip')})` }}</a>
|
||||||
|
<a-divider type="vertical" />
|
||||||
|
<a v-if="currentNode === '1'" @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
|
||||||
|
</template>
|
||||||
|
<!-- 后续节点都显示稽查报告和整改计划 -->
|
||||||
|
<template v-else>
|
||||||
|
<a @click="handleInspectionReport(record, index)" >{{ $t('workCenter.esInspectionProcess.inspectionReport') }}</a>
|
||||||
|
<a-divider type="vertical" />
|
||||||
|
<a @click="handleRectificationPlan(record, index)" >{{ $t('workCenter.esInspectionProcess.rectificationPlan') }}</a>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</j-table>
|
||||||
|
</div>
|
||||||
|
<!-- 添加稽查计划 -->
|
||||||
|
<inspection-process-table-modal ref="inspectionProcessTableModal" @ok="modalFormOk"/>
|
||||||
|
<!-- 稽查内容：节点2只查看，后续不显示 -->
|
||||||
|
<inspection-process-content ref="inspectionProcessContent" @ok="modalFormOk" :disabled="['2'].includes(currentNode)"/>
|
||||||
|
<!-- 稽查报告：节点3填写，后续只查看 -->
|
||||||
|
<inspection-process-report ref="inspectionProcessReport" @ok="modalFormOk" :disabled="['4', '5'].includes(currentNode)"/>
|
||||||
|
<!-- 整改计划：节点3填写，后续只查看 -->
|
||||||
|
<inspection-process-rectification-plan ref="inspectionProcessRectificationPlan" @ok="modalFormOk" :disabled="['4', '5'].includes(currentNode)"/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
import InspectionProcessTableModal
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal'
|
||||||
|
import InspectionProcessContent
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent'
|
||||||
|
import { getUserList } from '@api/api'
|
||||||
|
import InspectionProcessReport
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport'
|
||||||
|
import InspectionProcessRectificationPlan
|
||||||
|
from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan'
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessTable',
|
||||||
|
components: { InspectionProcessRectificationPlan, InspectionProcessReport, InspectionProcessContent, InspectionProcessTableModal, JTable },
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
props: {
|
||||||
|
// 当前节点
|
||||||
|
currentNode: {
|
||||||
|
type: String,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
url: {
|
||||||
|
list: ''
|
||||||
|
},
|
||||||
|
model: {},
|
||||||
|
userList: [],
|
||||||
|
dataSource: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
inspectionBasisStandardName: '123',
|
||||||
|
inspectionBasisStandardNumber: '123',
|
||||||
|
detailFlag: true,
|
||||||
|
departOpinion: '123',
|
||||||
|
mainDutyStandardizationGroup: '1699358097292472322'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
inspectionBasisStandardName: 'qaaa',
|
||||||
|
inspectionBasisStandardNumber: '12asdasdas3',
|
||||||
|
detailFlag: true,
|
||||||
|
departOpinion: '123',
|
||||||
|
opinion: [],
|
||||||
|
mainDutyStandardizationGroup: '1699358097292472322'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
inspectionBasisStandardName: '123',
|
||||||
|
inspectionBasisStandardNumber: '123',
|
||||||
|
detailFlag: true,
|
||||||
|
departOpinion: '123',
|
||||||
|
userId: 'e9ca23d68d884d4ebb19d07889727dae'
|
||||||
|
// mainDutyStandardizationGroup: '1699358097292472322'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
allColumns: [
|
||||||
|
{
|
||||||
|
title: this.$t('serialNumber'),
|
||||||
|
dataIndex: '',
|
||||||
|
key: 'rowIndex',
|
||||||
|
align: 'center',
|
||||||
|
width: 80,
|
||||||
|
customRender: function (t, r, index) {
|
||||||
|
return parseInt(index) + 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ // 稽查依据标准号
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.inspectionBasisStandardNumber'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'inspectionBasisStandardNumber',
|
||||||
|
scopedSlots: { customRender: 'standard' }
|
||||||
|
},
|
||||||
|
{ // 稽查依据标准名称
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.inspectionBasisStandardName'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'inspectionBasisStandardName',
|
||||||
|
scopedSlots: { customRender: 'standard' }
|
||||||
|
},
|
||||||
|
{ // 计划稽查对象
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.planInspectionObjects'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'planInspectionObjects',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 主责标准化工作组
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.mainDutyStandardizationGroup'),
|
||||||
|
align: 'center',
|
||||||
|
width: 150,
|
||||||
|
dataIndex: 'mainDutyStandardizationGroup',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 所属部门
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.department'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'department',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 计划稽查日期
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.planInspectionDate'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'planInspectionDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 稽查负责人
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.inspectionDirector'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'inspectionDirector',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 实际稽查完成日期
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.actualInspectionCompletionDate'),
|
||||||
|
align: 'center',
|
||||||
|
width: 200,
|
||||||
|
dataIndex: 'actualInspectionCompletionDate',
|
||||||
|
showCodeList: ['3', '4', '5'],
|
||||||
|
scopedSlots: { customRender: 'actualInspectionCompletionDate' }
|
||||||
|
},
|
||||||
|
{ // 实际稽查人
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.actualInspector'),
|
||||||
|
align: 'center',
|
||||||
|
width: 200,
|
||||||
|
dataIndex: 'actualInspector',
|
||||||
|
showCodeList: ['3', '4', '5'],
|
||||||
|
scopedSlots: { customRender: 'actualInspector' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 操作
|
||||||
|
fixed: 'right',
|
||||||
|
title: this.$t('operation'),
|
||||||
|
// dataIndex: 'action',
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
scopedSlots: { customRender: 'action' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 按节点进行过滤
|
||||||
|
columns () {
|
||||||
|
return this.allColumns.filter(item => {
|
||||||
|
// 没有这个属性，就默认显示
|
||||||
|
if (!item.showCodeList) {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
// 如果有，就根据当前节点显示
|
||||||
|
return item.showCodeList.includes(this.currentNode)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
if (this.currentNode === '3') {
|
||||||
|
this.getUserList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 返回用户列表
|
||||||
|
getUserList () {
|
||||||
|
getUserList({ pageNo: -1, pageSize: -1, order: 'desc', column: 'createTime' }).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.userList = res.result.records || []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 稽查内容
|
||||||
|
handleInspectionContent (record) {
|
||||||
|
this.$refs.inspectionProcessContent.show(record)
|
||||||
|
},
|
||||||
|
// 添加计划
|
||||||
|
handleAdd () {
|
||||||
|
this.$refs.inspectionProcessTableModal.show()
|
||||||
|
},
|
||||||
|
// 跳转详情
|
||||||
|
detailClick (record) {
|
||||||
|
this.$openPageNewSheet({
|
||||||
|
path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
|
||||||
|
query: {
|
||||||
|
id: record.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tableOnChange (pagination, filters, sorter) {
|
||||||
|
this.orderBy = sorter.order === 'ascend' ? '1' : '2'
|
||||||
|
this.orderByField = sorter.columnKey
|
||||||
|
this.ipagination = pagination
|
||||||
|
this.getTableList()
|
||||||
|
},
|
||||||
|
handleInspectionReport (record) {
|
||||||
|
this.$refs.inspectionProcessReport.show(record)
|
||||||
|
},
|
||||||
|
handleRectificationPlan (record) {
|
||||||
|
this.$refs.inspectionProcessRectificationPlan.show(record)
|
||||||
|
},
|
||||||
|
// 获取向上第n个父节点
|
||||||
|
getNumParentNode (el, n) {
|
||||||
|
if (n < 1 || el === document.body) {
|
||||||
|
return el.parentNode || document.body
|
||||||
|
}
|
||||||
|
return this.getNumParentNode(el.parentNode, n - 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.table-form {
|
||||||
|
position: relative;
|
||||||
|
/deep/ .ant-calendar-picker {
|
||||||
|
min-width: 130px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+171
@@ -0,0 +1,171 @@
|
|||||||
|
<template>
|
||||||
|
<j-modal
|
||||||
|
:title="title"
|
||||||
|
:width="drawerWidth"
|
||||||
|
:visible="visible"
|
||||||
|
:confirmLoading="confirmLoading"
|
||||||
|
switchFullscreen
|
||||||
|
@ok="handleOk"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
:cancelText="$t('close')">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<!--查询区域-->
|
||||||
|
<div class="table-page-search-wrapper">
|
||||||
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<!--标准名称/编号-->
|
||||||
|
<a-col :md="8" :sm="12">
|
||||||
|
<a-form-item :label="$t('workCenter.esInspectionProcess.esNumber') + '/' + $t('workCenter.esInspectionProcess.esName')">
|
||||||
|
<j-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.esNumber') + '/' + $t('workCenter.esInspectionProcess.esName')"
|
||||||
|
v-model="queryParam.projectName"></j-input>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :md="6" :sm="8">
|
||||||
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||||
|
<a-button type="primary" @click="searchReset" icon="reload" ghost>{{ $t('reset') }}</a-button>
|
||||||
|
<a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">
|
||||||
|
{{ $t('query') }}
|
||||||
|
</a-button>
|
||||||
|
</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
<j-table
|
||||||
|
v-if="columns && columns.length > 0"
|
||||||
|
:columns="columns"
|
||||||
|
:dataSource="dataSource"
|
||||||
|
:can-drag="true"
|
||||||
|
rowKey="id"
|
||||||
|
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||||
|
:pagination="ipagination"
|
||||||
|
:scroll="{x: '100%'}"
|
||||||
|
@change="tableOnChange">
|
||||||
|
<!-- 企标号、企标名称 -->
|
||||||
|
<template v-slot:standard="{text, record}">
|
||||||
|
<a-tooltip overlay-class-name="tooltip-style">
|
||||||
|
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||||
|
<a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
|
||||||
|
<div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
|
||||||
|
<div class="table-text" v-else>{{ global.emptyLine }}</div>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
</j-table>
|
||||||
|
</a-spin>
|
||||||
|
</j-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import JTable from '@comp/jero/JTable'
|
||||||
|
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InspectionProcessTableModal',
|
||||||
|
mixins: [JeroListMixin],
|
||||||
|
components: { JTable },
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
disableMixinCreated: true,
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
|
||||||
|
drawerWidth: 1000,
|
||||||
|
visible: false,
|
||||||
|
model: {},
|
||||||
|
confirmLoading: false,
|
||||||
|
url: {
|
||||||
|
list: ''
|
||||||
|
},
|
||||||
|
dataSource: [{}],
|
||||||
|
columns: [
|
||||||
|
{ // 稽查依据标准号
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.esNumber'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'inspectionBasisStandardNumber',
|
||||||
|
scopedSlots: { customRender: 'standard' }
|
||||||
|
},
|
||||||
|
{ // 稽查依据标准名称
|
||||||
|
title: this.$t('workCenter.esInspectionProcess.esName'),
|
||||||
|
align: 'center',
|
||||||
|
width: 180,
|
||||||
|
dataIndex: 'inspectionBasisStandardName',
|
||||||
|
scopedSlots: { customRender: 'standard' }
|
||||||
|
},
|
||||||
|
{ // 计划稽查对象
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.planInspectionObjects'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'planInspectionObjects',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 主责标准化工作组
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.mainDutyStandardizationGroup'),
|
||||||
|
align: 'center',
|
||||||
|
width: 150,
|
||||||
|
dataIndex: 'mainDutyStandardizationGroup',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 所属部门
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.department'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'department',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 计划稽查日期
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.planInspectionDate'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'planInspectionDate',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
},
|
||||||
|
{ // 稽查负责人
|
||||||
|
title: this.$t('workCenter.esInspectionPlan.inspectionDirector'),
|
||||||
|
align: 'center',
|
||||||
|
width: 120,
|
||||||
|
dataIndex: 'inspectionDirector',
|
||||||
|
scopedSlots: { customRender: 'text' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show (record) {
|
||||||
|
this.loadData()
|
||||||
|
this.model = Object.assign({}, record)
|
||||||
|
this.visible = true
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleOk () {
|
||||||
|
console.log(this.selectedRowKeys)
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleCancel () {
|
||||||
|
this.close()
|
||||||
|
},
|
||||||
|
close () {
|
||||||
|
this.$emit('close')
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
// 跳转详情
|
||||||
|
detailClick (record) {
|
||||||
|
this.$openPageNewSheet({
|
||||||
|
path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
|
||||||
|
query: {
|
||||||
|
id: record.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
tableOnChange (pagination, filters, sorter) {
|
||||||
|
this.orderBy = sorter.order === 'ascend' ? '1' : '2'
|
||||||
|
this.orderByField = sorter.columnKey
|
||||||
|
this.ipagination = pagination
|
||||||
|
this.getTableList()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user