FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重点认证标准/政策合规性项目审查流程 实施日期 实施要求 回显

Browse Source
This commit is contained in:
baoyu
2024-04-12 13:08:35 +08:00
parent 176ae7201d
commit 4c1b7538f1
1 changed files with 185 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/policyComplianceReview/components/businessDivisionList.vue
+185 -150
View File
@@ -1,159 +1,194 @@
<template>
<div style="margin-top: 10px">
<el-table
:data="infoTableDatas"
ref="multipleTable"
tooltip-effect="dark"
border
style="width: 100%;"
height="500"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
type="index"
width="55"
label="序号"
align="center">
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) }}
</template>
</el-table-column>
<el-table-column
prop="lawCode"
label="标准编号/政策文号"
show-overflow-tooltip
align="center"
width="180"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="lawName"
label="标准名称/政策名称"
min-width="180"
align="center"
>
</el-table-column>
<el-table-column
prop="productType"
show-overflow-tooltip
width="120"
align="center"
label="产品类型">
</el-table-column>
<el-table-column
prop="implTime"
align="center"
show-overflow-tooltip
width="170"
label="实施日期">
</el-table-column>
<el-table-column
prop="implRequire"
show-overflow-tooltip
align="center"
width="180"
label="实施要求">
</el-table-column>
<el-table-column
prop="resourceAccordwithCircumstance"
show-overflow-tooltip
align="center"
width="180"
label="资源符合情况">
</el-table-column>
<el-table-column
prop="devPlan"
align="center"
show-overflow-tooltip
width="180"
label="开发计划">
</el-table-column>
<el-table-column
prop="sopDate"
align="center"
show-overflow-tooltip
width="170"
label="SOP时间">
</el-table-column>
<el-table-column
prop="finishCircumstance"
align="center"
width="180"
show-overflow-tooltip
label="完成情况">
</el-table-column>
<el-table-column
prop="sopDateSolutions"
align="center"
show-overflow-tooltip
width="400"
label="SOP时间超过法规时限的空档期的业务应对方案">
</el-table-column>
<el-table-column
v-if="showInput"
align="center"
fixed="right"
width="80"
label="操作">
<template slot-scope="scope">
<a class="scopeText" @click="editModel(scope.row,scope.$index)">
编辑
</a>
</template>
</el-table-column>
</el-table>
<businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm"/>
</div>
<div style="margin-top: 10px">
<loading :loading="loading">数据获取中...</loading>
<el-table
ref="multipleTable"
:data="infoTableDatas"
tooltip-effect="dark"
border
style="width: 100%;"
height="500"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
>
<el-table-column
type="selection"
width="55"
align="center"
/>
<el-table-column
type="index"
width="55"
label="序号"
align="center"
>
<template slot-scope="{scope, column, $index}">
{{ ($index + 1) }}
</template>
</el-table-column>
<el-table-column
prop="lawCode"
label="标准编号/政策文号"
show-overflow-tooltip
align="center"
width="180"
/>
<el-table-column
show-overflow-tooltip
prop="lawName"
label="标准名称/政策名称"
min-width="180"
align="center"
/>
<el-table-column
prop="productType"
show-overflow-tooltip
width="120"
align="center"
label="产品类型">
<template slot-scope="{row}">
<span>{{ trackingChecklistProductTypeMap[row.productType] || '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="implTime"
align="center"
show-overflow-tooltip
width="170"
label="实施日期"
/>
<el-table-column
prop="implRequire"
show-overflow-tooltip
align="center"
width="180"
label="实施要求">
<template slot-scope="{row}">
<span>{{ trackingChecklistPutDemandMap[row.implRequire] || '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="resourceAccordwithCircumstance"
show-overflow-tooltip
align="center"
width="180"
label="资源符合情况"
/>
<el-table-column
prop="devPlan"
align="center"
show-overflow-tooltip
width="180"
label="开发计划"
/>
<el-table-column
prop="sopDate"
align="center"
show-overflow-tooltip
width="170"
label="SOP时间"
/>
<el-table-column
prop="finishCircumstance"
align="center"
width="180"
show-overflow-tooltip
label="完成情况"
/>
<el-table-column
prop="sopDateSolutions"
align="center"
show-overflow-tooltip
width="400"
label="SOP时间超过法规时限的空档期的业务应对方案"
/>
<el-table-column
v-if="showInput"
align="center"
fixed="right"
width="80"
label="操作"
>
<template slot-scope="scope">
<a class="scopeText" @click="editModel(scope.row,scope.$index)">
编辑
</a>
</template>
</el-table-column>
</el-table>
<businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm" />
</div>
</template>
<script>
import businessDivisionEdit from "./businessDivisionEdit";
import businessDivisionEdit from './businessDivisionEdit';
export default {
name: "businessDivisionList",
components: {
businessDivisionEdit
},
data() {
return {
infoTableDatas: [],
taskKey: this.$route.query.taskDefinitionKey,
selectNum: 0,
}
},
computed: {
showInput() {
if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
return true
}
return false
},
},
methods: {
getData(val) {
this.infoTableDatas = val || []
this.infoTableDatas = [...this.infoTableDatas]
},
submit(callback) {
callback && callback(this.infoTableDatas)
},
businessDivisionEditForm(row) {
this.infoTableDatas[this.selectNum] = row
this.infoTableDatas = [...this.infoTableDatas]
},
editModel(row, index) {
this.selectNum = index
this.$refs.businessDivisionEditRef.edit(JSON.parse(JSON.stringify(row)))
},
}
export default {
name: 'BusinessDivisionList',
components: {
businessDivisionEdit
},
data () {
return {
infoTableDatas: [],
taskKey: this.$route.query.taskDefinitionKey,
selectNum: 0,
loading: false,
dict: []
}
},
computed: {
computed: {
trackingChecklistProductTypeMap () {
return this.dict.trackingChecklistProductType
? this.dict.trackingChecklistProductType.reduce((obj, item) => {
obj[item.value] = item.label
return obj
}, {})
: []
},
trackingChecklistPutDemandMap () {
return this.dict.trackingChecklistPutDemand
? this.dict.trackingChecklistPutDemand.reduce((obj, item) => {
obj[item.value] = item.label
return obj
}, {})
: []
}
},
showInput () {
if (this.taskKey == 'PolicyComplianceProgramReviewProcessKey8' ||
this.taskKey == 'PolicyComplianceProgramReviewProcessKey9') {
return true
}
return false
},
},
methods: {
getData (val) {
this.infoTableDatas = val || []
this.infoTableDatas = [ ...this.infoTableDatas ]
},
submit (callback) {
callback && callback(this.infoTableDatas)
},
businessDivisionEditForm (row) {
this.infoTableDatas[this.selectNum] = row
this.infoTableDatas = [ ...this.infoTableDatas ]
},
editModel (row, index) {
this.selectNum = index
this.$refs.businessDivisionEditRef.edit(JSON.parse(JSON.stringify(row)))
},
getDicTypeListCode () {
this.loading = true
this.$http._getData('sys/dictype/getDicTypeListCode').then(res => {
this.dict = { ...res.data }
this.loading = false
})
}
}
}
</script>
<style scoped>