This commit is contained in:
zmj 2024-03-12 14:13:54 +08:00
parent 49f1f1f72b
commit 5862fe1dfa
46 changed files with 5537 additions and 8 deletions

26
src/api/consult_accept.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--验收管理列表
export function apiConsultAcceptLists(params: any) {
return request.get({ url: '/consult_build.consult_accept/lists', params })
}
// 添加项目咨询--验收管理
export function apiConsultAcceptAdd(params: any) {
return request.post({ url: '/consult_build.consult_accept/add', params })
}
// 编辑项目咨询--验收管理
export function apiConsultAcceptEdit(params: any) {
return request.post({ url: '/consult_build.consult_accept/edit', params })
}
// 删除项目咨询--验收管理
export function apiConsultAcceptDelete(params: any) {
return request.post({ url: '/consult_build.consult_accept/delete', params })
}
// 项目咨询--验收管理详情
export function apiConsultAcceptDetail(params: any) {
return request.get({ url: '/consult_build.consult_accept/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--合同管理列表
export function apiConsultContractLists(params: any) {
return request.get({ url: '/consult_strategy.consult_contract/lists', params })
}
// 添加项目咨询--合同管理
export function apiConsultContractAdd(params: any) {
return request.post({ url: '/consult_strategy.consult_contract/add', params })
}
// 编辑项目咨询--合同管理
export function apiConsultContractEdit(params: any) {
return request.post({ url: '/consult_strategy.consult_contract/edit', params })
}
// 删除项目咨询--合同管理
export function apiConsultContractDelete(params: any) {
return request.post({ url: '/consult_strategy.consult_contract/delete', params })
}
// 项目咨询--合同管理详情
export function apiConsultContractDetail(params: any) {
return request.get({ url: '/consult_strategy.consult_contract/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--总控管理列表
export function apiConsultControlLists(params: any) {
return request.get({ url: '/consult_target.consult_control/lists', params })
}
// 添加项目咨询--总控管理
export function apiConsultControlAdd(params: any) {
return request.post({ url: '/consult_target.consult_control/add', params })
}
// 编辑项目咨询--总控管理
export function apiConsultControlEdit(params: any) {
return request.post({ url: '/consult_target.consult_control/edit', params })
}
// 删除项目咨询--总控管理
export function apiConsultControlDelete(params: any) {
return request.post({ url: '/consult_target.consult_control/delete', params })
}
// 项目咨询--总控管理详情
export function apiConsultControlDetail(params: any) {
return request.get({ url: '/consult_target.consult_control/detail', params })
}

26
src/api/consult_cost.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--造价管理列表
export function apiConsultCostLists(params: any) {
return request.get({ url: '/consult_strategy.consult_cost/lists', params })
}
// 添加项目咨询--造价管理
export function apiConsultCostAdd(params: any) {
return request.post({ url: '/consult_strategy.consult_cost/add', params })
}
// 编辑项目咨询--造价管理
export function apiConsultCostEdit(params: any) {
return request.post({ url: '/consult_strategy.consult_cost/edit', params })
}
// 删除项目咨询--造价管理
export function apiConsultCostDelete(params: any) {
return request.post({ url: '/consult_strategy.consult_cost/delete', params })
}
// 项目咨询--造价管理详情
export function apiConsultCostDetail(params: any) {
return request.get({ url: '/consult_strategy.consult_cost/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--决策管理列表
export function apiConsultDecisionLists(params: any) {
return request.get({ url: '/consult_target.consult_decision/lists', params })
}
// 添加项目咨询--决策管理
export function apiConsultDecisionAdd(params: any) {
return request.post({ url: '/consult_target.consult_decision/add', params })
}
// 编辑项目咨询--决策管理
export function apiConsultDecisionEdit(params: any) {
return request.post({ url: '/consult_target.consult_decision/edit', params })
}
// 删除项目咨询--决策管理
export function apiConsultDecisionDelete(params: any) {
return request.post({ url: '/consult_target.consult_decision/delete', params })
}
// 项目咨询--决策管理详情
export function apiConsultDecisionDetail(params: any) {
return request.get({ url: '/consult_target.consult_decision/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--报建管理列表
export function apiConsultDeclareLists(params: any) {
return request.get({ url: '/consult_strategy.consult_declare/lists', params })
}
// 添加项目咨询--报建管理
export function apiConsultDeclareAdd(params: any) {
return request.post({ url: '/consult_strategy.consult_declare/add', params })
}
// 编辑项目咨询--报建管理
export function apiConsultDeclareEdit(params: any) {
return request.post({ url: '/consult_strategy.consult_declare/edit', params })
}
// 删除项目咨询--报建管理
export function apiConsultDeclareDelete(params: any) {
return request.post({ url: '/consult_strategy.consult_declare/delete', params })
}
// 项目咨询--报建管理详情
export function apiConsultDeclareDetail(params: any) {
return request.get({ url: '/consult_strategy.consult_declare/detail', params })
}

26
src/api/consult_demand.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--需求研究及管理列表
export function apiConsultDemandLists(params: any) {
return request.get({ url: '/consult_target.consult_demand/lists', params })
}
// 添加项目咨询--需求研究及管理
export function apiConsultDemandAdd(params: any) {
return request.post({ url: '/consult_target.consult_demand/add', params })
}
// 编辑项目咨询--需求研究及管理
export function apiConsultDemandEdit(params: any) {
return request.post({ url: '/consult_target.consult_demand/edit', params })
}
// 删除项目咨询--需求研究及管理
export function apiConsultDemandDelete(params: any) {
return request.post({ url: '/consult_target.consult_demand/delete', params })
}
// 项目咨询--需求研究及管理详情
export function apiConsultDemandDetail(params: any) {
return request.get({ url: '/consult_target.consult_demand/detail', params })
}

26
src/api/consult_design.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--设计管理列表
export function apiConsultDesignLists(params: any) {
return request.get({ url: '/consult_strategy.consult_design/lists', params })
}
// 添加项目咨询--设计管理
export function apiConsultDesignAdd(params: any) {
return request.post({ url: '/consult_strategy.consult_design/add', params })
}
// 编辑项目咨询--设计管理
export function apiConsultDesignEdit(params: any) {
return request.post({ url: '/consult_strategy.consult_design/edit', params })
}
// 删除项目咨询--设计管理
export function apiConsultDesignDelete(params: any) {
return request.post({ url: '/consult_strategy.consult_design/delete', params })
}
// 项目咨询--设计管理详情
export function apiConsultDesignDetail(params: any) {
return request.get({ url: '/consult_strategy.consult_design/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--全过程咨询目录列表
export function apiConsultDirectoryLists(params: any) {
return request.get({ url: '/consult_catalog.consult_directory/lists', params })
}
// 添加项目咨询--全过程咨询目录
export function apiConsultDirectoryAdd(params: any) {
return request.post({ url: '/consult_catalog.consult_directory/add', params })
}
// 编辑项目咨询--全过程咨询目录
export function apiConsultDirectoryEdit(params: any) {
return request.post({ url: '/consult_catalog.consult_directory/edit', params })
}
// 删除项目咨询--全过程咨询目录
export function apiConsultDirectoryDelete(params: any) {
return request.post({ url: '/consult_catalog.consult_directory/delete', params })
}
// 项目咨询--全过程咨询目录详情
export function apiConsultDirectoryDetail(params: any) {
return request.get({ url: '/consult_catalog.consult_directory/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--招采管理列表
export function apiConsultProcureLists(params: any) {
return request.get({ url: '/consult_strategy.consult_procure/lists', params })
}
// 添加项目咨询--招采管理
export function apiConsultProcureAdd(params: any) {
return request.post({ url: '/consult_strategy.consult_procure/add', params })
}
// 编辑项目咨询--招采管理
export function apiConsultProcureEdit(params: any) {
return request.post({ url: '/consult_strategy.consult_procure/edit', params })
}
// 删除项目咨询--招采管理
export function apiConsultProcureDelete(params: any) {
return request.post({ url: '/consult_strategy.consult_procure/delete', params })
}
// 项目咨询--招采管理详情
export function apiConsultProcureDetail(params: any) {
return request.get({ url: '/consult_strategy.consult_procure/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--接收管理列表
export function apiConsultReceiveLists(params: any) {
return request.get({ url: '/consult_target.consult_receive/lists', params })
}
// 添加项目咨询--接收管理
export function apiConsultReceiveAdd(params: any) {
return request.post({ url: '/consult_target.consult_receive/add', params })
}
// 编辑项目咨询--接收管理
export function apiConsultReceiveEdit(params: any) {
return request.post({ url: '/consult_target.consult_receive/edit', params })
}
// 删除项目咨询--接收管理
export function apiConsultReceiveDelete(params: any) {
return request.post({ url: '/consult_target.consult_receive/delete', params })
}
// 项目咨询--接收管理详情
export function apiConsultReceiveDetail(params: any) {
return request.get({ url: '/consult_target.consult_receive/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--现场实施管理列表
export function apiConsultSceneExecuteLists(params: any) {
return request.get({ url: '/consult_build.consult_scene_execute/lists', params })
}
// 添加项目咨询--现场实施管理
export function apiConsultSceneExecuteAdd(params: any) {
return request.post({ url: '/consult_build.consult_scene_execute/add', params })
}
// 编辑项目咨询--现场实施管理
export function apiConsultSceneExecuteEdit(params: any) {
return request.post({ url: '/consult_build.consult_scene_execute/edit', params })
}
// 删除项目咨询--现场实施管理
export function apiConsultSceneExecuteDelete(params: any) {
return request.post({ url: '/consult_build.consult_scene_execute/delete', params })
}
// 项目咨询--现场实施管理详情
export function apiConsultSceneExecuteDetail(params: any) {
return request.get({ url: '/consult_build.consult_scene_execute/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--现场组织建设列表
export function apiConsultSceneOrgLists(params: any) {
return request.get({ url: '/consult_build.consult_scene_org/lists', params })
}
// 添加项目咨询--现场组织建设
export function apiConsultSceneOrgAdd(params: any) {
return request.post({ url: '/consult_build.consult_scene_org/add', params })
}
// 编辑项目咨询--现场组织建设
export function apiConsultSceneOrgEdit(params: any) {
return request.post({ url: '/consult_build.consult_scene_org/edit', params })
}
// 删除项目咨询--现场组织建设
export function apiConsultSceneOrgDelete(params: any) {
return request.post({ url: '/consult_build.consult_scene_org/delete', params })
}
// 项目咨询--现场组织建设详情
export function apiConsultSceneOrgDetail(params: any) {
return request.get({ url: '/consult_build.consult_scene_org/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--现场准备列表
export function apiConsultScenePrepareLists(params: any) {
return request.get({ url: '/consult_build.consult_scene_prepare/lists', params })
}
// 添加项目咨询--现场准备
export function apiConsultScenePrepareAdd(params: any) {
return request.post({ url: '/consult_build.consult_scene_prepare/add', params })
}
// 编辑项目咨询--现场准备
export function apiConsultScenePrepareEdit(params: any) {
return request.post({ url: '/consult_build.consult_scene_prepare/edit', params })
}
// 删除项目咨询--现场准备
export function apiConsultScenePrepareDelete(params: any) {
return request.post({ url: '/consult_build.consult_scene_prepare/delete', params })
}
// 项目咨询--现场准备详情
export function apiConsultScenePrepareDetail(params: any) {
return request.get({ url: '/consult_build.consult_scene_prepare/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目咨询--全过程咨询子目录列表
export function apiConsultSubdirectoryLists(params: any) {
return request.get({ url: '/consult_catalog.consult_subdirectory/lists', params })
}
// 添加项目咨询--全过程咨询子目录
export function apiConsultSubdirectoryAdd(params: any) {
return request.post({ url: '/consult_catalog.consult_subdirectory/add', params })
}
// 编辑项目咨询--全过程咨询子目录
export function apiConsultSubdirectoryEdit(params: any) {
return request.post({ url: '/consult_catalog.consult_subdirectory/edit', params })
}
// 删除项目咨询--全过程咨询子目录
export function apiConsultSubdirectoryDelete(params: any) {
return request.post({ url: '/consult_catalog.consult_subdirectory/delete', params })
}
// 项目咨询--全过程咨询子目录详情
export function apiConsultSubdirectoryDetail(params: any) {
return request.get({ url: '/consult_catalog.consult_subdirectory/detail', params })
}

View File

@ -28,10 +28,7 @@
import useMultipleTabs from "@/hooks/useMultipleTabs";
import { useWatchRoute } from "@/hooks/useWatchRoute";
import useTabsStore, { getRouteParams } from "@/stores/modules/multipleTabs";
import useSettingStore from '@/stores/modules/setting'
const settingStore = useSettingStore()
const themeColor = computed(() => settingStore.theme || '#4A5DFF')
const router = useRouter();
const route = useRoute();
@ -86,7 +83,6 @@ const handleCommand = (command: any) => {
}
};
// console.log(useSetting, 'useSetting')
</script>
<style lang="scss" scoped>
.menu {
@ -103,17 +99,16 @@ const handleCommand = (command: any) => {
}
.act {
background-color: #edefff;
color: v-bind(themeColor);
background-color: var(--el-color-primary-light-9);
color: var(--el-color-primary)
}
.dot {
display: inline-block;
width: 5px;
height: 5px;
background-color: v-bind(themeColor);
background-color: var(--el-color-primary);
border-radius: 5px;
margin-right: 5px;
// font-size: 30px;
}
</style>

View File

@ -0,0 +1,326 @@
<!-- <template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录id" prop="directory_id">
<el-input v-model="formData.directory_id" clearable placeholder="请输入目录id" />
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-input v-model="formData.subdirectory_id" clearable placeholder="请输入子目录" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultAcceptEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultAcceptAdd, apiConsultAcceptEdit, apiConsultAcceptDetail } from '@/api/consult_accept'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--验收管理' : '新增项目咨询--验收管理'
})
//
const formData = reactive({
id: '',
project_id: '',
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: '',
})
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultAcceptDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultAcceptEdit(data)
: await apiConsultAcceptAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script> -->
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultAcceptAdd, apiConsultAcceptEdit } from '@/api/consult_accept'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultAcceptEdit(data)
: await apiConsultAcceptAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,130 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_build.consult_accept/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_build.consult_accept/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_build.consult_accept/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_build.consult_accept/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultAcceptLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultAcceptLists, apiConsultAcceptDelete, apiConsultAcceptDetail } from '@/api/consult_accept'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultAcceptLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 13 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultAcceptDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultAcceptDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,181 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultContractAdd, apiConsultContractEdit, apiConsultContractDetail } from '@/api/consult_contract'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultContractEdit(data)
: await apiConsultContractAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,130 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_strategy.consult_contract/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_strategy.consult_contract/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_strategy.consult_contract/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_strategy.consult_contract/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultContractLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultContractLists, apiConsultContractDelete, apiConsultContractDetail } from '@/api/consult_contract'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultContractLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 7 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultContractDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultContractDelete({ id })
getLists()
}
getLists()
getDirectory()
</script>

View File

@ -0,0 +1,188 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultControlAdd, apiConsultControlEdit } from '@/api/consult_control'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultDemandDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultControlEdit(data)
: await apiConsultControlAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,130 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_target.consult_control/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_target.consult_control/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_target.consult_control/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_target.consult_control/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultControlLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultControlLists, apiConsultControlDelete, apiConsultControlDetail } from '@/api/consult_control'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultControlLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 3 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultControlDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultControlDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,325 @@
<!-- <template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录id" prop="directory_id">
<el-input v-model="formData.directory_id" clearable placeholder="请输入目录id" />
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-input v-model="formData.subdirectory_id" clearable placeholder="请输入子目录" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultCostEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultCostAdd, apiConsultCostEdit, apiConsultCostDetail } from '@/api/consult_cost'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--造价管理' : '新增项目咨询--造价管理'
})
//
const formData = reactive({
id: '',
project_id: '',
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: '',
})
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultCostDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultCostEdit(data)
: await apiConsultCostAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script> -->
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultCostAdd, apiConsultCostEdit, apiConsultCostDetail } from '@/api/consult_cost'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultCostEdit(data)
: await apiConsultCostAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,131 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_strategy.consult_cost/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_strategy.consult_cost/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_strategy.consult_cost/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_strategy.consult_cost/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultCostLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultCostLists, apiConsultCostDelete, apiConsultCostDetail } from '@/api/consult_cost'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 8 })
DirectoryList.value = res.lists
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultCostLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultCostDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultCostDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,175 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDecisionEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultDecisionAdd, apiConsultDecisionEdit } from '@/api/consult_decision'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--决策管理' : '新增项目咨询--决策管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultDecisionEdit(data)
: await apiConsultDecisionAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,129 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_target.consult_decision/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_target.consult_decision/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_target.consult_decision/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_target.consult_decision/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false"
:DirectoryList="DirectoryList" />
</div>
</template>
<script lang="ts" setup name="consultDecisionLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultDecisionLists, apiConsultDecisionDelete, apiConsultDecisionDetail } from '@/api/consult_decision'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultDecisionLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 1 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultDecisionDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultDecisionDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,182 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultReceiveAdd, apiConsultReceiveEdit, apiConsultReceiveDetail } from '@/api/consult_receive'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultReceiveEdit(data)
: await apiConsultReceiveAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,129 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_strategy.consult_declare/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_strategy.consult_declare/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_strategy.consult_declare/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_strategy.consult_declare/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultDeclareLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultDeclareLists, apiConsultDeclareDelete } from '@/api/consult_declare'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultDeclareLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 5 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultDeclareDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,187 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultDemandAdd, apiConsultDemandEdit, apiConsultDemandDetail } from '@/api/consult_demand'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultDemandDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultDemandEdit(data)
: await apiConsultDemandAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,130 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_target.consult_demand/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_target.consult_demand/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_target.consult_demand/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_target.consult_demand/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false"
:DirectoryList="DirectoryList" />
</div>
</template>
<script lang="ts" setup name="consultDemandLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultDemandLists, apiConsultDemandDelete, apiConsultDemandDetail } from '@/api/consult_demand'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultDemandLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 2 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultDemandDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultDemandDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,182 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultDesignAdd, apiConsultDesignEdit, } from '@/api/consult_design'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultDesignEdit(data)
: await apiConsultDesignAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,131 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_strategy.consult_design/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_strategy.consult_design/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_strategy.consult_design/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_strategy.consult_design/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultDesignLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultDesignLists, apiConsultDesignDelete, apiConsultDesignDetail } from '@/api/consult_design'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 9 })
DirectoryList.value = res.lists
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultDesignLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultDesignDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultDesignDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,115 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="所属菜单" prop="menu">
<el-select class="flex-1" v-model="formData.menu" clearable placeholder="请选择所属菜单">
<el-option v-for="(item, index) in dictData.consult_menu" :key="index" :label="item.name"
:value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="目录分类" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入目录分类" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDirectoryEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultDirectoryAdd, apiConsultDirectoryEdit, apiConsultDirectoryDetail } from '@/api/consult_directory'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--全过程咨询目录' : '新增项目咨询--全过程咨询目录'
})
//
const formData = reactive({
id: '',
menu: '',
name: '',
})
//
const formRules = reactive<any>({
menu: [{
required: true,
message: '请输入所属菜单',
trigger: ['blur']
}],
name: [{
required: true,
message: '请输入目录分类',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
formData.menu = String(formData.menu)
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultDirectoryDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultDirectoryEdit(data)
: await apiConsultDirectoryAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,121 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="所属菜单" prop="menu">
<el-select class="flex-1" v-model="queryParams.menu" clearable placeholder="请选择所属菜单">
<el-option v-for="(item, index) in dictData.consult_menu" :key="index" :label="item.name"
:value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="目录分类" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入目录分类" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_catalog.consult_directory/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_catalog.consult_directory/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="所属菜单" prop="menu" show-overflow-tooltip>
<template #default="{ row }">
<dict-value :options="dictData.consult_menu" :value="String(row.menu)" />
</template>
</el-table-column>
<el-table-column label="目录分类" prop="name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_catalog.consult_directory/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_catalog.consult_directory/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultDirectoryLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultDirectoryLists, apiConsultDirectoryDelete } from '@/api/consult_directory'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
menu: '',
name: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('consult_menu')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultDirectoryLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultDirectoryDelete({ id })
getLists()
}
getLists()
</script>

View File

@ -0,0 +1,181 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultProcureAdd, apiConsultProcureEdit } from '@/api/consult_procure'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultProcureEdit(data)
: await apiConsultProcureAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,128 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_strategy.consult_procure/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_strategy.consult_procure/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_strategy.consult_procure/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_strategy.consult_procure/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false"
:DirectoryList="DirectoryList" />
</div>
</template>
<script lang="ts" setup name="consultProcureLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultProcureLists, apiConsultProcureDelete, apiConsultProcureDetail } from '@/api/consult_procure'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultProcureLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 6 })
DirectoryList.value = res.lists
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultProcureDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultProcureDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,326 @@
<!-- <template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录id" prop="directory_id">
<el-input v-model="formData.directory_id" clearable placeholder="请输入目录id" />
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-input v-model="formData.subdirectory_id" clearable placeholder="请输入子目录" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultReceiveEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultReceiveAdd, apiConsultReceiveEdit, apiConsultReceiveDetail } from '@/api/consult_receive'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--接收管理' : '新增项目咨询--接收管理'
})
//
const formData = reactive({
id: '',
project_id: '',
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: '',
})
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultReceiveDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultReceiveEdit(data)
: await apiConsultReceiveAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script> -->
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultReceiveAdd, apiConsultReceiveEdit, apiConsultReceiveDetail } from '@/api/consult_receive'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultReceiveEdit(data)
: await apiConsultReceiveAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,129 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_target.consult_receive/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_target.consult_receive/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_target.consult_receive/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_target.consult_receive/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultReceiveLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultReceiveLists, apiConsultReceiveDelete } from '@/api/consult_receive'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultReceiveLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 4 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultReceiveDelete({ id })
getLists()
}
getDirectory()
getLists()
</script>

View File

@ -0,0 +1,181 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultSceneExecuteAdd, apiConsultSceneExecuteEdit } from '@/api/consult_scene_execute'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultSceneExecuteEdit(data)
: await apiConsultSceneExecuteAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,131 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_build.consult_scene_execute/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_build.consult_scene_execute/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_build.consult_scene_execute/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_build.consult_scene_execute/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultSceneExecuteLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultSceneExecuteLists, apiConsultSceneExecuteDelete, apiConsultSceneExecuteDetail } from '@/api/consult_scene_execute'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultSceneExecuteLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 12 })
DirectoryList.value = res.lists
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultSceneExecuteDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultSceneExecuteDelete({ id })
getLists()
}
getLists()
getDirectory()
</script>

