Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 9cd11ac9 by peiqiQQQ
Options

添加详情页

1 parent 116ce6e1
Inline Side-by-side
Showing with 244 additions and 0 deletions
src/views/conceptualReview/Detail.vue 0 → 100644
<template>
<el-dialog
:title="'详情'"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="showDialog = false"
@open="handleOpen"
>
<div>
<Form
ref="addForm"
:form-options="formOptions"
label-width="120px"
></Form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="showDialog = false" size="mini">取 消</el-button>
</span>
</el-dialog >
</template>
<script>
import Form from '@/components/Form.vue'
import { buildType, analysisState } from '@/utils/dictionary'
export default {
components: { Form, },
props: {
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
activeName: {
type: String,
default: '1',
},
activeName2: {
type: String,
default: '1',
}
},
computed: {
formOptions() {
let arr = [
{
label: '批次年度', // label文字
prop: 'year', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
{
label: '批次名称', // label文字
prop: 'batName', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
{
label: '需求名称', // label文字
prop: 'needName', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
{
label: '项目名称', // label文字
prop: 'prjName', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
]
if (this.activeName === '1') {
arr = [
...arr,
{
label: '建设类型', // label文字
prop: 'buildType', // 字段名
element: 'el-input', // 指定elementui组件
options: buildType,
disabled: true,
},
{
label: '技术路线表', // label文字
prop: 'techRouteState', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '',
options: analysisState,
disabled: true,
},
{
label: '架构遵从表', // label文字
prop: 'archiCompState', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '',
options: analysisState,
disabled: true,
},
{
label: '功能清单', // label文字
prop: 'functionListState', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '',
options: analysisState,
disabled: true,
},
{
label: '数据实体清单', // label文字
prop: 'dataEntityListState', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '',
options: analysisState,
disabled: true,
},
{
label: '集成系统清单', // label文字
prop: 'integrateSysListState', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '',
options: analysisState,
disabled: true,
},
]
}else{
arr = [
...arr,
{
label: '建设类型', // label文字
prop: 'buildType', // 字段名
element: 'el-select', // 指定elementui组件
options: buildType,
placeholder: '',
disabled: true,
},
]
switch (this.activeName2) {
case '1':
arr = [
...arr,
{
label: '完整性', // label文字
prop: 'createMan', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
{
label: '规范性', // label文字
prop: 'createTime', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
{
label: '审查结果', // label文字
prop: 'reviewSuggestion', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
]
break
case '2':
arr = [
...arr,
{
label: '架构遵从关系审查结果', // label文字
prop: 'remark', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
]
break
case '3':
arr = [
...arr,
{
label: '合规性检查', // label文字
prop: 'reviewSuggestion', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
]
break
default:
arr = [
...arr,
{
label: '备注', // label文字
prop: 'reviewSuggestion', // 字段名
element: 'el-input', // 指定elementui组件
disabled: true,
},
]
break
}
}
return arr
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
},
methods: {
handleOpen() {
if (Object.keys(this.rowData).length) {
this.formOptions.forEach((v) => {
v.initValue = this.rowData[v.prop]
})
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
})
} else {
this.$nextTick(() => {
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
})
}
},
}
}
</script>
\ No newline at end of file
src/views/conceptualReview/index.vue
...@@ -98,6 +98,10 @@ ...@@ -98,6 +98,10 @@
:columns="columns" :columns="columns"
id-key="elementId" id-key="elementId"
> >
<template #prjName="{ data }">
<el-button v-if="data.row.prjName" class="detailBtn" size="medium" @click="fnDetail(data.row)">{{data.row.prjName}}</el-button >
<span v-else>{{data.row.prjName}}</span>
</template>
</table-config> </table-config>
</template> </template>
</list-page> </list-page>
...@@ -107,6 +111,12 @@ ...@@ -107,6 +111,12 @@
title="概设材料解析内容" title="概设材料解析内容"
:visible.sync="analysisContentVisible" :visible.sync="analysisContentVisible"
/> />
<Detail
:visible.sync="visible"
:row-data="rowData"
:activeName='activeName'
:activeName2='activeName2'
/>
</div> </div>
</template> </template>
...@@ -115,6 +125,7 @@ import ListPage from '@/components/ListPage.vue' ...@@ -115,6 +125,7 @@ import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue' import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/components/TableConfig.vue' import TableConfig from '@/components/TableConfig.vue'
import AnalysisContent from './AnalysisContent' import AnalysisContent from './AnalysisContent'
import Detail from './Detail.vue'
import { queryConceptualReview } from '@/api/interface' import { queryConceptualReview } from '@/api/interface'
import { exportRiskReport, analysisConceptual } from '@/api/index' import { exportRiskReport, analysisConceptual } from '@/api/index'
...@@ -196,6 +207,7 @@ export default { ...@@ -196,6 +207,7 @@ export default {
], ],
analysisContentVisible: false, analysisContentVisible: false,
rowData: {}, rowData: {},
visible: false,
} }
}, },
components: { components: {
...@@ -203,6 +215,7 @@ export default { ...@@ -203,6 +215,7 @@ export default {
SearchForm, SearchForm,
TableConfig, TableConfig,
AnalysisContent, AnalysisContent,
Detail
}, },
computed: { computed: {
formOptions() { formOptions() {
...@@ -262,6 +275,7 @@ export default { ...@@ -262,6 +275,7 @@ export default {
label: '项目名称', label: '项目名称',
prop: 'prjName', prop: 'prjName',
width: '320px', width: '320px',
__slotName: 'prjName',
}, },
] ]
// 这里处理不同tab下，展示的列也有所不同 // 这里处理不同tab下，展示的列也有所不同
...@@ -451,6 +465,10 @@ export default { ...@@ -451,6 +465,10 @@ export default {
}, },
mounted() {}, mounted() {},
methods: { methods: {
fnDetail(row){
this.rowData = row
this.visible = true
},
viewAnalysisContent(row) { viewAnalysisContent(row) {
this.rowData = row this.rowData = row
this.analysisContentVisible = true this.analysisContentVisible = true
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!