Skip to content

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

优化新增编辑客户信息

parent 13ab186c
Hide whitespace changes
Inline Side-by-side
Showing with 69 additions and 57 deletions
src/components/SalesModule/MyCustomer.vue
View file @ afe56c45
<style>
.addMsgSW{
width: 105px;
}
.updateMsgSw{
width: 169px;
}
._info_img ul {
/* padding: 10px 0 */
}
......@@ -605,36 +611,36 @@
</p>
<el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px">
<el-row :gutter="20">
<el-col :span="6">
<el-col :span="4">
<el-form-item :label="$t('restaurant.res_ContactNumber')" prop="contactNumber">
<el-input :disabled="isOldPerson" v-model="addMsg.contactNumber"
@input='searchHistory(addMsg.contactNumber)' :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<!-- :label="$t('salesModule.storeName')" -->
<el-form-item label="客户名称" prop="customerName">
<el-input :disabled="isOldPerson" v-model="addMsg.customerName" :placeholder="$t('pub.pleaseImport')"
maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item :label="$t('hotel.suplier_contact')" prop="contact">
<el-input :disabled="isOldPerson" v-model="addMsg.contact" :placeholder="$t('pub.pleaseImport')"
maxlength="20"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="6">
<el-form-item :label="$t('pub.area')">
<el-select filterable v-model='addMsg.Province' @change='getCity'>
<el-select class="addMsgSW" filterable v-model='addMsg.Province' @change='getCity'>
<el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select filterable v-model='addMsg.City' @change='getRegion'>
<el-select class="addMsgSW" filterable v-model='addMsg.City' @change='getRegion'>
<el-option v-for='item in cityList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select filterable v-model='addMsg.District'>
<el-select class="addMsgSW" filterable v-model='addMsg.District'>
<el-option v-for='item in regionList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
......@@ -642,7 +648,7 @@
</el-col>
<el-col :span="6">
<el-form-item :label="$t('hotel.hotel_detailinfo')" prop="address">
<el-input v-model="addMsg.address" :placeholder="$t('salesModule.HouseNumber')" maxlength="50"></el-input>
<el-input v-model="addMsg.address" :placeholder="$t('salesModule.HouseNumber')" autosize type="textarea" maxlength="50"></el-input>
</el-form-item>
</el-col>
<!--
......@@ -662,7 +668,7 @@
</el-form-item>
</el-col> -->
<el-col :span="6">
<el-col :span="8">
<el-form-item label="合同资料">
<div style="display: flex;flex-wrap: wrap;">
<div class="_info_img" v-if="addMsg.BusinessCardPhotos&&addMsg.BusinessCardPhotos.length>0">
......@@ -699,7 +705,7 @@
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="10">
<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;">
......@@ -747,14 +753,14 @@
</el-col>
<el-col :span="4">
<el-form-item :label="$t('salesModule.Belongbrand')" prop="brandIds">
<el-select filterable class='multiple_input' style="width: 240px;" multiple v-model='addMsg.brandIds'
<el-select filterable class='multiple_input' 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>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item :label="$t('visaT.post')" prop="Duty">
<el-select filterable v-model='addMsg.Duty' :placeholder="$t('pub.pleaseSel')">
<el-option v-for='item in zw' :label='item.Name' :value='item.ID' :key='item.ID'>
......@@ -764,34 +770,37 @@
</el-col>
<el-col :span="4">
<el-form-item :label="$t('salesModule.premises')" prop="Premises">
<el-select class="w220" filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
<el-select 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="4">
<el-col :span="6">
<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-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"
:show-file-list="false" action="">
<el-button size="small" type="primary">签约材料</el-button>
</el-upload>
<template v-if="addMsg.SigningType && saveMsg&& saveMsg.length>0">
<template v-for="(subItem,subIndex) in saveMsg">
<a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
@click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
<a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
@click="DeleteFile(subIndex)">删除</a>
</template>
</template>
<div style="display: flex;flex-wrap: nowrap;">
<div>
<el-checkbox v-model='addMsg.SigningType'>
</el-checkbox>
</div>
<div v-if="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"
:show-file-list="false" action="">
<el-button size="small" type="primary">上传签约资料</el-button>
</el-upload>
<div v-if="addMsg.SigningType && saveMsg&& saveMsg.length>0">
<template v-for="(subItem,subIndex) in saveMsg">
<a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
@click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
<a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
@click="DeleteFile(subIndex)">删除</a>
</template>
</div>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -856,23 +865,23 @@
<el-form label-width="80px">
<el-row :gutter="20">
<el-col :span="5">
<el-col :span="4">
<el-form-item label="联系电话">
<el-input v-model="updateMsg.contactNumber" @input='searchHistory(updateMsg.contactNumber)'
placeholder="请输入联系电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="4">
<el-form-item label="门店名称">
<el-input v-model='updateMsg.CustomerName'></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="4">
<el-form-item label="联系人姓名">
<el-input v-model='updateMsg.Contact'></el-input>
</el-form-item>
</el-col>
<el-col :span="5" v-if="updateMsg.customerExceptionList.length > 0">
<el-col :span="4" v-if="updateMsg.customerExceptionList.length > 0">
<el-form-item label="解决异常">
<el-select filterable multiple clearable collapse-tags
v-model='updateMsg.CustomerExceptionIds'>
......@@ -899,56 +908,59 @@
</el-form-item>
</el-col> -->
<el-col :span="4">
<el-col :span="12">
<el-form-item label="签约" prop="SigningType">
<el-checkbox v-model='updateMsg.SigningType'>签约月结客户
</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="4" v-show="updateMsg.SigningType">
<el-form-item label="签约资料" prop="SigningFile">
<el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!updateMsg.SigningType"
<div style="display: flex;flex-wrap: nowrap;">
<div>
<el-checkbox v-model='updateMsg.SigningType'>签约月结客户
</el-checkbox>
</div>
<div v-show="updateMsg.SigningType">
<el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!updateMsg.SigningType"
style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
:show-file-list="false" action="">
<el-button size="small" type="primary">上传资料</el-button>
<el-button size="small" type="primary">上传签约资料</el-button>
</el-upload>
<template v-if="updateMsg.SigningType && saveMsg&& saveMsg.length>0">
<template v-for="(subItem,subIndex) in saveMsg">
<div v-for="(subItem,subIndex) in saveMsg" style="display: flex;flex-wrap: nowrap;">
<a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
@click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
<a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
@click="DeleteFile(subIndex)">删除</a>
</template>
</div>
</template>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="20">
<el-col :span="24">
<p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span
class="colorE95252 fz12 fwnormal">
(编辑门店地址后，客户将重新进入审核流程)
</span>
</p>
</el-col>
<el-col :span="12">
<el-col :span="8">
<el-form-item label="区域">
<el-select class='w200' filterable v-model='updateMsg.Province' @change='getCityNew'>
<el-select class="updateMsgSw" filterable v-model='updateMsg.Province' @change='getCityNew'>
<el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select class='w200' filterable v-model='updateMsg.City' @change='getRegionNew'>
<el-select class="updateMsgSw" filterable v-model='updateMsg.City' @change='getRegionNew'>
<el-option v-for='item in cityList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
<el-select class='w200' filterable v-model='updateMsg.District'>
<el-select class="updateMsgSw" filterable v-model='updateMsg.District'>
<el-option v-for='item in regionList' :label='item.Name' :value='item.ID' :key='item.ID'>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="10">
<el-col :span="4">
<el-form-item label="详细地址">
<el-input v-model='updateMsg.Address'></el-input>
<el-input v-model='updateMsg.Address' autosize type="textarea" maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -989,7 +1001,7 @@
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="6">
<el-form-item label="平台用户名">
<el-tag
:key="tag"
......
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