View File

@ -0,0 +1,181 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultSceneOrgAdd, apiConsultSceneOrgEdit } from '@/api/consult_scene_org'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultSceneOrgEdit(data)
: await apiConsultSceneOrgAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,131 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_build.consult_scene_org/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_build.consult_scene_org/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_build.consult_scene_org/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_build.consult_scene_org/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultSceneOrgLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultSceneOrgLists, apiConsultSceneOrgDelete, apiConsultSceneOrgDetail } from '@/api/consult_scene_org'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultSceneOrgLists,
params: queryParams
})
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 11 })
DirectoryList.value = res.lists
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultSceneOrgDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultSceneOrgDelete({ id })
getLists()
}
getLists()
getDirectory()
</script>

View File

@ -0,0 +1,325 @@
<!-- <template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录id" prop="directory_id">
<el-input v-model="formData.directory_id" clearable placeholder="请输入目录id" />
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-input v-model="formData.subdirectory_id" clearable placeholder="请输入子目录" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultScenePrepareEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultScenePrepareAdd, apiConsultScenePrepareEdit, apiConsultScenePrepareDetail } from '@/api/consult_scene_prepare'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--现场准备' : '新增项目咨询--现场准备'
})
//
const formData = reactive({
id: '',
project_id: '',
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: '',
})
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultScenePrepareDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultScenePrepareEdit(data)
: await apiConsultScenePrepareAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script> -->
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" @click="showDialog = true"
readonly />
</el-form-item>
<el-form-item label="文档名称" prop="title">
<el-input v-model="formData.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="formData.directory_id" clearable placeholder="请选择目录"
@change="getSubdirectory">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录" prop="subdirectory_id">
<el-select class="flex-1" v-model="formData.subdirectory_id" clearable placeholder="请选择子目录">
<el-option v-for="(item, index) in SubdirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
</el-form-item>
<el-form-item label="附件">
<annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
@delFile="delFileFn" />
</el-form-item>
</el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="consult_project" />
</el-dialog>
</popup>
</div>
</template>
<script lang="ts" setup name="consultDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultScenePrepareAdd, apiConsultScenePrepareEdit } from '@/api/consult_scene_prepare'
import type { PropType } from 'vue'
import { consult_project } from "@/components/dialogTable/dialogTableConfig"
import { apiConsultSubdirectoryLists } from '@/api/consult_subdirectory'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
},
DirectoryList: Array
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
const showDialog = ref(false)
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--需求研究及管理' : '新增项目咨询--需求研究及管理'
})
//
const formData = reactive({
id: '',
project_id: '',
project_name: "",
title: '',
directory_id: '',
subdirectory_id: '',
remark: '',
annex: [],
})
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
//
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const customEvent = (e: any) => {
formData.project_id = e.id
formData.project_name = e.project_name
showDialog.value = false
}
//
const SubdirectoryList = ref([])
//
const getSubdirectory = async () => {
formData.subdirectory_id = ''
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const formRules = reactive<any>({
project_id: [{
required: true,
message: '请输入项目id',
trigger: ['blur']
}],
title: [{
required: true,
message: '请输入文档名称',
trigger: ['blur']
}],
directory_id: [{
required: true,
message: '请输入目录id',
trigger: ['blur']
}],
subdirectory_id: [{
required: true,
message: '请输入子目录',
trigger: ['blur']
}],
remark: [{
required: true,
message: '请输入备注',
trigger: ['blur']
}]
})
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
let res = await apiConsultSubdirectoryLists({ directory_id: formData.directory_id })
SubdirectoryList.value = res.lists
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultScenePrepareEdit(data)
: await apiConsultScenePrepareAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
})
</script>

