Skip to content

S
SuperMan
Commit d6f381ef authored by youjie's avatar youjie
Browse files
Options

no message

parent c035e518
Hide whitespace changes
Inline Side-by-side
Showing with 170 additions and 35 deletions
src/components/SalesModule/MyCustomer.vue
View file @ d6f381ef
<style>
.page_MyCustomer .icon-guanbi1{
width: 25px;height: 25px;
line-height: 27px; text-align: center;
color: #fff;position: absolute;
right: 10px;top: -10px;
background: #dedede;border-radius: 50%;
cursor: pointer;
}
.page_MyCustomer ._mc_addbox {
height: 52px;
width: 100%;
......@@ -599,16 +607,61 @@
</el-col>
<el-col :span="6">
<el-form-item label="合同照片">
<div style="display: flex;">
<div style="display: flex;flex-wrap: wrap;">
<div v-if="addMsg.BusinessCardPhotos&&addMsg.BusinessCardPhotos.length>0"
style="display: flex;flex-wrap: wrap;">
<div style="position: relative;margin-right: 10px;margin-bottom: 15px;"
v-for="(i,fIndex) in addMsg.BusinessCardPhotos">
<img :src="i" class="avatar">
<span class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex,1)"></span>
</div>
</div>
<el-upload class="avatar-uploader" action="" :http-request="uploadImg"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<!-- <img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> -->
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<span class="q-pl-lg text-grey-8" style="cursor: pointer;margin-left: 10px;color: gray;"
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="平台用户名">
<div style="display: flex;flex-wrap: nowrap;justify-content: space-between;">
<div style="display: flex; flex-wrap: wrap;align-items: center;">
<el-tag
:key="tag"
v-for="tag in addMsg.PlatformUserNameList"
closable
:disable-transitions="false"
@close="handleClose(tag,1)"
size="medium"
style="margin-right: 5px;">
{{tag}}
</el-tag>
<div>
<el-input
class="input-new-tag"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInputTwo"
size="small"
@keyup.enter.native="handleInputConfirm(1)"
@blur="handleInputConfirm(1)"
>
</el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput(1)">+ 添加</el-button>
</div>
</div>
<div style="flex-shrink: 0;">
<span class="q-pl-lg text-grey-8" style="cursor: pointer;margin-left: 10px;color: gray;"
@click="isShow=!isShow">{{isShow?'收起':'展开'}}</span>
</div>
</div>
</el-form-item>
</el-col>
<template v-if="isShow">
<el-col :span="6">
......@@ -619,9 +672,9 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item :label="$t('salesModule.Belongbrand')" prop="brandIds">
<el-select filterable class='multiple_input' multiple v-model='addMsg.brandIds'
<el-select filterable class='multiple_input' style="width: 240px;" multiple v-model='addMsg.brandIds'
:placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in CustomerBrandList' :label='item.name' :value='item.id' :key='item.id'>
</el-option>
......@@ -636,21 +689,21 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item :label="$t('salesModule.premises')" prop="Premises">
<el-select filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
<el-select class="w220" filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in jycs' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item label="签约月结客户" prop="SigningType">
<el-checkbox v-model='addMsg.SigningType'>
</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="6" v-show="addMsg.SigningType">
<el-col :span="4" v-show="addMsg.SigningType">
<el-form-item label="签约资料" prop="SigningFile">
<el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!addMsg.SigningType"
style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
......@@ -668,7 +721,7 @@
</template>
</el-form-item>
</el-col>
<el-col :span="18">
<el-col :span="6">
<el-form-item :label="$t('hotel.hotel_remark')" prop="remark">
<el-input v-model="addMsg.remark" type="textarea" maxlength="500"></el-input>
</el-form-item>
......@@ -737,7 +790,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="门店名称：">
<el-form-item label="门店名称">
<el-input class='w200' v-model='updateMsg.CustomerName'></el-input>
</el-form-item>
</el-col>
......@@ -757,17 +810,17 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="统一编码：">
<el-form-item label="统一编码">
<el-input class='w200' v-model='updateMsg.uniqueCode'></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="LINE ID：">
<el-form-item label="LINE ID">
<el-input class='w200' v-model='updateMsg.lineid'></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="Email：">
<el-form-item label="Email">
<el-input class='w200' v-model='updateMsg.email'></el-input>
</el-form-item>
</el-col>
......@@ -820,21 +873,57 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="详细地址：">
<el-form-item label="详细地址">
<el-input v-model='updateMsg.Address'></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="合同照片：">
<el-upload class="avatar-uploader" action="" :http-request="uploadImgNew"
<el-col :span="9">
<el-form-item label="合同照片">
<div style="display: flex;flex-wrap: wrap;">
<div v-if="updateMsg.BusinessCardPhotos&&updateMsg.BusinessCardPhotos.length>0"
style="display: flex;flex-wrap: wrap;">
<div style="position: relative;margin-right: 10px;margin-bottom: 15px;" v-for="(i,fIndex) in updateMsg.BusinessCardPhotos">
<img :src="i" class="avatar">
<span class="iconfont icon-guanbi1"
@click="deleteUploadFile(fIndex)"></span>
</div>
</div>
<el-upload class="avatar-uploader" action="" :http-request="uploadImgNew"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<!-- <img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> -->
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="平台用户名">
<el-tag
:key="tag"
v-for="tag in updateMsg.PlatformUserNameList"
closable
:disable-transitions="false"
@close="handleClose(tag)"
size="small"
style="margin-right: 5px;">
{{tag}}
</el-tag>
<el-input
class="input-new-tag"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm"
>
</el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput">+ 添加</el-button>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="门牌照片：">
<el-form-item label="门牌照片">
<el-upload class="avatar-uploader" action="" :http-request="uploadImg1New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="HousePhotos" :src="HousePhotos" class="avatar">
......@@ -843,7 +932,7 @@
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="营业执照：">
<el-form-item label="营业执照">
<el-upload class="avatar-uploader" action="" :http-request="uploadImg2New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="Images" :src="Images" class="avatar">
......@@ -852,7 +941,6 @@
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<detailList v-if="showdetail" :ClientId="detailObj&&detailObj.customerId" @cancel="showdetail=false"></detailList>
......@@ -927,7 +1015,8 @@
District: '',
UniqueCode: '',
LINEID: '',
Email: ''
Email: '',
PlatformUserNameList: []
},
addMsgS: {
isPreFilled: true,
......@@ -1040,7 +1129,8 @@
CustomerExceptionIds: [],
uniqueCode: '',
lineid: '',
email: ''
email: '',
PlatformUserNameList: []
},
cityList: [],
regionList: [],
......@@ -1050,10 +1140,41 @@
HousePhotosNew: '',
CustomerException: [],
JYExceptionList: [],
isShow: false
isShow: false,
inputVisible: false,
inputValue: ''
}
},
methods: {
handleClose(tag,type) {
if(type==1){
this.addMsg.PlatformUserNameList.splice(this.addMsg.PlatformUserNameList.indexOf(tag), 1);
}else{
this.updateMsg.PlatformUserNameList.splice(this.updateMsg.PlatformUserNameList.indexOf(tag), 1);
}
},
showInput(type) {
this.inputVisible = true;
this.$nextTick(_ => {
if(type==1){
this.$refs.saveTagInputTwo.$refs.input.focus();
}else{
this.$refs.saveTagInput.$refs.input.focus();
}
});
},
handleInputConfirm(type) {
let inputValue = this.inputValue;
if (inputValue) {
if(type==1){
this.addMsg.PlatformUserNameList.push(inputValue);
}else{
this.updateMsg.PlatformUserNameList.push(inputValue);
}
}
this.inputVisible = false;
this.inputValue = '';
},
goTeamMember(row){
this.customerId = row.customerId
this.ShowTeamMember = true
......@@ -1164,10 +1285,10 @@
if (this.updateMsg.District == '') {
this.updateMsg.District = 0
}
if (this.BusinessCardPhotos) {
this.updateMsg.BusinessCardPhotos = []
this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
}
// if (this.BusinessCardPhotos) {
// this.updateMsg.BusinessCardPhotos = []
// this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
// }
if (this.HousePhotos) {
this.updateMsg.HousePhotos = []
this.updateMsg.HousePhotos.push(this.HousePhotos)
......@@ -1217,6 +1338,13 @@
}, err => {
})
},
deleteUploadFile(fIndex,type){
if(type){
this.addMsg.BusinessCardPhotos.splice(fIndex,1)
}else{
this.updateMsg.BusinessCardPhotos.splice(fIndex,1)
}
},
uploadImgNew(file) {
let that = this;
that.$message.info('上传中...')
......@@ -1226,6 +1354,7 @@
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath
this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
that.$message.success('上传成功');
});
},
......@@ -1273,6 +1402,8 @@
this.updateMsg.District = x.district
this.BusinessCardPhotos = x.businessCardPhotos && x.businessCardPhotos.length > 0?x.businessCardPhotos[0]:''
this.updateMsg.BusinessCardPhotos = x.businessCardPhotos
this.updateMsg.PlatformUserNameList = x.PlatformUserNameList?x.PlatformUserNameList:[]
this.Images = x.images && x.images.length > 0?x.images[0]:''
this.HousePhotos = x.housePhotos && x.housePhotos.length > 0?x.housePhotos[0]:''
......@@ -1365,12 +1496,16 @@
});
},
uploadImg(file) {
let that = this;
that.$message.info('上传中...')
//上传
let newArr = [];
newArr.push(file.file);
let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => {
this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
that.$message.success('上传成功');
});
},
uploadImg1(file) {
......@@ -1612,10 +1747,10 @@
...this.addMsg,
SigningType: this.addMsg.SigningType ? 1 : 0
}
if (this.BusinessCardPhotos) {
this.addMsg.BusinessCardPhotos = []
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
}
// if (this.BusinessCardPhotos) {
// this.addMsg.BusinessCardPhotos = []
// this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
// }
if (this.HousePhotos) {
this.addMsg.HousePhotos = []
this.addMsg.HousePhotos.push(this.HousePhotos)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment