Merge remote-tracking branch 'origin/dev_20230831_problem'
# Conflicts: # jero-web/src/common/lang/en-us.js # jero-web/src/common/lang/zh-cn.js
This commit is contained in:
高嵩
@@ -1955,6 +1955,16 @@ module.exports = {
|
||||
Reasonforreturn:'Reason for return',
|
||||
maintenanceTemplate:'Maintenance template',
|
||||
UserFeedback:'User Feedback',
|
||||
Relevantlawsregulations:'Relevant laws and regulations',
|
||||
Problemstate:'Problem state',
|
||||
descriptions:'Descriptions',
|
||||
documents:'Documents',
|
||||
examineapproveevidence:'Examine and approve evidence',
|
||||
conculsion:'Conculsion',
|
||||
progresstracking:'Progress Tracking',
|
||||
Fileupload:'File upload',
|
||||
Addresslink:'Address link',
|
||||
Problemanagement:'Problem management',
|
||||
Correspondingversion:'Corresponding version',
|
||||
Listcreationtime:'List creation time',
|
||||
Chinesecharacters:'The role code cannot enter Chinese characters',
|
||||
|
||||
@@ -3915,4 +3915,14 @@ module.exports = {
|
||||
Listcreationtime:'清单创建时间',
|
||||
Chinesecharacters:'角色编码不可以输入汉字',
|
||||
alreadyexistssystem:'角色编码已存在',
|
||||
Relevantlawsregulations:'相关法规',
|
||||
Problemstate:'问题状态',
|
||||
descriptions:'描述和分析',
|
||||
documents:'相关文件',
|
||||
examineapproveevidence:'审批证据',
|
||||
conculsion:'结论',
|
||||
progresstracking:'进度追踪',
|
||||
Fileupload:'文件上传',
|
||||
Addresslink:'地址链接',
|
||||
Problemanagement:'问题管理',
|
||||
}
|
||||
@@ -0,0 +1,778 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-drawer
|
||||
:title="title"
|
||||
:maskClosable="false"
|
||||
:width="900"
|
||||
placement="right"
|
||||
:closable="true"
|
||||
@close="handleCancel"
|
||||
:visible="visible"
|
||||
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text"
|
||||
:title="$t('title')">{{$t('title')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="title">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.title'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('title')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text"
|
||||
:title="$t('problemType')">{{$t('problemType')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="problemType">
|
||||
<j-dict-select-tag class="box-input" v-model="formInline.problemType"
|
||||
:placeholder="$t('PleaseSelect')+$t('problemType')"
|
||||
:type="'select'"
|
||||
:triggerChange="false" :dictCode="'wen4_ti2_lei4_xing2'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="'PS-issue'">{{'PS-issue'}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="issue">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.psIssue'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+'PS-issue'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Relevantlawsregulations')">{{$t('Relevantlawsregulations')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<Standardselection
|
||||
:query="{'db_field_txt':$t('Relevantlawsregulations')}"
|
||||
:standard="formInline"
|
||||
:disabled="false"
|
||||
@input="Standardselectioninput"
|
||||
@change="StandardselectionChange"
|
||||
v-model="formInline.lawsName"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('RelatedItems')">{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.projectId"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
mode="multiple"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('RelatedItems')">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:label="item.projectName"
|
||||
:value="item.id">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('statisticalNodes')"
|
||||
allowClear
|
||||
show-search
|
||||
mode="multiple"
|
||||
class="box-input-search"
|
||||
optionFilterProp="label"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
v-model="formInline.dutyTerritory">
|
||||
<a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
|
||||
:key="key"
|
||||
:label="item.key"
|
||||
:value="item.key">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.key ">
|
||||
{{ item.key }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Problemstate')">{{$t('Problemstate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.problemState"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('Problemstate')">
|
||||
<a-select-option v-for="(item, key) in ProblemstateList"
|
||||
:label='item'
|
||||
:key="key"
|
||||
:value="item">
|
||||
<span style="display: inline-block;width: 100%" :title=" item">
|
||||
{{ item }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('descriptions')">{{$t('descriptions')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="descriptions">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.description'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('descriptions')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('documents')">{{$t('documents')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="fileLink">
|
||||
<div v-for="(item,index) in formInline.fileLinkList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.fileLink'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('Addresslink')"/>
|
||||
<a-icon class="icon-text" @click="addClick(index)" style='margin-left: 10px;font-size: 18px;'
|
||||
v-if="formInline.fileLinkList.length - 1 == index"
|
||||
type="plus"/>
|
||||
<a-icon class="icon-text" v-if="formInline.fileLinkList.length > 1 && formInline.fileLinkList.length - 1 !== index" style='margin-left: 10px;font-size: 18px;'
|
||||
@click="deleteClick(index)"
|
||||
type="minus"/>
|
||||
</div>
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('file')">
|
||||
{{ (formInline.file === 'null' || formInline.file === '' ||
|
||||
formInline.file == null) ? $t('Fileupload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('progresstracking')">{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progresstracking">
|
||||
<div v-for="(item,index) in formInline.progressTrackingList" :key="index">
|
||||
<!-- <span>{{item}}</span>-->
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.progressTracking'
|
||||
:disabled="true"
|
||||
:title='item.progressTracking'
|
||||
:placeholder="$t('PleaseEnter')+$t('progresstracking')"/>
|
||||
<a @click="addprogresstrackingClick(index)" style='margin-left: 10px' v-if="formInline.progressTrackingList.length - 1 == index">{{$t('newlyAdded')}}</a>
|
||||
<a @click="deleteprogresstrackingClick(index,item)" v-if="formInline.progressTrackingList.length > 0" :disabled="disabled" style='margin-left: 10px' >{{$t('delete')}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('conculsion')">{{$t('conculsion')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="conclusion">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.conclusion'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('conculsion')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('examineapproveevidence')">{{$t('examineapproveevidence')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="approvalEvidenceLink">
|
||||
<div v-for="(item,index) in formInline.approvalEvidenceLinkList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.approvalEvidenceLink'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('Addresslink')"/>
|
||||
<a-icon class="icon-text" @click="addvidenceClick(index)" style='margin-left: 10px;font-size: 18px;'
|
||||
v-if="formInline.approvalEvidenceLinkList.length - 1 == index"
|
||||
type="plus"/>
|
||||
<a-icon class="icon-text" v-if="formInline.approvalEvidenceLinkList.length > 1 && formInline.approvalEvidenceLinkList.length - 1 !== index"
|
||||
style='margin-left: 10px;font-size: 18px;' @click="deletevidenceClick(index)"
|
||||
type="minus" :disabled="disabled"/>
|
||||
</div>
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('approvalEvidence')">
|
||||
{{ (formInline.approvalEvidence === 'null' || formInline.approvalEvidence === '' ||
|
||||
formInline.approvalEvidence == null) ? $t('Fileupload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<div class="drawer-bootom-button">
|
||||
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('cancel')}}</a-button>
|
||||
<a-button @click="handleSubmit" v-if="!disabled" type="primary" :loading="confirmLoading">{{$t('submit')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!-- <addModel ref="addModelRef" @addModelForm="addModelForm"/>-->
|
||||
<a-modal
|
||||
:title="$t('progresstracking')"
|
||||
:width="600"
|
||||
:visible="visibletrack"
|
||||
:confirm-loading="confirmLoading"
|
||||
:maskClosable="false"
|
||||
@ok="handleOk"
|
||||
@cancel="Cancel"
|
||||
>
|
||||
<a-form-model :model="formInlinetracking" class="formAdd" :rules="rulestracking" ref="ruleFormtracking">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text" :title="$t('progresstracking')">
|
||||
{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progressTracking">
|
||||
<a-textarea :placeholder="$t('pleaseEnter')+$t('progresstracking')"
|
||||
v-model="formInlinetracking.progressTracking"
|
||||
style="width: 90%"
|
||||
:maxLength="500"
|
||||
:rows="4"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import defaultTemplate from './defaultTemplate'
|
||||
// import solicitOpinions from './solicitOpinions'
|
||||
// import releaseStandard from './releaseStandard'
|
||||
// import industryTemplate from './industryTemplate'
|
||||
// import addModel from './a/ddModel'
|
||||
import Standardselection from '@/components/Standardselection/index'
|
||||
import uploadFile from '@/components/uploadFile/file'
|
||||
import { getAction, postAction,putAction, downloadFile } from '@/api/manage'
|
||||
import moment from 'moment'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'fillAdd',
|
||||
components: {
|
||||
// defaultTemplate,
|
||||
// solicitOpinions,
|
||||
// releaseStandard,
|
||||
// industryTemplate,
|
||||
// addModel
|
||||
Standardselection,
|
||||
uploadFile,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
title: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('title') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
problemType: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('problemType') + this.$t('cannotEmpty'),
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
},
|
||||
visible: false,
|
||||
visibletrack: false,
|
||||
rulestracking:{
|
||||
progressTracking: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('text') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
},
|
||||
formInline: {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}],
|
||||
dutyTerritory:undefined,
|
||||
projectId:undefined,
|
||||
problemState:undefined,
|
||||
},
|
||||
formInlinetracking:{},
|
||||
confirmLoading: false,
|
||||
title: '',
|
||||
disabled: false,
|
||||
isTrue: false,
|
||||
chapterContentsList: [],
|
||||
firstLevelDutyTerritoryList:[],
|
||||
projectNameList: [],
|
||||
ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
|
||||
templateDisabled: false,
|
||||
contentTemplateList: [
|
||||
{
|
||||
id: '1',
|
||||
text: this.$t('defaultTemplate')
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
text: this.$t('newRequestCommentListTemplate')
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
text: this.$t('NewReleasedStandardTemplate')
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
text: this.$t('industryInformationDynamicTemplate')
|
||||
}
|
||||
],
|
||||
index:'',
|
||||
url: {
|
||||
add: '/project/problemManagementEO/add',
|
||||
edit: '/project/problemManagementEO/edit',
|
||||
queryById: '/report/lawsMonthlyReportWriteEO/queryById'
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// bringInStandardInformationClick() {
|
||||
// this.$refs.addModelRef.addModel()
|
||||
// },
|
||||
getNameList() {
|
||||
getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.projectNameList = res.result || []
|
||||
} else {
|
||||
this.projectNameList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
addModelForm(value) {
|
||||
this.$refs.defaultTemplateRef.getStandData(value)
|
||||
},
|
||||
getFirstLevelDutyTerritory() {
|
||||
getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.firstLevelDutyTerritoryList = res.result
|
||||
} else {
|
||||
this.firstLevelDutyTerritoryList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
StandardselectionChange(value, id) {
|
||||
this.formInline.lawsId = id
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
Standardselectioninput(val){
|
||||
this.formInline.lawsName = val
|
||||
},
|
||||
clickButtonToUpload(item) {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
this.$refs.uploadFile.visible = true
|
||||
this.uploadName = item
|
||||
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||
} else {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 上传文件的回调 */
|
||||
uploadSuccess(data) {
|
||||
let attIdList = []
|
||||
if (data && data.length > 0) {
|
||||
data.map(item => {
|
||||
attIdList.push(item.id || data.name)
|
||||
})
|
||||
}
|
||||
/** 赋值给当前对应的表单文件 */
|
||||
this.formInline[this.uploadName] = attIdList.join(',')
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
...mapGetters(['userInfo']),
|
||||
add() {
|
||||
this.templateDisabled = false
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('newlyAdded')
|
||||
this.visible = true
|
||||
this.disabled = false
|
||||
this.formInline = {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}]
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.formInline = { ...this.formInline }
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
edit(row) {
|
||||
console.log(row)
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('edit')
|
||||
this.formInline = row
|
||||
if(this.formInline.dutyTerritory != null){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.split(',')
|
||||
}else{
|
||||
this.formInline.dutyTerritory = undefined
|
||||
}
|
||||
if(this.formInline.problemState == null){
|
||||
this.formInline.problemState = undefined
|
||||
}
|
||||
if(this.formInline.progressTrackingList == null){
|
||||
this.formInline.progressTrackingList = [{}]
|
||||
}
|
||||
if(this.formInline.approvalEvidenceLinkList == null){
|
||||
this.formInline.approvalEvidenceLinkList = [{}]
|
||||
}
|
||||
if(this.formInline.fileLinkList == null){
|
||||
this.formInline.fileLinkList = [{}]
|
||||
}
|
||||
if(this.formInline.projectId != null){
|
||||
this.formInline.projectId = this.formInline.projectId.split(',')
|
||||
}else{
|
||||
this.formInline.projectId = undefined
|
||||
}
|
||||
console.log(this.formInline)
|
||||
this.visible = true
|
||||
this.disabled = false
|
||||
this.templateDisabled = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
addClick(index){
|
||||
this.formInline.fileLinkList.splice(index + 1, 0, {})
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
deleteClick(index) {
|
||||
this.formInline.fileLinkList.splice(index, 1)
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
addvidenceClick(index){
|
||||
this.formInline.approvalEvidenceLinkList.splice(index + 1, 0, {})
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
deletevidenceClick(index) {
|
||||
this.formInline.approvalEvidenceLinkList.splice(index, 1)
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
addprogresstrackingClick(index){
|
||||
this.index = index
|
||||
this.formInlinetracking = {}
|
||||
this.visibletrack = true
|
||||
this.$nextTick(() => {
|
||||
this.formInlinetracking = { ...this.formInlinetracking }
|
||||
this.isTrue = true
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
deleteprogresstrackingClick(index,item) {
|
||||
if(item.progressTracking && item.progressTracking != ''){
|
||||
if(index == 0){
|
||||
item.progressTracking = ''
|
||||
}else{
|
||||
this.formInline.progressTrackingList.splice(index, 1)
|
||||
}
|
||||
}
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
},
|
||||
Cancel(){
|
||||
this.visibletrack = false
|
||||
this.formInlinetracking = {}
|
||||
this.$refs.ruleFormtracking.clearValidate()
|
||||
},
|
||||
handleOk(){
|
||||
console.log(this.formInlinetracking)
|
||||
let time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
|
||||
this.$refs.ruleFormtracking.validate(valid => {
|
||||
if (valid) {
|
||||
let text = this.userInfo().username + ' ' + time + ' ' + this.formInlinetracking.progressTracking
|
||||
this.formInline.progressTrackingList.forEach((item,index) => {
|
||||
console.log(item.progressTracking)
|
||||
if(!item.progressTracking){
|
||||
this.formInline.progressTrackingList.splice(0,1)
|
||||
}
|
||||
})
|
||||
this.formInline.progressTrackingList.splice(this.index+1, 1, {progressTracking:text})
|
||||
this.visibletrack = false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit() {
|
||||
console.log(this.formInline)
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true
|
||||
let url = ''
|
||||
let action = ''
|
||||
if (this.title == this.$t('newlyAdded')) {
|
||||
url = this.url.add
|
||||
action = postAction
|
||||
} else {
|
||||
url = this.url.edit
|
||||
action = putAction
|
||||
}
|
||||
// Object.keys(formInline).forEach(res => {
|
||||
// if (formInline[res] && formInline[res] instanceof Array) {
|
||||
// formInline[res] = formInline[res].join(',')
|
||||
// }
|
||||
// })
|
||||
let formInline = JSON.parse(JSON.stringify(this.formInline))
|
||||
if(this.formInline.dutyTerritory && this.formInline.dutyTerritory instanceof Array){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.join(',')
|
||||
}
|
||||
if(this.formInline.projectId && this.formInline.projectId instanceof Array){
|
||||
this.formInline.projectId = this.formInline.projectId.join(',')
|
||||
}
|
||||
// let fileLinkList = []
|
||||
// let approvalEvidenceLinkList = []
|
||||
// let progressTrackingList = []
|
||||
// if(this.formInline.fileLinkList){
|
||||
// this.formInline.fileLinkList.forEach(item => {
|
||||
// if(item.fileLink){
|
||||
// fileLinkList.push(item.fileLink)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.fileLinkList = fileLinkList
|
||||
// }
|
||||
// if(this.formInline.approvalEvidenceLinkList){
|
||||
// this.formInline.approvalEvidenceLinkList.forEach(item => {
|
||||
// if(item.approvalEvidenceLink){
|
||||
// approvalEvidenceLinkList.push(item.approvalEvidenceLink)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.approvalEvidenceLinkList = approvalEvidenceLinkList
|
||||
// }
|
||||
// if(this.formInline.progressTrackingList){
|
||||
// this.formInline.progressTrackingList.forEach(item => {
|
||||
// if(item.progressTracking){
|
||||
// progressTrackingList.push(item.progressTracking)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.progressTrackingList = progressTrackingList
|
||||
// }
|
||||
delete this.formInline.lawsName
|
||||
let query = {
|
||||
// problemManagementEO:formInline
|
||||
...this.formInline
|
||||
}
|
||||
action(url, query).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message.success(this.$t('OperationSuccessful'))
|
||||
this.visible = false
|
||||
this.confirmLoading = false
|
||||
this.$emit('addModelForm')
|
||||
} else {
|
||||
this.confirmLoading = false
|
||||
this.$message.warning(this.$t('operationFailed'))
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.ant-select-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-input-disabled {
|
||||
color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
width: 114px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-right: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.box-input {
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.itemModel {
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.Required {
|
||||
color: red;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.drawer-bootom-button {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
padding: 10px 16px;
|
||||
text-align: right;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-treenode-switcher-close {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-node-content-wrapper {
|
||||
float: right;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-title {
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,507 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-drawer
|
||||
:title="title"
|
||||
:maskClosable="false"
|
||||
:width="900"
|
||||
placement="right"
|
||||
:closable="true"
|
||||
@close="handleCancel"
|
||||
:visible="visible"
|
||||
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('title')">{{$t('title')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="title">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.title'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('problemType')">{{$t('problemType')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="problemType">
|
||||
<j-dict-select-tag class="box-input" v-model="formInline.problemType"
|
||||
:disabled="disabled"
|
||||
:type="'select'"
|
||||
:triggerChange="false" :dictCode="'wen4_ti2_lei4_xing2'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="'PS-issue'">{{'PS-issue'}}</span>
|
||||
</div>
|
||||
<div>
|
||||
<a style='width: 273px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 12px;'
|
||||
:title='formInline.psIssue'
|
||||
@click='UserFeedback(formInline.psIssue)'>{{formInline.psIssue}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Relevantlawsregulations')">{{$t('Relevantlawsregulations')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-input class="box-input"
|
||||
:title='formInline.lawsName'
|
||||
v-model='formInline.lawsName'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('RelatedItems')">{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.projectId"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
mode="multiple"
|
||||
:disabled="disabled"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:label="item.projectName"
|
||||
:value="item.id">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-select
|
||||
allowClear
|
||||
show-search
|
||||
mode="multiple"
|
||||
:disabled="disabled"
|
||||
class="box-input-search"
|
||||
optionFilterProp="label"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
v-model="formInline.dutyTerritory">
|
||||
<a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
|
||||
:key="key"
|
||||
:label="item.key"
|
||||
:value="item.key">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.key ">
|
||||
{{ item.key }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Problemstate')">{{$t('Problemstate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.problemState"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
:disabled="disabled"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false">
|
||||
<a-select-option v-for="(item, key) in ProblemstateList"
|
||||
:label='item'
|
||||
:key="key"
|
||||
:value="item">
|
||||
<span style="display: inline-block;width: 100%" :title=" item">
|
||||
{{ item }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('descriptions')">{{$t('descriptions')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="descriptions">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.description'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('documents')">{{$t('documents')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="fileLink">
|
||||
<div v-for="(item,index) in formInline.fileLinkList" :key="index">
|
||||
<a @click='UserFeedback(item.fileLink)'>{{item.fileLink}}</a>
|
||||
</div>
|
||||
<div v-for='(item,index) in formInline.fileList'>
|
||||
<a @click='download(item)'>{{item.fileName}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('progresstracking')">{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progresstracking">
|
||||
<div v-for="(item,index) in formInline.progressTrackingList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 89%'
|
||||
v-model='item.progressTracking'
|
||||
:title='item.progressTracking'
|
||||
:disabled="true"/>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('conculsion')">{{$t('conculsion')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="conclusion">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.conclusion'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('examineapproveevidence')">{{$t('examineapproveevidence')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="approvalEvidenceLink">
|
||||
<div v-for="(item,index) in formInline.approvalEvidenceLinkList" :key="index">
|
||||
<a @click='UserFeedback(item.approvalEvidenceLink)'>{{item.approvalEvidenceLink}}</a>
|
||||
</div>
|
||||
<div v-for='(item,index) in formInline.approvalEvidenceFileList'>
|
||||
<a @click='download(item)'>{{item.fileName}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<div class="drawer-bootom-button">
|
||||
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('close')}}</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction,putAction, downloadFile } from '@/api/manage'
|
||||
import moment from 'moment'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'fillAdd',
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
title: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('title') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
problemType: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('problemType') + this.$t('cannotEmpty'),
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
},
|
||||
visible: false,
|
||||
visibletrack: false,
|
||||
rulestracking:{
|
||||
progressTracking: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('text') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
},
|
||||
formInline: {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}],
|
||||
dutyTerritory:undefined,
|
||||
projectId:undefined,
|
||||
problemState:undefined,
|
||||
},
|
||||
formInlinetracking:{},
|
||||
confirmLoading: false,
|
||||
title: '',
|
||||
disabled: false,
|
||||
isTrue: false,
|
||||
chapterContentsList: [],
|
||||
firstLevelDutyTerritoryList:[],
|
||||
projectNameList: [],
|
||||
ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
|
||||
templateDisabled: false,
|
||||
contentTemplateList: [
|
||||
{
|
||||
id: '1',
|
||||
text: this.$t('defaultTemplate')
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
text: this.$t('newRequestCommentListTemplate')
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
text: this.$t('NewReleasedStandardTemplate')
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
text: this.$t('industryInformationDynamicTemplate')
|
||||
}
|
||||
],
|
||||
index:'',
|
||||
url: {
|
||||
add: '/project/problemManagementEO/add',
|
||||
edit: '/project/problemManagementEO/edit',
|
||||
queryById: '/report/lawsMonthlyReportWriteEO/queryById'
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
getNameList() {
|
||||
getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.projectNameList = res.result || []
|
||||
} else {
|
||||
this.projectNameList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
getFirstLevelDutyTerritory() {
|
||||
getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.firstLevelDutyTerritoryList = res.result
|
||||
} else {
|
||||
this.firstLevelDutyTerritoryList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
...mapGetters(['userInfo']),
|
||||
edit(row) {
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('view')
|
||||
this.formInline = row
|
||||
if(this.formInline.dutyTerritory != null){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.split(',')
|
||||
}else{
|
||||
this.formInline.dutyTerritory = undefined
|
||||
}
|
||||
if(this.formInline.problemState == null){
|
||||
this.formInline.problemState = undefined
|
||||
}
|
||||
if(this.formInline.projectId != null){
|
||||
this.formInline.projectId = this.formInline.projectId.split(',')
|
||||
}else{
|
||||
this.formInline.projectId = undefined
|
||||
}
|
||||
getAction('/project/problemManagementEO/queryById', {id:this.formInline.id}).then((res) => {
|
||||
if (res.success) {
|
||||
this.formInline.fileList = res.result.fileList
|
||||
this.formInline.approvalEvidenceFileList = res.result.approvalEvidenceFileList
|
||||
}
|
||||
})
|
||||
console.log(this.formInline)
|
||||
this.visible = true
|
||||
this.disabled = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
UserFeedback(item){
|
||||
window.open(item, '_blank');
|
||||
},
|
||||
download(item){
|
||||
console.log(item)
|
||||
downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id })
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.ant-select-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-input-disabled {
|
||||
color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
width: 114px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-right: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.box-input {
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.itemModel {
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.Required {
|
||||
color: red;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.drawer-bootom-button {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
padding: 10px 16px;
|
||||
text-align: right;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-treenode-switcher-close {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-node-content-wrapper {
|
||||
float: right;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-title {
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -3,128 +3,106 @@
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('standard')">
|
||||
<span>{{$t('standard')}}</span>
|
||||
</div>
|
||||
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
|
||||
v-model="queryParam.serialNumber"></j-input>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('title')">
|
||||
<span>{{$t('title')}}</span>
|
||||
</div>
|
||||
<j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
|
||||
v-model="queryParam.title"></j-input>
|
||||
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
|
||||
v-model="queryParam.title"></a-input>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('areaOfResponsibility')">
|
||||
<span>{{$t('areaOfResponsibility')}}</span>
|
||||
<div class="title-text" :title="$t('Relevantlawsregulations')">
|
||||
<span>{{$t('Relevantlawsregulations')}}</span>
|
||||
</div>
|
||||
<j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
|
||||
:placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
|
||||
:type="'select'"
|
||||
:triggerChange="false" :dictCode="'duty_territory'"/>
|
||||
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('Relevantlawsregulations')"
|
||||
v-model="queryParam.lawsName"></a-input>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('RelatedItems')">
|
||||
<span>{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="queryParam.projectId"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('RelatedItems')">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:label="item.projectName"
|
||||
:value="item.id">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</a-col>
|
||||
<template v-if="toggleSearchStatus">
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('ProcessType')">
|
||||
<span>{{$t('ProcessType')}}</span>
|
||||
</div>
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="queryParam.flowType"
|
||||
:placeholder="$t('PleaseSelect')+$t('ProcessType')">
|
||||
<a-select-option :value="this.$t('designComplianceReview')">
|
||||
<span class="itemOption">
|
||||
{{ $t('designComplianceReview') }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
<a-select-option :value="this.$t('preHomeConfirmation')">
|
||||
<span class="itemOption">
|
||||
{{ $t('preHomeConfirmation') }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
<a-select-option :value="this.$t('verificationComplianceReview')">
|
||||
<span class="itemOption">
|
||||
{{ $t('verificationComplianceReview') }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('RelatedItems')">
|
||||
<span>{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="queryParam.projectName"
|
||||
:placeholder="$t('PleaseSelect')+$t('RelatedItems')">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:value="item.projectName">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('problemType')">
|
||||
<span>{{$t('problemType')}}</span>
|
||||
</div>
|
||||
<a-select allowClear
|
||||
<j-dict-select-tag class="box-input" v-model="queryParam.problemType"
|
||||
:placeholder="$t('PleaseSelect')+$t('problemType')"
|
||||
:type="'select'"
|
||||
@changeQuery="onChange"
|
||||
:triggerChange="false" :dictCode="'wen4_ti2_lei4_xing2'"/>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('statisticalNodes')">
|
||||
<span>{{$t('statisticalNodes')}}</span>
|
||||
</div>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('statisticalNodes')"
|
||||
allowClear
|
||||
show-search
|
||||
class="box-input"
|
||||
v-model="queryParam.problemType"
|
||||
:placeholder="$t('PleaseSelect')+$t('problemType')">
|
||||
<a-select-option :value="$t('inconformity')">
|
||||
<span class="itemOption">
|
||||
{{ $t('nonConformity') }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
<a-select-option :value="$t('toTrack')">
|
||||
<span class="itemOption">
|
||||
{{ $t('Tracked') }}
|
||||
</span>
|
||||
optionFilterProp="label"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
v-model="queryParam.dutyTerritory">
|
||||
<a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
|
||||
:key="key"
|
||||
:label="item.key"
|
||||
:value="item.key">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.key ">
|
||||
{{ item.key }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8" v-if="isPersonnelSelection">
|
||||
<a-col :md="6" :sm="8">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('Sponsor')">
|
||||
<span>{{$t('Sponsor')}}</span>
|
||||
<div class="title-text" :title="$t('Problemstate')">
|
||||
<span>{{$t('Problemstate')}}</span>
|
||||
</div>
|
||||
<PersonnelSelection :query="{db_field_name:'initiator',db_field_txt:$t('Sponsor')}"
|
||||
:isInput="true"
|
||||
class="box-input"
|
||||
:personneQuery="queryParam"
|
||||
@change="PersonnelSelectionChange"
|
||||
v-model="queryParam.initiatorName"/>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8" v-if="isPersonnelSelection">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text" :title="$t('personLiable')">
|
||||
<span>{{$t('personLiable')}}</span>
|
||||
</div>
|
||||
<PersonnelSelection :query="{db_field_name:'duty',db_field_txt:$t('personLiable')}"
|
||||
:isInput="true"
|
||||
class="box-input"
|
||||
:personneQuery="queryParam"
|
||||
@change="PersonnelSelectionChange"
|
||||
v-model="queryParam.dutyName"/>
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="queryParam.problemState"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('Problemstate')">
|
||||
<a-select-option v-for="(item, key) in ProblemstateList"
|
||||
:label='item'
|
||||
:key="key"
|
||||
:value="item">
|
||||
<span style="display: inline-block;width: 100%" :title=" item">
|
||||
{{ item }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</a-col>
|
||||
</template>
|
||||
@@ -142,6 +120,10 @@
|
||||
</a-form>
|
||||
</div>
|
||||
<div class="table-operator">
|
||||
<div class="operator-text" @click="handleAdd" v-has="'ncrTrack:add'">
|
||||
<a-icon type="plus"/>
|
||||
{{$t('newlyAdded')}}
|
||||
</div>
|
||||
<div @click="handleExport" v-has="'ncrTrack:exportData'" class="operator-text">
|
||||
<a-icon type="export" :rotate="-90"/>
|
||||
{{ $t('export') }}
|
||||
@@ -161,10 +143,44 @@
|
||||
:data-source="dataSource"
|
||||
:columns="columns"
|
||||
>
|
||||
<span slot="standard" slot-scope="text,result">
|
||||
<a @click="designFlowStatusClick(result)" class="textName" :title="text">
|
||||
{{text}}
|
||||
</a>
|
||||
<!-- <span slot="standard" slot-scope="text,result">-->
|
||||
<!-- <a @click="designFlowStatusClick(result)" class="textName" :title="text">-->
|
||||
<!-- {{text}}-->
|
||||
<!-- </a>-->
|
||||
<!-- </span>-->
|
||||
<div slot="CertificationProgress" slot-scope="text,result">
|
||||
<span v-if="result.problemState == $t('red')" class="box-content-Progress box-content-cou nonConformityColor"
|
||||
:style="{'width':long=='zh-cn'?'90px' : '120px'}"
|
||||
>
|
||||
{{result.problemState ? result.problemState : ''}}
|
||||
</span>
|
||||
<span v-if="result.problemState == $t('green')" class="box-content-Progress box-content-cou accordColor"
|
||||
:style="{'width':long=='zh-cn'?'90px' : '120px'}"
|
||||
>
|
||||
{{result.problemState ? result.problemState : ''}}
|
||||
</span>
|
||||
<span v-if="result.problemState == $t('yellow')" class="box-content-Progress box-content-cou TrackedColor"
|
||||
:style="{'width':long=='zh-cn'?'90px' : '120px'}"
|
||||
>
|
||||
{{result.problemState ? result.problemState : ''}}
|
||||
</span>
|
||||
</div>
|
||||
<!-- <span slot="problemType" slot-scope="text,result">-->
|
||||
<!-- <span>{{result.flag== 'NEW'?result.problemType_dictText:result.problemType}}</span>-->
|
||||
<!-- </span>-->
|
||||
<span slot="operation" slot-scope="text,record">
|
||||
<a class="text-operation" v-has="'ncrTrack:check'"
|
||||
@click="detil(record)">
|
||||
{{ $t('See') }}
|
||||
</a>
|
||||
<a class="text-operation" v-if="record.flag == 'NEW'" v-has="'ncrTrack:edit'"
|
||||
@click="edit(record)">
|
||||
{{ $t('edit') }}
|
||||
</a>
|
||||
<a class="text-operation" v-if="record.flag == 'NEW'" v-has="'ncrTrack:delete'"
|
||||
@click="deleteLib(record)">
|
||||
{{ $t('deleteLib') }}
|
||||
</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
@@ -181,6 +197,8 @@
|
||||
/>
|
||||
</div>
|
||||
<designCompliance ref="designComplianceRef"/>
|
||||
<addModel ref="addModelRef" @addModelForm="addModelForm"/>
|
||||
<detilModel ref="detilModelRef"/>
|
||||
</a-card>
|
||||
</template>
|
||||
|
||||
@@ -189,12 +207,17 @@
|
||||
import PersonnelSelection from '@/components/PersonnelSelection/index'
|
||||
import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
|
||||
import store from '@/store/'
|
||||
import addModel from './moudles/addModel'
|
||||
import detilModel from './moudles/detilModel'
|
||||
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||
import moment from 'moment'
|
||||
|
||||
export default {
|
||||
name: 'projectNonConformance',
|
||||
components: {
|
||||
PersonnelSelection,
|
||||
addModel,
|
||||
detilModel,
|
||||
designCompliance
|
||||
},
|
||||
mixins:[ResizeHeader, ResizeColumnProvide],
|
||||
@@ -204,37 +227,29 @@
|
||||
loading: false,
|
||||
dataSource: [],
|
||||
selectedRowKeys: [],
|
||||
firstLevelDutyTerritoryList:[],
|
||||
projectNameList: [],
|
||||
ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
|
||||
// CertificationColor: {
|
||||
// $t('red'): 'nonConformityColor',
|
||||
// $t('green'): 'accordColor',
|
||||
// $t('yellow'): 'TrackedColor',
|
||||
// },
|
||||
toggleSearchStatus: false,
|
||||
columns: [
|
||||
{
|
||||
title: this.$t('standard'),
|
||||
align: 'left',
|
||||
dataIndex: 'serialNumber',
|
||||
width: 170,
|
||||
sorter:true,
|
||||
scopedSlots: { customRender: 'standard' }
|
||||
},
|
||||
{
|
||||
title: this.$t('title'),
|
||||
align: 'left',
|
||||
dataIndex: 'title',
|
||||
width: 170,
|
||||
scopedSlots: { customRender: 'standard' }
|
||||
},
|
||||
{
|
||||
title: this.$t('ProcessType'),
|
||||
align: 'left',
|
||||
dataIndex: 'flowType',
|
||||
width: 150,
|
||||
sorter:true,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('areaOfResponsibility'),
|
||||
title: this.$t('Relevantlawsregulations'),
|
||||
align: 'left',
|
||||
dataIndex: 'dutyTerritory',
|
||||
width: 100,
|
||||
dataIndex: 'lawsName',
|
||||
width: 170,
|
||||
sorter:true,
|
||||
ellipsis: true
|
||||
},
|
||||
@@ -242,31 +257,64 @@
|
||||
title: this.$t('RelatedItems'),
|
||||
align: 'left',
|
||||
dataIndex: 'projectName',
|
||||
width: 180,
|
||||
width: 170,
|
||||
sorter:true,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('problemType'),
|
||||
align: 'left',
|
||||
dataIndex: 'problemType',
|
||||
width: 120,
|
||||
dataIndex: 'problemType_dictText',
|
||||
width: 170,
|
||||
sorter:true,
|
||||
ellipsis: true,
|
||||
scopedSlots: { customRender: 'problemType' }
|
||||
},
|
||||
{
|
||||
title: this.$t('statisticalNodes'),
|
||||
align: 'left',
|
||||
dataIndex: 'dutyTerritory',
|
||||
width: 100,
|
||||
sorter:true,
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('Sponsor'),
|
||||
title: this.$t('creator'),
|
||||
align: 'left',
|
||||
dataIndex: 'initiator',
|
||||
dataIndex: 'createBy',
|
||||
width: 100,
|
||||
sorter:true,
|
||||
width: 100
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: this.$t('personLiable'),
|
||||
title: this.$t('Problemstate'),
|
||||
align: 'left',
|
||||
dataIndex: 'duty',
|
||||
dataIndex: 'problemState',
|
||||
width: 120,
|
||||
sorter:true,
|
||||
width: 100
|
||||
ellipsis: true,
|
||||
scopedSlots: { customRender: 'CertificationProgress' }
|
||||
},
|
||||
{
|
||||
title: this.$t('createTime'),
|
||||
align: 'left',
|
||||
dataIndex: 'createTime',
|
||||
sorter:true,
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
title: this.$t('updateTime'),
|
||||
align: 'left',
|
||||
dataIndex: 'updateTime',
|
||||
sorter:true,
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
title: this.$t('operation'),
|
||||
align: 'left',
|
||||
fixed: 'right',
|
||||
width: localStorage.getItem('language') == 'zh-cn' ? 160 : 180,
|
||||
scopedSlots: { customRender: 'operation' }
|
||||
}
|
||||
],
|
||||
total: 0,
|
||||
@@ -274,6 +322,7 @@
|
||||
pageNo: 1,
|
||||
orderBy: '1',
|
||||
orderByField: '',
|
||||
long: '',
|
||||
isPersonnelSelection:true,
|
||||
url: {
|
||||
page: '/project/ncrTrackController/queryPage',
|
||||
@@ -288,8 +337,10 @@
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.long = localStorage.getItem('language') || 'zh-cn'
|
||||
this.getList()
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
},
|
||||
watch: {
|
||||
'$socketPublic.state.msg': {
|
||||
@@ -304,8 +355,17 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getFirstLevelDutyTerritory() {
|
||||
getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.firstLevelDutyTerritoryList = res.result
|
||||
} else {
|
||||
this.firstLevelDutyTerritoryList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
getNameList() {
|
||||
getAction('project/projectNameInfoEO/list', {}).then((res) => {
|
||||
getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.projectNameList = res.result || []
|
||||
} else {
|
||||
@@ -320,6 +380,13 @@
|
||||
this.pageNo = 1
|
||||
this.getList()
|
||||
},
|
||||
addModelForm(){
|
||||
this.getList()
|
||||
},
|
||||
onChange(value){
|
||||
console.log(value)
|
||||
this.queryParam.problemType_dictText = value
|
||||
},
|
||||
onSelectChange(value) {
|
||||
this.content = []
|
||||
this.selectedRowKeys = value
|
||||
@@ -328,7 +395,7 @@
|
||||
this.selectedRowKeys.forEach(val => {
|
||||
if (res.uuid == val) {
|
||||
this.content.push({
|
||||
id: res.id,
|
||||
id: res.id || res.uuid,
|
||||
flowType: res.flowType
|
||||
})
|
||||
}
|
||||
@@ -360,6 +427,9 @@
|
||||
this.getList()
|
||||
},
|
||||
getList() {
|
||||
if(this.queryParam.problemType_dictText){
|
||||
delete this.queryParam.problemType
|
||||
}
|
||||
let query = {
|
||||
pageNo: this.pageNo,
|
||||
pageSize: this.pageSize,
|
||||
@@ -384,12 +454,42 @@
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd(){
|
||||
this.$refs.addModelRef.add()
|
||||
},
|
||||
edit(record){
|
||||
this.$refs.addModelRef.edit(JSON.parse(JSON.stringify(record)))
|
||||
},
|
||||
detil(record){
|
||||
if(record.flag == 'NEW'){
|
||||
this.$refs.detilModelRef.edit(JSON.parse(JSON.stringify(record)))
|
||||
}else{
|
||||
this.designFlowStatusClick(record)
|
||||
}
|
||||
},
|
||||
deleteLib(record){
|
||||
let _this = this
|
||||
this.$confirm({
|
||||
content: _this.$t('ConfirmDelete'),
|
||||
onOk() {
|
||||
deleteAction('/project/problemManagementEO/deleteBatch', { ids: record.uuid }).then((res) => {
|
||||
if (res.success) {
|
||||
_this.$message.success(_this.$t('OperationSuccessful'))
|
||||
_this.getList()
|
||||
} else {
|
||||
_this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
handleExport() {
|
||||
let query = {
|
||||
...this.queryParam,
|
||||
ncrTrackVOList: this.content
|
||||
}
|
||||
downloadFilePost(this.url.exportData, this.$t('NonConformance') + '.xls', query, this.Deselect)
|
||||
let date = moment(new Date()).format('YYYY-MM-DD')
|
||||
downloadFilePost(this.url.exportData, this.$t('Problemanagement') + date + '.zip', query, this.Deselect)
|
||||
},
|
||||
Deselect() {
|
||||
this.selectedRowKeys = []
|
||||
@@ -550,7 +650,40 @@
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.box-content-Progress {
|
||||
width: 78px;
|
||||
height: 32px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
border-radius: 4px;
|
||||
background: #f1f3f5;
|
||||
color: #919399;
|
||||
}
|
||||
.accordColor {
|
||||
background: #dbf6e2;
|
||||
color: #26BD4B;
|
||||
}
|
||||
|
||||
.nonConformityColor {
|
||||
background: #f3dddd;
|
||||
color: #E83030;
|
||||
}
|
||||
|
||||
.TrackedColor {
|
||||
background: #f6ebdb;
|
||||
color: #FDA71C;
|
||||
}
|
||||
|
||||
.notInvolvedColor {
|
||||
background: #eef1f4;
|
||||
color: #707486;
|
||||
}
|
||||
|
||||
.submittedColor {
|
||||
color: #00B3BE;
|
||||
background: #ddf3f4;
|
||||
}
|
||||
.textName {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -0,0 +1,778 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-drawer
|
||||
:title="title"
|
||||
:maskClosable="false"
|
||||
:width="900"
|
||||
placement="right"
|
||||
:closable="true"
|
||||
@close="handleCancel"
|
||||
:visible="visible"
|
||||
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text"
|
||||
:title="$t('title')">{{$t('title')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="title">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.title'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('title')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text"
|
||||
:title="$t('problemType')">{{$t('problemType')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="problemType">
|
||||
<j-dict-select-tag class="box-input" v-model="formInline.problemType"
|
||||
:placeholder="$t('PleaseSelect')+$t('problemType')"
|
||||
:type="'select'"
|
||||
:triggerChange="false" :dictCode="'wen4_ti2_lei4_xing2'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="'PS-issue'">{{'PS-issue'}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="issue">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.psIssue'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+'PS-issue'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Relevantlawsregulations')">{{$t('Relevantlawsregulations')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<Standardselection
|
||||
:query="{'db_field_txt':$t('Relevantlawsregulations')}"
|
||||
:standard="formInline"
|
||||
:disabled="false"
|
||||
@input="Standardselectioninput"
|
||||
@change="StandardselectionChange"
|
||||
v-model="formInline.lawsName"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('RelatedItems')">{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.projectId"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
mode="multiple"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('RelatedItems')">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:label="item.projectName"
|
||||
:value="item.id">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('statisticalNodes')"
|
||||
allowClear
|
||||
show-search
|
||||
mode="multiple"
|
||||
class="box-input-search"
|
||||
optionFilterProp="label"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
v-model="formInline.dutyTerritory">
|
||||
<a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
|
||||
:key="key"
|
||||
:label="item.key"
|
||||
:value="item.key">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.key ">
|
||||
{{ item.key }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Problemstate')">{{$t('Problemstate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.problemState"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false"
|
||||
:placeholder="$t('PleaseSelect')+$t('Problemstate')">
|
||||
<a-select-option v-for="(item, key) in ProblemstateList"
|
||||
:label='item'
|
||||
:key="key"
|
||||
:value="item">
|
||||
<span style="display: inline-block;width: 100%" :title=" item">
|
||||
{{ item }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('descriptions')">{{$t('descriptions')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="descriptions">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.description'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('descriptions')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('documents')">{{$t('documents')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="fileLink">
|
||||
<div v-for="(item,index) in formInline.fileLinkList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.fileLink'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('Addresslink')"/>
|
||||
<a-icon class="icon-text" @click="addClick(index)" style='margin-left: 10px;font-size: 18px;'
|
||||
v-if="formInline.fileLinkList.length - 1 == index"
|
||||
type="plus"/>
|
||||
<a-icon class="icon-text" v-if="formInline.fileLinkList.length > 1 && formInline.fileLinkList.length - 1 !== index" style='margin-left: 10px;font-size: 18px;'
|
||||
@click="deleteClick(index)"
|
||||
type="minus"/>
|
||||
</div>
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('file')">
|
||||
{{ (formInline.file === 'null' || formInline.file === '' ||
|
||||
formInline.file == null) ? $t('Fileupload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('progresstracking')">{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progresstracking">
|
||||
<div v-for="(item,index) in formInline.progressTrackingList" :key="index">
|
||||
<!-- <span>{{item}}</span>-->
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.progressTracking'
|
||||
:disabled="true"
|
||||
:title='item.progressTracking'
|
||||
:placeholder="$t('PleaseEnter')+$t('progresstracking')"/>
|
||||
<a @click="addprogresstrackingClick(index)" style='margin-left: 10px' v-if="formInline.progressTrackingList.length - 1 == index">{{$t('newlyAdded')}}</a>
|
||||
<a @click="deleteprogresstrackingClick(index,item)" v-if="formInline.progressTrackingList.length > 0" :disabled="disabled" style='margin-left: 10px' >{{$t('delete')}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('conculsion')">{{$t('conculsion')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="conclusion">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.conclusion'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('conculsion')"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('examineapproveevidence')">{{$t('examineapproveevidence')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="approvalEvidenceLink">
|
||||
<div v-for="(item,index) in formInline.approvalEvidenceLinkList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 88%'
|
||||
v-model='item.approvalEvidenceLink'
|
||||
:disabled="disabled"
|
||||
:placeholder="$t('PleaseEnter')+$t('Addresslink')"/>
|
||||
<a-icon class="icon-text" @click="addvidenceClick(index)" style='margin-left: 10px;font-size: 18px;'
|
||||
v-if="formInline.approvalEvidenceLinkList.length - 1 == index"
|
||||
type="plus"/>
|
||||
<a-icon class="icon-text" v-if="formInline.approvalEvidenceLinkList.length > 1 && formInline.approvalEvidenceLinkList.length - 1 !== index"
|
||||
style='margin-left: 10px;font-size: 18px;' @click="deletevidenceClick(index)"
|
||||
type="minus" :disabled="disabled"/>
|
||||
</div>
|
||||
<a-button type="primary" class="button-text"
|
||||
@click="clickButtonToUpload('approvalEvidence')">
|
||||
{{ (formInline.approvalEvidence === 'null' || formInline.approvalEvidence === '' ||
|
||||
formInline.approvalEvidence == null) ? $t('Fileupload') : $t('viewUploadedFiles')
|
||||
}}
|
||||
</a-button>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<div class="drawer-bootom-button">
|
||||
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('cancel')}}</a-button>
|
||||
<a-button @click="handleSubmit" v-if="!disabled" type="primary" :loading="confirmLoading">{{$t('submit')}}
|
||||
</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!-- <addModel ref="addModelRef" @addModelForm="addModelForm"/>-->
|
||||
<a-modal
|
||||
:title="$t('progresstracking')"
|
||||
:width="600"
|
||||
:visible="visibletrack"
|
||||
:confirm-loading="confirmLoading"
|
||||
:maskClosable="false"
|
||||
@ok="handleOk"
|
||||
@cancel="Cancel"
|
||||
>
|
||||
<a-form-model :model="formInlinetracking" class="formAdd" :rules="rulestracking" ref="ruleFormtracking">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="Required">*</span>
|
||||
<span class="title-text-text" :title="$t('progresstracking')">
|
||||
{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progressTracking">
|
||||
<a-textarea :placeholder="$t('pleaseEnter')+$t('progresstracking')"
|
||||
v-model="formInlinetracking.progressTracking"
|
||||
style="width: 90%"
|
||||
:maxLength="500"
|
||||
:rows="4"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-modal>
|
||||
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import defaultTemplate from './defaultTemplate'
|
||||
// import solicitOpinions from './solicitOpinions'
|
||||
// import releaseStandard from './releaseStandard'
|
||||
// import industryTemplate from './industryTemplate'
|
||||
// import addModel from './a/ddModel'
|
||||
import Standardselection from '@/components/Standardselection/index'
|
||||
import uploadFile from '@/components/uploadFile/file'
|
||||
import { getAction, postAction,putAction, downloadFile } from '@/api/manage'
|
||||
import moment from 'moment'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'fillAdd',
|
||||
components: {
|
||||
// defaultTemplate,
|
||||
// solicitOpinions,
|
||||
// releaseStandard,
|
||||
// industryTemplate,
|
||||
// addModel
|
||||
Standardselection,
|
||||
uploadFile,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
title: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('title') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
problemType: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('problemType') + this.$t('cannotEmpty'),
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
},
|
||||
visible: false,
|
||||
visibletrack: false,
|
||||
rulestracking:{
|
||||
progressTracking: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('text') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
},
|
||||
formInline: {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}],
|
||||
dutyTerritory:undefined,
|
||||
projectId:undefined,
|
||||
problemState:undefined,
|
||||
},
|
||||
formInlinetracking:{},
|
||||
confirmLoading: false,
|
||||
title: '',
|
||||
disabled: false,
|
||||
isTrue: false,
|
||||
chapterContentsList: [],
|
||||
firstLevelDutyTerritoryList:[],
|
||||
projectNameList: [],
|
||||
ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
|
||||
templateDisabled: false,
|
||||
contentTemplateList: [
|
||||
{
|
||||
id: '1',
|
||||
text: this.$t('defaultTemplate')
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
text: this.$t('newRequestCommentListTemplate')
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
text: this.$t('NewReleasedStandardTemplate')
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
text: this.$t('industryInformationDynamicTemplate')
|
||||
}
|
||||
],
|
||||
index:'',
|
||||
url: {
|
||||
add: '/project/problemManagementEO/add',
|
||||
edit: '/project/problemManagementEO/edit',
|
||||
queryById: '/report/lawsMonthlyReportWriteEO/queryById'
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// bringInStandardInformationClick() {
|
||||
// this.$refs.addModelRef.addModel()
|
||||
// },
|
||||
getNameList() {
|
||||
getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.projectNameList = res.result || []
|
||||
} else {
|
||||
this.projectNameList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
addModelForm(value) {
|
||||
this.$refs.defaultTemplateRef.getStandData(value)
|
||||
},
|
||||
getFirstLevelDutyTerritory() {
|
||||
getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.firstLevelDutyTerritoryList = res.result
|
||||
} else {
|
||||
this.firstLevelDutyTerritoryList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
StandardselectionChange(value, id) {
|
||||
this.formInline.lawsId = id
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
Standardselectioninput(val){
|
||||
this.formInline.lawsName = val
|
||||
},
|
||||
clickButtonToUpload(item) {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
this.$refs.uploadFile.visible = true
|
||||
this.uploadName = item
|
||||
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||
} else {
|
||||
this.$refs.uploadFile.perentHandleFunc()
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 上传文件的回调 */
|
||||
uploadSuccess(data) {
|
||||
let attIdList = []
|
||||
if (data && data.length > 0) {
|
||||
data.map(item => {
|
||||
attIdList.push(item.id || data.name)
|
||||
})
|
||||
}
|
||||
/** 赋值给当前对应的表单文件 */
|
||||
this.formInline[this.uploadName] = attIdList.join(',')
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
...mapGetters(['userInfo']),
|
||||
add() {
|
||||
this.templateDisabled = false
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('newlyAdded')
|
||||
this.visible = true
|
||||
this.disabled = false
|
||||
this.formInline = {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}]
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.formInline = { ...this.formInline }
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
edit(row) {
|
||||
console.log(row)
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('edit')
|
||||
this.formInline = row
|
||||
if(this.formInline.dutyTerritory != null){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.split(',')
|
||||
}else{
|
||||
this.formInline.dutyTerritory = undefined
|
||||
}
|
||||
if(this.formInline.problemState == null){
|
||||
this.formInline.problemState = undefined
|
||||
}
|
||||
if(this.formInline.progressTrackingList == null){
|
||||
this.formInline.progressTrackingList = [{}]
|
||||
}
|
||||
if(this.formInline.approvalEvidenceLinkList == null){
|
||||
this.formInline.approvalEvidenceLinkList = [{}]
|
||||
}
|
||||
if(this.formInline.fileLinkList == null){
|
||||
this.formInline.fileLinkList = [{}]
|
||||
}
|
||||
if(this.formInline.projectId != null){
|
||||
this.formInline.projectId = this.formInline.projectId.split(',')
|
||||
}else{
|
||||
this.formInline.projectId = undefined
|
||||
}
|
||||
console.log(this.formInline)
|
||||
this.visible = true
|
||||
this.disabled = false
|
||||
this.templateDisabled = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
addClick(index){
|
||||
this.formInline.fileLinkList.splice(index + 1, 0, {})
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
deleteClick(index) {
|
||||
this.formInline.fileLinkList.splice(index, 1)
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
addvidenceClick(index){
|
||||
this.formInline.approvalEvidenceLinkList.splice(index + 1, 0, {})
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
deletevidenceClick(index) {
|
||||
this.formInline.approvalEvidenceLinkList.splice(index, 1)
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
addprogresstrackingClick(index){
|
||||
this.index = index
|
||||
this.formInlinetracking = {}
|
||||
this.visibletrack = true
|
||||
this.$nextTick(() => {
|
||||
this.formInlinetracking = { ...this.formInlinetracking }
|
||||
this.isTrue = true
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
deleteprogresstrackingClick(index,item) {
|
||||
if(item.progressTracking && item.progressTracking != ''){
|
||||
if(index == 0){
|
||||
item.progressTracking = ''
|
||||
}else{
|
||||
this.formInline.progressTrackingList.splice(index, 1)
|
||||
}
|
||||
}
|
||||
this.formInline = { ...this.formInline }
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
},
|
||||
Cancel(){
|
||||
this.visibletrack = false
|
||||
this.formInlinetracking = {}
|
||||
this.$refs.ruleFormtracking.clearValidate()
|
||||
},
|
||||
handleOk(){
|
||||
console.log(this.formInlinetracking)
|
||||
let time = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
|
||||
this.$refs.ruleFormtracking.validate(valid => {
|
||||
if (valid) {
|
||||
let text = this.userInfo().username + ' ' + time + ' ' + this.formInlinetracking.progressTracking
|
||||
this.formInline.progressTrackingList.forEach((item,index) => {
|
||||
console.log(item.progressTracking)
|
||||
if(!item.progressTracking){
|
||||
this.formInline.progressTrackingList.splice(0,1)
|
||||
}
|
||||
})
|
||||
this.formInline.progressTrackingList.splice(this.index+1, 1, {progressTracking:text})
|
||||
this.visibletrack = false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit() {
|
||||
console.log(this.formInline)
|
||||
this.$refs.ruleForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.confirmLoading = true
|
||||
let url = ''
|
||||
let action = ''
|
||||
if (this.title == this.$t('newlyAdded')) {
|
||||
url = this.url.add
|
||||
action = postAction
|
||||
} else {
|
||||
url = this.url.edit
|
||||
action = putAction
|
||||
}
|
||||
// Object.keys(formInline).forEach(res => {
|
||||
// if (formInline[res] && formInline[res] instanceof Array) {
|
||||
// formInline[res] = formInline[res].join(',')
|
||||
// }
|
||||
// })
|
||||
let formInline = JSON.parse(JSON.stringify(this.formInline))
|
||||
if(this.formInline.dutyTerritory && this.formInline.dutyTerritory instanceof Array){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.join(',')
|
||||
}
|
||||
if(this.formInline.projectId && this.formInline.projectId instanceof Array){
|
||||
this.formInline.projectId = this.formInline.projectId.join(',')
|
||||
}
|
||||
// let fileLinkList = []
|
||||
// let approvalEvidenceLinkList = []
|
||||
// let progressTrackingList = []
|
||||
// if(this.formInline.fileLinkList){
|
||||
// this.formInline.fileLinkList.forEach(item => {
|
||||
// if(item.fileLink){
|
||||
// fileLinkList.push(item.fileLink)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.fileLinkList = fileLinkList
|
||||
// }
|
||||
// if(this.formInline.approvalEvidenceLinkList){
|
||||
// this.formInline.approvalEvidenceLinkList.forEach(item => {
|
||||
// if(item.approvalEvidenceLink){
|
||||
// approvalEvidenceLinkList.push(item.approvalEvidenceLink)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.approvalEvidenceLinkList = approvalEvidenceLinkList
|
||||
// }
|
||||
// if(this.formInline.progressTrackingList){
|
||||
// this.formInline.progressTrackingList.forEach(item => {
|
||||
// if(item.progressTracking){
|
||||
// progressTrackingList.push(item.progressTracking)
|
||||
// }
|
||||
// })
|
||||
// this.formInline.progressTrackingList = progressTrackingList
|
||||
// }
|
||||
delete this.formInline.lawsName
|
||||
let query = {
|
||||
// problemManagementEO:formInline
|
||||
...this.formInline
|
||||
}
|
||||
action(url, query).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message.success(this.$t('OperationSuccessful'))
|
||||
this.visible = false
|
||||
this.confirmLoading = false
|
||||
this.$emit('addModelForm')
|
||||
} else {
|
||||
this.confirmLoading = false
|
||||
this.$message.warning(this.$t('operationFailed'))
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.ant-select-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-input-disabled {
|
||||
color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
width: 114px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-right: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.box-input {
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.itemModel {
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.Required {
|
||||
color: red;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.drawer-bootom-button {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
padding: 10px 16px;
|
||||
text-align: right;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-treenode-switcher-close {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-node-content-wrapper {
|
||||
float: right;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-title {
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,507 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-drawer
|
||||
:title="title"
|
||||
:maskClosable="false"
|
||||
:width="900"
|
||||
placement="right"
|
||||
:closable="true"
|
||||
@close="handleCancel"
|
||||
:visible="visible"
|
||||
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('title')">{{$t('title')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="title">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.title'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('problemType')">{{$t('problemType')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="problemType">
|
||||
<j-dict-select-tag class="box-input" v-model="formInline.problemType"
|
||||
:disabled="disabled"
|
||||
:type="'select'"
|
||||
:triggerChange="false" :dictCode="'wen4_ti2_lei4_xing2'"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="'PS-issue'">{{'PS-issue'}}</span>
|
||||
</div>
|
||||
<div>
|
||||
<a style='width: 273px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 12px;'
|
||||
:title='formInline.psIssue'
|
||||
@click='UserFeedback(formInline.psIssue)'>{{formInline.psIssue}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Relevantlawsregulations')">{{$t('Relevantlawsregulations')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-input class="box-input"
|
||||
:title='formInline.lawsName'
|
||||
v-model='formInline.lawsName'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('RelatedItems')">{{$t('RelatedItems')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.projectId"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
mode="multiple"
|
||||
:disabled="disabled"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false">
|
||||
<a-select-option v-for="(item, key) in projectNameList"
|
||||
:key="key"
|
||||
:label="item.projectName"
|
||||
:value="item.id">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.projectName ">
|
||||
{{ item.projectName}}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel-multi" prop="creator">
|
||||
<a-select
|
||||
allowClear
|
||||
show-search
|
||||
mode="multiple"
|
||||
:disabled="disabled"
|
||||
class="box-input-search"
|
||||
optionFilterProp="label"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
v-model="formInline.dutyTerritory">
|
||||
<a-select-option v-for="(item, key) in firstLevelDutyTerritoryList"
|
||||
:key="key"
|
||||
:label="item.key"
|
||||
:value="item.key">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.key ">
|
||||
{{ item.key }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('Problemstate')">{{$t('Problemstate')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="contentTemplate">
|
||||
<a-select allowClear
|
||||
class="box-input"
|
||||
v-model="formInline.problemState"
|
||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
||||
showSearch
|
||||
:disabled="disabled"
|
||||
optionFilterProp="label"
|
||||
:autoClearSearchValue="false">
|
||||
<a-select-option v-for="(item, key) in ProblemstateList"
|
||||
:label='item'
|
||||
:key="key"
|
||||
:value="item">
|
||||
<span style="display: inline-block;width: 100%" :title=" item">
|
||||
{{ item }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('descriptions')">{{$t('descriptions')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="descriptions">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.description'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('documents')">{{$t('documents')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="fileLink">
|
||||
<div v-for="(item,index) in formInline.fileLinkList" :key="index">
|
||||
<a @click='UserFeedback(item.fileLink)'>{{item.fileLink}}</a>
|
||||
</div>
|
||||
<div v-for='(item,index) in formInline.fileList'>
|
||||
<a @click='download(item)'>{{item.fileName}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('progresstracking')">{{$t('progresstracking')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="progresstracking">
|
||||
<div v-for="(item,index) in formInline.progressTrackingList" :key="index">
|
||||
<a-input class="box-input"
|
||||
style='width: 89%'
|
||||
v-model='item.progressTracking'
|
||||
:title='item.progressTracking'
|
||||
:disabled="true"/>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<span class="title-text-text"
|
||||
:title="$t('conculsion')">{{$t('conculsion')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="conclusion">
|
||||
<a-input class="box-input"
|
||||
v-model='formInline.conclusion'
|
||||
:disabled="disabled"/>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="24">
|
||||
<div class="box-title-text">
|
||||
<div class="title-text">
|
||||
<!-- <span class="Required">*</span>-->
|
||||
<span class="title-text-text"
|
||||
:title="$t('examineapproveevidence')">{{$t('examineapproveevidence')}}</span>
|
||||
</div>
|
||||
<a-form-model-item class="itemModel" prop="approvalEvidenceLink">
|
||||
<div v-for="(item,index) in formInline.approvalEvidenceLinkList" :key="index">
|
||||
<a @click='UserFeedback(item.approvalEvidenceLink)'>{{item.approvalEvidenceLink}}</a>
|
||||
</div>
|
||||
<div v-for='(item,index) in formInline.approvalEvidenceFileList'>
|
||||
<a @click='download(item)'>{{item.fileName}}</a>
|
||||
</div>
|
||||
</a-form-model-item>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
<div class="drawer-bootom-button">
|
||||
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('close')}}</a-button>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction,putAction, downloadFile } from '@/api/manage'
|
||||
import moment from 'moment'
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'fillAdd',
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
title: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('title') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
problemType: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('problemType') + this.$t('cannotEmpty'),
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
},
|
||||
visible: false,
|
||||
visibletrack: false,
|
||||
rulestracking:{
|
||||
progressTracking: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('text') + this.$t('cannotEmpty'),
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
},
|
||||
formInline: {
|
||||
fileLinkList:[{}],
|
||||
progressTrackingList:[{}],
|
||||
approvalEvidenceLinkList:[{}],
|
||||
dutyTerritory:undefined,
|
||||
projectId:undefined,
|
||||
problemState:undefined,
|
||||
},
|
||||
formInlinetracking:{},
|
||||
confirmLoading: false,
|
||||
title: '',
|
||||
disabled: false,
|
||||
isTrue: false,
|
||||
chapterContentsList: [],
|
||||
firstLevelDutyTerritoryList:[],
|
||||
projectNameList: [],
|
||||
ProblemstateList:[this.$t('red'),this.$t('yellow'),this.$t('green'),],
|
||||
templateDisabled: false,
|
||||
contentTemplateList: [
|
||||
{
|
||||
id: '1',
|
||||
text: this.$t('defaultTemplate')
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
text: this.$t('newRequestCommentListTemplate')
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
text: this.$t('NewReleasedStandardTemplate')
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
text: this.$t('industryInformationDynamicTemplate')
|
||||
}
|
||||
],
|
||||
index:'',
|
||||
url: {
|
||||
add: '/project/problemManagementEO/add',
|
||||
edit: '/project/problemManagementEO/edit',
|
||||
queryById: '/report/lawsMonthlyReportWriteEO/queryById'
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
getNameList() {
|
||||
getAction('/project/projectNameInfoEO/queryProjectNameList', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.projectNameList = res.result || []
|
||||
} else {
|
||||
this.projectNameList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
getFirstLevelDutyTerritory() {
|
||||
getAction('/sys/dictItem/getFirstLevelDutyTerritory', {}).then((res) => {
|
||||
if (res.success) {
|
||||
this.firstLevelDutyTerritoryList = res.result
|
||||
} else {
|
||||
this.firstLevelDutyTerritoryList = []
|
||||
}
|
||||
})
|
||||
},
|
||||
...mapGetters(['userInfo']),
|
||||
edit(row) {
|
||||
this.getNameList()
|
||||
this.getFirstLevelDutyTerritory()
|
||||
this.title = this.$t('view')
|
||||
this.formInline = row
|
||||
if(this.formInline.dutyTerritory != null){
|
||||
this.formInline.dutyTerritory = this.formInline.dutyTerritory.split(',')
|
||||
}else{
|
||||
this.formInline.dutyTerritory = undefined
|
||||
}
|
||||
if(this.formInline.problemState == null){
|
||||
this.formInline.problemState = undefined
|
||||
}
|
||||
if(this.formInline.projectId != null){
|
||||
this.formInline.projectId = this.formInline.projectId.split(',')
|
||||
}else{
|
||||
this.formInline.projectId = undefined
|
||||
}
|
||||
getAction('/project/problemManagementEO/queryById', {id:this.formInline.id}).then((res) => {
|
||||
if (res.success) {
|
||||
this.formInline.fileList = res.result.fileList
|
||||
this.formInline.approvalEvidenceFileList = res.result.approvalEvidenceFileList
|
||||
}
|
||||
})
|
||||
console.log(this.formInline)
|
||||
this.visible = true
|
||||
this.disabled = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.ruleForm.clearValidate()
|
||||
})
|
||||
},
|
||||
UserFeedback(item){
|
||||
window.open(item, '_blank');
|
||||
},
|
||||
download(item){
|
||||
console.log(item)
|
||||
downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id })
|
||||
},
|
||||
handleCancel() {
|
||||
this.visible = false
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.ant-select-disabled {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.ant-input-disabled {
|
||||
color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped>
|
||||
|
||||
.box-title-text {
|
||||
line-height: 1.4;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
width: 114px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
margin-right: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.box-input {
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.itemModel {
|
||||
width: calc(100% - 130px);
|
||||
display: inline-block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.Required {
|
||||
color: red;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.title-text-text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.formAdd {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.drawer-bootom-button {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
padding: 10px 16px;
|
||||
text-align: right;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.button-text {
|
||||
height: 38px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-treenode-switcher-close {
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-node-content-wrapper {
|
||||
float: right;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
::v-deep .ant-select-tree-title {
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user