更新前端

This commit is contained in:
shengchanzhe 2023-11-24 22:46:01 +08:00
parent 8ded855acd
commit d13be9eeb6
12 changed files with 1266 additions and 0 deletions

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

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 竞争对手列表
export function apiCompetitorLists(params: any) {
return request.get({ url: '/project.competitor/lists', params })
}
// 添加竞争对手
export function apiCompetitorAdd(params: any) {
return request.post({ url: '/project.competitor/add', params })
}
// 编辑竞争对手
export function apiCompetitorEdit(params: any) {
return request.post({ url: '/project.competitor/edit', params })
}
// 删除竞争对手
export function apiCompetitorDelete(params: any) {
return request.post({ url: '/project.competitor/delete', params })
}
// 竞争对手详情
export function apiCompetitorDetail(params: any) {
return request.get({ url: '/project.competitor/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 客户需求列表
export function apiCustomerDemandLists(params: any) {
return request.get({ url: '/custom.customer_demand/lists', params })
}
// 添加客户需求
export function apiCustomerDemandAdd(params: any) {
return request.post({ url: '/custom.customer_demand/add', params })
}
// 编辑客户需求
export function apiCustomerDemandEdit(params: any) {
return request.post({ url: '/custom.customer_demand/edit', params })
}
// 删除客户需求
export function apiCustomerDemandDelete(params: any) {
return request.post({ url: '/custom.customer_demand/delete', params })
}
// 客户需求详情
export function apiCustomerDemandDetail(params: any) {
return request.get({ url: '/custom.customer_demand/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 客户需求解决方案列表
export function apiCustomerDemandSolutionLists(params: any) {
return request.get({ url: '/custom.customer_demand_solution/lists', params })
}
// 添加客户需求解决方案
export function apiCustomerDemandSolutionAdd(params: any) {
return request.post({ url: '/custom.customer_demand_solution/add', params })
}
// 编辑客户需求解决方案
export function apiCustomerDemandSolutionEdit(params: any) {
return request.post({ url: '/custom.customer_demand_solution/edit', params })
}
// 删除客户需求解决方案
export function apiCustomerDemandSolutionDelete(params: any) {
return request.post({ url: '/custom.customer_demand_solution/delete', params })
}
// 客户需求解决方案详情
export function apiCustomerDemandSolutionDetail(params: any) {
return request.get({ url: '/custom.customer_demand_solution/detail', params })
}

View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 项目概算列表
export function apiProjectEstimateLists(params: any) {
return request.get({ url: '/project.project_estimate/lists', params })
}
// 添加项目概算
export function apiProjectEstimateAdd(params: any) {
return request.post({ url: '/project.project_estimate/add', params })
}
// 编辑项目概算
export function apiProjectEstimateEdit(params: any) {
return request.post({ url: '/project.project_estimate/edit', params })
}
// 删除项目概算
export function apiProjectEstimateDelete(params: any) {
return request.post({ url: '/project.project_estimate/delete', params })
}
// 项目概算详情
export function apiProjectEstimateDetail(params: any) {
return request.get({ url: '/project.project_estimate/detail', params })
}

View File

@ -0,0 +1,156 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="组织id" prop="org_id">
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="部门id" prop="department_id">
<el-select class="flex-1" v-model="formData.department_id" clearable placeholder="请选择部门id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="客户需求id" prop="customer_demand_id">
<el-input v-model="formData.customer_demand_id" clearable placeholder="请输入客户需求id" />
</el-form-item>
<el-form-item label="竞争对手名称" prop="competitor_name">
<el-input v-model="formData.competitor_name" clearable placeholder="请输入竞争对手名称" />
</el-form-item>
<el-form-item label="竞争对手联系人" prop="competitor_contacts">
<el-input v-model="formData.competitor_contacts" clearable placeholder="请输入竞争对手联系人" />
</el-form-item>
<el-form-item label="联系人电话" prop="competitor_contacts_phone">
<el-input v-model="formData.competitor_contacts_phone" clearable placeholder="请输入联系人电话" />
</el-form-item>
<el-form-item label="竞争能力" prop="competitive_power">
<el-input v-model="formData.competitive_power" clearable placeholder="请输入竞争能力" />
</el-form-item>
<el-form-item label="竞争对手优势" prop="competitor_advantages">
<el-input v-model="formData.competitor_advantages" clearable placeholder="请输入竞争对手优势" />
</el-form-item>
<el-form-item label="竞争对手劣势" prop="competitor_disadvantages">
<el-input v-model="formData.competitor_disadvantages" clearable placeholder="请输入竞争对手劣势" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="competitorEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiCompetitorAdd, apiCompetitorEdit, apiCompetitorDetail } from '@/api/competitor'
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: '',
org_id: '',
department_id: '',
project_id: '',
customer_demand_id: '',
competitor_name: '',
competitor_contacts: '',
competitor_contacts_phone: '',
competitive_power: '',
competitor_advantages: '',
competitor_disadvantages: '',
remark: '',
annex: '',
})
//
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 apiCompetitorDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiCompetitorEdit(data)
: await apiCompetitorAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,128 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="项目id" prop="project_id">
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="竞争对手名称" prop="competitor_name">
<el-input class="w-[280px]" v-model="queryParams.competitor_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.competitor/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['project.competitor/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="组织id" prop="org_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.org_id" /> -->
</template>
</el-table-column>
<el-table-column label="部门id" prop="department_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.department_id" /> -->
</template>
</el-table-column>
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
<el-table-column label="客户需求id" prop="customer_demand_id" show-overflow-tooltip />
<el-table-column label="竞争对手名称" prop="competitor_name" show-overflow-tooltip />
<el-table-column label="竞争对手联系人" prop="competitor_contacts" show-overflow-tooltip />
<el-table-column label="联系人电话" prop="competitor_contacts_phone" show-overflow-tooltip />
<el-table-column label="竞争能力" prop="competitive_power" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['project.competitor/edit']" type="primary" link @click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['project.competitor/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="competitorLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiCompetitorLists, apiCompetitorDelete } from '@/api/competitor'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
project_id: '',
competitor_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: apiCompetitorLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiCompetitorDelete({ id })
getLists()
}
getLists()
</script>

View File

@ -0,0 +1,156 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="组织id" prop="org_id">
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="部门id" prop="department_id">
<el-select class="flex-1" v-model="formData.department_id" clearable placeholder="请选择部门id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="需求主题" prop="theme">
<el-input v-model="formData.theme" clearable placeholder="请输入需求主题" />
</el-form-item>
<el-form-item label="需求提供人" prop="supplier">
<el-input v-model="formData.supplier" clearable placeholder="请输入需求提供人" />
</el-form-item>
<el-form-item label="提供人联系方式" prop="supplier_contacts">
<el-input v-model="formData.supplier_contacts" clearable placeholder="请输入提供人联系方式" />
</el-form-item>
<el-form-item label="重要程度1非常重要2重要3一般4不重要" prop="importance">
<el-radio-group v-model="formData.importance" placeholder="请选择重要程度1非常重要2重要3一般4不重要">
<el-radio v-for="(item, index) in dictData.importance" :key="index" :label="parseInt(item.value)">
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="记录时间" prop="recording_time">
<el-date-picker class="flex-1 !flex" v-model="formData.recording_time" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择记录时间">
</el-date-picker>
</el-form-item>
<el-form-item label="需求内容" prop="demand_content">
<el-input v-model="formData.demand_content" clearable placeholder="请输入需求内容" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="customerDemandEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiCustomerDemandAdd, apiCustomerDemandEdit, apiCustomerDemandDetail } from '@/api/customer_demand'
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: '',
org_id: '',
department_id: '',
project_id: '',
theme: '',
supplier: '',
supplier_contacts: '',
importance: '',
recording_time: '',
demand_content: '',
annex: '',
})
//
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]
}
}
//@ts-ignore
formData.recording_time = timeFormat(formData.recording_time, 'yyyy-mm-dd hh:MM:ss')
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiCustomerDemandDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiCustomerDemandEdit(data)
: await apiCustomerDemandAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,147 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item>
<el-form-item label="需求主题" prop="theme">
<el-input class="w-[280px]" v-model="queryParams.theme" clearable placeholder="请输入需求主题" />
</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="['custom/demand.customer_demand/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['custom/demand.customer_demand/delete']" :disabled="!selectData.length"
@click="handleDelete(selectData)">
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="组织id" prop="org_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.org_id" /> -->
</template>
</el-table-column>
<el-table-column label="部门id" prop="department_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.department_id" /> -->
</template>
</el-table-column>
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
<el-table-column label="需求主题" prop="theme" show-overflow-tooltip />
<el-table-column label="需求提供人" prop="supplier" show-overflow-tooltip />
<el-table-column label="提供人联系方式" prop="supplier_contacts" show-overflow-tooltip />
<el-table-column label="重要程度1非常重要2重要3一般4不重要" prop="importance">
<template #default="{ row }">
<dict-value :options="dictData.importance" :value="row.importance" />
</template>
</el-table-column>
<el-table-column label="记录时间" prop="recording_time">
<template #default="{ row }">
<span>{{ row.recording_time ? timeFormat(row.recording_time, 'yyyy-mm-dd hh:MM:ss') : ''
}}</span>
</template>
</el-table-column>
<el-table-column label="需求内容" prop="demand_content" show-overflow-tooltip />
<el-table-column label="附件" prop="annex" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['custom/demand.customer_demand/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['custom/demand.customer_demand/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="customerDemandLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiCustomerDemandLists, apiCustomerDemandDelete } from '@/api/customer_demand'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
org_id: '',
department_id: '',
project_id: '',
theme: '',
supplier: '',
supplier_contacts: '',
importance: '',
recording_time: '',
demand_content: '',
annex: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('importance')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiCustomerDemandLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiCustomerDemandDelete({ id })
getLists()
}
getLists()
</script>

