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> <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 { .page_MyCustomer ._mc_addbox {
height: 52px; height: 52px;
width: 100%; width: 100%;
...@@ -599,16 +607,61 @@ ...@@ -599,16 +607,61 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="合同照片"> <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" <el-upload class="avatar-uploader" action="" :http-request="uploadImg"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false"> accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> <!-- <img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> -->
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </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> @click="isShow=!isShow">{{isShow?'收起':'展开'}}</span>
</div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<template v-if="isShow"> <template v-if="isShow">
<el-col :span="6"> <el-col :span="6">
...@@ -619,9 +672,9 @@ ...@@ -619,9 +672,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<el-form-item :label="$t('salesModule.Belongbrand')" prop="brandIds"> <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')"> :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in CustomerBrandList' :label='item.name' :value='item.id' :key='item.id'> <el-option v-for='item in CustomerBrandList' :label='item.name' :value='item.id' :key='item.id'>
</el-option> </el-option>
...@@ -636,21 +689,21 @@ ...@@ -636,21 +689,21 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<el-form-item :label="$t('salesModule.premises')" prop="Premises"> <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 v-for='item in jycs' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<el-form-item label="签约月结客户" prop="SigningType"> <el-form-item label="签约月结客户" prop="SigningType">
<el-checkbox v-model='addMsg.SigningType'> <el-checkbox v-model='addMsg.SigningType'>
</el-checkbox> </el-checkbox>
</el-form-item> </el-form-item>
</el-col> </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-form-item label="签约资料" prop="SigningFile">
<el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!addMsg.SigningType" <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" style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
...@@ -668,7 +721,7 @@ ...@@ -668,7 +721,7 @@
</template> </template>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="6">
<el-form-item :label="$t('hotel.hotel_remark')" prop="remark"> <el-form-item :label="$t('hotel.hotel_remark')" prop="remark">
<el-input v-model="addMsg.remark" type="textarea" maxlength="500"></el-input> <el-input v-model="addMsg.remark" type="textarea" maxlength="500"></el-input>
</el-form-item> </el-form-item>
...@@ -737,7 +790,7 @@ ...@@ -737,7 +790,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="门店名称："> <el-form-item label="门店名称">
<el-input class='w200' v-model='updateMsg.CustomerName'></el-input> <el-input class='w200' v-model='updateMsg.CustomerName'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -757,17 +810,17 @@ ...@@ -757,17 +810,17 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="统一编码："> <el-form-item label="统一编码">
<el-input class='w200' v-model='updateMsg.uniqueCode'></el-input> <el-input class='w200' v-model='updateMsg.uniqueCode'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <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-input class='w200' v-model='updateMsg.lineid'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <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-input class='w200' v-model='updateMsg.email'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -820,21 +873,57 @@ ...@@ -820,21 +873,57 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="详细地址："> <el-form-item label="详细地址">
<el-input v-model='updateMsg.Address'></el-input> <el-input v-model='updateMsg.Address'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="9">
<el-form-item label="合同照片："> <el-form-item label="合同照片">
<el-upload class="avatar-uploader" action="" :http-request="uploadImgNew" <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"> accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> <!-- <img v-if="BusinessCardPhotos" :src="BusinessCardPhotos" class="avatar"> -->
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </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-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="门牌照片："> <el-form-item label="门牌照片">
<el-upload class="avatar-uploader" action="" :http-request="uploadImg1New" <el-upload class="avatar-uploader" action="" :http-request="uploadImg1New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false"> accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="HousePhotos" :src="HousePhotos" class="avatar"> <img v-if="HousePhotos" :src="HousePhotos" class="avatar">
...@@ -843,7 +932,7 @@ ...@@ -843,7 +932,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="营业执照："> <el-form-item label="营业执照">
<el-upload class="avatar-uploader" action="" :http-request="uploadImg2New" <el-upload class="avatar-uploader" action="" :http-request="uploadImg2New"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false"> accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
<img v-if="Images" :src="Images" class="avatar"> <img v-if="Images" :src="Images" class="avatar">
...@@ -852,7 +941,6 @@ ...@@ -852,7 +941,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
<detailList v-if="showdetail" :ClientId="detailObj&&detailObj.customerId" @cancel="showdetail=false"></detailList> <detailList v-if="showdetail" :ClientId="detailObj&&detailObj.customerId" @cancel="showdetail=false"></detailList>
...@@ -927,7 +1015,8 @@ ...@@ -927,7 +1015,8 @@
District: '', District: '',
UniqueCode: '', UniqueCode: '',
LINEID: '', LINEID: '',
Email: '' Email: '',
PlatformUserNameList: []
}, },
addMsgS: { addMsgS: {
isPreFilled: true, isPreFilled: true,
...@@ -1040,7 +1129,8 @@ ...@@ -1040,7 +1129,8 @@
CustomerExceptionIds: [], CustomerExceptionIds: [],
uniqueCode: '', uniqueCode: '',
lineid: '', lineid: '',
email: '' email: '',
PlatformUserNameList: []
}, },
cityList: [], cityList: [],
regionList: [], regionList: [],
...@@ -1050,10 +1140,41 @@ ...@@ -1050,10 +1140,41 @@
HousePhotosNew: '', HousePhotosNew: '',
CustomerException: [], CustomerException: [],
JYExceptionList: [], JYExceptionList: [],
isShow: false isShow: false,
inputVisible: false,
inputValue: ''
} }
}, },
methods: { 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){ goTeamMember(row){
this.customerId = row.customerId this.customerId = row.customerId
this.ShowTeamMember = true this.ShowTeamMember = true
...@@ -1164,10 +1285,10 @@ ...@@ -1164,10 +1285,10 @@
if (this.updateMsg.District == '') { if (this.updateMsg.District == '') {
this.updateMsg.District = 0 this.updateMsg.District = 0
} }
if (this.BusinessCardPhotos) { // if (this.BusinessCardPhotos) {
this.updateMsg.BusinessCardPhotos = [] // this.updateMsg.BusinessCardPhotos = []
this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos) // this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
} // }
if (this.HousePhotos) { if (this.HousePhotos) {
this.updateMsg.HousePhotos = [] this.updateMsg.HousePhotos = []
this.updateMsg.HousePhotos.push(this.HousePhotos) this.updateMsg.HousePhotos.push(this.HousePhotos)
...@@ -1217,6 +1338,13 @@ ...@@ -1217,6 +1338,13 @@
}, err => { }, err => {
}) })
}, },
deleteUploadFile(fIndex,type){
if(type){
this.addMsg.BusinessCardPhotos.splice(fIndex,1)
}else{
this.updateMsg.BusinessCardPhotos.splice(fIndex,1)
}
},
uploadImgNew(file) { uploadImgNew(file) {
let that = this; let that = this;
that.$message.info('上传中...') that.$message.info('上传中...')
...@@ -1226,6 +1354,7 @@ ...@@ -1226,6 +1354,7 @@
let path = "/Upload/Temporary/"; let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => { this.UploadSelfFileT(path, newArr, x => {
this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath
this.updateMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
that.$message.success('上传成功'); that.$message.success('上传成功');
}); });
}, },
...@@ -1273,6 +1402,8 @@ ...@@ -1273,6 +1402,8 @@
this.updateMsg.District = x.district this.updateMsg.District = x.district
this.BusinessCardPhotos = x.businessCardPhotos && x.businessCardPhotos.length > 0?x.businessCardPhotos[0]:'' 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.Images = x.images && x.images.length > 0?x.images[0]:''
this.HousePhotos = x.housePhotos && x.housePhotos.length > 0?x.housePhotos[0]:'' this.HousePhotos = x.housePhotos && x.housePhotos.length > 0?x.housePhotos[0]:''
...@@ -1365,12 +1496,16 @@ ...@@ -1365,12 +1496,16 @@
}); });
}, },
uploadImg(file) { uploadImg(file) {
let that = this;
that.$message.info('上传中...')
//上传 //上传
let newArr = []; let newArr = [];
newArr.push(file.file); newArr.push(file.file);
let path = "/Upload/Temporary/"; let path = "/Upload/Temporary/";
this.UploadSelfFileT(path, newArr, x => { this.UploadSelfFileT(path, newArr, x => {
this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath this.BusinessCardPhotos = this.domainManager().ViittoFileUrl + x.data.FilePath
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
that.$message.success('上传成功');
}); });
}, },
uploadImg1(file) { uploadImg1(file) {
...@@ -1612,10 +1747,10 @@ ...@@ -1612,10 +1747,10 @@
...this.addMsg, ...this.addMsg,
SigningType: this.addMsg.SigningType ? 1 : 0 SigningType: this.addMsg.SigningType ? 1 : 0
} }
if (this.BusinessCardPhotos) { // if (this.BusinessCardPhotos) {
this.addMsg.BusinessCardPhotos = [] // this.addMsg.BusinessCardPhotos = []
this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos) // this.addMsg.BusinessCardPhotos.push(this.BusinessCardPhotos)
} // }
if (this.HousePhotos) { if (this.HousePhotos) {
this.addMsg.HousePhotos = [] this.addMsg.HousePhotos = []
this.addMsg.HousePhotos.push(this.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