View File

@ -0,0 +1,130 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="文档名称" prop="title">
<el-input class="w-[280px]" v-model="queryParams.title" clearable placeholder="请输入文档名称" />
</el-form-item>
<el-form-item label="目录" prop="directory_id">
<el-select class="flex-1" v-model="queryParams.directory_id" clearable placeholder="请选择目录">
<el-option v-for="(item, index) in DirectoryList" :key="index" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_build.consult_scene_prepare/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_build.consult_scene_prepare/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
<el-table-column label="文档名称" prop="title" show-overflow-tooltip />
<el-table-column label="目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录" prop="subdirectory_name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_build.consult_scene_prepare/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_build.consult_scene_prepare/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup :DirectoryList="DirectoryList" v-if="showEdit" ref="editRef" :dict-data="dictData"
@success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultScenePrepareLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultScenePrepareLists, apiConsultScenePrepareDelete, apiConsultScenePrepareDetail } from '@/api/consult_scene_prepare'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
const DirectoryList = ref([])
//
const queryParams = reactive({
project_id: '',
title: '',
directory_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const getDirectory = async () => {
let res = await apiConsultDirectoryLists({ menu: 10 })
DirectoryList.value = res.lists
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultScenePrepareLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
let res = await apiConsultScenePrepareDetail({ id: data.id })
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(res)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultScenePrepareDelete({ id })
getLists()
}
getLists()
getDirectory()
</script>

View File

@ -0,0 +1,138 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="100px" :rules="formRules">
<el-form-item label="所属目录" prop="directory_id">
<el-select v-model="formData.directory_id" remote filterable :remote-method="queryCostProject"
:loading="loading" class="flex-1">
<el-option v-for="(item, index) in optionsData.projectList.lists" :key="index"
:label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录名称" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入子目录名称" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="consultSubdirectoryEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiConsultSubdirectoryAdd, apiConsultSubdirectoryEdit, apiConsultSubdirectoryDetail } from '@/api/consult_subdirectory'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import { useDictOptions } from "@/hooks/useDictOptions"
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
//
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--全过程咨询子目录' : '新增项目咨询--全过程咨询子目录'
})
//
const formData = reactive({
id: '',
directory_id: '',
name: '',
})
//
const formRules = reactive<any>({
directory_id: [{
required: true,
message: '请输入所属目录',
trigger: ['blur']
}],
name: [{
required: true,
message: '请输入子目录名称',
trigger: ['blur']
}]
})
const { optionsData } = useDictOptions<{
projectList: any[]
}>({
projectList: {
api: apiConsultDirectoryLists,
}
})
const loading = ref(false)
const queryCostProject = async (query: string) => {
loading.value = true
const projectList = await apiConsultDirectoryLists()
optionsData.projectList = projectList
console.log(optionsData, 'optionsData')
loading.value = false
}
//
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultSubdirectoryDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiConsultSubdirectoryEdit(data)
: await apiConsultSubdirectoryAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,141 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="所属目录" prop="directory_id">
<el-select v-model="queryParams.directory_id" remote filterable :remote-method="queryCostProject"
:loading="loading" class="flex-1">
<el-option v-for="(item, index) in optionsData.projectList.lists" :key="index"
:label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="子目录名称" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入子目录名称" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['consult_catalog.consult_subdirectory/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['consult_catalog.consult_subdirectory/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="所属目录" prop="directory_name" show-overflow-tooltip />
<el-table-column label="子目录名称" prop="name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['consult_catalog.consult_subdirectory/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['consult_catalog.consult_subdirectory/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="consultSubdirectoryLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiConsultSubdirectoryLists, apiConsultSubdirectoryDelete } from '@/api/consult_subdirectory'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
import { apiConsultDirectoryLists } from '@/api/consult_directory'
import { useDictOptions } from "@/hooks/useDictOptions"
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
directory_id: '',
name: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('consult_menu')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiConsultSubdirectoryLists,
params: queryParams
})
const { optionsData } = useDictOptions<{
projectList: any[]
}>({
projectList: {
api: apiConsultDirectoryLists,
}
})
const loading = ref(false)
const queryCostProject = async (query: string) => {
loading.value = true
const projectList = await apiConsultDirectoryLists()
optionsData.projectList = projectList
console.log(optionsData, 'optionsData')
loading.value = false
}
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiConsultSubdirectoryDelete({ id })
getLists()
}
getLists()
</script>