update 项目库
This commit is contained in:
赵霄
@@ -0,0 +1,313 @@
|
||||
<template>
|
||||
<a-card :bordered="false">
|
||||
<!--查询-->
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<!--标准号-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('standardNumber')" :labelCol="{span: 6}" :wrapperCol="{span: 14}">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('standardNumber')"
|
||||
v-model="queryParam.standardNumber"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!--标准名称-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('standardName')" :labelCol="{span: 6}" :wrapperCol="{span: 14}">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('standardName')"
|
||||
v-model="queryParam.standardName"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!--项目名称-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('projectLibrary.projectName')" :labelCol="{span: 6}" :wrapperCol="{span: 14}">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('projectLibrary.projectName')"
|
||||
v-model="queryParam.projectName"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<template v-if="toggleSearchStatus">
|
||||
<!--责任部门-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('projectLibrary.vehicleItemLibrary.responsibleDepartment')"
|
||||
:labelCol="{span: 6}"
|
||||
:wrapperCol="{span: 14}">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('projectLibrary.vehicleItemLibrary.responsibleDepartment')"
|
||||
v-model="queryParam.departmentId" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!--整改状态-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('enterpriseStandardLibrary.check.rectificationStatus')"
|
||||
:labelCol="{span: 6}"
|
||||
:wrapperCol="{span: 14}">
|
||||
<j-dict-select-tag v-model="queryParam.state"
|
||||
:placeholder="$t('pleaseSelect')+$t('enterpriseStandardLibrary.check.rectificationStatus')"
|
||||
type="select"
|
||||
:triggerChange="false"
|
||||
dict-code="assess_rectification" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!--预计整改完成日期-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification')"
|
||||
:labelCol="{span: 6}"
|
||||
:wrapperCol="{span: 14}">
|
||||
<a-range-picker format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="queryParam.expectedTimeRange" :disabled="false" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!--工作令编号-->
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('projectLibrary.workOrderNumber')" :labelCol="{span: 6}" :wrapperCol="{span: 14}">
|
||||
<a-input :placeholder="$t('pleaseEnter') + $t('projectLibrary.workOrderNumber')"
|
||||
v-model="queryParam.referenceStandard"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</template>
|
||||
<div style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
|
||||
<a @click="handleToggleSearch">
|
||||
{{ toggleSearchStatus ? $t('putAway') : $t('open') }}
|
||||
<a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
|
||||
</a>
|
||||
<a-button type="primary" @click="searchQuery" icon="search" v-has="'inconformityItem:search'">{{ $t('query') }}</a-button>
|
||||
<a-button style="margin-left: 8px" @click="searchReset" icon="reload">{{ $t('reset') }}</a-button>
|
||||
</div>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<div class="table-operator">
|
||||
<!-- 新增-->
|
||||
<a-button icon="plus" type="primary" @click="handleAdd" v-has="'inconformityItem:add'">{{ $t('newlyAdded') }}</a-button>
|
||||
<!-- 导出-->
|
||||
<a-button icon="upload"
|
||||
type="primary"
|
||||
ghost
|
||||
v-has="'inconformityItem:export'"
|
||||
@click="handleExportXls($t('projectLibrary.noncoincidenceItem.noncoincidenceItem'))">
|
||||
{{ $t('export') }}
|
||||
</a-button>
|
||||
<!--批量关闭-->
|
||||
<a-button type="primary" icon="setting" ghost @click="handleBatchClose" v-has="'inconformityItem:batchClose'">
|
||||
{{ $t('projectLibrary.noncoincidenceItem.batchClose') }}
|
||||
</a-button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<j-table
|
||||
:columns="columns"
|
||||
:dataSource="dataSource"
|
||||
:can-drag="true"
|
||||
rowKey="id"
|
||||
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||
:pagination="ipagination"
|
||||
:scroll="{x: '100%', y: yScrollHeight}"
|
||||
:operation-list="operationList"
|
||||
@operationClick="operationClick"
|
||||
@change="handleTableChange">
|
||||
|
||||
<!--跳转标准详情-->
|
||||
<template v-slot:detail="{text, record}">
|
||||
<a-tooltip overlay-class-name="tooltip-style">
|
||||
<template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
|
||||
<div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage(record)">{{ text }}</div>
|
||||
<div v-else class="table-text">{{ global.emptyLine }}</div>
|
||||
</a-tooltip>
|
||||
</template>
|
||||
|
||||
</j-table>
|
||||
</div>
|
||||
|
||||
<!--新增、编辑-->
|
||||
<inconformity-item-modal ref="modalForm" @ok="modalFormOk" />
|
||||
<!--查看-->
|
||||
<inconformity-item-detail-modal ref="detailModal" />
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { JeroListMixin } from '../../../mixins/JeroListMixin'
|
||||
import JTable from '../../../components/jero/JTable'
|
||||
import InconformityItemModal from './modules/InconformityItemModal'
|
||||
import { batchCloseInconformityItem } from '../../../api/projectLibraryApi'
|
||||
import InconformityItemDetailModal from './modules/InconformityItemDetailModal'
|
||||
|
||||
export default {
|
||||
name: 'InconformityItemList',
|
||||
components: { JTable, InconformityItemModal, InconformityItemDetailModal },
|
||||
mixins: [JeroListMixin],
|
||||
data () {
|
||||
return {
|
||||
columns: [
|
||||
// 工作令编号
|
||||
{
|
||||
dataIndex: '',
|
||||
title: this.$t('projectLibrary.workOrderNumber'),
|
||||
width: 150
|
||||
},
|
||||
// 项目名称
|
||||
{
|
||||
dataIndex: 'projectName',
|
||||
title: this.$t('projectLibrary.projectName'),
|
||||
width: 150
|
||||
},
|
||||
// 标准编号
|
||||
{
|
||||
dataIndex: 'standardNumber',
|
||||
title: this.$t('standardNumber'),
|
||||
width: 150,
|
||||
sorter: true,
|
||||
scopedSlots: { customRender: 'detail' }
|
||||
},
|
||||
// 标准名称
|
||||
{
|
||||
dataIndex: '',
|
||||
title: this.$t('standardName'),
|
||||
width: 150,
|
||||
scopedSlots: { customRender: 'detail' }
|
||||
},
|
||||
// 条款号
|
||||
{
|
||||
dataIndex: 'termNum',
|
||||
title: this.$t('workCenter.enStandardRevision.clauseNumber'),
|
||||
width: 150
|
||||
},
|
||||
// 条款名称
|
||||
{
|
||||
title: this.$t('workCenter.enStandardRevision.clauseName'),
|
||||
width: 150,
|
||||
dataIndex: 'termName'
|
||||
},
|
||||
|
||||
// 项目来源
|
||||
{
|
||||
dataIndex: '',
|
||||
title: this.$t('projectLibrary.vehicleItemLibrary.projectSource'),
|
||||
width: 120
|
||||
},
|
||||
// 责任部门
|
||||
{
|
||||
dataIndex: 'departmentId_dictText',
|
||||
title: this.$t('projectLibrary.vehicleItemLibrary.responsibleDepartment'),
|
||||
width: 120
|
||||
},
|
||||
// 设计工程师
|
||||
{
|
||||
dataIndex: 'engineerName',
|
||||
title: this.$t('workCenter.standardConsultationProcess.designEngineer'),
|
||||
width: 120
|
||||
},
|
||||
// 预计整改完成日期
|
||||
{
|
||||
dataIndex: 'expectedTime',
|
||||
title: this.$t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification'),
|
||||
sorter: true,
|
||||
width: 180
|
||||
},
|
||||
// 实际整改完成日期
|
||||
{
|
||||
dataIndex: 'realityTime',
|
||||
title: this.$t('projectLibrary.noncoincidenceItem.actualRectificationCompletionDate'),
|
||||
sorter: true,
|
||||
width: 180
|
||||
},
|
||||
// 整改状态
|
||||
{
|
||||
dataIndex: 'state_dictText',
|
||||
title: this.$t('workCenter.esInspectionProcess.rectificationStatus'),
|
||||
width: 120
|
||||
},
|
||||
// 操作
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
fixed: 'right',
|
||||
width: 150,
|
||||
scopedSlots: { customRender: 'action' }
|
||||
}
|
||||
],
|
||||
url: {
|
||||
list: '/projectLibrary/lawsEvaluationNotMet/page',
|
||||
exportXlsUrl: ''
|
||||
},
|
||||
operationList: [
|
||||
// 查看
|
||||
{
|
||||
text: this.$t('view'),
|
||||
clickEvent: 'handlePreview',
|
||||
has: 'inconformityItem:view'
|
||||
},
|
||||
// 编辑
|
||||
{
|
||||
text: this.$t('edit'),
|
||||
clickEvent: 'handleEdit',
|
||||
has: 'inconformityItem:edit'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 批量关闭
|
||||
*/
|
||||
handleBatchClose () {
|
||||
// 至少选择一条数据
|
||||
if (!this.selectedRowKeys || this.selectedRowKeys.length === 0) {
|
||||
this.$message.warning(this.$t('selectLeastOne'))
|
||||
return
|
||||
}
|
||||
this.loading = true
|
||||
const params = { ids: this.selectedRowKeys.join(',') }
|
||||
batchCloseInconformityItem(params).then(res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message)
|
||||
this.loading = false
|
||||
this.modalFormOk()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
this.loading = false
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 跳转标准详情
|
||||
* @param record
|
||||
*/
|
||||
toDetailPage ({ standardId, splitStandardSource }) {
|
||||
let path
|
||||
// 根据来源跳转不同的详情页
|
||||
switch (splitStandardSource) {
|
||||
// 国内
|
||||
case StandardSource.DOMESTIC.value:
|
||||
path = '/standardRegulationLibrary/DomesticStandardDetail'
|
||||
break
|
||||
// 海外
|
||||
case StandardSource.OVERSEAS.value:
|
||||
path = '/standardRegulationLibrary/OverseasStandardDetail'
|
||||
break
|
||||
// 企标
|
||||
case StandardSource.ENTERPRISE.value:
|
||||
path = '/enterpriseStandardLibrary/enterpriseStandardDetail'
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
if (!path) {
|
||||
return
|
||||
}
|
||||
const query = {
|
||||
id: standardId
|
||||
}
|
||||
this.$openPageNewSheet({
|
||||
path, query
|
||||
})
|
||||
},
|
||||
handlePreview ({ id }) {
|
||||
this.$refs.detailModal.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import '~@assets/less/common.less';
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,179 @@
|
||||
<template>
|
||||
<a-drawer
|
||||
:title="$t('view')"
|
||||
placement="right"
|
||||
:visible="visible"
|
||||
@close="close"
|
||||
width="900"
|
||||
class="custom-drawer-style">
|
||||
<div class="custom-drawer-style-scroll">
|
||||
<div class="detail-page-part-form">
|
||||
<!--标准编号-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('standardNumber') }}</label>
|
||||
<span>{{ detailData.standardNumber }}</span>
|
||||
</div>
|
||||
<!--标准名称-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('standardName') }}</label>
|
||||
<span>{{ detailData.a }}</span>
|
||||
</div>
|
||||
<!--整改状态-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('workCenter.esInspectionProcess.rectificationStatus') }}</label>
|
||||
<span>{{ detailData.state_dictText }}</span>
|
||||
</div>
|
||||
<!--相关项目-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('projectLibrary.noncoincidenceItem.relevantProject') }}</label>
|
||||
<span>{{ detailData.projectName }}</span>
|
||||
</div>
|
||||
<!--预计整改完成日期-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification') }}</label>
|
||||
<span>{{ detailData.expectedTime }}</span>
|
||||
</div>
|
||||
<!--责任部门-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('projectLibrary.vehicleItemLibrary.responsibleDepartment') }}</label>
|
||||
<span>{{ detailData.departmentId_dictText }}</span>
|
||||
</div>
|
||||
<!--设计工程师-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('workCenter.standardConsultationProcess.designEngineer') }}</label>
|
||||
<span>{{ detailData.engineerName }}</span>
|
||||
</div>
|
||||
<!--相关流程-->
|
||||
<div class="detail-page-part-form-item">
|
||||
<label>{{ $t('projectLibrary.noncoincidenceItem.relatedProcess') }}</label>
|
||||
<span>{{ detailData.b }}</span>
|
||||
</div>
|
||||
<!--查看未符合项评估结果-->
|
||||
<div class="btn-box">
|
||||
<a-button type="primary" class="form-btn">{{ $t('projectLibrary.noncoincidenceItem.viewNonMatchItemEvaluationResult') }}
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--不符合项-->
|
||||
<div class="header-text">{{ $t('projectLibrary.vehicleItemLibrary.nonConformanceTerm') }}</div>
|
||||
<div class="nonconformingItem-box">
|
||||
<!--条款号-->
|
||||
<div class="line-form-item">
|
||||
<label>{{ $t('workCenter.enStandardRevision.clauseNumber') }}</label>
|
||||
<span>{{ detailData.termNum }}</span>
|
||||
</div>
|
||||
<!--条款名称-->
|
||||
<div class="line-form-item">
|
||||
<label>{{ $t('workCenter.enStandardRevision.clauseName') }}</label>
|
||||
<span>{{ detailData.termName }}</span>
|
||||
</div>
|
||||
<!--涉及项目-->
|
||||
<div class="line-form-item">
|
||||
<label>{{ $t('projectLibrary.noncoincidenceItem.involvedItem') }}</label>
|
||||
<span>{{ detailData.projectName }}</span>
|
||||
</div>
|
||||
<!--责任部门-->
|
||||
<div class="line-form-item">
|
||||
<label>{{ $t('projectLibrary.vehicleItemLibrary.responsibleDepartment') }}</label>
|
||||
<span>{{ detailData.departmentId_dictText }}</span>
|
||||
</div>
|
||||
<!--设计工程师-->
|
||||
<div class="line-form-item">
|
||||
<label>{{ $t('workCenter.standardConsultationProcess.designEngineer') }}</label>
|
||||
<span>{{ detailData.engineerName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'InconformityItemDetailModal',
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
detailData: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open () {
|
||||
this.visible = true
|
||||
},
|
||||
close () {
|
||||
this.visible = false
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import '~../../../../assets/less/common.less';
|
||||
|
||||
.custom-drawer-style-scroll {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.detail-page-part-form {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.detail-page-part-form-item {
|
||||
width: calc((100% - 32px) / 2) !important;
|
||||
|
||||
label {
|
||||
width: 8.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .detail-page-part-form-item:nth-child(3n) {
|
||||
margin-right: 16px !important;
|
||||
}
|
||||
|
||||
/deep/ .detail-page-part-form-item:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.line-form-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.line-form-item > label {
|
||||
width: 7.5em;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
|
||||
font-weight: 400;
|
||||
color: #86909C;
|
||||
}
|
||||
|
||||
.line-form-item > span {
|
||||
word-break: break-all;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC-Regular, PingFang SC, sans-serif;
|
||||
color: #1D2129;
|
||||
flex: 1;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin: 30px 0 15px 0;
|
||||
}
|
||||
|
||||
.form-btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nonconformingItem-box {
|
||||
padding: 24px;
|
||||
border: 1px solid rgba(128, 128, 128, 0.15);
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,257 @@
|
||||
<template>
|
||||
<j-modal
|
||||
:title="title"
|
||||
:width="width"
|
||||
:visible="visible"
|
||||
:maskClosable="false"
|
||||
:confirmLoading="confirmLoading"
|
||||
@ok="handleOk"
|
||||
@cancel="handleCancel">
|
||||
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form :form="form">
|
||||
<!--标准编号-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardNumber')">
|
||||
<standard-selection v-decorator="['standardNumber', validatorRules.standardNumber]"
|
||||
:placeholder="$t('pleaseSelect') + $t('standardNumber')"
|
||||
@listChange="handleStandardChange" />
|
||||
</a-form-item>
|
||||
<!--标准名称-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardName')">
|
||||
<a-input v-decorator="['standardName', validatorRules.standardName]"
|
||||
disabled
|
||||
:placeholder="$t('pleaseEnter') + $t('standardName')" />
|
||||
</a-form-item>
|
||||
<!--工作令编号-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('projectLibrary.workOrderNumber')">
|
||||
<vehicle-project-selection v-decorator="['projectId', validatorRules.projectId]"
|
||||
:placeholder="$t('pleaseSelect') + $t('projectLibrary.workOrderNumber')"
|
||||
echo-field-name="workNumber"
|
||||
@listChange="handleProjectChange" />
|
||||
</a-form-item>
|
||||
<!--项目名称-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('projectLibrary.projectName')">
|
||||
<a-input v-decorator="['projectName', validatorRules.projectName]"
|
||||
disabled
|
||||
:placeholder="$t('pleaseEnter') + $t('projectLibrary.projectName')" />
|
||||
</a-form-item>
|
||||
<!--条款号-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('docTool.split.clauseNo')">
|
||||
<a-input v-decorator="['termNum', validatorRules.termNum]"
|
||||
:maxLength="50"
|
||||
:placeholder="$t('pleaseEnter') + $t('docTool.split.clauseNo')" />
|
||||
</a-form-item>
|
||||
<!--条款名称-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('docTool.split.clauseName')">
|
||||
<a-input v-decorator="['termName', validatorRules.termName]"
|
||||
:maxLength="50"
|
||||
:placeholder="$t('pleaseEnter') + $t('docTool.split.clauseName')" />
|
||||
</a-form-item>
|
||||
<!--责任部门 -->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('projectLibrary.vehicleItemLibrary.responsibleDepartment')">
|
||||
<j-select-depart v-decorator="['departmentId', validatorRules.departmentId]" :backDepart="true" />
|
||||
</a-form-item>
|
||||
<!--设计工程师-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('workCenter.standardConsultationProcess.designEngineer')">
|
||||
<user-selection :placeholder="$t('pleaseSelect') + $t('workCenter.standardConsultationProcess.designEngineer')"
|
||||
v-decorator="['departmentId', validatorRules.departmentId]"
|
||||
:nameStr="model.engineerName"
|
||||
type="radio" />
|
||||
</a-form-item>
|
||||
<!--预计整改完成日期-->
|
||||
<a-form-item :labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
:label="$t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification')">
|
||||
<j-date show-type="day"
|
||||
date-format="YYYY-MM-DD"
|
||||
v-decorator="['expectedTime', validatorRules.expectedTime]"
|
||||
:placeholder="$t('pleaseSelect') + $t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification')" />
|
||||
</a-form-item>
|
||||
<!--实际整改完成日期-->
|
||||
<a-form-item :labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
:label="$t('projectLibrary.noncoincidenceItem.actualRectificationCompletionDate')">
|
||||
<j-date show-type="day"
|
||||
date-format="YYYY-MM-DD"
|
||||
v-decorator="['realityTime', validatorRules.realityTime]"
|
||||
:placeholder="$t('pleaseSelect') + $t('projectLibrary.noncoincidenceItem.actualRectificationCompletionDate')" />
|
||||
</a-form-item>
|
||||
<!--整改状态-->
|
||||
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('enterpriseStandardLibrary.check.rectificationStatus')">
|
||||
<j-dict-select-tag v-decorator="['state', validatorRules.state]"
|
||||
:placeholder="$t('pleaseSelect')+$t('enterpriseStandardLibrary.check.rectificationStatus')"
|
||||
:type="'select'"
|
||||
:triggerChange="false"
|
||||
dictCode="assess_rectification" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-spin>
|
||||
|
||||
</j-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import StandardSelection from '../../../../components/selection/StandardSelection'
|
||||
import VehicleProjectSelection from '../../../../components/selection/VehicleProjectSelection'
|
||||
import UserSelection from '../../../../components/selection/UserSelection'
|
||||
import { addInconformityItem, editInconformityItem } from '../../../../api/projectLibraryApi'
|
||||
|
||||
export default {
|
||||
name: 'InconformityItemModal',
|
||||
components: { UserSelection, StandardSelection, VehicleProjectSelection },
|
||||
data () {
|
||||
return {
|
||||
title: this.$t('operation'),
|
||||
width: 800,
|
||||
visible: false,
|
||||
confirmLoading: false,
|
||||
model: {},
|
||||
form: this.$form.createForm(this),
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 5 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 18 }
|
||||
},
|
||||
validatorRules: {
|
||||
// 标准编号
|
||||
standardNumber: {
|
||||
rules: [{ required: true, message: this.$t('pleaseSelect') + this.$t('standardNumber') }],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 标准编号
|
||||
standardName: {
|
||||
rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('standardName') }],
|
||||
validateTrigger: 'blur'
|
||||
},
|
||||
// 工作令编号
|
||||
projectId: {
|
||||
rules: [{ required: true, message: this.$t('pleaseSelect') + this.$t('projectLibrary.workOrderNumber') }],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 项目名称
|
||||
projectName: {
|
||||
rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('projectLibrary.projectName') }],
|
||||
validateTrigger: 'blur'
|
||||
},
|
||||
// 条款号
|
||||
termNum: {
|
||||
rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('docTool.split.clauseNo') }],
|
||||
validateTrigger: 'blur'
|
||||
},
|
||||
// 条款名称
|
||||
termName: {
|
||||
rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('docTool.split.clauseName') }],
|
||||
validateTrigger: 'blur'
|
||||
},
|
||||
// 责任部门
|
||||
departmentId: {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: this.$t('pleaseSelect') + this.$t('projectLibrary.vehicleItemLibrary.responsibleDepartment')
|
||||
}],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 设计工程师
|
||||
engineerId: {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: this.$t('pleaseSelect') + this.$t('projectLibrary.vehicleItemLibrary.responsibleDepartment')
|
||||
}],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 预计整改完成日期
|
||||
expectedTime: {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: this.$t('pleaseSelect') + this.$t('projectLibrary.vehicleItemLibrary.estimatedDateOfCompletionOfRectification')
|
||||
}],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 实际整改完成日期
|
||||
realityTime: {
|
||||
rules: [{
|
||||
required: false,
|
||||
message: this.$t('pleaseSelect') + this.$t('projectLibrary.noncoincidenceItem.actualRectificationCompletionDate')
|
||||
}],
|
||||
validateTrigger: 'change'
|
||||
},
|
||||
// 整改状态
|
||||
state: {
|
||||
rules: [{ required: true, message: this.$t('pleaseSelect') + this.$t('enterpriseStandardLibrary.check.rectificationStatus') }],
|
||||
validateTrigger: 'change'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add () {
|
||||
this.edit({})
|
||||
},
|
||||
edit (record) {
|
||||
this.visible = true
|
||||
this.model = Object.assign({}, record)
|
||||
this.$nextTick(() => {
|
||||
this.form.setFieldsValue(this.model)
|
||||
})
|
||||
},
|
||||
handleOk () {
|
||||
this.form.validateFields((errors, values) => {
|
||||
if (!errors) {
|
||||
const formData = Object.assign(this.model, values)
|
||||
let submitFunc
|
||||
if (this.model.id) {
|
||||
submitFunc = editInconformityItem
|
||||
} else {
|
||||
submitFunc = addInconformityItem
|
||||
}
|
||||
if (!submitFunc) {
|
||||
return
|
||||
}
|
||||
this.confirmLoading = true
|
||||
submitFunc(formData).then(res => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message)
|
||||
this.$emit('ok')
|
||||
this.close()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
}).finally(() => {
|
||||
this.confirmLoading = false
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleCancel () {
|
||||
this.close()
|
||||
},
|
||||
close () {
|
||||
this.visible = false
|
||||
this.model = {}
|
||||
this.form.resetFields()
|
||||
},
|
||||
/**
|
||||
* 标准变化带出标准名称
|
||||
*/
|
||||
handleStandardChange (list) {
|
||||
const standardName = list.map(tt => tt.standardName).join(',')
|
||||
this.form.setFieldsValue({ standardName })
|
||||
},
|
||||
/**
|
||||
* 工作令编号变化带出项目名称
|
||||
* @param list
|
||||
*/
|
||||
handleProjectChange (list) {
|
||||
const projectName = list.map(tt => tt.projectName).join(',')
|
||||
this.form.setFieldsValue({ projectName })
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user