Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 7600c207 by 史敦盼
Options

需求管理,意见编制基础页面

1 parent 73d27be3
Expand all
Inline Side-by-side
Showing with 1521 additions and 37 deletions
src/api/index.js
...@@ -635,3 +635,6 @@ export function addNeedInfo(params) { ...@@ -635,3 +635,6 @@ export function addNeedInfo(params) {
export function editNeedInfo(params) { export function editNeedInfo(params) {
return post('/network/need-info/upd', params) return post('/network/need-info/upd', params)
} }
export function queryPrjNeedFile(params) {
return post('/network/prj-need-file/', params)
}
src/components/TableConfig.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Autor: pan * @Autor: pan
* @Date: 2024-03-11 14:53:40 * @Date: 2024-03-11 14:53:40
* @LastEditors: pan * @LastEditors: pan
* @LastEditTime: 2024-03-19 20:34:36 * @LastEditTime: 2024-03-20 15:09:49
--> -->
<!-- 示例 <!-- 示例
columns: [{ label: '头像', prop: 'avatar', align: 'center', __slotName: 'avatar',callback: (row, title) => { columns: [{ label: '头像', prop: 'avatar', align: 'center', __slotName: 'avatar',callback: (row, title) => {
...@@ -73,6 +73,11 @@ ...@@ -73,6 +73,11 @@
v-for="items in item.actionButtons" v-for="items in item.actionButtons"
:key="items.title" :key="items.title"
v-bind="items" v-bind="items"
:disabled="
items.disabledCallback
? items.disabledCallback(scope.row, items.title)
: false
"
@click="item.callback(scope.row, items.title)" @click="item.callback(scope.row, items.title)"
><span v-if="!items.circle">{{ items.title }}</span></el-button ><span v-if="!items.circle">{{ items.title }}</span></el-button
> >
......
src/router/index.js
...@@ -254,6 +254,21 @@ const routes = [ ...@@ -254,6 +254,21 @@ const routes = [
name: 'conceptualExamine', name: 'conceptualExamine',
component: () => import('@/views/conceptualReview/Examine.vue'), component: () => import('@/views/conceptualReview/Examine.vue'),
}, },
{
path: '/main/demandManagement', // 需求管理列表页
name: 'demandManagement',
component: () => import('@/views/demandManagement/index.vue'),
},
{
path: '/main/conceptualViewOrg', // 概设材料意见编制
name: 'conceptualViewOrg',
component: () => import('@/views/conceptualViewOrg/index.vue'),
},
{
path: '/main/conceptualBaseManagement', // 概设评审基础管理
name: 'conceptualBaseManagement',
component: () => import('@/views/conceptualBaseManagement/index.vue'),
},
], ],
}, },
] ]
......
src/utils/dictionary.js
...@@ -17,7 +17,7 @@ export const buildType = [ ...@@ -17,7 +17,7 @@ export const buildType = [
// 评审材料名称枚举 // 评审材料名称枚举
export const archiPrjReviewEnum = [ export const archiPrjReviewEnum = [
{ label: '一致性评审', value: 'CONFORMANCE_REVIEW' }, { label: '一致性评审', value: 'CONFORMANCE_REVIEW' },
{ label: '架构遵从', value: 'ARCHITECTURE_CONFORMANCE' }, // { label: '架构遵从', value: 'ARCHITECTURE_CONFORMANCE' },
{ label: '关键技术深度评审', value: 'KEY_TECHNOLOGY_REVIEW' }, { label: '关键技术深度评审', value: 'KEY_TECHNOLOGY_REVIEW' },
{ label: '功能深度评审', value: 'FUNCTIONAL_DEPTH_REVIEW' }, { label: '功能深度评审', value: 'FUNCTIONAL_DEPTH_REVIEW' },
{ label: '数据深度评审', value: 'DATA_DEPTH_REVIEW' }, { label: '数据深度评审', value: 'DATA_DEPTH_REVIEW' },
...@@ -35,6 +35,8 @@ export const archiPrjReviewEnum = [ ...@@ -35,6 +35,8 @@ export const archiPrjReviewEnum = [
{ label: '系统实用性审查', value: 'SYSTEM_PRACTICALITY_REVIEW' }, { label: '系统实用性审查', value: 'SYSTEM_PRACTICALITY_REVIEW' },
{ label: '系统安全性审查', value: 'SYSTEM_SECURITY_REVIEW' }, { label: '系统安全性审查', value: 'SYSTEM_SECURITY_REVIEW' },
{ label: '资源复用性审查', value: 'RESOURCE_REUSABILITY_REVIEW' }, { label: '资源复用性审查', value: 'RESOURCE_REUSABILITY_REVIEW' },
{ label: '报告规范性', value: 'REPORT_NORM' },
{ label: '架构遵从', value: 'FRAMEWORK_OBEY' },
{ label: '技术路线', value: 'TECH_ROUTE' }, { label: '技术路线', value: 'TECH_ROUTE' },
{ label: '功能偏差', value: 'FUNCTION_UNLIKE' }, { label: '功能偏差', value: 'FUNCTION_UNLIKE' },
{ label: '系统部署', value: 'APP_DEP' }, { label: '系统部署', value: 'APP_DEP' },
......
src/views/Main/menu.js 0 → 100644
export const menuOptions = [
{
name: '架构全景大屏及智能驾驶舱',
width: '420',
children: [
{
name: '架构全景智能大屏',
children: [
{
name: 'XX网数字化项目建设分析',
path: '',
},
{
name: '公司架构蓝图实现情况分析',
path: '',
},
],
},
{
name: '智能驾驶舱',
children: [
{
name: '管理智能驾驶舱',
path: '',
},
{
name: '业务智能驾驶舱',
path: '',
},
{
name: '项目智能驾驶舱',
path: '',
},
],
},
],
},
{
name: '总体架构资产设计与维护',
width: '440',
children: [
{
name: '架构元模型管理',
children: [
{
name: '架构元素管理',
path: '/main/archiEleList',
},
{
name: '架构元素关系管理',
path: '/main/archi-ele-rela',
},
{
name: '元模型管理',
path: '/main/metaModelList',
},
{
name: '架构视图配置',
path: '/main/archi-view-config',
},
{
name: '元模型字典管理',
path: '/main/meta-model-dic',
},
],
},
{
name: '总体架构资产维护',
children: [
{
name: '架构资产管理',
path: '',
},
{
name: '架构视图管理',
path: '/main/archiViewManage',
},
{
name: '企业中台服务清单',
path: '/main/comCenterServeList',
},
{
name: '现状架构资产管理',
path: '/main/currentAssetsList',
},
{
name: '架构演进路线资产管理',
path: '/main/archiEvoluteLine',
},
{
name: '总体架构资产可视化展示',
path: '/main/archiAssetVisualShow',
},
{
name: '总体架构资产智能搜索',
path: '/main/archiIntelligenceSearch',
},
],
},
],
},
{
name: '系统架构设计与管控',
width: '1100',
children: [
{
name: '系统架构资产管理',
children: [
{
name: '系统信息管理',
path: '/main/systemInfoManage',
},
{
name: '项目信息管理',
path: '/main/projectInfoManage',
},
{
name: '系统架构资产维护',
path: '/main/archiAssetManage',
},
],
},
{
name: '系统架构设计',
children: [
{
name: '系统架构视图设计',
path: '/main/systemArchiViewDesign',
},
{
name: '概设阶段架构设计',
path: '/main/summaryArchiDesign',
},
{
name: '其他视图设计',
path: '/main/otherArchiDesign',
},
],
},
{
name: '系统架构管控要求',
children: [
{
name: '评审情况(概要设计)',
path: '/main/reviewSituation',
},
{
name: '概设架构遵从检查',
path: '/main/reviewArchiFollowCheck',
},
{
name: '概设架构政策审查',
path: '/main/reviewArchiPoliticeCheck',
},
],
},
{
name: '概要设计评审',
children: [
{
name: '批次计划管理',
path: '/main/batchPlanManagement',
},
{
name: '需求管理',
path: '/main/demandManagement',
},
{
name: '概设材料审查',
path: '/main/conceptualReview',
children: [
{
name: '审查',
path: '/main/conceptualExamine',
},
],
},
{
name: '概设材料意见编制',
path: '/main/conceptualViewOrg',
},
{
name: '概设关联业务管理',
path: '',
},
{
name: '概设评审基础管理',
path: '/main/conceptualBaseManagement',
},
],
},
{
name: '架构督查',
children: [
{
name: '收集资料配置',
path: '',
},
{
name: '督查材料收集',
path: '',
},
{
name: '架构督查分析',
path: '',
},
{
name: '督查通报管理',
path: '',
},
{
name: '督查问颗整改',
path: '',
},
{
name: '架构遵从检查',
path: '',
},
{
name: '技术政策审查',
path: '',
},
],
},
],
},
{
name: '架构资产服务与辅助分析',
width: '220',
children: [
{
name: '架构资产服务与辅助分析',
children: [
{
name: '架构遵从符合度检查',
path: '',
},
{
name: '技术政策符合度检查',
path: '',
},
],
},
],
},
{
name: '架构知识库',
width: '700',
children: [
{
name: '专家人才库',
children: [
{
name: '专家人才库管理',
path: '/main/etp-Manage',
},
],
},
{
name: '技术政策库',
children: [
{
name: '技术政策结构化',
path: '/main/techPoliticsFabric',
},
{
name: '技术政策库关联使用',
path: '/main/techPoliticsRelativeUse',
},
],
},
{
name: '报告模板库',
children: [
{
name: '报告模板结构化',
path: '/main/reportTemplateFabric',
},
{
name: '报告模板关联使用',
path: '/main/reportTemplateRelativeUse',
},
],
},
{
name: '典型案例库',
children: [
{
name: '典型案例库管理',
path: '/main/typicalExampleManage',
},
{
name: '典型案例库关联使用',
path: '/main/typicalExampleRelativeUse',
},
{
name: '总体架构资产文档库',
path: '/main/totalArchiPropertyDocument',
},
],
},
],
},
]
src/views/batchPlanManagement/index.vue
...@@ -216,7 +216,6 @@ export default { ...@@ -216,7 +216,6 @@ export default {
...row, ...row,
state: 2, state: 2,
} }
console.log(params)
editBatchPlan(params).then((res) => { editBatchPlan(params).then((res) => {
if (res.code === 200) { if (res.code === 200) {
this.$message.success('提交成功') this.$message.success('提交成功')
......
src/views/conceptualBaseManagement/index.vue 0 → 100644
<template>
<div class="searchTable">
<list-page>
<template #tabWrap>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane
:label="item.label"
:name="item.name"
v-for="item in tabOptions"
:key="item.name"
>
</el-tab-pane>
</el-tabs>
</template>
<!-- 查询表单插槽 -->
<template #formWrap>
<SearchForm @onSearch="querySearch" :form-options="formOptions" />
</template>
<!-- 中部操作按钮 -->
<template #operationWrap>
<template>
<el-button
type="primary"
icon="el-icon-document-add"
size="medium"
plain
>新建</el-button
>
<el-button
type="primary"
icon="el-icon-download"
size="medium"
plain
v-if="activeName === '1'"
>导出</el-button
>
</template>
</template>
<!-- 表格插槽 -->
<template #tableWrap>
<table-config
ref="searchTable"
@selection-change="selectionChange"
:query="query"
:columns="columns"
:key="activeName"
>
<template #filesValue="{ data }">
<span>{{ handleFileName(data) }}</span>
</template>
</table-config>
</template>
</list-page>
</div>
</template>
<script>
import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/components/TableConfig.vue'
import { queryDemandManagement } from '@/api/interface'
import { editNeedInfo } from '@/api'
import { buildType, approvalStatusOptions } from '@/utils/dictionary'
export default {
name: 'conceptualBaseManagement',
data() {
return {
query: {
url: queryDemandManagement,
method: 'post',
queryParam: {},
},
activeName: '1',
tabOptions: [
{ label: '组织机构管理', name: '1' },
{ label: '集成管理', name: '2' },
],
selectRows: {},
visible: false,
rowData: {},
dialogTitle: '',
approvalVisible: false,
}
},
components: { ListPage, SearchForm, TableConfig },
computed: {
formOptions() {
let arr = []
if (this.activeName === '1') {
arr = [
{
label: '机构名称', // label文字
prop: 'orgName', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
},
{
label: '主体类型', // label文字
prop: 'type', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '请选择', // elementui组件属性
},
]
} else {
arr = [
{
label: '事项名称', // label文字
prop: 'orgName', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
},
{
label: '状态', // label文字
prop: 'type', // 字段名
element: 'el-select', // 指定elementui组件
placeholder: '请选择', // elementui组件属性
},
]
}
return arr
},
columns() {
let arr = [
{ type: 'selection', width: '55px' },
{ label: '序号', type: 'index', width: '80px' },
]
if (this.activeName === '1') {
arr = [
...arr,
{
label: '机构名称',
prop: 'orgName',
width: '300px',
},
{
label: '主体类型',
prop: 'createTime',
},
{
label: '上级单位',
// width: '120px',
prop: 'state2',
},
]
} else {
arr = [
...arr,
{
label: '事项名称',
prop: 'orgName',
width: '200px',
},
{
label: '创建人',
prop: 'createMan',
},
{
label: '创建时间',
prop: 'createTime',
},
{
label: '事项描述',
prop: 'des',
},
{
label: '状态',
prop: 'state',
},
]
}
arr = [
...arr,
{
label: '备注',
prop: 'remark',
},
{
label: '操作',
type: 'operation',
width: '200px',
actionButtons: [
{
title: '编辑',
type: 'primary',
size: 'mini',
plain: true,
icon: 'el-icon-edit',
},
{
title: '删除',
type: 'danger',
size: 'mini',
plain: true,
icon: 'el-icon-delete',
},
],
callback: (row, title) => {
// this.fnOperation(row, title)
},
},
]
return arr
},
},
mounted() {},
methods: {
fnAdd() {
this.dialogTitle = '新增需求'
this.rowData = {}
this.visible = true
},
// 处理所需材料名称显示
handleFileName(scope) {
const filesValue = JSON.parse(scope.row.filesValue)
const str = filesValue.map((v) => v.name)
return str.join('，')
},
// 表格勾选的数据
selectionChange(data) {
this.selectRows = data
},
querySearch(data) {
this.query.queryParam = {
...this.query.queryParam,
...data,
}
this.$refs.searchTable.queryData()
},
handleClick(tab, event) {
// console.log(tab, event)
},
/**
* @description: 操作按钮
* @param {Object} row 当前操作行数据
* @param {String} title 当前操作按钮名称
* @author: pan
*/
fnOperation(row, title) {
switch (title) {
case '编辑':
this.fnEdit(row)
break
case '删除':
this.fnDel(row)
break
case '提交':
this.fnSubmit(row)
break
case '审批':
this.fnApproval(row)
break
case '发布':
this.fnRelease(row)
default:
break
}
},
fnRelease(row) {
this.$confirm('是否确认发布?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
state: 1,
filesValue: JSON.parse(row.filesValue),
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('发布成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
})
})
.catch(() => {})
},
fnApproval(row) {
this.rowData = row
this.approvalVisible = true
},
fnSubmit(row) {
this.$confirm('是否确认提交?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
approveState: 2,
filesValue: JSON.parse(row.filesValue),
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('提交成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
})
})
.catch(() => {})
},
fnEdit(row) {
this.dialogTitle = '修改需求'
this.rowData = row
this.visible = true
},
fnDel(row) {
this.$confirm('是否确认删除?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
filesValue: JSON.parse(row.filesValue),
delFlag: 1,
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('删除成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error('删除失败')
}
})
})
.catch(() => {})
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/common.scss';
</style>
src/views/conceptualReview/index.vue
...@@ -40,6 +40,7 @@ ...@@ -40,6 +40,7 @@
type="primary" type="primary"
size="medium" size="medium"
plain plain
@click="fnMaterialAnalysis()"
>材料解析</el-button >材料解析</el-button
> >
<template v-if="activeName === '2'"> <template v-if="activeName === '2'">
...@@ -103,7 +104,7 @@ ...@@ -103,7 +104,7 @@
</template> </template>
<script> <script>
import { getWordImg } from '@/api/index' // import { getWordImg } from '@/api/index'
import ListPage from '@/components/ListPage.vue' 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'
...@@ -154,7 +155,11 @@ export default { ...@@ -154,7 +155,11 @@ export default {
'备注', '备注',
'备注', '备注',
], ],
activeSubTabItem: { label: '报告规范性', name: '1' }, activeSubTabItem: {
label: '报告规范性',
value: 'REPORT_NORM',
name: '1',
},
leftContentTypeOptions: ['word', 'img', 'word', 'word', 'word'], leftContentTypeOptions: ['word', 'img', 'word', 'word', 'word'],
rightContentTypeOptions: ['word', 'img', 'img', 'table', 'word'], rightContentTypeOptions: ['word', 'img', 'img', 'table', 'word'],
} }
...@@ -173,28 +178,28 @@ export default { ...@@ -173,28 +178,28 @@ export default {
type: 'year', type: 'year',
valueFormat: 'yyyy', valueFormat: 'yyyy',
element: 'el-date-picker', // 指定elementui组件 element: 'el-date-picker', // 指定elementui组件
initValue: '', // 字段初始值 initValue: undefined, // 字段初始值
placeholder: '请选择', // elementui组件属性 placeholder: '请选择', // elementui组件属性
}, },
{ {
label: '批次计划', // label文字 label: '批次计划', // label文字
prop: 'batName', // 字段名 prop: 'batName', // 字段名
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值 initValue: undefined, // 字段初始值
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
}, },
{ {
label: '需求名称', // label文字 label: '需求名称', // label文字
prop: 'needName', // 字段名 prop: 'needName', // 字段名
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值 initValue: undefined, // 字段初始值
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
}, },
{ {
label: '建设类型', // label文字 label: '建设类型', // label文字
prop: 'needType', // 字段名 prop: 'needType', // 字段名
element: 'el-select', // 指定elementui组件 element: 'el-select', // 指定elementui组件
initValue: '', // 字段初始值 initValue: undefined, // 字段初始值
placeholder: '请选择', // elementui组件属性 placeholder: '请选择', // elementui组件属性
dictType: 'build_type', dictType: 'build_type',
}, },
...@@ -202,7 +207,7 @@ export default { ...@@ -202,7 +207,7 @@ export default {
label: '项目名称', // label文字 label: '项目名称', // label文字
prop: 'prjName', // 字段名 prop: 'prjName', // 字段名
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值 initValue: undefined, // 字段初始值
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
}, },
] ]
...@@ -276,7 +281,7 @@ export default { ...@@ -276,7 +281,7 @@ export default {
...arr, ...arr,
{ {
label: '合规性检查', label: '合规性检查',
prop: 'remark', prop: 'reviewSuggestion',
width: '220px', width: '220px',
}, },
] ]
...@@ -286,7 +291,7 @@ export default { ...@@ -286,7 +291,7 @@ export default {
...arr, ...arr,
{ {
label: '备注', label: '备注',
prop: 'remark', prop: 'reviewSuggestion',
width: '220px', width: '220px',
}, },
] ]
...@@ -324,26 +329,15 @@ export default { ...@@ -324,26 +329,15 @@ export default {
return false return false
}, },
}, },
mounted() { mounted() {},
const params = { methods: {
// needId: 0, // 材料解析
// prjId: 0, fnMaterialAnalysis() {
// reviewEnum: '', if (this.selectRows.length == 0) {
return this.$message.warning('请选择一条数据')
} }
// this.src = 'data:image/png;base64,' + str // xxx
// getWordImg(params).then((res) => {
// // this.src = this.decrypt(
// // 'data:image/png;base64,' + res.data.docParserList[0].tableByte,
// // )
// this.src = res.data.docParserList[0].tableByte
// // return
// // this.src = 'data:image/png;base64,' + res.data.docParserList[0].docContent
// // const blob = base64ToBlob(res.data.docParserList[0].tableByte)
// // this.src = URL.createObjectURL(blob)
// })
}, },
methods: {
// 导出重复建设风险报告 // 导出重复建设风险报告
handlExportRiskReport() { handlExportRiskReport() {
const params = { const params = {
...@@ -399,6 +393,9 @@ export default { ...@@ -399,6 +393,9 @@ export default {
}, },
handleClick(tab, event) { handleClick(tab, event) {
// console.log(tab, event) // console.log(tab, event)
// this.activeSubTabItem = tab
this.query.queryParam.reviewEnum = this.getArchiPrjReviewEnum()
this.$refs.searchTable.queryData()
}, },
handleSubClick(tab, event) { handleSubClick(tab, event) {
// console.log(tab, event) // console.log(tab, event)
......
src/views/conceptualViewOrg/MaterialFeedback.vue 0 → 100644
<template>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="handleClose()"
>
<div>
<Form
ref="addForm"
:form-options="formOptions"
label-width="120px"
></Form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()" size="mini">取 消</el-button>
<el-button type="primary" @click="handleSubmit()" size="mini"
>反 馈</el-button
>
</span></el-dialog
>
</template>
<script>
import Form from '@/components/Form.vue'
import { addBatchPlan, editBatchPlan } from '@/api'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
},
data() {
return {}
},
components: {
Form,
},
computed: {
formOptions() {
return [
{
label: '选择项目', // label文字
prop: 'batName', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
},
{
label: '修改完成时间', // label文字
prop: 'createTime', // 字段名
type: 'date',
valueFormat: 'yyyy-MM-dd',
element: 'el-date-picker', // 指定elementui组件
placeholder: '请选择', // elementui组件属性
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
},
{
label: '推送至', // label文字
prop: 'remark', // 字段名
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
},
]
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
},
mounted() {},
methods: {
handleSubmit() {
this.$refs['addForm'].onValidate(() => {
const loading = this.$loading({
lock: true,
text: '保存中',
spinner: 'el-icon-loading',
})
const formInfo = this.$refs['addForm'].getData()
const typeApi = this.isEdit ? editBatchPlan : addBatchPlan
const params = {
...this.rowData,
...formInfo,
state: 1,
}
typeApi(params).then((res) => {
if (res.code === 200) {
loading.close()
this.$message.success('保存成功')
this.showDialog = false
this.handleClose()
this.$emit('querySearch')
}
})
})
},
handleClose() {
this.showDialog = false
this.formOptions.forEach((v) => {
v.initValue = ''
})
this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset()
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/elementui.scss';
</style>
src/views/conceptualViewOrg/index.vue 0 → 100644
<template>
<div class="searchTable">
<list-page>
<template #tabWrap>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane
:label="item.label"
:name="item.name"
v-for="item in tabOptions"
:key="item.name"
>
</el-tab-pane>
</el-tabs>
</template>
<!-- 查询表单插槽 -->
<template #formWrap>
<SearchForm @onSearch="querySearch" :form-options="formOptions" />
</template>
<!-- 中部操作按钮 -->
<template #operationWrap>
<template v-if="activeName === '1'">
<el-button type="primary" size="medium" plain @click="fnAdd()"
>材料推送</el-button
>
<el-button type="primary" size="medium" plain @click="fnAdd()"
>修改材料反馈</el-button
>
<el-button type="primary" size="medium" plain @click="fnAdd()"
>在线辅助审查</el-button
>
</template>
<template v-else>
<el-button type="primary" size="medium" plain>正式评审意见</el-button>
<el-button type="primary" size="medium" plain>发送评审意见</el-button>
</template>
</template>
<!-- 表格插槽 -->
<template #tableWrap>
<table-config
ref="searchTable"
@selection-change="selectionChange"
:query="query"
:columns="columns"
:key="activeName"
>
<template #filesValue="{ data }">
<span>{{ handleFileName(data) }}</span>
</template>
</table-config>
</template>
</list-page>
</div>
</template>
<script>
import ListPage from '@/components/ListPage.vue'
import SearchForm from '@/components/SearchForm.vue'
import TableConfig from '@/components/TableConfig.vue'
import { queryDemandManagement } from '@/api/interface'
import { editNeedInfo } from '@/api'
import { buildType, approvalStatusOptions } from '@/utils/dictionary'
export default {
name: 'conceptualViewOrg',
data() {
return {
query: {
url: queryDemandManagement,
method: 'post',
queryParam: {},
},
activeName: '1',
tabOptions: [
{ label: '概设材料修改', name: '1' },
{ label: '意见生成与流转', name: '2' },
],
selectRows: {},
visible: false,
rowData: {},
dialogTitle: '',
approvalVisible: false,
}
},
components: { ListPage, SearchForm, TableConfig },
computed: {
formOptions() {
let arr = [
{
label: '项目名称', // label文字
prop: 'batName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
{
label: '需求名称', // label文字
prop: 'needName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
{
label: '年度', // label文字
prop: 'year', // 字段名
type: 'year',
valueFormat: 'yyyy',
element: 'el-date-picker', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请选择', // elementui组件属性
},
{
label: '批次计划', // label文字
prop: 'batName', // 字段名
element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性
},
{
label: '创建时间', // label文字
prop: 'createTime', // 字段名
type: 'date',
valueFormat: 'yyyy-MM-dd',
element: 'el-date-picker', // 指定elementui组件
initValue: '', // 字段初始值
placeholder: '请选择', // elementui组件属性
},
]
return arr
},
columns() {
let arr = [
{ type: 'selection', width: '55px' },
{ label: '序号', type: 'index', width: '80px' },
{ label: '年度', prop: 'year' },
{ label: '批次名称', prop: 'batName', width: '200px' },
{
label: '需求名称',
width: '300px',
prop: 'needName',
},
{
label: '项目名称',
prop: 'prjName',
width: '320px',
},
{
label: '关联机构',
width: '200px',
prop: 'orgName',
},
{
label: '材料',
width: '200px',
prop: 'filesValue',
__slotName: 'filesValue',
},
]
if (this.activeName === '1') {
arr = [
...arr,
{
label: '推送状态',
prop: 'state',
},
{
label: '修改剩余时间',
prop: 'createTime',
width: '120px',
},
{
label: '在线评审状态',
width: '120px',
prop: 'state2',
},
]
} else {
arr = [
...arr,
{
label: '发送状态',
prop: 'state',
},
]
}
arr = [
...arr,
{
label: '意见内容',
prop: 'remark',
width: '200px',
},
]
return arr
},
},
mounted() {},
methods: {
fnAdd() {
this.dialogTitle = '新增需求'
this.rowData = {}
this.visible = true
},
// 处理所需材料名称显示
handleFileName(scope) {
const filesValue = JSON.parse(scope.row.filesValue)
const str = filesValue.map((v) => v.name)
return str.join('，')
},
// 表格勾选的数据
selectionChange(data) {
this.selectRows = data
},
querySearch(data) {
this.query.queryParam = {
...this.query.queryParam,
...data,
}
this.$refs.searchTable.queryData()
},
handleClick(tab, event) {
// console.log(tab, event)
},
/**
* @description: 操作按钮
* @param {Object} row 当前操作行数据
* @param {String} title 当前操作按钮名称
* @author: pan
*/
fnOperation(row, title) {
switch (title) {
case '编辑':
this.fnEdit(row)
break
case '删除':
this.fnDel(row)
break
case '提交':
this.fnSubmit(row)
break
case '审批':
this.fnApproval(row)
break
case '发布':
this.fnRelease(row)
default:
break
}
},
fnRelease(row) {
this.$confirm('是否确认发布?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
state: 1,
filesValue: JSON.parse(row.filesValue),
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('发布成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
})
})
.catch(() => {})
},
fnApproval(row) {
this.rowData = row
this.approvalVisible = true
},
fnSubmit(row) {
this.$confirm('是否确认提交?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
approveState: 2,
filesValue: JSON.parse(row.filesValue),
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('提交成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error(res.msg)
}
})
})
.catch(() => {})
},
fnEdit(row) {
this.dialogTitle = '修改需求'
this.rowData = row
this.visible = true
},
fnDel(row) {
this.$confirm('是否确认删除?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
const params = {
...row,
filesValue: JSON.parse(row.filesValue),
delFlag: 1,
}
editNeedInfo(params).then((res) => {
if (res.code === 200) {
this.$message.success('删除成功')
this.$refs.searchTable.queryData()
} else {
this.$message.error('删除失败')
}
})
})
.catch(() => {})
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/common.scss';
</style>
src/views/demandManagement/Add.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<Form ref="addForm" :form-options="formOptions" label-width="120px"> <Form ref="addForm" :form-options="formOptions" label-width="120px">
<!-- 选择项目自定义 --> <!-- 选择项目自定义 -->
<template slot="choosePrj" slot-scope="{ data }"> <template slot="choosePrj" slot-scope="{ data }">
<el-input v-model="prjName" readonly> <el-input v-model="prjInfo.prjName" readonly>
<div slot="append" @click="operation('openChoosePrj', data)"> <div slot="append" @click="operation('openChoosePrj', data)">
选择项目 选择项目
</div> </div>
...@@ -58,7 +58,11 @@ export default { ...@@ -58,7 +58,11 @@ export default {
}, },
data() { data() {
return { return {
prjInfo: {
prjName: '', prjName: '',
prjId: '',
prjCode: '',
},
choosePrjVisible: false, choosePrjVisible: false,
} }
}, },
...@@ -77,6 +81,16 @@ export default { ...@@ -77,6 +81,16 @@ export default {
rules: [{ required: true, trigger: 'blur', message: '不能为空' }], rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
}, },
{ {
label: '批次年度', // label文字
prop: 'year', // 字段名
type: 'year',
valueFormat: 'yyyy',
element: 'el-date-picker', // 指定elementui组件
// initValue: new Date().format('yyyy'), // 字段初始值
placeholder: '请选择', // elementui组件属性
rules: [{ required: true, trigger: 'change', message: '不能为空' }],
},
{
label: '选择项目', // label文字 label: '选择项目', // label文字
prop: 'prjName', // 字段名 prop: 'prjName', // 字段名
__slotName: 'choosePrj', __slotName: 'choosePrj',
...@@ -111,6 +125,7 @@ export default { ...@@ -111,6 +125,7 @@ export default {
element: 'el-input', // 指定elementui组件 element: 'el-input', // 指定elementui组件
initValue: '', // 字段初始值 initValue: '', // 字段初始值
placeholder: '请输入内容', // elementui组件属性 placeholder: '请输入内容', // elementui组件属性
readonly: true,
}, },
{ {
label: '创建时间', // label文字 label: '创建时间', // label文字
...@@ -120,6 +135,7 @@ export default { ...@@ -120,6 +135,7 @@ export default {
element: 'el-date-picker', // 指定elementui组件 element: 'el-date-picker', // 指定elementui组件
initValue: new Date().format('yyyy-MM-dd'), // 字段初始值 initValue: new Date().format('yyyy-MM-dd'), // 字段初始值
placeholder: '请选择', // elementui组件属性 placeholder: '请选择', // elementui组件属性
readonly: true,
}, },
{ {
label: '备注', // label文字 label: '备注', // label文字
...@@ -141,7 +157,7 @@ export default { ...@@ -141,7 +157,7 @@ export default {
}, },
}, },
isEdit() { isEdit() {
if (this.title === '修改批次计划') { if (this.title === '修改需求') {
return true return true
} else { } else {
return false return false
...@@ -151,9 +167,13 @@ export default { ...@@ -151,9 +167,13 @@ export default {
mounted() {}, mounted() {},
methods: { methods: {
selectData(data) { selectData(data) {
this.prjName = data[0].prjName this.prjInfo = data[0]
this.$nextTick(() => { this.$nextTick(() => {
this.$set(this.$refs['addForm'].formData, 'prjName', this.prjName) this.$set(
this.$refs['addForm'].formData,
'prjName',
this.prjInfo.prjName,
)
this.$refs['addForm'].$refs['formRef'].clearValidate('prjName') this.$refs['addForm'].$refs['formRef'].clearValidate('prjName')
}) })
}, },
...@@ -168,12 +188,20 @@ export default { ...@@ -168,12 +188,20 @@ export default {
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
}) })
const formInfo = this.$refs['addForm'].getData() const formInfo = this.$refs['addForm'].getData()
const filesValue = formInfo.filesValue.map((v) => {
return {
name: v,
}
})
const typeApi = this.isEdit ? editNeedInfo : addNeedInfo const typeApi = this.isEdit ? editNeedInfo : addNeedInfo
const params = { const params = {
...this.rowData, ...this.rowData,
...formInfo, ...formInfo,
state: 1, filesValue,
approveState: 1,
needType: 1,
prjId: this.prjInfo.prjId,
prjCode: this.prjInfo.prjCode,
} }
typeApi(params).then((res) => { typeApi(params).then((res) => {
loading.close() loading.close()
...@@ -197,14 +225,27 @@ export default { ...@@ -197,14 +225,27 @@ export default {
v.initValue = '' v.initValue = ''
} }
}) })
this.prjName = '' this.prjInfo = {}
this.$refs['addForm'].addInitValue() this.$refs['addForm'].addInitValue()
this.$refs['addForm'].onReset() this.$refs['addForm'].onReset()
}, },
handleOpen() { handleOpen() {
if (Object.keys(this.rowData).length) { if (Object.keys(this.rowData).length) {
for (const key in this.prjInfo) {
if (Object.hasOwnProperty.call(this.prjInfo, key)) {
this.prjInfo[key] = this.rowData[key]
}
}
this.$nextTick(() => {
this.$refs['addForm'].$refs['formRef'].clearValidate('prjName')
})
this.formOptions.forEach((v) => { this.formOptions.forEach((v) => {
if (v.prop === 'filesValue') {
let arr = JSON.parse(this.rowData[v.prop])
v.initValue = arr.map((v) => v.name)
} else {
v.initValue = this.rowData[v.prop] v.initValue = this.rowData[v.prop]
}
}) })
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['addForm'].addInitValue() this.$refs['addForm'].addInitValue()
......
src/views/demandManagement/ApprovalDialog.vue 0 → 100644
<template>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="30%"
@close="handleClose()"
>
<div>
<template>
<el-radio v-model="radio" :label="3">同意</el-radio>
<el-radio v-model="radio" :label="4">不同意</el-radio>
</template>
<Form
ref="approvalForm"
:form-options="formOptions"
label-width="120px"
></Form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()" size="mini">取 消</el-button>
<el-button type="primary" @click="handleSubmit" size="mini"
>提 交</el-button
>
</span></el-dialog
>
</template>
<script>
import Form from '@/components/Form.vue'
import { editNeedInfo } from '@/api/index.js'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
},
data() {
return {
radio: 3,
}
},
components: {
Form,
},
computed: {
formOptions() {
return [
{
label: '意见描述', // label文字
prop: 'remark', // 字段名
type: 'textarea',
element: 'el-input', // 指定elementui组件
placeholder: '请输入内容', // elementui组件属性
span: 24,
rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
},
]
},
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
},
mounted() {},
methods: {
handleSubmit() {
this.$refs['approvalForm'].onValidate(() => {
const loading = this.$loading({
lock: true,
text: '保存中',
spinner: 'el-icon-loading',
})
const formInfo = this.$refs['approvalForm'].getData()
const params = {
...this.rowData,
...formInfo,
approveState: this.radio,
filesValue: JSON.parse(this.rowData.filesValue),
}
editNeedInfo(params).then((res) => {
loading.close()
if (res.code === 200) {
this.$message.success('保存成功')
this.showDialog = false
this.handleClose()
this.$emit('querySearch')
} else {
this.$message.error(res.msg)
}
})
})
},
handleClose() {
this.formOptions.forEach((v) => {
v.initValue = ''
})
this.radio = 3
this.$refs['approvalForm'].addInitValue()
this.$refs['approvalForm'].onReset()
this.showDialog = false
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/elementui.scss';
</style>
src/views/demandManagement/DemandSubDialog.vue 0 → 100644
<!--
* @Description: 需求提报-保存state 2 提交approveState 2
* @Version: 2.0
* @Autor: pan
* @Date: 2024-03-20 17:53:35
* @LastEditors: pan
* @LastEditTime: 2024-03-21 10:36:24
-->
<template>
<div>
<el-dialog
:title="title"
:visible.sync="showDialog"
:close-on-click-modal="false"
width="60%"
@close="handleClose()"
@open="fnQueryPrjNeedFile()"
>
<div>
<div style="text-align: left; margin-left: 10px">资料清单:</div>
<el-table :data="tableData" stripe border>
<el-table-column
type="index"
label="序号"
width="80"
align="center"
></el-table-column>
<el-table-column
prop="busiFileName"
label="资料类型"
align="center"
></el-table-column>
<el-table-column label="资料名称" align="center">
<template slot-scope="scope">
<el-upload
class="upload-demo"
action="/api/file/oss/upload"
ref="upload"
:on-remove="
(file, fileList) => handleRemove(file, fileList, scope.row)
"
:on-success="
(res, file, fileList) =>
handleFileUploadSuccess(res, file, fileList, scope.row)
"
:limit="1"
:file-list="scope.row.fileUrl ? [scope.row] : []"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
</el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()" size="mini">取 消</el-button>
<el-button @click="fnOperation('save')" size="mini">保 存</el-button>
<el-button type="primary" @click="fnOperation('submit')" size="mini"
>提 交</el-button
>
</span></el-dialog
>
</div>
</template>
<script>
import { editNeedInfo, queryPrjNeedFile } from '@/api'
import { materialOptions } from '@/utils/dictionary'
export default {
props: {
title: {
type: String,
default: '',
},
visible: {
type: Boolean,
default: false,
},
rowData: {
type: Object,
default: () => {},
},
},
data() {
return {
tableData: [],
}
},
components: {},
computed: {
// tableData() {
// let arr = []
// if (this.rowData.filesValue) {
// arr = JSON.parse(this.rowData.filesValue)
// arr = arr.map((v) => {
// return {
// fileName: v.name,
// fileId: v.fileName,
// fileUrl: v.fileUrl,
// name: v.fileName,
// url: v.fileUrl,
// }
// })
// }
// return arr
// },
showDialog: {
get() {
return this.visible
},
set(value) {
this.$emit('update:visible', value)
},
},
},
mounted() {},
methods: {
fnOperation(type) {
const loading = this.$loading({
lock: true,
text: '保存中',
spinner: 'el-icon-loading',
})
let params = {
...this.rowData,
filesValue: JSON.parse(this.rowData.filesValue),
}
if (type === 'save') {
params = {
...params,
state: 2,
}
} else {
params = {
...params,
approveState: 2,
}
}
editNeedInfo(params).then((res) => {
loading.close()
if (res.code === 200) {
this.$message.success('保存成功')
this.showDialog = false
this.handleClose()
this.$emit('querySearch')
} else {
this.$message.error(res.msg)
}
})
},
handleClose() {
this.showDialog = false
},
// 文件上传逻辑
handleRemove(file, fileList, row) {
//文件移出
row = []
},
handleFileUploadSuccess(res, file, fileList, row) {
//文件上传
row = {
fileName: file.name,
fileId: file.response.data.fileId,
fileUrl: file.response.data.viewUrl,
}
console.log('file', row)
},
fnQueryPrjNeedFile() {
console.log('this.rowData', this.rowData)
let busiFileNameList = JSON.parse(this.rowData.filesValue)
busiFileNameList = busiFileNameList.map((v) => v.name)
const params = {
busiFileNameList,
busiId: this.rowData.prjId,
busiIdType: 1,
}
queryPrjNeedFile(params).then((res) => {
if (res.code === 200) {
this.tableData = res.data.map((v) => {
return {
...v,
name: v.fileName,
url: v.fileUrl,
}
})
}
})
},
},
}
</script>
<style scoped lang="scss">
@import '@/styles/elementui.scss';
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!