Commit 0e6546e4 authored by youjie's avatar youjie

no message

parent 85a8e504
<style>
._info_img ul {
/* padding: 10px 0 */
}
._info_img ul li {
height: 59px;
float: left;
position: relative;
cursor: pointer
}
._info_img ul li:hover ._see_img {
opacity: 1;
}
._info_img ul li img {
width: 88px;
height: 59px;
}
._see_img {
position: absolute;
top: 0;
width: 100%;
height: 59px;
padding-top: 16px;
line-height: 34px;
text-align: center;
background-color: rgba(2, 2, 2, 0.3);
display: inherit;
opacity: 0;
transition: all linear .5s
}
._see_img i.iconfont {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.5);
}
._show_img_box {
position: fixed;
background: rgba(0, 0, 0, .6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
overflow: auto;
}
.page_MyCustomer .icon-guanbi1{
width: 25px;height: 25px;
line-height: 27px; text-align: center;
width: 18px;height: 18px;
line-height: 20px;
text-align: center;
color: #fff;position: absolute;
right: 10px;top: -10px;
right: -5px;top: -10px;
background: #dedede;border-radius: 50%;
font-size: 12px;
cursor: pointer;
}
.page_MyCustomer ._mc_addbox {
......@@ -589,6 +645,7 @@
<el-input v-model="addMsg.address" :placeholder="$t('salesModule.HouseNumber')" maxlength="50"></el-input>
</el-form-item>
</el-col>
<!--
<el-col :span="6">
<el-form-item label="統一编号" prop="UniqueCode">
<el-input v-model="addMsg.UniqueCode" placeholder="请输入統一编号" maxlength="20"></el-input>
......@@ -604,9 +661,41 @@
<el-input v-model="addMsg.Email" placeholder="请输入Email" style="width: 240px;"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="6">
<el-form-item label="合同照片">
<el-form-item label="合同资料">
<div style="display: flex;flex-wrap: wrap;">
<div class="_info_img" v-if="addMsg.BusinessCardPhotos&&addMsg.BusinessCardPhotos.length>0">
<ul class="clearfix">
<li v-for="(img,imgI) in addMsg.BusinessCardPhotos" style="margin-right: 5px;position: relative;">
<img v-if="!img" src="../../assets/img/Travelslider.png" alt="">
<el-image
v-if="img&&verificationFile(img,3)"
:src="img"
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 88px; line-height: 59px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
<span class="iconfont icon-guanbi1"
@click="deleteUploadFile(imgI)"></span>
<div v-if="img&&verificationFile(img,1)" class="_see_img" @click="verificationFile(img,3)?'':showUpLoadFile2(img)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
<div style="display: flex; justify-content: end;">
<el-upload class="upload-demo"
style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadImg"
:show-file-list="false" action="">
<el-button size="small" type="primary">上传合同</el-button>
</el-upload>
</div>
</div>
<!--
<div style="display: flex;flex-wrap: wrap;">
<div v-if="addMsg.BusinessCardPhotos&&addMsg.BusinessCardPhotos.length>0"
style="display: flex;flex-wrap: wrap;">
......@@ -619,11 +708,9 @@
</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 class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</div> -->
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -809,6 +896,7 @@
</el-select>
</el-form-item>
</el-col>
<!--
<el-col :span="4">
<el-form-item label="统一编码">
<el-input class='w200' v-model='updateMsg.uniqueCode'></el-input>
......@@ -823,7 +911,7 @@
<el-form-item label="Email">
<el-input class='w200' v-model='updateMsg.email'></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="4">
<el-form-item label="签约" prop="SigningType">
......@@ -856,7 +944,7 @@
</span>
</p>
</el-col>
<el-col :span="10">
<el-col :span="12">
<el-form-item label="区域">
<el-select class='w200' filterable v-model='updateMsg.Province' @change='getCityNew'>
<el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
......@@ -877,8 +965,41 @@
<el-input v-model='updateMsg.Address'></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="合同照片">
<el-col :span="6">
<el-form-item label="合同资料">
<div style="display: flex;flex-wrap: wrap;">
<div class="_info_img" v-if="updateMsg.BusinessCardPhotos&&updateMsg.BusinessCardPhotos.length>0">
<ul class="clearfix">
<li v-for="(img,imgI) in updateMsg.BusinessCardPhotos" style="margin-right: 5px;position: relative;border:1px solid #d1d1d1;">
<img v-if="!img" src="../../assets/img/Travelslider.png" alt="">
<el-image
v-if="img&&verificationFile(img,3)"
:src="img"
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 88px; line-height: 59px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
<span class="iconfont icon-guanbi1"
@click="deleteUploadFile(imgI)"></span>
<div v-if="img&&verificationFile(img,1)" class="_see_img" @click="verificationFile(img,3)?'':showUpLoadFile2(img)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
<div style="display: flex; justify-content: end;">
<el-upload class="upload-demo"
style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadImgNew"
:show-file-list="false" action="">
<el-button size="small" type="primary">上传合同</el-button>
</el-upload>
</div>
</div>
<!--
<div style="display: flex;flex-wrap: wrap;">
<div v-if="updateMsg.BusinessCardPhotos&&updateMsg.BusinessCardPhotos.length>0"
style="display: flex;flex-wrap: wrap;">
......@@ -890,10 +1011,9 @@
</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 class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
</div> -->
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -1025,7 +1145,7 @@
remark: '',
expectVisitDateTime: '',
expectHour: 0
}
},
},
rules: {
contact: [{
......@@ -1140,12 +1260,19 @@
HousePhotosNew: '',
CustomerException: [],
JYExceptionList: [],
isShow: false,
isShow: true,
inputVisible: false,
inputValue: ''
inputValue: '',
}
},
methods: {
showUpLoadFile2(i) { // 预览上传文件
if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') {
this.previewPDF(i)
} else {
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i)
}
},
handleClose(tag,type) {
if(type==1){
this.addMsg.PlatformUserNameList.splice(this.addMsg.PlatformUserNameList.indexOf(tag), 1);
......@@ -1326,7 +1453,7 @@
}
})
let AreaName = sheng + shi + qu
this.updateMsg.Address = AreaName + ',' + this.updateMsg.Address
this.updateMsg.Address = AreaName +(this.updateMsg.Address? ',' + this.updateMsg.Address:'')
if (!this.updateMsg.Address) {
this.$message.error('请输入输入详情地址')
return
......@@ -1715,7 +1842,6 @@
}, err => {})
},
saveVisa() {
if (!this.addMsg.contactNumber) {
this.$message.error('请输入联系电话')
return
......@@ -1788,7 +1914,7 @@
}
})
let AreaName = sheng + shi + qu
this.addMsg.address = AreaName + ',' + this.addMsg.address
this.addMsg.address = AreaName + (this.addMsg.address?',' + this.addMsg.address:'')
if (!this.addMsg.address) {
this.$message.error('请输入输入详情地址')
return
......
<style>
._info_img ul {
/* padding: 10px 0 */
}
._info_img ul li {
width: 50px;
height: 50px;
float: left;
position: relative;
cursor: pointer
}
._info_img ul li:hover ._see_img {
opacity: 1;
}
._info_img ul li img {
width: 50px;
height: 50px;
}
._see_img {
position: absolute;
top: 0;
width: 50px;
height: 50px;
line-height: 34px;
text-align: center;
background-color: rgba(2, 2, 2, 0.3);
display: inherit;
opacity: 0;
transition: all linear .5s
}
._see_img i.iconfont {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.5);
}
._show_img_box {
position: fixed;
background: rgba(0, 0, 0, .6);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
overflow: auto;
}
.customerApproval .approvalNav{height: 52px;width: 100%; margin: 30px 0 20px;}
.customerApproval .approvalNav>li{float: left; width: 116px; font-size: 14px; height: 52px; color: #666; text-align: center; line-height: 52px; background: #E9E9E9; cursor: pointer;}
.customerApproval .approvalNav>li.active{background: #fff; color: #333;}
......@@ -77,11 +131,32 @@
<div class="bottomMsg">
<p class="fz14 color666 mt10">
<i class="iconfont icon-ico-mingpianzhaopian fz14 colorccc" ></i>&nbsp;
<!-- {{$t('salesModule.BusinessPhoto')}} -->合同照片
<!-- {{$t('salesModule.BusinessPhoto')}} -->合同资料
</p>
<p class="pImg" v-if="!detailList.businessCardPhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p>
<p class="pImg" v-else>
<img @click="getPic(detailList.businessCardPhotos,index)"
<div class="_info_img" v-if="detailList.businessCardPhotos&&detailList.businessCardPhotos.length>0">
<ul class="clearfix">
<li v-for="(img,imgI) in detailList.businessCardPhotos" style="margin-right: 5px;position: relative;">
<img v-if="!img" src="../../assets/img/Travelslider.png" alt="">
<el-image
v-if="img&&verificationFile(img,3)"
:src="img"
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 50px; line-height: 50px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
<div v-if="img&&verificationFile(img,1)" class="_see_img" @click="verificationFile(img,3)?'':showUpLoadFile2(img)">
<i class="iconfont icon-sousuo"></i>
</div>
</li>
</ul>
</div>
<!-- <img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.businessCardPhotos" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/>
<template v-if='detailList.businessCardPhotos&&detailList.businessCardPhotos.length==1'>
<img @click="getPic(detailList.businessCardPhotos,index)"
......@@ -96,9 +171,26 @@
<img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'"/>
</template>
</template> -->
</p>
<p class="fz14 color666 mt10">
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc" ></i>&nbsp;
平台用户名
</p>
<p>
<div style="display: flex; flex-wrap: wrap;align-items: center;">
<el-tag
:key="tag"
v-for="tag in detailList.platformUserNameList"
closable
:disable-transitions="false"
size="medium"
style="margin-right: 5px;">
{{tag}}
</el-tag>
</div>
</p>
<p class="fz14 color666 mt10">
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc" ></i>&nbsp;
......@@ -284,6 +376,13 @@
}
},
methods:{
showUpLoadFile2(i) { // 预览上传文件
if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') {
this.previewPDF(i)
} else {
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i)
}
},
inited (viewer){
this.$viewer = viewer
},
......@@ -323,7 +422,6 @@
if(res.data.resultCode==1){
this.openLayer()
this.detailList=res.data.data.customerInfo
console.log(this.detailList.businessCardPhotos.length)
}else{}
},err=>{})
......
......@@ -269,9 +269,9 @@
},
methods: {
AddAccountBank(){
if(this.list&&this.list.length>0){
return this.$message.info('已有账户,试试编辑已有账户吧!')
}
// if(this.list&&this.list.length>0){
// return this.$message.info('已有账户,试试编辑已有账户吧!')
// }
this.outerVisible = true
this.dialogTitle= this.$t('ground.xinzengzhanghu')
this.resetForm('addMsg')
......
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