WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改项目库平台件

Browse Source
This commit is contained in:
范强强
2023-12-07 11:28:34 +08:00
parent bac497ff10
commit a36d5ba38d
2 changed files with 530 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue
+82 -17
View File
@@ -500,12 +500,12 @@
</span>
</a-select-option>
</a-select>
<!-- <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
<!-- @input="handleInput('dutyTerritory')"-->
<!-- @changeQuery="handleChange"-->
<!-- :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
<!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'duty_territory'"/>-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
<!-- @input="handleInput('dutyTerritory')"-->
<!-- @changeQuery="handleChange"-->
<!-- :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
<!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'duty_territory'"/>-->
</a-form-model-item>
</div>
</a-col>
@@ -578,7 +578,7 @@
:title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
</div>
<a-form-model-item class="itemModel" prop="deliverableTemplate">
<!-- this.$refs.uploadFile.disabled = isTrue-->
<!-- this.$refs.uploadFile.disabled = isTrue-->
<a-button type="primary" class="button-text"
@click="clickButtonToUpload('deliverableTemplate')">
{{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === ''
@@ -690,6 +690,22 @@
</div>
</a-col>
</a-row>
<div class="header-text-text">
&nbsp;{{$t('PlatformInformation')}}
</div>
<!-- v-if='dataList && dataList.length > 0'-->
<a-table
:components="drag(columns,'columns')"
:columns="columns"
rowKey="id"
:scroll="{x: 1000}"
:data-source="dataList"
:pagination="false"
:loading="loading">
</a-table>
</div>
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="24">-->
@@ -721,12 +737,14 @@
import addCodeNumber from './addCodeNumber'
import PersonnelSelection from '@/components/PersonnelSelection/index'
import uploadFile from '@/components/uploadFile/file'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
import { mapGetters } from 'vuex'
import moment from 'moment'
export default {
name: 'addModel',
mixins: [ResizeHeader, ResizeColumnProvide],
components: {
PersonnelSelection,
uploadFile,
@@ -734,10 +752,12 @@
},
data() {
return {
dataList: [],
formInline: {},
loading: false,
confirmLoading: false,
visible: false,
disabledType:'',
disabledType: '',
personnelVisible: false,
yearNameDataList: [],
firstLevelDutyTerritoryList: [],
@@ -804,13 +824,13 @@
trigger: 'blur'
}
],
remark:[
remark: [
{
max: 500,
message: this.$t('remarks') + this.$t('cannotExceed') + 500 + this.$t('Characters'),
trigger: 'blur'
}
],
]
},
disabled: false,
flowdisabled: false,
@@ -824,7 +844,30 @@
edit: '/project/projectCertificationInventoryEO/edit',
list: '/project/projectLawsInventoryEO/list'
},
engineeringInterfacePersonList: []
engineeringInterfacePersonList: [],
columns: [
{
title: this.$t('entryName'),
dataIndex: 'projectName',
align: 'left',
ellipsis: true,
width: 120
},
{
title: this.$t('typeOfDeliverables'),
dataIndex: 'deliverableTypeName',
align: 'left',
ellipsis: true,
width: 160
},
{
title: this.$t('deliverableTemplate'),
dataIndex: 'deliverableTemplate',
align: 'left',
ellipsis: true,
width: 200
}
]
}
},
mounted() {
@@ -877,7 +920,7 @@
},
DutyDepartChangeOne(event) {
this.formInline.dutyTerritory = []
this.formInline = {...this.formInline}
this.formInline = { ...this.formInline }
this.getDutyTerritoryOne(event.join(','))
},
getDutyTerritoryOne(row) {
@@ -923,18 +966,30 @@
if (value.dutyTerritory && value.dutyTerritory.length > 0) {
this.queryPersonByProject(value.dutyTerritory.join(','))
}
console.log(value)
if(value.projectCertificationInventoryEOS && (value.projectCertificationInventoryEOS.length > 0 || value.projectCertificationInventoryEOS != null)){
if (value.projectCertificationInventoryEOS && (value.projectCertificationInventoryEOS.length > 0 || value.projectCertificationInventoryEOS != null)) {
this.flowdisabled = true
this.$refs.uploadFile.disabled = true
}
this.getRegulationNo()
this.getConnectPlatform(this.formInline.id)
this.title = this.$t('edit')
this.$nextTick(() => {
this.formInline = { ...this.formInline }
this.$refs.ruleForm.clearValidate()
})
},
getConnectPlatform(id) {
let query = {
id: id
}
getAction('/project/projectCertificationInventoryEO/connectPlatform', query).then((res) => {
if (res.success) {
this.dataList = res.result || []
} else {
this.dataList = []
}
})
},
handleCancel() {
this.visible = false
this.personnelVisible = false
@@ -1012,9 +1067,9 @@
DutyDepartChange(index) {
this.formInline.dataList[index].dutyTerritory = []
this.formInline = { ...this.formInline }
this.getDutyTerritory(this.formInline.dataList[index].dutyDepart.join(','),index)
this.getDutyTerritory(this.formInline.dataList[index].dutyDepart.join(','), index)
},
getDutyTerritory(row,index) {
getDutyTerritory(row, index) {
let query = {
dutyDepart: row
}
@@ -1024,7 +1079,7 @@
} else {
this.formInline.dataList[index].dutyTerritoryList = []
}
this.formInline = {...this.formInline}
this.formInline = { ...this.formInline }
})
},
handleInput(value, id, index, array) {
@@ -1299,11 +1354,21 @@
::v-deep .ant-form-item-with-help {
margin-bottom: 25px;
}
.itemModel-text {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
}
.header-text-text {
font-size: 16px;
font-weight: bold;
margin-left: 15px;
/*border-bottom: 1px #d9d9d9 dashed;*/
height: 30px;
margin-bottom: 30px;
}
</style>
<style>
.ant-input-disabled {
jero-web/src/views/projectManagement/components/flowstatusdetial.vue
+448 -240
View File
@@ -4,7 +4,7 @@
<a-drawer
:title="$t('Processdetails')"
:maskClosable="false"
:width="800"
:width="1000"
placement="right"
:closable="true"
@close="handleCancel"
@@ -49,271 +49,479 @@
</a-col>
</a-row>
<div style='margin-bottom: 30px'>
<div v-for='(item,index) in dataList' :key='index'>
<div class='title' :title="item.projectName">{{item.projectName}}</div>
<div style='height:100%'>
<a-row :gutter="24">
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('ProcessStatus')">{{$t('ProcessStatus')}}</span>
<span class="title-text-text" :title="flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName">
{{flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName}}</span>
</div>
</a-col>
<a-col :span="12">
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('Sponsor')">{{$t('Sponsor')}}</span>
<span class="title-text-text" :title="item.createBy">
{{item.createBy}}</span>
</div>
</a-col>
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('personLiable')">{{$t('personLiable')}}</span>
<span class="title-text-text" :title="flag == 'design'?item.designDutyIdName : item.verifyDutyIdName">
{{flag == 'design'?item.designDutyIdName : item.verifyDutyIdName}}</span>
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>
<span class="title-text-text" :title="item.dutyDepart">
{{item.dutyDepart}}</span>
</div>
</a-col>
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
<span class="title-text-text" :title="item.dutyTerritory_dictText">
{{item.dutyTerritory_dictText}}</span>
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
<a style='color:#00B3BE' class="title-text-text text-operation" @click="down(flag == 'design'?item.designDeliverableTemplate : item.verifyDeliverableTemplate),flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName" :title="flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName">
{{flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName }}</a>
</div>
</a-col>
<a-col :span="12">
<div class='detail-box'>
<span class='detail-text' :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
<span class="title-text-text" :title="flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName">
{{flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName}}</span>
</div>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="24">
<div class='detail-box' style='display:flex'>
<span class='detail-text' :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>
<span class="title-text-description" :title="flag == 'design'?item.designRemark : item.verifyRemark">
{{flag == 'design'?item.designRemark : item.verifyRemark}}</span>
</div>
</a-col>
</a-row>
</div>
</div>
<a-table
v-if='dataList && dataList.length > 0'
:components="drag(columns,'columns')"
:columns="columns"
rowKey="id"
:scroll="{x: 1000}"
:data-source="dataList"
:pagination="false"
:loading="loading">
<span slot="ProcessStatus"
:title="flag == 'design'?record.designFlowStatusName : record.verifyFlowStatusName"
slot-scope="text,record">
<a @click="processStatusClick(record,flag == 'design'?$t('designComplianceProcess') : $t('validationComplianceProcess'))">
{{flag == 'design'?record.designFlowStatusName : record.verifyFlowStatusName}}
</a>
</span>
<span slot="personLiable"
:title="flag == 'design'?record.designDutyIdName : record.verifyDutyIdName"
slot-scope="text,record">
{{flag == 'design'?record.designDutyIdName : record.verifyDutyIdName}}
</span>
<span slot="deliverableTemplate"
:title="flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName"
slot-scope="text,record">
<a style='color:#00B3BE;cursor: pointer'
@click="down(flag == 'design'?record.designDeliverableTemplate : record.verifyDeliverableTemplate,flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName)">
{{flag == 'design'?record.designDeliverableTemplateName : record.verifyDeliverableTemplateName}}
</a>
</span>
<span slot="typeOfDeliverables"
:title="flag == 'design'?record.designDeliverableTypeName : record.verifyDeliverableTypeName"
slot-scope="text,record">
{{flag == 'design'?record.designDeliverableTypeName : record.verifyDeliverableTypeName}}
</span>
<span slot="descriptionDeliverables"
:title="flag == 'design'?record.designRemark : record.verifyRemark"
slot-scope="text,record">
{{flag == 'design'?record.designRemark : record.verifyRemark}}
</span>
<span slot="deliveryDate"
:title="flag == 'design'?record.designDueDate : record.verifyDueDate"
slot-scope="text,record">
{{flag == 'design'?record.designDueDate : record.verifyDueDate}}
</span>
</a-table>
<!-- <div v-for='(item,index) in dataList' :key='index'>-->
<!-- <div class='title' :title="item.projectName">{{item.projectName}}</div>-->
<!-- <div style='height:100%'>-->
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('ProcessStatus')">{{$t('ProcessStatus')}}</span>-->
<!-- <span class="title-text-text"-->
<!-- :title="flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName">-->
<!-- {{flag == 'design'?item.designFlowStatusName : item.verifyFlowStatusName}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- <a-col :span="12">-->
<!-- </a-col>-->
<!-- </a-row>-->
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('Sponsor')">{{$t('Sponsor')}}</span>-->
<!-- <span class="title-text-text" :title="item.createBy">-->
<!-- {{item.createBy}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('personLiable')">{{$t('personLiable')}}</span>-->
<!-- <span class="title-text-text"-->
<!-- :title="flag == 'design'?item.designDutyIdName : item.verifyDutyIdName">-->
<!-- {{flag == 'design'?item.designDutyIdName : item.verifyDutyIdName}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- </a-row>-->
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('statisticalNodes')">{{$t('statisticalNodes')}}</span>-->
<!-- <span class="title-text-text" :title="item.dutyDepart">-->
<!-- {{item.dutyDepart}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>-->
<!-- <span class="title-text-text" :title="item.dutyTerritory_dictText">-->
<!-- {{item.dutyTerritory_dictText}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- </a-row>-->
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>-->
<!-- <a style='color:#00B3BE' class="title-text-text text-operation"-->
<!-- @click="down(flag == 'design'?item.designDeliverableTemplate : item.verifyDeliverableTemplate),flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName"-->
<!-- :title="flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName">-->
<!-- {{flag == 'design'?item.designDeliverableTemplateName : item.verifyDeliverableTemplateName }}</a>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- <a-col :span="12">-->
<!-- <div class='detail-box'>-->
<!-- <span class='detail-text' :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>-->
<!-- <span class="title-text-text"-->
<!-- :title="flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName">-->
<!-- {{flag == 'design'?item.designDeliverableTypeName : item.verifyDeliverableTypeName}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- </a-row>-->
<!-- <a-row :gutter="24">-->
<!-- <a-col :span="24">-->
<!-- <div class='detail-box' style='display:flex'>-->
<!-- <span class='detail-text'-->
<!-- :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>-->
<!-- <span class="title-text-description"-->
<!-- :title="flag == 'design'?item.designRemark : item.verifyRemark">-->
<!-- {{flag == 'design'?item.designRemark : item.verifyRemark}}</span>-->
<!-- </div>-->
<!-- </a-col>-->
<!-- </a-row>-->
<!-- </div>-->
<!-- </div>-->
</div>
</a-spin>
<div class="drawer-bootom-button">
<a-button style="margin-right: 8px" @click="handleCancel">{{$t('close')}}</a-button>
<!-- <a-button type="primary" @click="handleSubmit" :loading="confirmLoading">{{$t('submit')}}</a-button>-->
<!-- <a-button type="primary" @click="handleSubmit" :loading="confirmLoading">{{$t('submit')}}</a-button>-->
</div>
</a-drawer>
<uploadFile ref="uploadFile" :acceptcode="acceptcode" @uploadSuccess="uploadSuccess"/>
<designCompliance ref="designComplianceRef"/>
</div>
</template>
<script>
import { getAction, postAction,downloadFile } from '@/api/manage'
import uploadFile from '@/components/uploadFile/file'
import { mapGetters } from 'vuex'
import { getAction, postAction, downloadFile } from '@/api/manage'
import uploadFile from '@/components/uploadFile/file'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
import designCompliance from '../../toDoCenter/projectRegulationTasks/components/designCompliance'
import { mapGetters } from 'vuex'
export default {
name:"addModel",
components:{
uploadFile
},
data() {
return {
visible: false,
disabled: false,
showButton:false,
confirmLoading: false,
acceptcode:'',
projectNameList: [],
DeliverableTreeList: [],
form:{
serialNumber:'',
title:'',
subtitle:'',
applicableSupplement:'',
influencestatuteEu:'',
},
dataList:[],
url:{
addModel:''
},
record:{},
car:'',
flag:'',
}
},
mounted() {
},
methods: {
...mapGetters(['userInfo']),
addModel(row, name) {
this.form.serialNumber = row.serialNumber
this.form.title = row.title
this.form.subtitle = row.subtitle
this.form.applicableSupplement = row.applicableSupplement
this.flag = name == this.$t('designComplianceProcess') ? 'design' :'verify'
this.visible = true
this.confirmLoading = true
getAction('/project/projectLawsInventoryEO/queryPlatformList', { lawsInventoryId: row.id , flowFlag:this.flag}).then((res) => {
if (res.success) {
this.dataList = res.result || []
this.confirmLoading = false
}
})
export default {
name: 'addModel',
components: {
uploadFile,
designCompliance
},
handleCancel() {
this.form = {}
this.dataList = []
this.visible = false
},
/** 上传文件的回调 */
uploadSuccess(data) {
let attIdList = []
if (data && data.length > 0) {
data.map(item => {
attIdList.push(item.id || data.name)
})
mixins: [ResizeHeader, ResizeColumnProvide],
data() {
return {
columns: [
{
title: this.$t('entryName'),
dataIndex: 'projectName',
align: 'left',
ellipsis: true,
width: 200
},
{
title: this.$t('Sponsor'),
dataIndex: 'createBy',
align: 'left',
ellipsis: true,
width: 120
},
{
title: this.$t('personLiable'),
align: 'left',
dataIndex: 'personLiable',
ellipsis: true,
width: 120,
scopedSlots: { customRender: 'personLiable' }
},
{
title: this.$t('statisticalNodes'),
dataIndex: 'dutyDepart',
align: 'left',
ellipsis: true,
width: 120
},
{
title: this.$t('areaOfResponsibility'),
dataIndex: 'dutyTerritory_dictText',
align: 'left',
ellipsis: true,
width: 120
},
// {
// title: this.$t('deliverableTemplate'),
// align: 'left',
// ellipsis: true,
// width: 200,
// scopedSlots: { customRender: 'deliverableTemplate' }
// },
{
title: this.$t('typeOfDeliverables'),
align: 'left',
dataIndex: 'typeOfDeliverables',
ellipsis: true,
width: 140,
scopedSlots: { customRender: 'typeOfDeliverables' }
},
{
title: this.$t('deliveryDate'),
align: 'left',
ellipsis: true,
dataIndex: 'deliveryDate',
width: 140,
scopedSlots: { customRender: 'deliveryDate' }
},
// {
// title: this.$t('descriptionDeliverables'),
// align: 'left',
// ellipsis: true,
// width: 200,
// scopedSlots: { customRender: 'descriptionDeliverables' }
// },
{
title: this.$t('ProcessStatus'),
align: 'left',
ellipsis: true,
width: 120,
scopedSlots: { customRender: 'ProcessStatus' }
},
],
loading: false,
visible: false,
disabled: false,
showButton: false,
confirmLoading: false,
acceptcode: '',
projectNameList: [],
DeliverableTreeList: [],
form: {
serialNumber: '',
title: '',
subtitle: '',
applicableSupplement: '',
influencestatuteEu: ''
},
dataList: [],
url: {
addModel: ''
},
record: {},
car: '',
flag: ''
}
/** 赋值给当前对应的表单文件 */
this.formInline[this.uploadName] = attIdList.join(',')
this.formInline = { ...this.formInline }
},
down(id,name){
downloadFile('/sys/common/downLoadFile', name, { id: id })
mounted() {
},
methods: {
...mapGetters(['userInfo']),
addModel(row, name) {
this.form.serialNumber = row.serialNumber
this.form.title = row.title
this.form.subtitle = row.subtitle
this.form.applicableSupplement = row.applicableSupplement
this.flag = name == this.$t('designComplianceProcess') ? 'design' : 'verify'
this.visible = true
this.confirmLoading = true
getAction('/project/projectLawsInventoryEO/queryPlatformList', {
lawsInventoryId: row.id,
flowFlag: this.flag
}).then((res) => {
if (res.success) {
this.dataList = res.result || []
this.confirmLoading = false
}
})
},
handleCancel() {
this.form = {}
this.dataList = []
this.visible = false
},
/** 上传文件的回调 */
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 }
},
down(id, name) {
downloadFile('/sys/common/downLoadFile', name, { id: id })
},
processStatusClick(row, name){
let query = {}
let TaskKey = ''
if (name == this.$t('designComplianceProcess')) {
if (row.designFlowStatus == 'Task to be confirmed' || row.designFlowStatus == 'Duty Person Rejected') {
TaskKey = 'zrrqr'
} else if (row.designFlowStatus == 'Results to be submitted' || row.designFlowStatus == 'Non-Compliance' || row.designFlowStatus == 'To be tracked') {
TaskKey = 'zrrtjjfw'
} else if (row.designFlowStatus == 'Results to be reviewed' ||
row.designFlowStatus == 'Compliance' ||
row.designFlowStatus == 'NA') {
TaskKey = 'fggcssh'
}
query = {
actiProcInstId: row.designPId,
projectTaskInventoryId: row.id,
projectLibraryId: row.projectLibraryId,
TaskKey: TaskKey,
isDisplay: false,
flowType: 2,
Sponsor: 'regulationOwnerName',
personLiable: 'designDutyIdName',
typeOfDeliverables: 'designDeliverableTypeName',
deliverableTemplate: 'designDeliverableTemplate',
DueDate: 'designDueDate',
remarks: 'designRemark',
projectName: row.projectName,
targetMarket: row.targetMarket,
projectNameId: row.projectNameId,
primaryKeyId: row.primaryKeyId
}
} else {
if (row.verifyFlowStatus == 'Task to be confirmed' || row.verifyFlowStatus == 'Duty Person Rejected') {
TaskKey = 'zrrqr'
} else if (row.verifyFlowStatus == 'Results to be submitted' || row.verifyFlowStatus == 'Non-Compliance' || row.verifyFlowStatus == 'To be tracked') {
TaskKey = 'zrrtjjfw'
} else if (row.verifyFlowStatus == 'Results to be reviewed' ||
row.verifyFlowStatus == 'Compliance' ||
row.verifyFlowStatus == 'NA') {
TaskKey = 'fggcssh'
}
query = {
actiProcInstId: row.verifyPId,
projectTaskInventoryId: row.id,
projectLibraryId: row.projectLibraryId,
TaskKey: TaskKey,
flowType: 4,
isDisplay: false,
Sponsor: 'regulationOwnerName',
personLiable: 'verifyDutyIdName',
typeOfDeliverables: 'verifyDeliverableTypeName',
deliverableTemplate: 'verifyDeliverableTemplate',
DueDate: 'verifyDueDate',
remarks: 'verifyRemark',
projectName: row.projectName,
targetMarket: row.targetMarket,
projectNameId: row.projectNameId,
primaryKeyId: row.primaryKeyId
}
}
this.$refs.designComplianceRef.getList(JSON.parse(JSON.stringify(query)), name)
},
}
}
}
</script>
<style scoped>
.title{
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.box-title-text {
line-height: 1.4;
display: flex;
/*align-items: center;*/
}
.detail-box{
width: 100%;
height: 100%;
margin-bottom: 20px;
position: relative;
}
.detail-text{
height: 100%;
display: inline-block;
font-size: 14px;
color: #6F7385;
width: 120px;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /*超出部分省略号表示*/
white-space: nowrap; /*强制单行显示*/
display: inline-block; /*转换为行内块元素*/
}
.title-text-text{
display: inline-block;
position: absolute;
left: 33%;
font-size: 14px;
color: #040B29;
width: 60%;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /*超出部分省略号表示*/
white-space: nowrap; /*强制单行显示*/
display: inline-block; /*转换为行内块元素*/
}
.title-text-description{
display: inline-block;
width: 80%;
margin: 10px;
font-size: 14px;
color: #040B29;
}
.title-text {
width: 250px;
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: 48px;
}
.title {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.box-input {
display: inline-block;
height: 38px;
width: 100%;
}
.box-title-text {
line-height: 1.4;
display: flex;
/*align-items: center;*/
}
.itemModel {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
min-height: 40px;
margin-bottom: 24px;
}
.detail-box {
width: 100%;
height: 100%;
margin-bottom: 20px;
position: relative;
}
.Required {
color: red;
margin-right: 4px;
}
.detail-text {
height: 100%;
display: inline-block;
font-size: 14px;
color: #6F7385;
width: 120px;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /*超出部分省略号表示*/
white-space: nowrap; /*强制单行显示*/
display: inline-block; /*转换为行内块元素*/
}
.header-text {
font-size: 16px;
font-weight: 500;
}
.title-text-text {
display: inline-block;
position: absolute;
left: 33%;
font-size: 14px;
color: #040B29;
width: 60%;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /*超出部分省略号表示*/
white-space: nowrap; /*强制单行显示*/
display: inline-block; /*转换为行内块元素*/
}
.drawer-bootom-button {
position: absolute;
bottom: 0;
width: 100%;
z-index: 100;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
.title-text-description {
display: inline-block;
width: 80%;
margin: 10px;
font-size: 14px;
color: #040B29;
}
.icon-text {
font-size: 16px;
margin-right: 4px;
}
.title-text {
width: 250px;
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: 48px;
}
.box-input {
display: inline-block;
height: 38px;
width: 100%;
}
.itemModel {
width: calc(100% - 130px);
display: inline-block;
margin-top: 2px;
min-height: 40px;
margin-bottom: 24px;
}
.Required {
color: red;
margin-right: 4px;
}
.header-text {
font-size: 16px;
font-weight: 500;
}
.drawer-bootom-button {
position: absolute;
bottom: 0;
width: 100%;
z-index: 100;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
.icon-text {
font-size: 16px;
margin-right: 4px;
}
</style>