mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
zmj 2024-03-22 21:08:55 +08:00
parent 7186893b96
commit 7d4b2d5979
4 changed files with 35 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/api/custom_service.ts
View File

@ -24,3 +24,8 @@ export function apiCustomServiceDetail(params: any) {
export function apiCustomServiceDelete(params: any) {
return request.post({ url: "/custom.custom_service/delete", params });
}
// 客户售后删除
export function apiCustomServiceEdit(params: any) {
return request.post({ url: "/custom.custom_service/edit", params });
}

10
src/hooks/usePaging.ts
View File

@ -20,7 +20,15 @@ export function usePaging(options: Options) {
loading: firstLoading,
count: 0,
lists: [] as any[],
extend: {} as Record<string, any>
extend: {} as Record<string, any>,
calcWidth:(value:string)=>{
let list = pager.lists.map(item => item[value])
const maxLength = list.reduce((max, str) => {
return Math.max(max, str.length);
}, 0);
return (maxLength*14+24)
}
})
// 请求分页接口
const getLists = () => {

19
src/views/custom_service/edit.vue
View File

@ -2,7 +2,7 @@
<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="auto" >
<el-form ref="formRef" :model="formData" label-width="auto">
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="项目名称" prop="project_id" @click="showDialog = true">
@ -74,7 +74,8 @@
<el-col :span="12">
<el-form-item label="指定处理人" prop="processed_user" @click="userclick"
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-input v-model="formData.processed_user_name" clearable readonly placeholder="请输入指定处理人" />
<el-input v-model="formData.processed_user_name" clearable readonly
placeholder="请输入指定处理人" />
</el-form-item>
</el-col>
<el-col :span="12">
@ -118,7 +119,7 @@
</el-dialog>
</div>
<personnelselector ref="personnel" @confirm="submituser" type="1"></personnelselector>
</div>
</template>
@ -127,7 +128,7 @@ import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import customDialog from '@/components/custom-dialog/index.vue'
import salescontractDialog from '@/components/salescontract/index.vue'
import { apiCustomServiceAdd, apiCustomServiceDetail } from '@/api/custom_service'
import { apiCustomServiceAdd, apiCustomServiceDetail, apiCustomServiceEdit } from '@/api/custom_service'
import personnelselector from '@/components/personnelselector/index.vue'
import type { PropType } from 'vue'
import peojectDialog from '@/components/project/index.vue'
@ -179,7 +180,7 @@ const userclick = () => {
//确认
const submituser = (e: any) => {
formData.processed_user = e.id;
formData.processed_user_name=e.name
formData.processed_user_name = e.name
}
@ -193,8 +194,8 @@ const popupTitle = computed(() => {
const formData = reactive({
id: '',
project_id: '',
project_name:"",
project_code:"",
project_name: "",
project_code: "",
contacts: '',
custom_master_name: "",
custom_master_phone: "",
@ -240,7 +241,9 @@ const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
data.date = data.date.substring(0, 10)
await apiCustomServiceAdd(data)
mode.value == "edit"
? await apiCustomServiceEdit(data)
: await apiCustomServiceAdd(data)
popupRef.value?.close()
emit('success')
}

42
src/views/custom_service/index.vue
View File

@ -55,14 +55,14 @@
删除
</el-button> -->
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange" fit>
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="序号" type="index" width="55" />
<el-table-column label="客户名称" prop="custom_name" />
<el-table-column label="项目名称" prop="project_name" align="center" />
<el-table-column label="项目编码" prop="project_code" style="width:100%" />
<el-table-column label="合同编号" prop="contract_code" />
<el-table-column label="投诉主题" prop="name" />
<el-table-column label="客户名称" prop="custom_name" :width="pager.calcWidth('custom_name')" />
<el-table-column label="项目名称" prop="project_name" :width="pager.calcWidth('project_name')" />
<el-table-column label="项目编码" prop="project_code" :width="pager.calcWidth('project_code')" />
<el-table-column label="合同编号" prop="contract_code" :width="pager.calcWidth('contract_code')" />
<el-table-column label="投诉主题" prop="name" :width="pager.calcWidth('name')" />
<el-table-column label="日期" prop="date" />
<el-table-column label="接待人" prop="receiver" />
<el-table-column label="分类" prop="classification" />
@ -88,7 +88,8 @@
@click="handleDelete(row.id)">
删除
</el-button>
<el-button v-perms="['custom_service.custom_service/detail']" link @click="handledetail(row)">
<el-button v-perms="['custom_service.custom_service/detail']" link
@click="handledetail(row)">
详情
</el-button>
</template>
@ -197,31 +198,8 @@ const handledetail = async (data: any) => {
detailRef.value?.setFormData(res)
}
const labelHead = (h, column, index) => {
console.log(column, index)
// let l = column.label.length
// let f = 16 //每个字大小，其实是每个字的比例值，大概会比字体大小差不多大一点，
// column.minWidth = f * l //字大小乘个数即长度 ,注意不要加px像素，这里minWidth只是一个比例值，不是真正的长度
// //然后将列标题放在一个div块中，注意块的宽度一定要100%，否则表格显示不完全
// return h('div', { class: 'table-head', style: { width: '100%' } }, [column.label])
}
const renderHeader = ({ column }) => {
console.log(column)
column.label = 'dgffjghdfgjhdfjgkh'
return h("div", [
h("div", column.label,),
]);
};
getLists()
</script>
<style></style>