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> <template>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-table <loading :loading="loading">数据获取中...</loading>
:data="infoTableDatas" <el-table
ref="multipleTable" ref="multipleTable"
tooltip-effect="dark" :data="infoTableDatas"
border tooltip-effect="dark"
style="width: 100%;" border
height="500" style="width: 100%;"
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px', height="500"
fontWeight: 'bold', height: '48px'}"> :header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
<el-table-column fontWeight: 'bold', height: '48px'}"
type="selection" >
width="55" <el-table-column
align="center"> type="selection"
</el-table-column> width="55"
<el-table-column align="center"
type="index" />
width="55" <el-table-column
label="序号" type="index"
align="center"> width="55"
<template slot-scope="{scope, column, $index}"> label="序号"
{{ ($index + 1) }} align="center"
</template> >
</el-table-column> <template slot-scope="{scope, column, $index}">
<el-table-column {{ ($index + 1) }}
prop="lawCode" </template>
label="标准编号/政策文号" </el-table-column>
show-overflow-tooltip <el-table-column
align="center" prop="lawCode"
width="180" label="标准编号/政策文号"
> show-overflow-tooltip
</el-table-column> align="center"
<el-table-column width="180"
show-overflow-tooltip />
prop="lawName" <el-table-column
label="标准名称/政策名称" show-overflow-tooltip
min-width="180" prop="lawName"
align="center" label="标准名称/政策名称"
> min-width="180"
</el-table-column> align="center"
<el-table-column />
prop="productType" <el-table-column
show-overflow-tooltip prop="productType"
width="120" show-overflow-tooltip
align="center" width="120"
label="产品类型"> align="center"
</el-table-column> label="产品类型">
<el-table-column <template slot-scope="{row}">
prop="implTime" <span>{{ trackingChecklistProductTypeMap[row.productType] || '-' }}</span>
align="center" </template>
show-overflow-tooltip </el-table-column>
width="170" <el-table-column
label="实施日期"> prop="implTime"
</el-table-column> align="center"
<el-table-column show-overflow-tooltip
prop="implRequire" width="170"
show-overflow-tooltip label="实施日期"
align="center" />
width="180" <el-table-column
label="实施要求"> prop="implRequire"
</el-table-column> show-overflow-tooltip
<el-table-column align="center"
prop="resourceAccordwithCircumstance" width="180"
show-overflow-tooltip label="实施要求">
align="center" <template slot-scope="{row}">
width="180" <span>{{ trackingChecklistPutDemandMap[row.implRequire] || '-' }}</span>
label="资源符合情况"> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="devPlan" prop="resourceAccordwithCircumstance"
align="center" show-overflow-tooltip
show-overflow-tooltip align="center"
width="180" width="180"
label="开发计划"> label="资源符合情况"
</el-table-column> />
<el-table-column <el-table-column
prop="sopDate" prop="devPlan"
align="center" align="center"
show-overflow-tooltip show-overflow-tooltip
width="170" width="180"
label="SOP时间"> label="开发计划"
</el-table-column> />
<el-table-column <el-table-column
prop="finishCircumstance" prop="sopDate"
align="center" align="center"
width="180" show-overflow-tooltip
show-overflow-tooltip width="170"
label="完成情况"> label="SOP时间"
</el-table-column> />
<el-table-column <el-table-column
prop="sopDateSolutions" prop="finishCircumstance"
align="center" align="center"
show-overflow-tooltip width="180"
width="400" show-overflow-tooltip
label="SOP时间超过法规时限的空档期的业务应对方案"> label="完成情况"
</el-table-column> />
<el-table-column <el-table-column
v-if="showInput" prop="sopDateSolutions"
align="center" align="center"
fixed="right" show-overflow-tooltip
width="80" width="400"
label="操作"> label="SOP时间超过法规时限的空档期的业务应对方案"
<template slot-scope="scope"> />
<a class="scopeText" @click="editModel(scope.row,scope.$index)"> <el-table-column
编辑 v-if="showInput"
</a> align="center"
</template> fixed="right"
</el-table-column> width="80"
</el-table> label="操作"
<businessDivisionEdit ref="businessDivisionEditRef" @businessDivisionEditForm="businessDivisionEditForm"/> >
</div> <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> </template>
<script> <script>
import businessDivisionEdit from "./businessDivisionEdit"; import businessDivisionEdit from './businessDivisionEdit';
export default { export default {
name: "businessDivisionList", name: 'BusinessDivisionList',
components: { components: {
businessDivisionEdit businessDivisionEdit
}, },
data() { data () {
return { return {
infoTableDatas: [], infoTableDatas: [],
taskKey: this.$route.query.taskDefinitionKey, taskKey: this.$route.query.taskDefinitionKey,
selectNum: 0, selectNum: 0,
} loading: false,
}, dict: []
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)))
},
}
} }
},
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> </script>
<style scoped> <style scoped>