You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
825 lines
24 KiB
825 lines
24 KiB
<!-- -->
|
|
<template>
|
|
<div>
|
|
<div class="pending">
|
|
<!-- 搜索 -->
|
|
<div class="formSearch">
|
|
<el-form
|
|
:inline="true"
|
|
:model="formInline"
|
|
>
|
|
<el-form-item :label="$t('shop.shopName')">
|
|
<el-input
|
|
v-model="formInline.shopName"
|
|
maxlength="20"
|
|
:placeholder="$t('shop.shopNameHint')"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('shop.shopCode')">
|
|
<el-input
|
|
v-model="formInline.shopCode"
|
|
maxlength="20"
|
|
:placeholder="$t('shop.shopCodeHint')"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('common.contactPerson')">
|
|
<el-input
|
|
v-model="formInline.chargePersonName"
|
|
maxlength="20"
|
|
:placeholder="$t('shop.shopContactPersonHint')"
|
|
/>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="合同状态">
|
|
<el-select
|
|
v-model="formInline.contractState"
|
|
:placeholder="$t('common.choose')"
|
|
>
|
|
<el-option
|
|
label="有效"
|
|
value="1"
|
|
/>
|
|
<el-option
|
|
label="无效"
|
|
value="0"
|
|
/>
|
|
</el-select>
|
|
</el-form-item> -->
|
|
<el-form-item>
|
|
<el-button
|
|
type="primary"
|
|
plain
|
|
@click="onSubmit"
|
|
>{{ $t('common.query') }}
|
|
</el-button>
|
|
<el-button
|
|
type="success"
|
|
plain
|
|
@click="addbuss"
|
|
>{{ $t('shop.newShop') }}
|
|
</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<!-- 表格 -->
|
|
<div class="tableBox">
|
|
<el-table
|
|
ref="multipleTable"
|
|
:data="tableData"
|
|
border
|
|
:header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
|
|
tooltip-effect="dark"
|
|
style="width: 100%"
|
|
>
|
|
<el-table-column
|
|
:label="$t('shop.shopName')"
|
|
width="220"
|
|
>
|
|
<template slot-scope="scope">{{ scope.row.shopName }}</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="shopCode"
|
|
width="150"
|
|
:label="$t('shop.shopCode')"
|
|
/>
|
|
|
|
<el-table-column
|
|
prop="chargePersonName"
|
|
width="80"
|
|
:label="$t('common.contactPerson')"
|
|
/>
|
|
<el-table-column
|
|
prop="chargePersonPhone"
|
|
:label="$t('common.contactPhone')"
|
|
/>
|
|
<!-- <el-table-column label="合同状态">
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.contractState === 0">无效</span>
|
|
<span v-if="scope.row.contractState === 1">有效</span>
|
|
</template>
|
|
</el-table-column> -->
|
|
<el-table-column
|
|
prop="createTime"
|
|
:label="$t('common.createTime')"
|
|
/>
|
|
<el-table-column
|
|
:label="$t('common.operate')"
|
|
show-overflow-tooltip
|
|
>
|
|
<template slot-scope="scope">
|
|
<div class="btnList">
|
|
<el-button
|
|
type="text"
|
|
@click="seeMore(scope.row)"
|
|
>{{ $t('common.view') }}
|
|
</el-button>
|
|
<el-button
|
|
type="text"
|
|
@click="edit(scope.row)"
|
|
>{{ $t('common.edit') }}
|
|
</el-button>
|
|
<!-- <el-button
|
|
v-if="scope.row.state == 1"
|
|
type="text"
|
|
@click="del(scope.row)"
|
|
>禁用
|
|
</el-button>
|
|
<el-button
|
|
v-else
|
|
type="text"
|
|
@click="del(scope.row)"
|
|
>启用
|
|
</el-button> -->
|
|
<el-button
|
|
type="text"
|
|
@click="delshop(scope.row)"
|
|
>{{ $t('common.delete') }}
|
|
</el-button>
|
|
|
|
<el-button
|
|
type="text"
|
|
@click="editCavans(scope.row)"
|
|
>{{ $t('shop.dianpuzhuangxiu') }}
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!-- <div class="fenye">
|
|
<el-pagination
|
|
:current-page="currentPage"
|
|
:page-sizes="[10, 20, 50, 100]"
|
|
:page-size="10"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="total"
|
|
@size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
/>
|
|
</div> -->
|
|
</div>
|
|
<!-- ******************************************************弹框开始****************************************************** -->
|
|
<!-- 新建店铺弹框 -->
|
|
<el-dialog
|
|
:title="
|
|
userState === 0
|
|
? $t('shop.newShop')
|
|
: userState === 1
|
|
? $t('shop.editShop')
|
|
: $t('shop.shopDetail')
|
|
"
|
|
:visible.sync="dialogVisible"
|
|
width="30%"
|
|
center
|
|
:close-on-click-modal="false"
|
|
>
|
|
<el-form
|
|
ref="ruleFormInfo"
|
|
:model="ruleForm"
|
|
:rules="rulesInfo"
|
|
label-width="120px"
|
|
>
|
|
<el-form-item
|
|
:label="$t('shop.shopName')"
|
|
prop="shopName"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.shopName"
|
|
maxlength="20"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('shop.shopCode')"
|
|
prop="shopCode"
|
|
v-if="userState !== 0"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.shopCode"
|
|
maxlength="20"
|
|
:disabled="true"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item
|
|
:label="$t('common.contactPerson')"
|
|
prop="chargePersonName"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.chargePersonName"
|
|
maxlength="20"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('common.contactPhone')"
|
|
prop="chargePersonPhone"
|
|
>
|
|
<el-input
|
|
v-if="cpPhoneShow"
|
|
:value="hidden(ruleForm.chargePersonPhone,3,4)"
|
|
maxlength="11"
|
|
:disabled="disabled"
|
|
@focus="focuscpPhoneInput"
|
|
/>
|
|
<el-input
|
|
v-else
|
|
ref="cpPhoneCls"
|
|
v-model="ruleForm.chargePersonPhone"
|
|
maxlength="11"
|
|
clearable
|
|
:disabled="disabled"
|
|
@change="changecpPhoneInput"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('shop.shopAddress')"
|
|
prop="shopAdress"
|
|
>
|
|
<el-input
|
|
ref="addressCls"
|
|
v-model="ruleForm.shopAdress"
|
|
maxlength="60"
|
|
:disabled="disabled"
|
|
/>
|
|
<!-- <div v-else @click="inputAddress">
|
|
<el-input :value="hidden(ruleForm.shopAdress, 1, 1)" :disabled="disabled" />
|
|
</div> -->
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('shop.returnContact')"
|
|
prop="shopReturn.returnPerson"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.shopReturn.returnPerson"
|
|
maxlength="20"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('shop.returnPhone')"
|
|
prop="shopReturn.returnPhone"
|
|
>
|
|
<el-input
|
|
v-if="returnPhoneShow"
|
|
:value="hidden(ruleForm.shopReturn.returnPhone,3,4)"
|
|
maxlength="11"
|
|
:disabled="disabled"
|
|
@focus="focusReturnPhoneInput"
|
|
/>
|
|
<el-input
|
|
v-else
|
|
ref="returnPhoneCls"
|
|
v-model="ruleForm.shopReturn.returnPhone"
|
|
maxlength="11"
|
|
clearable
|
|
:disabled="disabled"
|
|
@change="changeReturnPhoneInput"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
:label="$t('shop.returnAddress')"
|
|
prop="shopReturn.returnAdress"
|
|
>
|
|
<el-input
|
|
ref="addressCls"
|
|
v-model="ruleForm.shopReturn.returnAdress"
|
|
maxlength="60"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item :label="$t('shop.crossborderornot')">
|
|
<el-switch
|
|
v-model="localIsCross"
|
|
@change="changeCrossMode()"
|
|
active-color="#FF7800"
|
|
inactive-color="#E8EAEC">
|
|
</el-switch>
|
|
</el-form-item>
|
|
|
|
<el-form-item
|
|
:label="$t('shop.ebpname')"
|
|
prop="crossDetail.ebpname"
|
|
v-if="localIsCross"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.crossDetail.ebpname"
|
|
maxlength="20"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item
|
|
:label="$t('shop.ebpcode')"
|
|
prop="crossDetail.ebpcode"
|
|
v-if="localIsCross"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.crossDetail.ebpcode"
|
|
maxlength="20"
|
|
:disabled="disabled"
|
|
/>
|
|
</el-form-item>
|
|
<!-- <el-form-item
|
|
label="生效日期"
|
|
prop="effectiveDate"
|
|
>
|
|
<el-date-picker
|
|
v-model="ruleForm.effectiveDate"
|
|
:disabled="disabled"
|
|
value-format="yyyy-MM-dd"
|
|
type="date"
|
|
placeholder="选择日期"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="生效年限"
|
|
prop="effectiveYear"
|
|
>
|
|
<el-input
|
|
v-model="ruleForm.effectiveYear"
|
|
type="text"
|
|
:disabled="disabled"
|
|
:placeholder="$t('common.defaulthint')"
|
|
maxlength="4"
|
|
class="elipt"
|
|
style="width: 50%"
|
|
show-word-limit
|
|
/>
|
|
<span class="elspan">年</span>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="合同状态"
|
|
prop="contractState"
|
|
>
|
|
<el-radio-group v-model="ruleForm.contractState">
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="1"
|
|
>有效
|
|
</el-radio>
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="0"
|
|
>无效
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="直播间审核"
|
|
prop="auditLive"
|
|
>
|
|
<el-radio-group v-model="ruleForm.auditLive">
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="1"
|
|
>开启
|
|
</el-radio>
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="0"
|
|
>关闭
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="直播间商品审核"
|
|
prop="auditLiveProduct"
|
|
>
|
|
<el-radio-group v-model="ruleForm.auditLiveProduct">
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="1"
|
|
>开启
|
|
</el-radio>
|
|
<el-radio
|
|
:disabled="disabled"
|
|
:label="0"
|
|
>关闭
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item> -->
|
|
</el-form>
|
|
<span
|
|
slot="footer"
|
|
class="dialog-footer"
|
|
>
|
|
<el-button @click="closeFn">{{ $t('common.cancel') }}</el-button>
|
|
<el-button
|
|
type="primary"
|
|
@click="addCheck()"
|
|
>{{ $t('common.sure') }}</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
// 例如：import 《组件名称》 from '《组件路径》';
|
|
import {
|
|
shopListGetAll,
|
|
shopListSave,
|
|
shopListGetById,
|
|
shopListUpdate,
|
|
shopListStart,
|
|
delshopById
|
|
} from '@/api/shop'
|
|
import Cookies from 'js-cookie'
|
|
import {getProject} from '@/utils/auth'
|
|
export default {
|
|
data () {
|
|
// 这里存放数据
|
|
return {
|
|
// 新建店铺弹框
|
|
dialogVisible: false,
|
|
loading: false,
|
|
formInline: {
|
|
shopName: '', // 店铺名称
|
|
shopCode: '', // 店铺编码
|
|
chargePersonName: '', // 店铺负责人
|
|
page: '1', // 当前页
|
|
pageSize: '10' // 每页记录数
|
|
},
|
|
disabled: false,
|
|
localIsCross :false,
|
|
ruleForm: {
|
|
shopName: '', // 店铺名称
|
|
chargePersonName: '', // 店铺负责人
|
|
chargePersonPhone: '', // 负责人电话
|
|
shopAdress: '', // 地址
|
|
shopReturn:{
|
|
returnAdress:"",
|
|
returnPerson:"",
|
|
returnPhone:""
|
|
},
|
|
crossDetail :{
|
|
ebpname:"",
|
|
ebpcode:""
|
|
}
|
|
},
|
|
showPhone: false,
|
|
showAddress: false,
|
|
userPhone: '',
|
|
showUserPhone: false,
|
|
newAddress: '',
|
|
personPhone: '',
|
|
|
|
rulesInfo: {
|
|
shopName: [
|
|
{ required: true, message: '请输入店铺名称', trigger: 'blur' }
|
|
],
|
|
chargePersonName: [
|
|
{ required: true, message: '请输入店铺负责人', trigger: 'blur' }
|
|
],
|
|
chargePersonPhone: [
|
|
{ required: true, message: '请输入负责人电话', trigger: 'blur' },
|
|
{
|
|
pattern: /^1[3456789]\d{9}$/,
|
|
message: '目前只支持中国大陆的手机号码'
|
|
}
|
|
],
|
|
shopAdress: [
|
|
{ required: true, message: '请输入地址', trigger: 'blur' }
|
|
],
|
|
"shopReturn.returnPerson": [
|
|
{ required: true, message: '请输入退货联系人', trigger: 'blur' }
|
|
],
|
|
"shopReturn.returnPhone": [
|
|
{ required: true, message: '请输入退货联系人电话', trigger: 'blur' },
|
|
{
|
|
pattern: /^1[3456789]\d{9}$/,
|
|
message: '目前只支持中国大陆的手机号码'
|
|
}
|
|
],
|
|
"shopReturn.returnAdress": [
|
|
{ required: true, message: '请输入退货地址', trigger: 'blur' }
|
|
]
|
|
},
|
|
total: 1,
|
|
tableData: [],
|
|
currentPage: 1,
|
|
userState: 1,
|
|
privacyTime: 0,
|
|
cpPhoneShow: true, // 是否显示脱敏负责人手机号
|
|
returnPhoneShow: true, // 是否显示脱敏负责人手机号
|
|
shopPhoneShow: true // 是否显示脱敏账号
|
|
}
|
|
},
|
|
// 监听属性 类似于data概念
|
|
computed: {},
|
|
// 监控data中的数据变化
|
|
watch: {},
|
|
// 生命周期 - 创建完成（可以访问当前this实例）
|
|
created () {
|
|
},
|
|
// 生命周期 - 挂载完成（可以访问DOM元素）
|
|
mounted () {
|
|
this.getAll(this.formInline)
|
|
this.privacyTime = localStorage.getItem('privacyTime')
|
|
console.log(this.privacyTime)
|
|
},
|
|
// 方法集合
|
|
methods: {
|
|
changeCrossMode(){
|
|
this.ruleForm.isCross = this.localIsCross ? 1 : 0;
|
|
},
|
|
focusReturnPhoneInput(){
|
|
this.returnPhoneShow = false
|
|
this.ruleForm.shopReturn.returnPhone = ''
|
|
// 自动获取焦点
|
|
this.$nextTick(() => {
|
|
this.$refs.returnPhoneCls.focus()
|
|
})
|
|
},
|
|
focusShopPhoneInput () {
|
|
this.shopPhoneShow = false
|
|
this.ruleForm.shopPhone = ''
|
|
// 自动获取焦点
|
|
this.$nextTick(() => {
|
|
this.$refs.shopPhoneCls.focus()
|
|
})
|
|
},
|
|
focuscpPhoneInput () {
|
|
this.cpPhoneShow = false
|
|
this.ruleForm.chargePersonPhone = ''
|
|
// 自动获取焦点
|
|
this.$nextTick(() => {
|
|
this.$refs.cpPhoneCls.focus()
|
|
})
|
|
},
|
|
changeReturnPhoneInput () {
|
|
},
|
|
changecpPhoneInput () {
|
|
},
|
|
handleSizeChange (val) {
|
|
this.formInline.pageSize = val
|
|
this.getAll(this.formInline)
|
|
},
|
|
handleCurrentChange (val) {
|
|
this.formInline.page = val
|
|
this.getAll(this.formInline)
|
|
},
|
|
handleClick (tab, event) {
|
|
console.log(tab, event)
|
|
},
|
|
onSubmit () {
|
|
this.getAll(this.formInline)
|
|
},
|
|
// 新建店铺
|
|
addbuss () {
|
|
this.userState = 0
|
|
this.disabled = false
|
|
this.newAddress = ''
|
|
this.personPhone = ''
|
|
this.ruleForm = {
|
|
shopName: '', // 店铺名称
|
|
shopCode:'',
|
|
chargePersonName: '', // 店铺负责人
|
|
chargePersonPhone: '', // 负责人电话
|
|
shopAdress: '', // 地址
|
|
shopReturn:{
|
|
returnAdress:"",
|
|
returnPerson:"",
|
|
returnPhone:""
|
|
},
|
|
crossDetail :{
|
|
ebpname:"",
|
|
ebpcode:""
|
|
}
|
|
}
|
|
|
|
|
|
this.dialogVisible = true
|
|
console.log(this.userState)
|
|
},
|
|
closeFn () {
|
|
this.$nextTick(() => {
|
|
this.$refs['ruleFormInfo'].clearValidate()
|
|
this.dialogVisible = false
|
|
})
|
|
},
|
|
// 新建店铺确定
|
|
addCheck () {
|
|
this.$refs['ruleFormInfo'].validate(valid => {
|
|
if (valid) {
|
|
console.log(this.userState)
|
|
console.log(this.ruleForm)
|
|
// if (this.personPhone !== '') {
|
|
// this.ruleForm.chargePersonPhone = this.personPhone
|
|
// }
|
|
if (this.newAddress !== '') {
|
|
this.ruleForm.shopAdress = this.newAddress
|
|
}
|
|
// if (this.userPhone !== '') {
|
|
// this.ruleForm.shopPhone = this.userPhone
|
|
// }
|
|
if (this.ruleForm.shopName === '') {
|
|
this.$message.error(this.$t('shop.shopNameHint'))
|
|
return
|
|
}
|
|
// if (this.ruleForm.effectiveDate === '') {
|
|
// this.$message.error('请输入生效日期')
|
|
// return
|
|
// }
|
|
// if (this.ruleForm.effectiveYear === '') {
|
|
// this.$message.error('请输入生效年限')
|
|
// return
|
|
// }
|
|
if (!this.userState) {
|
|
shopListSave(this.ruleForm).then(res => {
|
|
console.log(res)
|
|
if (res.code === '') {
|
|
this.$message({
|
|
message: this.$t('common.addsuccessful'),
|
|
type: 'success'
|
|
})
|
|
}
|
|
this.getAll(this.formInline)
|
|
this.dialogVisible = false
|
|
this.$refs['ruleFormInfo'].clearValidate()
|
|
})
|
|
} else {
|
|
shopListUpdate(this.ruleForm).then(res => {
|
|
console.log(res)
|
|
if (res.code === '') {
|
|
this.$message({
|
|
message: this.$t('common.editsuccessful'),
|
|
type: 'success'
|
|
})
|
|
this.$refs['ruleFormInfo'].clearValidate()
|
|
}
|
|
this.getAll(this.formInline)
|
|
this.dialogVisible = false
|
|
})
|
|
}
|
|
} else {
|
|
console.log('error submit!!')
|
|
this.$message.error('请输入完整信息')
|
|
return false
|
|
}
|
|
})
|
|
},
|
|
// 查看
|
|
async seeMore (row) {
|
|
this.showPhone = false
|
|
this.cpPhoneShow = true
|
|
this.shopPhoneShow = true
|
|
const res = await shopListGetById({ shopId: row.shopId })
|
|
if (res.code === '') {
|
|
this.userState = 3
|
|
this.disabled = true
|
|
this.ruleForm = res.data
|
|
this.dialogVisible = true
|
|
}
|
|
},
|
|
// 编辑
|
|
async edit (row) {
|
|
this.showPhone = false
|
|
this.personPhone = ''
|
|
this.userState = 1
|
|
this.disabled = false
|
|
this.cpPhoneShow = true
|
|
const res = await shopListGetById({ shopId: row.shopId })
|
|
this.ruleForm = res.data
|
|
this.dialogVisible = true
|
|
console.log(this.ruleForm)
|
|
},
|
|
async editCavans(row){
|
|
// Cookies.set('cereShopId', row.shopId + "" )
|
|
window.open(window.location.origin + window.location.pathname + "canvas.html#/?cereShopId="+ row.shopId+"&project="+getProject(),"_blank");
|
|
},
|
|
// 删除
|
|
async del (row) {
|
|
console.log(row)
|
|
if (row.state === 1) {
|
|
const res = await shopListStart({
|
|
shopName: row.shopName,
|
|
state: 0,
|
|
shopId: row.shopId
|
|
})
|
|
if (res.code === '') {
|
|
this.$message({
|
|
message: '停用成功',
|
|
type: 'success'
|
|
})
|
|
this.getAll(this.formInline)
|
|
}
|
|
} else {
|
|
const res = await shopListStart({
|
|
shopName: row.shopName,
|
|
state: 1,
|
|
shopId: row.shopId
|
|
})
|
|
if (res.code === '') {
|
|
this.$message({
|
|
message: '启用成功',
|
|
type: 'success'
|
|
})
|
|
this.getAll(this.formInline)
|
|
}
|
|
}
|
|
},
|
|
delshop (row) {
|
|
// todo 判断店铺状态
|
|
this.$confirm('此操作将永久删除该店铺, 是否继续?', '提示', {
|
|
confirmButtonText: this.$t('common.sure'),
|
|
cancelButtonText: this.$t('common.cancel'),
|
|
type: 'warning'
|
|
}).then(async () => {
|
|
const res = await delshopById({
|
|
shopId: row.shopId
|
|
})
|
|
if (res.code === '') {
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
})
|
|
this.getAll(this.formInline)
|
|
}
|
|
}).catch(() => {
|
|
|
|
})
|
|
},
|
|
// shopListGetAll
|
|
// 初始化查询所有数据
|
|
async getAll (formInline) {
|
|
const res = await shopListGetAll(formInline)
|
|
this.total = res.data.length
|
|
this.tableData = res.data
|
|
},
|
|
// 编辑号码
|
|
inputPhone () {
|
|
this.showPhone = true
|
|
this.personPhone = ''
|
|
this.$nextTick(() => {
|
|
this.$refs.phoneCls.focus()
|
|
})
|
|
},
|
|
// 编辑地址
|
|
inputAddress () {
|
|
this.showAddress = true
|
|
this.newAddress = ''
|
|
this.$nextTick(() => {
|
|
this.$refs.addressCls.focus()
|
|
})
|
|
},
|
|
// 编辑客户信息
|
|
inputUserPhone () {
|
|
this.showUserPhone = true
|
|
this.userPhone = ''
|
|
this.$nextTick(() => {
|
|
this.$refs.userPhoneCls.focus()
|
|
})
|
|
},
|
|
// 中间部分
|
|
hidden (str, frontLen, endLen) {
|
|
let endLenData = 0
|
|
if (str.length !== 2) {
|
|
endLenData = endLen
|
|
}
|
|
const len = str.length - frontLen - endLenData
|
|
let xing = ''
|
|
for (let i = 0; i < len; i++) {
|
|
xing += '*'
|
|
}
|
|
return (
|
|
str.substring(0, frontLen) + xing + str.substring(str.length - endLenData)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style
|
|
lang="scss"
|
|
scoped
|
|
>
|
|
@import url("../../../styles/elDialog.scss");
|
|
|
|
.pending {
|
|
padding: 30px;
|
|
background: #FFFFFF;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.btnList{
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-content: center;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.fenye {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.elipt {
|
|
width: 50%;
|
|
}
|
|
|
|
.elspan {
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|