更新前端
This commit is contained in:
parent
8ded855acd
commit
d13be9eeb6
26
src/api/competitor.ts
Normal file
26
src/api/competitor.ts
Normal 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 })
|
||||
}
|
26
src/api/customer_demand.ts
Normal file
26
src/api/customer_demand.ts
Normal 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 })
|
||||
}
|
26
src/api/customer_demand_solution.ts
Normal file
26
src/api/customer_demand_solution.ts
Normal 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 })
|
||||
}
|
26
src/api/project_estimate.ts
Normal file
26
src/api/project_estimate.ts
Normal 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 })
|
||||
}
|
156
src/views/competitor/edit.vue
Normal file
156
src/views/competitor/edit.vue
Normal 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>
|
128
src/views/competitor/index.vue
Normal file
128
src/views/competitor/index.vue
Normal 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>
|
||||
|
156
src/views/customer_demand/edit.vue
Normal file
156
src/views/customer_demand/edit.vue
Normal 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>
|
147
src/views/customer_demand/index.vue
Normal file
147
src/views/customer_demand/index.vue
Normal 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>
|
||||
|
142
src/views/customer_demand_solution/edit.vue
Normal file
142
src/views/customer_demand_solution/edit.vue
Normal 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>
|
124
src/views/customer_demand_solution/index.vue
Normal file
124
src/views/customer_demand_solution/index.vue
Normal 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>
|
||||
|
169
src/views/project_estimate/edit.vue
Normal file
169
src/views/project_estimate/edit.vue
Normal 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>
|
140
src/views/project_estimate/index.vue
Normal file
140
src/views/project_estimate/index.vue
Normal 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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user