|
@@ -1,19 +1,7 @@
|
|
|
<template>
|
|
|
<!-- 添加或修改菜单对话框 -->
|
|
|
- <el-dialog
|
|
|
- title="客户添加"
|
|
|
- v-model="visible"
|
|
|
- width="680px"
|
|
|
- append-to-body
|
|
|
- draggable
|
|
|
- >
|
|
|
- <el-form
|
|
|
- ref="companyRef"
|
|
|
- :model="form"
|
|
|
- size="small"
|
|
|
- :rules="rules"
|
|
|
- label-width="100px"
|
|
|
- >
|
|
|
+ <el-dialog title="客户添加" v-model="visible" width="680px" append-to-body draggable>
|
|
|
+ <el-form ref="companyRef" :model="form" size="small" :rules="rules" label-width="100px">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
<el-radio-group v-model="addType">
|
|
@@ -28,65 +16,45 @@
|
|
|
</el-col>
|
|
|
<el-col v-if="addType === 1" :span="24">
|
|
|
<el-form-item label="客户来源" prop="sourceCategoryName">
|
|
|
- <CustomerFormCom
|
|
|
- :edit-status="true"
|
|
|
- :form-data="form"
|
|
|
- :source-categories="sourceCategories"
|
|
|
- />
|
|
|
+ <CustomerFormCom :edit-status="true" :form-data="form" :source-categories="sourceCategories" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col v-if="addType === 1" :span="24">
|
|
|
<el-form-item label="负责人">
|
|
|
- <el-autocomplete
|
|
|
- :fetch-suggestions="querySearchAsync"
|
|
|
- style="width: 100%"
|
|
|
- v-model="form.leaderName"
|
|
|
- placeholder="请选择负责人"
|
|
|
- popper-class="my-autocomplete"
|
|
|
- @select="handleSelectEmployee"
|
|
|
- >
|
|
|
+ <el-autocomplete :fetch-suggestions="querySearchAsync" style="width: 100%" v-model="form.leaderName"
|
|
|
+ placeholder="请选择负责人" popper-class="my-autocomplete" @select="handleSelectEmployee">
|
|
|
<template #default="{ item }">
|
|
|
- <div
|
|
|
- style="
|
|
|
+ <div style="
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<div class="name" style="font-size: 12px">
|
|
|
{{ item.nickName }}
|
|
|
</div>
|
|
|
<span class="code" style="font-size: 10px; color: darkgrey">{{
|
|
|
- item.userName
|
|
|
- }}</span>
|
|
|
+ item.userName
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-autocomplete>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="客服">
|
|
|
- <el-autocomplete
|
|
|
- :fetch-suggestions="querySearchAsync"
|
|
|
- style="width: 100%"
|
|
|
- v-model="form.adviserName"
|
|
|
- placeholder="请选择客服"
|
|
|
- popper-class="my-autocomplete"
|
|
|
- @select="handleSelect"
|
|
|
- >
|
|
|
+ <el-autocomplete :fetch-suggestions="querySearchAsync" style="width: 100%" v-model="form.adviserName"
|
|
|
+ placeholder="请选择客服" popper-class="my-autocomplete" @select="handleSelect">
|
|
|
<template #default="{ item }">
|
|
|
- <div
|
|
|
- style="
|
|
|
+ <div style="
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<div class="name" style="font-size: 12px">
|
|
|
{{ item.nickName }}
|
|
|
</div>
|
|
|
<span class="code" style="font-size: 10px; color: darkgrey">{{
|
|
|
- item.userName
|
|
|
- }}</span>
|
|
|
+ item.userName
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-autocomplete>
|
|
@@ -95,18 +63,9 @@
|
|
|
|
|
|
<el-col v-if="addType === 2" :span="24">
|
|
|
<el-form-item label="上传">
|
|
|
- <el-upload
|
|
|
- ref="uploadRef"
|
|
|
- :limit="1"
|
|
|
- accept=".xlsx, .xls"
|
|
|
- :headers="upload.headers"
|
|
|
- :action="upload.url + '?updateSupport=' + upload.updateSupport"
|
|
|
- :disabled="upload.isUploading"
|
|
|
- :on-progress="handleFileUploadProgress"
|
|
|
- :on-success="handleFileSuccess"
|
|
|
- :auto-upload="false"
|
|
|
- drag
|
|
|
- >
|
|
|
+ <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
|
|
+ :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
|
|
+ :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
|
|
<el-icon class="el-icon--upload">
|
|
|
<upload-filled />
|
|
|
</el-icon>
|
|
@@ -119,13 +78,8 @@
|
|
|
<!-- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据 -->
|
|
|
</div>
|
|
|
<span>仅允许导入xls、xlsx格式文件。</span>
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- style="font-size: 12px; vertical-align: baseline"
|
|
|
- @click="importTemplate"
|
|
|
- >下载模板</el-link
|
|
|
- >
|
|
|
+ <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
|
|
|
+ @click="importTemplate">下载模板</el-link>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-upload>
|
|
@@ -135,13 +89,7 @@
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="Finished"
|
|
|
- size="small"
|
|
|
- @click="submitForm"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" icon="Finished" size="small" @click="submitForm">确 定</el-button>
|
|
|
<el-button @click="cancel" icon="close" size="small">取 消</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -169,7 +117,7 @@ const { proxy } = getCurrentInstance();
|
|
|
const props = defineProps({
|
|
|
getList: {
|
|
|
type: Function,
|
|
|
- default: () => {},
|
|
|
+ default: () => { },
|
|
|
},
|
|
|
});
|
|
|
const { getList } = toRefs(props);
|
|
@@ -382,7 +330,6 @@ function open() {
|
|
|
form.value.leaderId = useUserStore().user.userId;
|
|
|
visible.value = true;
|
|
|
}
|
|
|
-
|
|
|
function init() {
|
|
|
listSource()
|
|
|
.then((res) => {
|
|
@@ -441,8 +388,8 @@ const handleFileSuccess = (response, file, fileList) => {
|
|
|
proxy.$refs["uploadRef"].handleRemove(file);
|
|
|
proxy.$alert(
|
|
|
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
|
|
- response.msg +
|
|
|
- "</div>",
|
|
|
+ response.msg +
|
|
|
+ "</div>",
|
|
|
"导入结果",
|
|
|
{ dangerouslyUseHTMLString: true }
|
|
|
);
|