diff --git a/src/api/project_alarm_set.ts b/src/api/project_alarm_set.ts new file mode 100644 index 0000000..78b02fe --- /dev/null +++ b/src/api/project_alarm_set.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目预警表列表 +export function apiProjectalarmLists(params: any) { + return request.get({ url: '/project.project_alarm_set/lists', params }) +} + +// 添加项目预警 +export function apiProjectalarmAdd(params: any) { + return request.post({ url: '/project.project_alarm_set/add', params }) +} + +// 编辑项目预警 +export function apiProjectalarmEdit(params: any) { + return request.post({ url: '/project.project_alarm_set/edit', params }) +} + +// 删除项目预警 +export function apiProjectalarmDelete(params: any) { + return request.post({ url: '/project.project_alarm_set/delete', params }) +} + +// 项目预警详情 +export function apiProjectalarmDetail(params: any) { + return request.get({ url: '/project.project_alarm_set/detail', params }) +} diff --git a/src/api/project_cost_temp_set.ts b/src/api/project_cost_temp_set.ts new file mode 100644 index 0000000..3b7a0a4 --- /dev/null +++ b/src/api/project_cost_temp_set.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目费用表列表 +export function apiProjectcostLists(params: any) { + return request.get({ url: '/project.project_cost_temp_set/lists', params }) +} + +// 添加项目费用 +export function apiProjectcostAdd(params: any) { + return request.post({ url: '/project.project_cost_temp_set/add', params }) +} + +// 编辑项目费用 +export function apiProjectcostEdit(params: any) { + return request.post({ url: '/project.project_cost_temp_set/edit', params }) +} + +// 删除项目费用 +export function apiProjectcostDelete(params: any) { + return request.post({ url: '/project.project_cost_temp_set/delete', params }) +} + +// 项目费用详情 +export function apiProjectcostDetail(params: any) { + return request.get({ url: '/project.project_cost_temp_set/detail', params }) +} diff --git a/src/api/project_document_set.ts b/src/api/project_document_set.ts new file mode 100644 index 0000000..776359e --- /dev/null +++ b/src/api/project_document_set.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目文档表列表 +export function apiProjectdocumentLists(params: any) { + return request.get({ url: '/project.project_document_set/lists', params }) +} + +// 添加项目文档 +export function apiProjectdocumentAdd(params: any) { + return request.post({ url: '/project.project_document_set/add', params }) +} + +// 编辑项目文档 +export function apiProjectdocumentEdit(params: any) { + return request.post({ url: '/project.project_document_set/edit', params }) +} + +// 删除项目文档 +export function apiProjectdocumentDelete(params: any) { + return request.post({ url: '/project.project_document_set/delete', params }) +} + +// 项目文档详情 +export function apiProjectdocumentDetail(params: any) { + return request.get({ url: '/project.project_document_set/detail', params }) +} diff --git a/src/api/project_logs.ts b/src/api/project_logs.ts new file mode 100644 index 0000000..a0eb00b --- /dev/null +++ b/src/api/project_logs.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目日志表列表 +export function apiProjectlogsLists(params: any) { + return request.get({ url: '/project.project_logs/lists', params }) +} + +// 添加项目日志 +export function apiProjectlogsAdd(params: any) { + return request.post({ url: '/project.project_logs/add', params }) +} + +// 编辑项目日志 +export function apiProjectlogsEdit(params: any) { + return request.post({ url: '/project.project_logs/edit', params }) +} + +// 删除项目日志 +export function apiProjectlogsDelete(params: any) { + return request.post({ url: '/project.project_logs/delete', params }) +} + +// 项目日志详情 +export function apiProjectlogsDetail(params: any) { + return request.get({ url: '/project.project_logs/detail', params }) +} diff --git a/src/api/project_member.ts b/src/api/project_member.ts new file mode 100644 index 0000000..0ac2f7c --- /dev/null +++ b/src/api/project_member.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目成员表列表 +export function apiProjectmemberLists(params: any) { + return request.get({ url: '/project.project_member/lists', params }) +} + +// 添加项目成员 +export function apiProjectmemberAdd(params: any) { + return request.post({ url: '/project.project_member/add', params }) +} + +// 编辑项目成员 +export function apiProjectmemberEdit(params: any) { + return request.post({ url: '/project.project_member/edit', params }) +} + +// 删除项目成员 +export function apiProjectmemberDelete(params: any) { + return request.post({ url: '/project.project_member/delete', params }) +} + +// 项目成员详情 +export function apiProjectmemberDetail(params: any) { + return request.get({ url: '/project.project_member/detail', params }) +} diff --git a/src/api/project_profit_set.ts b/src/api/project_profit_set.ts new file mode 100644 index 0000000..0380629 --- /dev/null +++ b/src/api/project_profit_set.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目利率表列表 +export function apiProjectprofitLists(params: any) { + return request.get({ url: '/project.project_profit_set/lists', params }) +} + +// 添加项目利率 +export function apiProjectprofitAdd(params: any) { + return request.post({ url: '/project.project_profit_set/add', params }) +} + +// 编辑项目利率 +export function apiProjectprofitEdit(params: any) { + return request.post({ url: '/project.project_profit_set/edit', params }) +} + +// 删除项目利率 +export function apiProjectprofitDelete(params: any) { + return request.post({ url: '/project.project_profit_set/delete', params }) +} + +// 项目利率详情 +export function apiProjectprofitDetail(params: any) { + return request.get({ url: '/project.project_profit_set/detail', params }) +} diff --git a/src/api/project_role_set.ts b/src/api/project_role_set.ts new file mode 100644 index 0000000..7fc5c1c --- /dev/null +++ b/src/api/project_role_set.ts @@ -0,0 +1,31 @@ +import request from '@/utils/request' + +// 项目角色表列表 +export function apiProjectroleLists(params: any) { + return request.get({ url: '/project.project_role_set/lists', params }) +} + +// 添加项目角色 +export function apiProjectroleAdd(params: any) { + return request.post({ url: '/project.project_role_set/add', params }) +} + +// 编辑项目角色 +export function apiProjectroleEdit(params: any) { + return request.post({ url: '/project.project_role_set/edit', params }) +} + +// 删除项目角色 +export function apiProjectroleDelete(params: any) { + return request.post({ url: '/project.project_role_set/delete', params }) +} + +// 项目角色详情 +export function apiProjectroleDetail(params: any) { + return request.get({ url: '/project.project_role_set/detail', params }) +} + +//获取所有项目角色 +export function getAllProjectRoles(params: any) { + return request.post({ url: '/project.project_role_set/getAllProjectRoles', params }) +} \ No newline at end of file diff --git a/src/api/project_wbs_set.ts b/src/api/project_wbs_set.ts new file mode 100644 index 0000000..7313a02 --- /dev/null +++ b/src/api/project_wbs_set.ts @@ -0,0 +1,26 @@ +import request from '@/utils/request' + +// 项目WBS表列表 +export function apiProjectwbsLists(params: any) { + return request.get({ url: '/project.project_wbs_set/lists', params }) +} + +// 添加项目WBS +export function apiProjectwbsAdd(params: any) { + return request.post({ url: '/project.project_wbs_set/add', params }) +} + +// 编辑项目WBS +export function apiProjectwbsEdit(params: any) { + return request.post({ url: '/project.project_wbs_set/edit', params }) +} + +// 删除项目WBS +export function apiProjectwbsDelete(params: any) { + return request.post({ url: '/project.project_wbs_set/delete', params }) +} + +// 项目WBS详情 +export function apiProjectwbsDetail(params: any) { + return request.get({ url: '/project.project_wbs_set/detail', params }) +} diff --git a/src/views/project_alarm_set/detail.vue b/src/views/project_alarm_set/detail.vue new file mode 100644 index 0000000..52769e3 --- /dev/null +++ b/src/views/project_alarm_set/detail.vue @@ -0,0 +1,134 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目合同详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="160px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目"> + {{ formData.project_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="项目编码"> + {{ formData.project_code }} + </el-form-item> + </el-col> + + + <el-col :span="12"> + <el-form-item label="材料预算花费比例"> + {{ formData.material_budget_expenditure_ratio }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="人工预算花费比例"> + {{ formData.labour_budget_expenditure_ratio }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="费用预算花费比例"> + {{ formData.cost_budget_expenditure_ratio }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="分包预算花费比例"> + {{ formData.subcontract_budget_expenditure_ratio }} + </el-form-item> + </el-col> + + + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_alarm_set/edit.vue b/src/views/project_alarm_set/edit.vue new file mode 100644 index 0000000..e3cb1e4 --- /dev/null +++ b/src/views/project_alarm_set/edit.vue @@ -0,0 +1,155 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="160px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目" prop="project_id" @click="showDialog = true"> + <el-input v-model="project_name" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="项目编码" prop="project_id"> + <el-input v-model="project_code" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="材料预算花费比例" prop="material_budget_expenditure_ratio"> + <el-input v-model="formData.material_budget_expenditure_ratio" clearable placeholder="请输入材料预算花费比例" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="人工预算花费比例" prop="labour_budget_expenditure_ratio"> + <el-input v-model="formData.labour_budget_expenditure_ratio" clearable placeholder="请输入人工预算花费比例" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="费用预算花费比例" prop="cost_budget_expenditure_ratio"> + <el-input v-model="formData.cost_budget_expenditure_ratio" clearable placeholder="请输入费用预算花费比例" /> + </el-form-item> </el-col> + + + <el-col :span="8"> + <el-form-item label="分包预算花费比例" prop="subcontract_budget_expenditure_ratio"> + <el-input v-model="formData.subcontract_budget_expenditure_ratio" clearable placeholder="请输入分包预算花费比例" /> + </el-form-item> </el-col> + + </el-row> + + </el-form> + </popup> + + <el-dialog v-model="showDialog" title="选择项目" width="70%"> + <projectDialog @customEvent="customEvent"></projectDialog> + </el-dialog> + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import projectDialog from '@/components/project/index.vue' +import { apiProjectalarmAdd, apiProjectalarmEdit, apiProjectalarmDetail } from '@/api/project_alarm_set' + +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 showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') + +import feedback from '@/utils/feedback' +import configs from "@/config" + +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目预警设置' : '新增项目预警设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_id: '', + material_budget_expenditure_ratio: '', + labour_budget_expenditure_ratio: '', + cost_budget_expenditure_ratio: '', + subcontract_budget_expenditure_ratio: '', + +}) + +//获取值 +const customEvent = (e) => { + formData.project_id = e.id + project_name.value = e.name + project_code.value = e.project_code + showDialog.value = false + +} +// 表单验证 +const formRules = reactive<any>({ + +}) + + + + +// 获取详情 +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] + } + } + project_name.value = data.project_name + project_code.value = data.project_code + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiProjectalarmDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectalarmEdit(data) + : await apiProjectalarmAdd(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> diff --git a/src/views/project_alarm_set/index.vue b/src/views/project_alarm_set/index.vue index e69de29..907b090 100644 --- a/src/views/project_alarm_set/index.vue +++ b/src/views/project_alarm_set/index.vue @@ -0,0 +1,142 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="项目名称" prop="procurement_contract_id"> + <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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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="project_code" show-overflow-tooltip /> + + <el-table-column label="材料预算花费比例(%)" prop="material_budget_expenditure_ratio" show-overflow-tooltip /> + + <el-table-column label="人工预算花费比例(%)" prop="labour_budget_expenditure_ratio" show-overflow-tooltip /> + + <el-table-column label="费用预算花费比例(%)" prop="cost_budget_expenditure_ratio" show-overflow-tooltip /> + <el-table-column label="分包预算花费比例(%)" prop="subcontract_budget_expenditure_ratio" show-overflow-tooltip /> + <el-table-column label="操作" width="150" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectalarmLists, apiProjectalarmDelete, apiProjectalarmDetail } from '@/api/project_alarm_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectalarmLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectalarmDetail({ 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 apiProjectalarmDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectalarmDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_cost_temp_set/detail.vue b/src/views/project_cost_temp_set/detail.vue new file mode 100644 index 0000000..f307ebb --- /dev/null +++ b/src/views/project_cost_temp_set/detail.vue @@ -0,0 +1,138 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目费用模板详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目类型"> + {{ formData.project_type_name + }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="科目编码"> + {{ formData.subject_code + }} + </el-form-item> + </el-col> <el-col :span="12"> + <el-form-item label="一级科目"> + {{ formData.first_level_subject }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="二级科目"> + {{ formData.second_level_subject }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="三级科目"> + {{ formData.third_level_subject }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="单位"> + {{ formData.unit + }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="是否属于差旅科目"> + {{ formData.is_travel == 1 ? '是' : '否' }} + </el-form-item> + </el-col> + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_cost_temp_set/edit.vue b/src/views/project_cost_temp_set/edit.vue new file mode 100644 index 0000000..c3e2eb2 --- /dev/null +++ b/src/views/project_cost_temp_set/edit.vue @@ -0,0 +1,172 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目类型" prop="project_id" @click="showDialog = true"> + <el-select class="w-[280px]" v-model="formData.project_type_id" clearable placeholder="请选择项目类型"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in list" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="科目编码" prop="formData.subject_code"> + <el-input v-model="formData.subject_code" clearable placeholder="请输入科目编码" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="一级科目" prop="first_level_subject"> + <el-input v-model="formData.first_level_subject" clearable placeholder="请输入一级科目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="二级科目" prop="second_level_subject"> + <el-input v-model="formData.second_level_subject" clearable placeholder="请输入二级科目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="三级科目" prop="third_level_subject"> + <el-input v-model="formData.third_level_subject" clearable placeholder="请输入三级科目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="单位" prop="unit"> + <el-input v-model="formData.unit" clearable placeholder="请输入单位" /> + </el-form-item> </el-col> + + + <el-col :span="8"> + <el-form-item label="差旅科目" prop="is_travel"> + <el-select class="w-[280px]" v-model="formData.is_travel" clearable placeholder="请选择的是否属于差旅科目"> + + <el-option v-for="(item, index) in list1" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> + </el-col> + + + + + + + </el-row> + + </el-form> + </popup> + + + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiProjectcostAdd, apiProjectcostEdit, apiProjectcostDetail } from '@/api/project_cost_temp_set' +import { getAllProjectTypes } from '@/api/projecttype' +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 list = ref([]) +const list1 = ref([{ + name: '是', + id: 1 +}, +{ + name: '否', + id: 2 +}]) +const showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目WBS设置' : '新增项目WBS设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + subject_code: '', + project_type_id: '', + first_level_subject: '', + second_level_subject: '', + third_level_subject: '', + unit: '', + is_travel: '', + +}) + + +// 表单验证 +const formRules = reactive<any>({ + +}) +//获取项目类型 +const getlist = () => { + getAllProjectTypes().then((res) => { + + list.value = res + }) +} + + +// 获取详情 +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 apiProjectcostDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectcostEdit(data) + : await apiProjectcostAdd(data) + popupRef.value?.close() + emit('success') +} + +//打开弹窗 +const open = (type = 'add') => { + mode.value = type + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + +getlist() + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> diff --git a/src/views/project_cost_temp_set/index.vue b/src/views/project_cost_temp_set/index.vue index e69de29..517633a 100644 --- a/src/views/project_cost_temp_set/index.vue +++ b/src/views/project_cost_temp_set/index.vue @@ -0,0 +1,174 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="项目类型名称" prop="project_type_name"> + <el-input class="w-[280px]" v-model="queryParams.project_type_name" clearable placeholder="请输入项目类型名称" /> + </el-form-item> + <el-form-item label="科目编码" prop="subject_code"> + <el-input class="w-[280px]" v-model="queryParams.subject_code" clearable placeholder="请输入科目编码" /> + </el-form-item> + <el-form-item label="一级科目" prop="first_level_subject"> + <el-input class="w-[280px]" v-model="queryParams.first_level_subject" clearable placeholder="请输入一级科目" /> + </el-form-item> + <el-form-item label="二级科目" prop="second_level_subject"> + <el-input class="w-[280px]" v-model="queryParams.second_level_subject" clearable placeholder="请输入二级科目" /> + </el-form-item> + <el-form-item label="三级科目" prop="third_level_subject"> + <el-input class="w-[280px]" v-model="queryParams.third_level_subject" clearable placeholder="请输入二级科目" /> + </el-form-item> + <el-form-item label="单位" prop="unit"> + <el-input class="w-[280px]" v-model="queryParams.unit" clearable placeholder="请输入单位" /> + </el-form-item> + <el-form-item label="差旅科目" prop="unit"> + <el-select class="w-[280px]" v-model="queryParams.is_travel" clearable placeholder="请选择的是否属于差旅科目"> + + <el-option v-for="(item, index) in list1" :key="index" :label="item.name" :value="parseInt(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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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_type_name" show-overflow-tooltip /> + <el-table-column label="科目编码" prop="subject_code" show-overflow-tooltip /> + <el-table-column label="一级科目" prop="first_level_subject" show-overflow-tooltip /> + <el-table-column label="二级科目" prop="second_level_subject" show-overflow-tooltip /> + <el-table-column label="三级科目" prop="third_level_subject" show-overflow-tooltip /> + <el-table-column label="单位" prop="unit" show-overflow-tooltip /> + <el-table-column label="差旅科目" show-overflow-tooltip> + <template #default="{ row }"> + {{ row.is_travel == 1 ? '是' : '否' }} + + </template> + </el-table-column> + <el-table-column label="操作" width="150" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectcostLists, apiProjectcostDelete, apiProjectcostDetail } from '@/api/project_cost_temp_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) +const list1 = ref([{ + name: '是', + id: 1 +}, +{ + name: '否', + id: 2 +}]) +// 查询条件 +const queryParams = reactive({ + project_type_name: '', + subject_code: '', + first_level_subject: '', + second_level_subject: '', + third_level_subject: '', + unit: '', + is_travel: '', + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectcostLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectcostDetail({ 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 apiProjectcostDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectcostDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_document_set/detail.vue b/src/views/project_document_set/detail.vue new file mode 100644 index 0000000..08a40a6 --- /dev/null +++ b/src/views/project_document_set/detail.vue @@ -0,0 +1,140 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目文档设置详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目类型"> + {{ formData.project_type_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="文档大类"> + {{ formData.large_category }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="文档中类"> + {{ formData.middle_category + }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="文档小类"> + {{ formData.small_category + }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="文档名称"> + {{ formData.name }} + </el-form-item> + </el-col> + <el-col :span="24"> + <el-form-item label="文档描述"> + {{ formData.describe }} + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="必传"> + {{ formData.is_upload == 1 ? '是' : '否' }} + </el-form-item> + </el-col> + + + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_document_set/edit.vue b/src/views/project_document_set/edit.vue new file mode 100644 index 0000000..9d33da8 --- /dev/null +++ b/src/views/project_document_set/edit.vue @@ -0,0 +1,170 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目类型" prop="project_id" @click="showDialog = true"> + <el-select class="w-[280px]" v-model="formData.project_type_id" clearable placeholder="请选择项目类型"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in list" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="文档大类" prop="formData.large_category"> + <el-input v-model="formData.large_category" clearable placeholder="请选择文档大类" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="文档中类" prop="middle_category"> + <el-input v-model="formData.middle_category" clearable placeholder="请输入文档中类" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="文档小类" prop="small_category"> + <el-input v-model="formData.small_category" clearable placeholder="请输入文档小类" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="文档名称" prop="name"> + <el-input v-model="formData.name" clearable placeholder="请输入文档名称" /> + </el-form-item> </el-col> + <el-col :span="24"> + <el-form-item label="文档描述" prop="describe"> + <el-input v-model="formData.describe" type="textarea" clearable placeholder="请输入文档描述" /> + </el-form-item> </el-col> + + <el-col :span="8"> + <el-form-item label="必传" prop="is_upload"> + <el-switch v-model="formData.is_upload" active-value="1" :inactive-value="2" /> + </el-form-item> + </el-col> + + + + + <el-col :span="8"> + <el-form-item label="排序号" prop="sort"> + <el-input v-model="formData.sort" clearable placeholder="请输入排序号" /> + </el-form-item> </el-col> + + </el-row> + + </el-form> + </popup> + + + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiProjectdocumentAdd, apiProjectdocumentEdit, apiProjectdocumentDetail } from '@/api/project_document_set' +import { getAllProjectTypes } from '@/api/projecttype' +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 list = ref([]) +const list1 = ref([]) +const showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目WBS设置' : '新增项目WBS设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_type_id: '', + large_category: '', + middle_category: '', + small_category: '', + date: '', + name: '', + describe: '', + content: '', + is_upload: 1, + sort: [] +}) + + +// 表单验证 +const formRules = reactive<any>({ + +}) +//获取项目类型 +const getlist = () => { + getAllProjectTypes().then((res) => { + + list.value = res + }) +} + + +// 获取详情 +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] + } + } + if (data.is_upload) { + formData.is_upload = data.is_upload.toString() + } + project_name.value = data.project_name + project_code.value = data.project_code + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiProjectdocumentDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectdocumentEdit(data) + : await apiProjectdocumentAdd(data) + popupRef.value?.close() + emit('success') +} + +//打开弹窗 +const open = (type = 'add') => { + mode.value = type + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + +getlist() + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> diff --git a/src/views/project_document_set/index.vue b/src/views/project_document_set/index.vue index e69de29..7bd9863 100644 --- a/src/views/project_document_set/index.vue +++ b/src/views/project_document_set/index.vue @@ -0,0 +1,160 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="文档名称" prop="name" label-width="120px"> + <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入文档名称" /> + </el-form-item> + <el-form-item label="文档大类" prop="large_category" label-width="120px"> + <el-input class="w-[280px]" v-model="queryParams.large_category" clearable placeholder="请输入文档大类" /> + </el-form-item> + <el-form-item label="文档中类" prop="middle_category" label-width="120px"> + <el-input class="w-[280px]" v-model="queryParams.middle_category" clearable placeholder="请输入文档中类" /> + </el-form-item> + <el-form-item label="文档小类" prop="procurement_contract_id" label-width="120px"> + <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入文档小类" /> + </el-form-item> + <el-form-item label="项目类型名称" prop="project_type_name" label-width="120px"> + <el-input class="w-[280px]" v-model="queryParams.project_type_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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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="name" show-overflow-tooltip /> + <el-table-column label="文档大类" prop="large_category" show-overflow-tooltip /> + <el-table-column label="文档中类" prop="middle_category" show-overflow-tooltip /> + <el-table-column label="文档小类" prop="small_category" show-overflow-tooltip /> + <el-table-column label="文档名称" prop="name" show-overflow-tooltip /> + <el-table-column label="文档描述" prop="describe" show-overflow-tooltip /> + <el-table-column label="必传" show-overflow-tooltip> + <template #default="{ row }"> + + {{ row.is_upload == 1 ? '是' : '否' }} + + </template> + </el-table-column> + <el-table-column label="排序号" prop="sort" show-overflow-tooltip /> + + <el-table-column label="操作" width="150" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectdocumentLists, apiProjectdocumentDelete, apiProjectdocumentDetail } from '@/api/project_document_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + name: '', + large_category: '', + middle_category: '', + small_category: '', + project_type_name: '', +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectdocumentLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectdocumentDetail({ 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 apiProjectdocumentDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectdocumentDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_logs/detail.vue b/src/views/project_logs/detail.vue new file mode 100644 index 0000000..2da20d0 --- /dev/null +++ b/src/views/project_logs/detail.vue @@ -0,0 +1,144 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目日志详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目名称"> + {{ formData.project_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="项目编号"> + {{ formData.project_code }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="类型"> + <dict-value :options="dictData.follow_type" :value="formData.follow_type" /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="主题"> + {{ formData.theme }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="联系人"> + {{ formData.contacts }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="日志详情"> + {{ formData.content }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="执行人"> + {{ formData.executor }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="下次回访日期"> + {{ formData.next_follow_up_date }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="日期"> + {{ formData.date }} + </el-form-item> + </el-col> + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_logs/edit.vue b/src/views/project_logs/edit.vue new file mode 100644 index 0000000..328a146 --- /dev/null +++ b/src/views/project_logs/edit.vue @@ -0,0 +1,215 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目" prop="project_id" @click="showDialog = true"> + <el-input v-model="project_name" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="项目编码" prop="project_id"> + <el-input v-model="project_code" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="主题" prop="theme"> + <el-input v-model="formData.theme" clearable placeholder="请输入节点名称" /> + </el-form-item> </el-col> + <el-col :span="24"> + <el-form-item label="联系人" prop="contacts"> + <el-input v-model="formData.contacts" clearable placeholder="请输入联系人" /> + </el-form-item> </el-col> + <el-col :span="24"> + <el-form-item label="日志详情" prop="content"> + <el-input v-model="formData.content" type="textarea" clearable placeholder="请输入日志详情" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="类型" prop="follow_type"> + <el-select class="w-[280px]" v-model="formData.follow_type" clearable placeholder="请选择负责角色"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in dictData.follow_type" :key="index" :label="item.name" :value="parseInt(item.value)" /> + </el-select> + </el-form-item> + + </el-col> + + + <el-col :span="8"> + <el-form-item label="执行人" prop="executor"> + <el-input v-model="formData.executor" clearable placeholder="请输入排序号" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="下次回访日期" prop="next_follow_up_date"> + <el-date-picker class="flex-1 !flex" v-model="formData.next_follow_up_date" clearable type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择下次回访日期"> + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="日期" prop="date"> + <el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择下次回访日期"> + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + + </el-form> + </popup> + + <el-dialog v-model="showDialog" title="选择项目" width="70%"> + <projectDialog @customEvent="customEvent"></projectDialog> + </el-dialog> + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import projectDialog from '@/components/project/index.vue' +import { apiProjectlogsAdd, apiProjectlogsEdit, apiProjectlogsDetail } from '@/api/project_logs' + +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 showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') +const formDataannex = reactive([]) +import feedback from '@/utils/feedback' +import configs from "@/config" +const base_url = configs.baseUrl + configs.urlPrefix +import useUserStore from "@/stores/modules/user"; +const userStore = useUserStore(); +// 上传文件 +const handleAvatarSuccess_four = ( + response, + uploadFile +) => { + if (response.code == 0) { + feedback.msgError(response.msg); + return; + } + formDataannex.push( + { uri: response.data.uri, name: response.data.name } + + ); +}; +// 删除上传的文件 +const delFileFn = (index: number) => { + formDataannex.splice(index, 1) +} +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目WBS设置' : '新增项目WBS设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_id: '', + theme: '', + wbs_code: '', + contacts: '', + date: '', + follow_type: '', + executor: '', + content: '', + annex: '', + next_follow_up_date: [] +}) + +//获取值 +const customEvent = (e) => { + formData.project_id = e.id + project_name.value = e.name + project_code.value = e.project_code + showDialog.value = false + +} +// 表单验证 +const formRules = reactive<any>({ + +}) + + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + + if (data.annex.length > 0) { + if (data.annex.includes(",")) { + const arry1 = data.annex.split(',').map((item: any, index: any) => { + return { + name: `文件${index + 1}`, + uri: item + }; + }); + Object.assign(formDataannex, arry1) + } else { + const arry1 = [{ name: `文件1`, uri: data.annex }] + Object.assign(formDataannex, arry1) + + } + } + + for (const key in formData) { + if (data[key] != null && data[key] != undefined) { + //@ts-ignore + formData[key] = data[key] + } + } + project_name.value = data.project_name + project_code.value = data.project_code + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiProjectlogsDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + if (formDataannex.length > 0) { + formData.annex = formDataannex.map((item) => item.uri).toString() + } + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectlogsEdit(data) + : await apiProjectlogsAdd(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> diff --git a/src/views/project_logs/index.vue b/src/views/project_logs/index.vue index e69de29..88f869a 100644 --- a/src/views/project_logs/index.vue +++ b/src/views/project_logs/index.vue @@ -0,0 +1,125 @@ +<template> + <div> + + <el-card class="!border-none" v-loading="pager.loading" shadow="never"> + <el-button v-perms="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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="project_code" show-overflow-tooltip /> + <el-table-column label="日志详情" prop="content" show-overflow-tooltip /> + <el-table-column label="附件" prop="annex" show-overflow-tooltip /> + <el-table-column label="添加人" prop="add_user_name" show-overflow-tooltip /> + <el-table-column label="创建日期" prop="create_time" show-overflow-tooltip /> + <el-table-column label="操作" width="160" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectlogsLists, apiProjectlogsDelete, apiProjectlogsDetail } from '@/api/project_logs' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + // name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('follow_type') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectlogsLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectlogsDetail({ 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 apiProjectlogsDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectlogsDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_member/detail.vue b/src/views/project_member/detail.vue new file mode 100644 index 0000000..52769e3 --- /dev/null +++ b/src/views/project_member/detail.vue @@ -0,0 +1,134 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目合同详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="160px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目"> + {{ formData.project_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="项目编码"> + {{ formData.project_code }} + </el-form-item> + </el-col> + + + <el-col :span="12"> + <el-form-item label="材料预算花费比例"> + {{ formData.material_budget_expenditure_ratio }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="人工预算花费比例"> + {{ formData.labour_budget_expenditure_ratio }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="费用预算花费比例"> + {{ formData.cost_budget_expenditure_ratio }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="分包预算花费比例"> + {{ formData.subcontract_budget_expenditure_ratio }} + </el-form-item> + </el-col> + + + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_member/edit.vue b/src/views/project_member/edit.vue new file mode 100644 index 0000000..2b3e260 --- /dev/null +++ b/src/views/project_member/edit.vue @@ -0,0 +1,153 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="160px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目" prop="project_id" @click="showDialog = true"> + <el-input v-model="project_name" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="项目编码" prop="project_id"> + <el-input v-model="project_code" readonly clearable placeholder="请选择项目" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="人员名称" prop="admin_id"> + <el-input v-model="admin_name" clearable placeholder="请输入人员名称" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="人工单价" prop="working_unit_price"> + <el-input v-model="formData.working_unit_price" clearable placeholder="请输入人工单价" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="备注" prop="remark"> + <el-input v-model="formData.remark" clearable placeholder="请输入备注" /> + </el-form-item> </el-col> + + + + + </el-row> + + </el-form> + </popup> + + <el-dialog v-model="showDialog" title="选择项目" width="70%"> + <projectDialog @customEvent="customEvent"></projectDialog> + </el-dialog> + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import projectDialog from '@/components/project/index.vue' +import { apiProjectmemberAdd, apiProjectmemberEdit, apiProjectmemberDetail } from '@/api/project_member' + +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 showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') +const admin_name = ref('') + +import feedback from '@/utils/feedback' +import configs from "@/config" + +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目预警设置' : '新增项目预警设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_id: '', + material_budget_expenditure_ratio: '', + labour_budget_expenditure_ratio: '', + cost_budget_expenditure_ratio: '', + subcontract_budget_expenditure_ratio: '', + +}) + +//获取值 +const customEvent = (e) => { + formData.project_id = e.id + project_name.value = e.name + project_code.value = e.project_code + showDialog.value = false + +} +// 表单验证 +const formRules = reactive<any>({ + +}) + + + + +// 获取详情 +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] + } + } + project_name.value = data.project_name + project_code.value = data.project_code + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiProjectmemberDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectmemberEdit(data) + : await apiProjectmemberAdd(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> diff --git a/src/views/project_member/index.vue b/src/views/project_member/index.vue new file mode 100644 index 0000000..f17b1f6 --- /dev/null +++ b/src/views/project_member/index.vue @@ -0,0 +1,142 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="项目名称" prop="procurement_contract_id"> + <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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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="project_code" show-overflow-tooltip /> + + <el-table-column label="材料预算花费比例(%)" prop="material_budget_expenditure_ratio" show-overflow-tooltip /> + + <el-table-column label="人工预算花费比例(%)" prop="labour_budget_expenditure_ratio" show-overflow-tooltip /> + + <el-table-column label="费用预算花费比例(%)" prop="cost_budget_expenditure_ratio" show-overflow-tooltip /> + <el-table-column label="分包预算花费比例(%)" prop="subcontract_budget_expenditure_ratio" show-overflow-tooltip /> + <el-table-column label="操作" width="150" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectmemberLists, apiProjectmemberDelete, apiProjectmemberDetail } from '@/api/project_member' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectmemberLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectmemberDetail({ 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 apiProjectmemberDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectmemberDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_profit_set/detail.vue b/src/views/project_profit_set/detail.vue new file mode 100644 index 0000000..7d43368 --- /dev/null +++ b/src/views/project_profit_set/detail.vue @@ -0,0 +1,119 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目利润详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目类型"> + {{ formData.project_type_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="最低利润率(%)"> + {{ formData.profit_rate + }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="备注"> + {{ formData.remark + }} + </el-form-item> + </el-col> + + + + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_profit_set/edit.vue b/src/views/project_profit_set/edit.vue new file mode 100644 index 0000000..0787a7c --- /dev/null +++ b/src/views/project_profit_set/edit.vue @@ -0,0 +1,147 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目类型" prop="project_type_id" @click="showDialog = true"> + <el-select class="w-[280px]" v-model="formData.project_type_id" clearable placeholder="请选择项目类型"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in list" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="最低利润率(%)" prop="formData.profit_rate"> + <el-input v-model="formData.profit_rate" type="number" clearable placeholder="请输入最低利润率(%)" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="备注" prop="remark"> + <el-input v-model="formData.remark" clearable placeholder="请输入备注" /> + </el-form-item> </el-col> + + + + + + + </el-row> + + </el-form> + </popup> + + + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiProjectprofitAdd, apiProjectprofitEdit, apiProjectprofitDetail } from '@/api/project_profit_set' +import { getAllProjectTypes } from '@/api/projecttype' +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 list = ref([]) +const list1 = ref([{ + name: '是', + id: 1 +}, +{ + name: '否', + id: 2 +}]) +const showDialog = ref(false) +const project_name = ref('') +const project_code = ref('') +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目利润设置' : '新增项目利润设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_type_id: '', + profit_rate: '', + remark: '', + + +}) + + +// 表单验证 +const formRules = reactive<any>({ + +}) +//获取项目类型 +const getlist = () => { + getAllProjectTypes().then((res) => { + + list.value = res + }) +} + + +// 获取详情 +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 apiProjectprofitDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectprofitEdit(data) + : await apiProjectprofitAdd(data) + popupRef.value?.close() + emit('success') +} + +//打开弹窗 +const open = (type = 'add') => { + mode.value = type + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + +getlist() + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> diff --git a/src/views/project_profit_set/index.vue b/src/views/project_profit_set/index.vue index e69de29..15dc078 100644 --- a/src/views/project_profit_set/index.vue +++ b/src/views/project_profit_set/index.vue @@ -0,0 +1,135 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="类型名称" prop="project_type_name"> + <el-input class="w-[280px]" v-model="queryParams.project_type_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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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_type_name" show-overflow-tooltip /> + <el-table-column label="最低利润率(%)" prop="profit_rate" show-overflow-tooltip /> + <el-table-column label="备注" prop="remark" show-overflow-tooltip /> + <el-table-column label="操作" width="350" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectprofitLists, apiProjectprofitDelete, apiProjectprofitDetail } from '@/api/project_profit_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + project_type_name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectprofitLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectprofitDetail({ 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 apiProjectprofitDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectprofitDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_role_set/detail.vue b/src/views/project_role_set/detail.vue new file mode 100644 index 0000000..7c18fa4 --- /dev/null +++ b/src/views/project_role_set/detail.vue @@ -0,0 +1,110 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目角色详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="角色名称"> + {{ formData.name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="排序号"> + {{ formData.sort }} + </el-form-item> + </el-col> + + + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_role_set/edit.vue b/src/views/project_role_set/edit.vue new file mode 100644 index 0000000..b4ff458 --- /dev/null +++ b/src/views/project_role_set/edit.vue @@ -0,0 +1,113 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="角色名称" prop="contract_no"> + <el-input v-model="formData.name" clearable placeholder="请输入角色名称" /> + </el-form-item> </el-col> + <el-form-item label="排序号" prop="sort"> + <el-input class="w-[280px]" type="number" v-model="formData.sort" clearable placeholder="请输入排序号" /> + </el-form-item> + </el-row> + + </el-form> + </popup> + + + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' + +import { apiProjectroleAdd, apiProjectroleEdit, apiProjectroleDetail } from '@/api/project_role_set' + +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: '', + name: '', + sort: '' +}) + + +// 表单验证 +const formRules = reactive<any>({ + +}) + + +// 获取详情 +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 apiProjectroleDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectroleEdit(data) + : await apiProjectroleAdd(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> diff --git a/src/views/project_role_set/index.vue b/src/views/project_role_set/index.vue index e69de29..7cf2b59 100644 --- a/src/views/project_role_set/index.vue +++ b/src/views/project_role_set/index.vue @@ -0,0 +1,136 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="项目名称" prop="procurement_contract_id"> + <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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/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="name" show-overflow-tooltip /> + + <el-table-column label="排序号" prop="sort" show-overflow-tooltip /> + + <el-table-column label="操作" width="350" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectroleLists, apiProjectroleDelete, apiProjectroleDetail } from '@/api/project_role_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectroleLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectroleDetail({ 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 apiProjectroleDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectroleDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> + diff --git a/src/views/project_type_set/edit.vue b/src/views/project_type_set/edit.vue index 1b31aac..6a8c465 100644 --- a/src/views/project_type_set/edit.vue +++ b/src/views/project_type_set/edit.vue @@ -4,12 +4,8 @@ <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> <el-row> <el-col :span="8"> - <el-form-item label="合同编号" prop="contract_no"> - <el-input v-model="formData.contract_no" clearable placeholder="请输入合同编号" /> - </el-form-item> </el-col> - <el-col :span="8"> - <el-form-item label="供应商合同号" prop="supplier_contract_no"> - <el-input v-model="formData.supplier_contract_no" clearable placeholder="请输入供应商合同号" /> + <el-form-item label="项目类型" prop="contract_no"> + <el-input v-model="formData.name" clearable placeholder="请输入项目类型" /> </el-form-item> </el-col> </el-row> @@ -52,9 +48,10 @@ const popupTitle = computed(() => { // 表单数据 const formData = reactive({ id: '', - supplier_id: '', - - + name: '', + web_tags: '', + app_tags: '', + budget_tags: '', }) @@ -79,7 +76,7 @@ const setFormData = async (data: Record<any, any>) => { } const getDetail = async (row: Record<string, any>) => { - const data = await apiProcurementDetail({ + const data = await apiProjecttypDetail({ id: row.id }) setFormData(data) @@ -88,14 +85,12 @@ const getDetail = async (row: Record<string, any>) => { // 提交按钮 const handleSubmit = async () => { - if (formDataannex.length > 0) { - formData.annex = formDataannex.map((item) => item.uri).toString() - } + await formRef.value?.validate() const data = { ...formData, } mode.value == 'edit' - ? await apiProcurementEdit(data) - : await apiProcurementAdd(data) + ? await apiProjecttypeEdit(data) + : await apiProjecttypeAdd(data) popupRef.value?.close() emit('success') } diff --git a/src/views/project_type_set/index.vue b/src/views/project_type_set/index.vue index 031ee5e..737e8fe 100644 --- a/src/views/project_type_set/index.vue +++ b/src/views/project_type_set/index.vue @@ -2,8 +2,8 @@ <div> <el-card class="!border-none mb-4" shadow="never"> <el-form class="mb-[-16px]" :model="queryParams" inline> - <el-form-item label="项目" prop="procurement_contract_id"> - <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入合同编号" /> + <el-form-item label="项目名称" prop="procurement_contract_id"> + <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入项目名称" /> </el-form-item> @@ -28,12 +28,37 @@ <div class="mt-4"> <el-table :data="pager.lists" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" /> - <el-table-column label="项目类型" prop="custom_name" show-overflow-tooltip /> - <el-table-column label="标签" prop="custom_name" show-overflow-tooltip /> - <el-table-column label="App标签" prop="custom_name" show-overflow-tooltip /> - <el-table-column label="预算" prop="custom_name" show-overflow-tooltip /> + <el-table-column label="项目类型" prop="name" show-overflow-tooltip /> + <el-table-column label="标签" prop="custom_name" show-overflow-tooltip> - <el-table-column label="操作" width="250" fixed="right"> + <template #default="{ row }"> + <div v-if="row.web_tags_text.length > 0"> + <text v-for="(item, i) in row.web_tags_text" :key="i"> <el-tag class="ml-2" type="success">{{ item }}</el-tag></text> + </div> + <div v-else>不限</div> + </template> + </el-table-column> + <el-table-column label="App标签" show-overflow-tooltip> + <template #default="{ row }"> + <div v-if="row.app_tags_text.length > 0"> + <text v-for="(item, i) in row.app_tags_text" :key="i"> <el-tag class="ml-2" type="success">{{ item }}</el-tag></text> + + </div> + <div v-else>不限</div> + </template> + </el-table-column> + <el-table-column label="预算" prop="custom_name" show-overflow-tooltip> + + <template #default="{ row }"> + <div v-if="row.budget_tags_text.length > 0"> + <text v-for="(item, i) in row.budget_tags_text" :key="i"> <el-tag class="ml-2" type="success">{{ item }}</el-tag></text> + + </div> + <div v-else>不限</div> + </template> + </el-table-column> + + <el-table-column label="操作" width="350" fixed="right"> <template #default="{ row }"> <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> 编辑 @@ -50,7 +75,7 @@ <el-button v-perms="['project.project/detail']" link @click="handledqc(row)"> 预算 </el-button> - <el-button v-perms="['project.project/detail']" link @click="handledqc(row)"> + <el-button v-perms="['project.project/detail']" link @click="handledqb(row)"> 标签 </el-button> </template> @@ -67,7 +92,11 @@ <el-dialog v-model="dialogVisiblea" title="app标签" width="600px" :before-close="handleClose"> <div> - + <el-checkbox-group v-model="app_tags"> + <el-checkbox v-for="(item, i) in dictData.project_app_tags" :label="item.value" :key="i"> + {{ item.name }} + </el-checkbox> + </el-checkbox-group> </div> @@ -81,9 +110,11 @@ </el-dialog> <el-dialog v-model="dialogVisibleb" title="标签" width="600px" :before-close="handleClose"> <div> - - - + <el-checkbox-group v-model="web_tags"> + <el-checkbox v-for="(item, i) in dictData.project_web_tags" :label="item.value" :key="i"> + {{ item.name }} + </el-checkbox> + </el-checkbox-group> </div> <template #footer> @@ -97,6 +128,13 @@ <el-dialog v-model="dialogVisiblec" title="预算" width="600px" :before-close="handleClose"> <div> + <div> + <el-checkbox-group v-model="budget_tags"> + <el-checkbox v-for="(item, i) in dictData.project_budget_tags" :label="item.value" :key="i"> + {{ item.name }} + </el-checkbox> + </el-checkbox-group> + </div> @@ -115,7 +153,7 @@ <script lang="ts" setup name="projectLists"> import { usePaging } from '@/hooks/usePaging' import { useDictData } from '@/hooks/useDictOptions' -import { apiProjecttypeLists, apiProjecttypeDelete, apiProjecttypDetail } from '@/api/projecttype' +import { apiProjecttypeLists, apiProjecttypeDelete, apiProjecttypDetail, apiProjecttypeAdd, apiProjecttypeEdit } from '@/api/projecttype' import { timeFormat } from '@/utils/util' import { getAllProjectTypes } from '@/api/projecttype' const protype = reactive([]) @@ -134,16 +172,74 @@ const queryParams = reactive({ }) +const budget_tags = ref([]) +const app_tags = ref([]) +const web_tags = ref([]) +// 表单数据 +const formData = reactive({ + id: '', + name: '', + web_tags: '', + app_tags: '', + budget_tags: '', +}) + //打开弹窗 const handledqa = (data: any) => { + app_tags.value = [] dialogVisiblea.value = true + if (data.app_tags && data.app_tags.length > 0) { + if (data.app_tags.includes(',')) { + app_tags.value = data.app_tags.split(',') + } else { + app_tags.value = [data.app_tags] + } + } + + for (const key in formData) { + if (data[key] != null && data[key] != undefined) { + //@ts-ignore + formData[key] = data[key] + } + } } const handledqb = (data: any) => { + web_tags.value = [] dialogVisibleb.value = true + if (data.web_tags && data.web_tags.length > 0) { + if (data.web_tags.includes(',')) { + web_tags.value = data.web_tags.split(',') + } else { + web_tags.value = [data.web_tags] + } + } + + for (const key in formData) { + if (data[key] != null && data[key] != undefined) { + //@ts-ignore + formData[key] = data[key] + } + } + } const handledqc = (data: any) => { + budget_tags.value = [] dialogVisiblec.value = true + if (data.budget_tags && data.budget_tags.length > 0) { + if (data.budget_tags.includes(',')) { + budget_tags.value = data.budget_tags.split(',') + } else { + budget_tags.value = [data.budget_tags] + } + } + for (const key in formData) { + if (data[key] != null && data[key] != undefined) { + //@ts-ignore + formData[key] = data[key] + } + } + } //关闭弹窗 const dialogVisiblea = ref(false) @@ -153,12 +249,44 @@ const dialogVisiblec = ref(false) //提交 const submita = () => { + if (app_tags.value.length > 0) { + formData.app_tags = app_tags.value.toString() + apiProjecttypeEdit(formData).then((res) => { + console.log(res) + dialogVisiblea.value = false + getLists() + }) + } else { + feedback.msgError('请选择标签') + } + + // apiProjecttypeAdd() + + } const submitb = () => { - + if (web_tags.value.length > 0) { + formData.web_tags = web_tags.value.toString() + apiProjecttypeEdit(formData).then((res) => { + // console.log(res) + dialogVisibleb.value = false + getLists() + }) + } else { + feedback.msgError('请选择标签') + } } const submitc = () => { - + if (budget_tags.value.length > 0) { + formData.budget_tags = budget_tags.value.toString() + apiProjecttypeEdit(formData).then((res) => { + console.log(res) + dialogVisiblec.value = false + getLists() + }) + } else { + feedback.msgError('请选择预算') + } } // 选中数据 const selectData = ref<any[]>([]) @@ -169,7 +297,7 @@ const handleSelectionChange = (val: any[]) => { } // 获取字典数据 -const { dictData } = useDictData('procurement_contract_type,pay_type,account_period,pay_period') +const { dictData } = useDictData('project_web_tags,project_app_tags,project_budget_tags') // 分页相关 const { pager, getLists, resetParams, resetPage } = usePaging({ fetchFun: apiProjecttypeLists, @@ -186,7 +314,7 @@ const handleAdd = async () => { // 编辑 const handleEdit = async (data: any) => { console.log(data.id) - let res = await apiProjecttypeDetail({ id: data.id }) + let res = await apiProjecttypDetail({ id: data.id }) showEdit.value = true await nextTick() editRef.value?.open('edit') diff --git a/src/views/project_wbs_set/detail.vue b/src/views/project_wbs_set/detail.vue new file mode 100644 index 0000000..0e4152e --- /dev/null +++ b/src/views/project_wbs_set/detail.vue @@ -0,0 +1,131 @@ + +<template> + <div class="detail-popup"> + <popup ref="popupRef" title="项目wbs设置详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px"> + <el-card class="mb-2"> + <el-row> + <el-col :span="12"> + <el-form-item label="项目类型"> + {{ formData.project_type_name }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="父级WBS编码"> + {{ formData.sup_wbs_code }} + </el-form-item> + </el-col> <el-col :span="12"> + <el-form-item label="WBS编码"> + {{ formData.wbs_code }} + </el-form-item> + </el-col> + + + + <el-col :span="12"> + <el-form-item label="节点名称"> + {{ formData.name }} + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="工作标准"> + {{ formData.work_standards }} + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="负责角色"> + {{ formData.project_role_name }} + </el-form-item> + </el-col> + + </el-row> + </el-card> + </el-form> + </popup> + </div> +</template> + +<script lang="ts" setup name="customdetail"> + +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' +import { apiCustomDetail } from '@/api/custom' +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 datas = reactive({ + provinceOptions: [], + cityOptions: [], + areaOptions: [], +}); + + +// 表单数据 +const formData = reactive({ + +}) + + + +// 获取详情 +const setFormData = async (data: Record<any, any>) => { + Object.assign(formData, data) + + + +} + +const getDetail = async (row: Record<string, any>) => { + const data = await apiCustomDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + popupRef.value?.close() + +} + +//打开弹窗 +const open = () => { + console.log('1111111') + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + + + + + + + +defineExpose({ + open, + setFormData, + getDetail +}) +</script> +<style lang="scss"> +.tit { + font-size: 1.2em; + margin-bottom: 10px; +} +</style> diff --git a/src/views/project_wbs_set/edit.vue b/src/views/project_wbs_set/edit.vue new file mode 100644 index 0000000..6a81470 --- /dev/null +++ b/src/views/project_wbs_set/edit.vue @@ -0,0 +1,177 @@ +<template> + <div class="edit-popup"> + <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> + <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> + <el-row> + <el-col :span="8"> + <el-form-item label="项目类型" prop="contract_no"> + + <el-select class="w-[280px]" v-model="formData.project_type_id" clearable placeholder="请选择项目类型"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in list" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> </el-col><el-col :span="8"> + <el-form-item label="父级WBS编码" prop="sup_wbs_code"> + <el-input v-model="formData.sup_wbs_code" clearable placeholder="请输入父级WBS编码" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="WBS编码" prop="wbs_code"> + <el-input v-model="formData.wbs_code" clearable placeholder="请输入WBS编码" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="节点名称" prop="name"> + <el-input v-model="formData.name" clearable placeholder="请输入节点名称" /> + </el-form-item> </el-col> + <el-col :span="24"> + <el-form-item label="工作标准" prop="work_standards"> + <el-input v-model="formData.work_standards" type="textarea" clearable placeholder="请输入工作标准" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="负责角色" prop="wproject_role_id"> + <el-select class="w-[280px]" v-model="formData.project_role_id" clearable placeholder="请选择负责角色"> + <el-option label="全部" value=""></el-option> + <el-option v-for="(item, index) in list1" :key="index" :label="item.name" :value="parseInt(item.id)" /> + </el-select> + </el-form-item> + + </el-col> + + + <el-col :span="8"> + <el-form-item label="输出资料" prop="output_data"> + <el-input v-model="formData.output_data" clearable placeholder="请输入输出资料" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="排序号" prop="sort"> + <el-input v-model="formData.sort" clearable placeholder="请输入排序号" /> + </el-form-item> </el-col> + <el-col :span="8"> + <el-form-item label="权重" prop="weight"> + <el-input v-model="formData.weight" clearable placeholder="请输入权重" /> + </el-form-item> </el-col> + + </el-row> + + </el-form> + </popup> + + + </div> +</template> + +<script lang="ts" setup name="procurementContractEdit"> +import type { FormInstance } from 'element-plus' +import Popup from '@/components/popup/index.vue' + +import { apiProjectwbsAdd, apiProjectwbsEdit, apiProjectwbsDetail } from '@/api/project_wbs_set' +import { getAllProjectRoles } from '@/api/project_role_set' +import { getAllProjectTypes } from '@/api/projecttype' +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 list = ref([]) +const list1 = ref([]) +// 弹窗标题 +const popupTitle = computed(() => { + return mode.value == 'edit' ? '编辑项目WBS设置' : '新增项目WBS设置' +}) + +// 表单数据 +const formData = reactive({ + id: '', + project_type_id: '', + sup_wbs_code: '', + wbs_code: '', + name: '', + work_standards: '', + project_role_id: '', + output_data: '', + sort: '', + weight: '' +}) + + +// 表单验证 +const formRules = reactive<any>({ + +}) +//获取项目类型 +const getlist = () => { + getAllProjectTypes().then((res) => { + console.log(res) + list.value = res + }) +} + +//获取校色 + +const getlist1 = () => { + getAllProjectRoles().then((res) => { + console.log(res) + list1.value = res + }) +} + +// 获取详情 +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 apiProjectwbsDetail({ + id: row.id + }) + setFormData(data) +} + + +// 提交按钮 +const handleSubmit = async () => { + + await formRef.value?.validate() + const data = { ...formData, } + mode.value == 'edit' + ? await apiProjectwbsEdit(data) + : await apiProjectwbsAdd(data) + popupRef.value?.close() + emit('success') +} + +//打开弹窗 +const open = (type = 'add') => { + mode.value = type + popupRef.value?.open() +} + +// 关闭回调 +const handleClose = () => { + emit('close') +} + + +getlist() +getlist1() +defineExpose({ + open, + setFormData, + getDetail +}) +</script> diff --git a/src/views/project_wbs_set/index.vue b/src/views/project_wbs_set/index.vue new file mode 100644 index 0000000..ff09148 --- /dev/null +++ b/src/views/project_wbs_set/index.vue @@ -0,0 +1,145 @@ +<template> + <div> + <el-card class="!border-none mb-4" shadow="never"> + <el-form class="mb-[-16px]" :model="queryParams" inline> + <el-form-item label="项目名称" prop="procurement_contract_id"> + <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="['project.project/add']" type="primary" @click="handleAdd"> + <template #icon> + <icon name="el-icon-Plus" /> + </template> + 新增 + </el-button> + <el-button v-perms="['project.project/delete']" :disabled="!selectData.length" @click="handleDelete(selectData)"> + 删除 + </el-button> + + <div class="mt-4"> + <el-table :data="pager.lists" @selection-change="handleSelectionChange" row-key="id" lazy :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> + <el-table-column type="selection" width="55" /> + <el-table-column label="节点名称" prop="name" show-overflow-tooltip> + <!-- <template #default="{ row }"> + <div> + <div v-for="(item, i) in row" :key="i">{{ item.name }}</div> + </div> + </template> --> + </el-table-column> + <!-- <el-table-column label="节点名称" prop="name" show-overflow-tooltip /> --> + <el-table-column label="输出资料" prop="output_data" show-overflow-tooltip /> + <el-table-column label="负责角色" prop="project_role_name" show-overflow-tooltip /> + <el-table-column label="层级" prop="sort" show-overflow-tooltip /> + <el-table-column label="本级权重" prop="weight" show-overflow-tooltip /> + <!-- <el-table-column label="整体权重" prop="sort" show-overflow-tooltip /> --> + <el-table-column label="操作" width="150" fixed="right"> + <template #default="{ row }"> + <el-button v-perms="['project.project/edit']" type="primary" link @click="handleEdit(row)"> + 编辑 + </el-button> + <el-button v-perms="['project.project/delete']" type="danger" link @click="handleDelete(row.id)"> + 删除 + </el-button> + <el-button v-perms="['project.project/detail']" link @click="handledetail(row)"> + 详情 + </el-button> + + </template> + </el-table-column> + </el-table> + </div> + <div class="flex justify-end mt-4"> + <pagination v-model="pager" @change="getLists" /> + </div> + </el-card> + <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> + <detail-popup v-if="showDtail" ref="detailRef" :dict-data="dictData" @close="showDtail = false" /> + </div> +</template> + +<script lang="ts" setup name="projectLists"> +import { usePaging } from '@/hooks/usePaging' +import { useDictData } from '@/hooks/useDictOptions' +import { apiProjectwbsLists, apiProjectwbsDelete, apiProjectwbsDetail } from '@/api/project_wbs_set' +import { timeFormat } from '@/utils/util' +import { getAllProjectTypes } from '@/api/projecttype' +const protype = reactive([]) +import feedback from '@/utils/feedback' +import EditPopup from './edit.vue' +import DetailPopup from './detail.vue' +const detailRef = shallowRef<InstanceType<typeof DetailPopup>>() +const editRef = shallowRef<InstanceType<typeof EditPopup>>() +// 是否显示编辑框 +const showEdit = ref(false) +const showDtail = ref(false) + +// 查询条件 +const queryParams = reactive({ + name: '' + + +}) + + + +// 选中数据 +const selectData = ref<any[]>([]) + +// 表格选择后回调事件 +const handleSelectionChange = (val: any[]) => { + selectData.value = val.map(({ id }) => id) +} + +// 获取字典数据 +const { dictData } = useDictData('') +// 分页相关 +const { pager, getLists, resetParams, resetPage } = usePaging({ + fetchFun: apiProjectwbsLists, + params: queryParams +}) + +// 添加 +const handleAdd = async () => { + showEdit.value = true + await nextTick() + editRef.value?.open('add') +} + + +// 编辑 +const handleEdit = async (data: any) => { + console.log(data.id) + let res = await apiProjectwbsDetail({ 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 apiProjectwbsDelete({ id }) + getLists() +} +const handledetail = async (data: any) => { + let res = await apiProjectwbsDetail({ id: data.id }) + showDtail.value = true + await nextTick() + detailRef.value?.open() + detailRef.value?.setFormData(res) +} + + +getLists() +</script> +