From 50ded4c9a21fb294892bfee8cad62f1a56f96ca8 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期三, 26 十一月 2025 10:24:29 +0800
Subject: [PATCH] 修改新增
---
src/views/work/marketingManagement/afterSales/components/editDialog.vue | 297 ++++++++++++++++++++++++++---------------------------------
1 files changed, 132 insertions(+), 165 deletions(-)
diff --git a/src/views/work/marketingManagement/afterSales/components/editDialog.vue b/src/views/work/marketingManagement/afterSales/components/editDialog.vue
index 23e695e..ad58d60 100644
--- a/src/views/work/marketingManagement/afterSales/components/editDialog.vue
+++ b/src/views/work/marketingManagement/afterSales/components/editDialog.vue
@@ -11,7 +11,7 @@
<el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" label-position="right" label-width="170">
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin">
+ <el-form-item label="单位名称:" prop="companyId" v-if="state.isAdmin">
<el-select v-model="state.form.companyId" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom">
<el-option
v-for="item in state.companyList"
@@ -25,29 +25,38 @@
</el-row>
<el-row :gutter="24">
<el-col :span="12">
- <el-form-item label="记录名称:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="记录名称"></el-input>
+ <el-form-item label="记录名称:" prop="recordName" >
+ <el-input :disabled="title === '查看'" v-model="state.form.recordName" placeholder="记录名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="编号:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="编号"></el-input>
+ <el-form-item label="编号:" prop="number" >
+ <el-input :disabled="title === '查看'" v-model="state.form.number" placeholder="编号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
- <el-form-item label="客户名称:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="客户单位/姓名"></el-input>
+ <el-form-item label="客户名称:" prop="clientName" >
+<!-- <el-input :disabled="title === '查看'" v-model="state.form.clientName" placeholder="客户名称"></el-input>-->
+ <el-select v-model="state.form.clientName" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看'" @change="selectUnitCom">
+ <el-option
+ v-for="item in state.supplierList"
+ :key="item.id"
+ :label="item.customerName"
+ :value="item.customerName">
+ </el-option>
+ </el-select>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="服务时间:" prop="year" >
+ <el-form-item label="服务时间:" prop="serverTime" >
<el-date-picker
- v-model="state.form.fictionTime"
+ v-model="state.form.serverTime"
type="date"
value-format="YYYY-MM-DD"
placeholder="请选择服务时间"
+ :disabled="title === '查看'"
style="width: 100%"
/>
</el-form-item>
@@ -55,60 +64,61 @@
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="地址:" prop="year" >
- <el-input :disabled="title === '查看'" type="textarea" v-model="state.form.name" placeholder="地址"></el-input>
+ <el-form-item label="地址:" prop="addr" >
+ <el-input :disabled="title === '查看'" type="textarea" v-model="state.form.addr" placeholder="地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
- <el-form-item label="联系人:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="联系人"></el-input>
+ <el-form-item label="联系人:" prop="person" >
+ <el-input :disabled="title === '查看'" v-model="state.form.person" placeholder="联系人"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="联系电话:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="联系电话"></el-input>
+ <el-form-item label="联系电话:" prop="phone" >
+ <el-input :disabled="title === '查看'" v-model="state.form.phone" placeholder="联系电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="本次服务内容:" prop="year" >
- <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.name" placeholder=""></el-input>
+ <el-form-item label="本次服务内容:" prop="serverMess" >
+ <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.serverMess" placeholder=""></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="对客户的使用建议:" prop="year" >
- <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.name" placeholder=""></el-input>
+ <el-form-item label="对客户的使用建议:" prop="suggest" >
+ <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.suggest" placeholder=""></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24" style="margin-top: 10px">
<el-col :span="12">
- <el-form-item label="服务人员:" prop="year" >
- <el-select clearable v-model="state.form.fictionId" :disabled="state.title =='查看'" filterable placeholder="" style="width: 100%">
+ <el-form-item label="服务人员:" prop="personId" >
+ <el-select clearable v-model="state.form.personId" :disabled="title === '查看'" filterable placeholder="" style="width: 100%">
<el-option
v-for="item in state.peopleList"
:key="item.id"
:label="item.name"
:value="item.id"
+
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="联系电话:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder="联系电话"></el-input>
+ <el-form-item label="联系电话:" prop="serverPhone" >
+ <el-input :disabled="title === '查看'" v-model="state.form.serverPhone" placeholder="联系电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="您对本次服务的评价:" prop="year" >
- <el-radio-group v-model="state.form.type">
+ <el-form-item label="您对本次服务的评价:" prop="serverEvlauate" >
+ <el-radio-group v-model="state.form.serverEvlauate" :disabled="title === '查看'">
<el-radio :label="1">非常满意</el-radio>
<el-radio :label="2">满意</el-radio>
<el-radio :label="3">不满意</el-radio>
@@ -118,15 +128,15 @@
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="您对本公司产品质量的意见:" prop="year" >
- <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.name" placeholder=""></el-input>
+ <el-form-item label="您对本公司产品质量的意见:" prop="opinion" >
+ <el-input :disabled="title === '查看'" type="textarea" :rows="4" v-model="state.form.opinion" placeholder=""></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
- <el-form-item label="客户:" prop="year" >
- <el-input :disabled="title === '查看'" v-model="state.form.name" placeholder=""></el-input>
+ <el-form-item label="客户:" prop="custom" >
+ <el-input :disabled="title === '查看'" v-model="state.form.custom" placeholder=""></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -149,6 +159,9 @@
import {getDept, getObject, getObjectPage} from "@/api/qualityObjectives/object";
import {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";
import {addNeedDiscren, editNeedDiscren} from "@/api/need/need";
+import {addSales, editSales} from "@/api/afterSales";
+import {verifyPhone} from "@/utils/validate";
+import {getCustomerAll} from "@/api/customerList";
const dialogVisible = ref(false);
const title = ref("");
@@ -157,83 +170,57 @@
const selectPopperClass = "max-width-select";
const emit = defineEmits(["getList"]);
const dataRef = ref();
+const validatePhone = (rule, value, callback)=>{
+ if(value === ''){
+ callback(new Error('请输入手机号'))
+ }else{
+ if(!verifyPhone(value)){
+ callback(new Error('手机号格式有误'))
+ }else{
+ callback()
+ }
+ }
+}
const state = reactive({
form: {
id: '',
companyId: null,
- deptId: null,
- year: '',
- fictionId: null,
- checkId: null,
- ratifyId: null,
- fictionTime: null,
- frequency: '',
- expectContents:[],
+ recordName: "",
+ number: "",
+ clientName: "",
+ serverTime: "",
+ addr: "",
+ person: "",
+ phone: "",
+ serverMess: "",
+ suggest: "",
+ personId: null,
+ serverPhone: "",
+ serverEvlauate: null,
+ opinion: "",
+ custom: ""
},
rules: {
companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
- deptId: [{ required: true, message: '请选择部门', trigger: 'blur' }],
- year: [{ required: true, message: '请选择年份', trigger: 'blur' }],
- fictionId: [{ required: true, message: '请选择编制人', trigger: 'blur' }],
- ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }],
- checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }],
- fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
- frequency: [{ required: true, message: '请输入监测频率', trigger: 'blur' }],
- stakeholder: [{required: true, message: "", trigger: "blur"}],
- expectation: [{required: true, message: "", trigger: "blur"}],
- solutions: [{required: true, message: "", trigger: "blur"}],
- expectContents:[{ required: true, message: '请填写相关方期望或要求识别表', trigger: 'blur' }],
+ recordName: [{ required: true, message: '请输入记录名称', trigger: 'blur' }],
+ number: [{ required: true, message: '请输入编号', trigger: 'blur' }],
+ clientName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+ serverTime: [{ required: true, message: '请选择服务时间', trigger: 'blur' }],
+ addr: [{ required: true, message: '请输入地址', trigger: 'blur' }],
+ person: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
+ phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
+ serverMess: [{ required: true, message: '请输入服务内容', trigger: 'blur' }],
+ suggest: [{ required: true, message: '请输入客户建议', trigger: 'blur' }],
+ personId: [{ required: true, message: '请选择服务人员', trigger: 'blur' }],
+ serverPhone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
+ serverEvlauate: [{ required: true, message: '请选择服务评价', trigger: 'blur' }],
+ opinion: [{ required: true, message: '请输入意见', trigger: 'blur' }],
+ custom: [{ required: true, message: '请输客户入', trigger: 'blur' }],
},
peopleList: [],
isAdmin: false,
companyList: [],
- deptList: [],
- checkMethodList: [],
- methodsList: [
- {
- id: 1,
- name: '面谈'
- },
- {
- id: 2,
- name: '面谈'
- },
- {
- id: 3,
- name: '信函'
- },
- {
- id: 4,
- name: '邮件'
- },
- {
- id: 5,
- name: '其他:'
- },
- ],
- checkTypeList: [],
- typeList: [
- {
- id: 1,
- name: '建议'
- },
- {
- id: 2,
- name: '咨询'
- },
- {
- id: 3,
- name: '反馈'
- },
- {
- id: 4,
- name: '抱怨'
- },
- {
- id: 5,
- name: '其他:'
- },
- ]
+ supplierList: []
})
onMounted(() => {
@@ -250,15 +237,17 @@
state.form.companyName = value.companyName
state.companyList = companyList
}
+ await getSupplier()
title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
if(type === 'edit' || type === 'review') {
state.form = JSON.parse(JSON.stringify(value));
+ // state.form.clientName = Number(state.form.clientName)
if(state.isAdmin){
state.form.companyId = value.companyId
state.form.companyName = value.companyName
}
+ state.form.serverEvlauate = Number(state.form.serverEvlauate)
}
- await getDeptList()
await getPeopleList()
dialogVisible.value = true;
}
@@ -267,24 +256,24 @@
const valid = await busRef.value.validate();
if(valid){
if(title.value === '新增'){
- // console.log('sta',state.form)
- // const {id, ...data} = JSON.parse(JSON.stringify(state.form))
- // const res = await addNeedDiscren(data)
- // if(res.code === 200){
- // ElMessage({
- // type: 'success',
- // message: '新增成功'
- // });
- // }else{
- // ElMessage.warning(res.message)
- // }
- // emit("getList")
- // busRef.value.clearValidate();
- // reset();
- // dialogVisible.value = false;
+ console.log('sta',state.form)
+ const {id, ...data} = JSON.parse(JSON.stringify(state.form))
+ const res = await addSales(data)
+ if(res.code === 200){
+ ElMessage({
+ type: 'success',
+ message: '新增成功'
+ });
+ }else{
+ ElMessage.warning(res.message)
+ }
+ emit("getList")
+ busRef.value.clearValidate();
+ reset();
+ dialogVisible.value = false;
}else if(title.value === '编辑'){
const {...data} = JSON.parse(JSON.stringify(state.form))
- const res = await editNeedDiscren(data)
+ const res = await editSales(data)
if(res.code === 200){
ElMessage({
type: 'success',
@@ -300,20 +289,18 @@
}
}
}
-const getDeptList = async () => {
- if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
- return
- }
+const getSupplier = async () => {
const param = {
- pageNum: 1,
- pageSize: 999,
- companyId: state.form.companyId
+ companyId: state.form.companyId,
}
- const res = await getDept(param)
+ const res = await getCustomerAll(param);
if(res.code === 200){
- state.deptList = res.data
+ state.supplierList = res.data.data
+ }else{
+ ElMessage.warning(res.message)
}
}
+
const getPeopleList = async ()=> {
if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
return
@@ -341,65 +328,45 @@
state.form = {
id: '',
companyId: null,
- deptId: null,
- year: '',
- fictionId: null,
- checkId: null,
- ratifyId: null,
- fictionTime: null,
- frequency: '',
- expectContents:[],
+ recordName: "",
+ number: "",
+ clientName: "",
+ serverTime: "",
+ addr: "",
+ person: "",
+ phone: "",
+ serverMess: "",
+ suggest: "",
+ personId: null,
+ serverPhone: "",
+ serverEvlauate: null,
+ opinion: "",
+ custom: ""
}
state.companyList = []
}
-
-const changeCheck = (type) => {
- switch (type) {
- case 'type': state.form.qualification = state.checkTypeList.join(','); if(!state.checkTypeList.includes(8))state.form.otherQualifi = '' ;break;
- case 'method': state.form.product = state.checkMethodList.join(',');if(!state.checkMethodList.includes(5))state.form.otherProduct = ''; break;
- }
-
-}
-
-
const selectValueCom = (val) => {
- state.form.fictionId = null
- state.form.checkId = null
- state.form.ratifyId = null
- state.form.deptId = null
+ state.form.personId = null
state.companyList.forEach(item => {
if(item.name === val){
state.form.companyId = item.id
}
})
- getDeptList()
getPeopleList()
}
-
-
-const addTableData = () => {
- state.form.expectContents.push({expectContentMesses: [{}]})
-}
-const addObject = (val,itemIndex) => {
- state.form.expectContents.forEach((item,index) => {
- if(index == itemIndex){
- item.expectContentMesses.push({})
+const selectUnitCom = (val) => {
+ state.form.person = ''
+ state.form.addr = ''
+ state.form.phone = ''
+ state.supplierList.forEach(item => {
+ if(val == item.customerName){
+ state.form.person = item.person
+ state.form.addr = item.customerAddr
+ state.form.phone = item.phone
}
})
}
-const delObject = (val,itemIndex) => {
- state.form.expectContents.forEach((item,index) => {
- if(index == itemIndex){
- if(item.expectContentMesses.length == 1){
- state.form.expectContents.splice(index,1)
- }else {
- item.expectContentMesses.pop()
- }
- }
- })
-}
-
defineExpose({
openDialog
});
--
Gitblit v1.9.2