View File

@ -0,0 +1,142 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="组织id" prop="org_id">
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="部门id" prop="department_id">
<el-input class="flex-1" v-model="formData.department_id" type="textarea" rows="4" clearable
placeholder="请输入部门id" />
</el-form-item>
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="客户需求id" prop="customer_demand_id">
<el-input v-model="formData.customer_demand_id" clearable placeholder="请输入客户需求id" />
</el-form-item>
<el-form-item label="需求主题" prop="theme">
<el-input v-model="formData.theme" clearable placeholder="请输入需求主题" />
</el-form-item>
<el-form-item label="提交时间" prop="submission_time">
<el-date-picker class="flex-1 !flex" v-model="formData.submission_time" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择提交时间">
</el-date-picker>
</el-form-item>
<el-form-item label="方案内容" prop="solution_content">
<el-input v-model="formData.solution_content" clearable placeholder="请输入方案内容" />
</el-form-item>
<el-form-item label="客户反馈" prop="customer_feedback">
<el-input v-model="formData.customer_feedback" clearable placeholder="请输入客户反馈" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="customerDemandSolutionEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiCustomerDemandSolutionAdd, apiCustomerDemandSolutionEdit, apiCustomerDemandSolutionDetail } from '@/api/customer_demand_solution'
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: '',
org_id: '',
department_id: '',
project_id: '',
customer_demand_id: '',
theme: '',
submission_time: '',
solution_content: '',
customer_feedback: '',
annex: '',
})
//
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]
}
}
//@ts-ignore
formData.submission_time = timeFormat(formData.submission_time, 'yyyy-mm-dd hh:MM:ss')
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiCustomerDemandSolutionDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiCustomerDemandSolutionEdit(data)
: await apiCustomerDemandSolutionAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,124 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="需求主题" prop="theme">
<el-input class="w-[280px]" v-model="queryParams.theme" 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="['custom.customer_demand_solution/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['custom.customer_demand_solution/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="组织id" prop="org_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.org_id" /> -->
</template>
</el-table-column>
<el-table-column label="部门id" prop="department_id" show-overflow-tooltip />
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
<el-table-column label="客户需求id" prop="customer_demand_id" show-overflow-tooltip />
<el-table-column label="需求主题" prop="theme" show-overflow-tooltip />
<el-table-column label="提交时间" prop="submission_time">
<template #default="{ row }">
<span>{{ row.submission_time ? timeFormat(row.submission_time, 'yyyy-mm-dd hh:MM:ss') : ''
}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['custom.customer_demand_solution/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['custom.customer_demand_solution/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="customerDemandSolutionLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiCustomerDemandSolutionLists, apiCustomerDemandSolutionDelete } from '@/api/customer_demand_solution'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
theme: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiCustomerDemandSolutionLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiCustomerDemandSolutionDelete({ id })
getLists()
}
getLists()
</script>

View File

@ -0,0 +1,169 @@
<template>
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="组织id" prop="org_id">
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="部门id" prop="department_id">
<el-select class="flex-1" v-model="formData.department_id" clearable placeholder="请选择部门id">
<!-- <el-option
v-for="(item, index) in dictData."
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/> -->
</el-select>
</el-form-item>
<el-form-item label="项目id" prop="project_id">
<el-input v-model="formData.project_id" clearable placeholder="请输入项目id" />
</el-form-item>
<el-form-item label="客户需求id" prop="customer_demand_id">
<el-input v-model="formData.customer_demand_id" clearable placeholder="请输入客户需求id" />
</el-form-item>
<el-form-item label="概算来源" prop="estimate_source">
<el-radio-group v-model="formData.estimate_source" placeholder="请选择概算来源">
<el-radio v-for="(item, index) in dictData.estimate_source" :key="index"
:label="parseInt(item.value)">
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="制单人" prop="create_user">
<el-input v-model="formData.create_user" clearable placeholder="请输入制单人" />
</el-form-item>
<el-form-item label="报价日期" prop="quotation_date">
<el-date-picker class="flex-1 !flex" v-model="formData.quotation_date" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择报价日期">
</el-date-picker>
</el-form-item>
<el-form-item label="发票类型" prop="invoice_type">
<el-radio-group v-model="formData.invoice_type" placeholder="请选择发票类型">
<el-radio v-for="(item, index) in dictData.invoice_type" :key="index" :label="parseInt(item.value)">
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="技术人员id" prop="technician">
<el-input v-model="formData.technician" clearable placeholder="请输入技术人员id" />
</el-form-item>
<el-form-item label="概算金额" prop="estimate_amount">
<el-input v-model="formData.estimate_amount" clearable placeholder="请输入概算金额" />
</el-form-item>
<el-form-item label="要求" prop="ask">
<el-input v-model="formData.ask" clearable placeholder="请输入要求" />
</el-form-item>
<el-form-item label="附件" prop="annex">
<el-input v-model="formData.annex" clearable placeholder="请输入附件" />
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="projectEstimateEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiProjectEstimateAdd, apiProjectEstimateEdit, apiProjectEstimateDetail } from '@/api/project_estimate'
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: '',
org_id: '',
department_id: '',
project_id: '',
customer_demand_id: '',
estimate_source: '',
create_user: '',
quotation_date: '',
invoice_type: '',
technician: '',
estimate_amount: '',
ask: '',
annex: '',
})
//
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]
}
}
//@ts-ignore
formData.quotation_date = timeFormat(formData.quotation_date, 'yyyy-mm-dd hh:MM:ss')
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiProjectEstimateDetail({
id: row.id
})
setFormData(data)
}
//
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiProjectEstimateEdit(data)
: await apiProjectEstimateAdd(data)
popupRef.value?.close()
emit('success')
}
//
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
//
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

