|
@@ -8,7 +8,7 @@
|
|
|
<el-form-item label="收件人" prop="to">
|
|
|
<div style="width: 100%">
|
|
|
<div style="display: flex; width: 100%">
|
|
|
- <el-autocomplete v-model="formData.data.to" clearable placeholder="请输入" style="width: 100%" @select="handlePerson"
|
|
|
+ <el-autocomplete v-model="formData.data.to" clearable placeholder="请输入" style="width: 100%" @select="(data)=>handlePerson(data,10)"
|
|
|
:fetch-suggestions="querySearchPerson" @keyup.enter.native="handleAdd(10)">
|
|
|
</el-autocomplete>
|
|
|
<!-- <el-input v-model="formData.data.to" placeholder="请输入" @keyup.enter.native="handleAdd(10)" /> -->
|
|
@@ -21,15 +21,15 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="" prop="">
|
|
|
<div style="display: flex">
|
|
|
- <span style="color: #666666; cursor: pointer" @click="showcc = !showcc">抄送</span>
|
|
|
+ <span style="color: #666666; cursor: pointer" @click="handleShowOther(1)">抄送</span>
|
|
|
<span style="color: ##dddddd; margin: 0 8px">|</span>
|
|
|
- <span style="color: #666666; cursor: pointer" @click="showbcc = !showbcc">密送</span>
|
|
|
+ <span style="color: #666666; cursor: pointer" @click="handleShowOther(2)">密送</span>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="抄送人" prop="cc" v-if="showcc">
|
|
|
<div style="width: 100%">
|
|
|
<div style="display: flex; width: 100%">
|
|
|
- <el-autocomplete v-model="formData.data.cc" clearable placeholder="请输入" style="width: 100%" @select="handlePerson"
|
|
|
+ <el-autocomplete v-model="formData.data.cc" clearable placeholder="请输入" style="width: 100%" @select="(data)=>handlePerson(data,20)"
|
|
|
:fetch-suggestions="querySearchPerson" @keyup.enter.native="handleAdd(20)">
|
|
|
</el-autocomplete>
|
|
|
<!-- <el-input v-model="formData.data.cc" placeholder="请输入" @keyup.enter.native="handleAdd(20)" /> -->
|
|
@@ -43,7 +43,7 @@
|
|
|
<el-form-item label="密送人" prop="bcc" v-if="showbcc">
|
|
|
<div style="width: 100%">
|
|
|
<div style="display: flex; width: 100%">
|
|
|
- <el-autocomplete v-model="formData.data.bcc" clearable placeholder="请输入" style="width: 100%" @select="handlePerson"
|
|
|
+ <el-autocomplete v-model="formData.data.bcc" clearable placeholder="请输入" style="width: 100%" @select="(data)=>handlePerson(data,30)"
|
|
|
:fetch-suggestions="querySearchPerson" @keyup.enter.native="handleAdd(30)">
|
|
|
</el-autocomplete>
|
|
|
<!-- <el-input v-model="formData.data.bcc" placeholder="请输入" @keyup.enter.native="handleAdd(30)" /> -->
|
|
@@ -307,6 +307,25 @@ const handleBeforeUpload = async (file) => {
|
|
|
});
|
|
|
};
|
|
|
|
|
|
+const handleShowOther = (type) => {
|
|
|
+ if (type == 1) {
|
|
|
+ if (!showcc.value) {
|
|
|
+ showcc.value = true;
|
|
|
+ } else {
|
|
|
+ formData.data.cc = "";
|
|
|
+ cc.value = [];
|
|
|
+ showcc.value = false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (!showbcc.value) {
|
|
|
+ showbcc.value = true;
|
|
|
+ } else {
|
|
|
+ formData.data.bcc = "";
|
|
|
+ bcc.value = [];
|
|
|
+ showbcc.value = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
const handleClose = (index, val) => {
|
|
|
switch (val) {
|
|
|
case 10:
|
|
@@ -321,7 +340,7 @@ const handleClose = (index, val) => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const handleAdd = (val) => {
|
|
|
+const handleAdd = (val, name = null) => {
|
|
|
switch (val) {
|
|
|
case 10: {
|
|
|
if (!validEmail(formData.data.to)) {
|
|
@@ -332,7 +351,7 @@ const handleAdd = (val) => {
|
|
|
}
|
|
|
to.value.push({
|
|
|
address: formData.data.to,
|
|
|
- personal: null,
|
|
|
+ personal: name,
|
|
|
});
|
|
|
formData.data.to = "";
|
|
|
break;
|
|
@@ -346,7 +365,7 @@ const handleAdd = (val) => {
|
|
|
}
|
|
|
cc.value.push({
|
|
|
address: formData.data.cc,
|
|
|
- personal: null,
|
|
|
+ personal: name,
|
|
|
});
|
|
|
formData.data.cc = "";
|
|
|
break;
|
|
@@ -360,7 +379,7 @@ const handleAdd = (val) => {
|
|
|
}
|
|
|
bcc.value.push({
|
|
|
address: formData.data.bcc,
|
|
|
- personal: null,
|
|
|
+ personal: name,
|
|
|
});
|
|
|
formData.data.bcc = "";
|
|
|
break;
|
|
@@ -368,8 +387,10 @@ const handleAdd = (val) => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const handlePerson = (val) => {
|
|
|
- console.log(val, "ss");
|
|
|
+const handlePerson = (data, type) => {
|
|
|
+ if (data && data.email) {
|
|
|
+ handleAdd(type, data.name);
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
const querySearchPerson = (queryString, callback) => {
|