View File

@ -0,0 +1,140 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="项目id" prop="project_id">
<el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
</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_estimate/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button v-perms="['project.project_estimate/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="组织id" prop="org_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.org_id" /> -->
</template>
</el-table-column>
<el-table-column label="部门id" prop="department_id">
<template #default="{ row }">
<!-- <dict-value :options="dictData." :value="row.department_id" /> -->
</template>
</el-table-column>
<el-table-column label="项目id" prop="project_id" show-overflow-tooltip />
<el-table-column label="客户需求id" prop="customer_demand_id" show-overflow-tooltip />
<el-table-column label="概算来源" prop="estimate_source">
<template #default="{ row }">
<dict-value :options="dictData.estimate_source" :value="row.estimate_source" />
</template>
</el-table-column>
<el-table-column label="制单人" prop="create_user" show-overflow-tooltip />
<el-table-column label="报价日期" prop="quotation_date">
<template #default="{ row }">
<span>{{ row.quotation_date ? timeFormat(row.quotation_date, 'yyyy-mm-dd hh:MM:ss') : ''
}}</span>
</template>
</el-table-column>
<el-table-column label="发票类型" prop="invoice_type">
<template #default="{ row }">
<dict-value :options="dictData.invoice_type" :value="row.invoice_type" />
</template>
</el-table-column>
<el-table-column label="技术人员id" prop="technician" show-overflow-tooltip />
<el-table-column label="概算金额" prop="estimate_amount" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button v-perms="['project.project_estimate/edit']" type="primary" link
@click="handleEdit(row)">
编辑
</el-button>
<el-button v-perms="['project.project_estimate/delete']" type="danger" link
@click="handleDelete(row.id)">
删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex mt-4 justify-end">
<pagination v-model="pager" @change="getLists" />
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="projectEstimateLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiProjectEstimateLists, apiProjectEstimateDelete } from '@/api/project_estimate'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
//
const showEdit = ref(false)
//
const queryParams = reactive({
project_id: ''
})
//
const selectData = ref<any[]>([])
//
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
//
const { dictData } = useDictData('estimate_source,invoice_type')
//
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiProjectEstimateLists,
params: queryParams
})
//
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
//
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
//
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除?')
await apiProjectEstimateDelete({ id })
getLists()
}
getLists()
</script>