<template>
|
<GlobalWindow
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
width="50%"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" :rules="rules">
|
<el-form-item label="" prop="name">
|
<span style="width: 100px;text-align: right;margin-right: 30px;">客户简码:</span>
|
<span>{{form.code}}</span>
|
</el-form-item>
|
<el-form-item label="" prop="name">
|
<span style="width: 100px;text-align: right;margin-right: 30px;">客户名称:</span>
|
<span>{{form.name}}</span>
|
</el-form-item>
|
<el-form-item label="" prop="lineName">
|
<span style="width: 100px;text-align: right;margin-right: 30px;">送货线路:</span>
|
<span>{{form.lineName}}</span>
|
</el-form-item>
|
<el-form-item label="" prop="categoryName">
|
<span style="width: 100px;text-align: right;margin-right: 30px;">所属主线路</span>
|
<span>{{form.categoryName}}</span>
|
</el-form-item>
|
<el-form-item label="" prop="location">
|
<span style="width: 100px;text-align: right;margin-right: 30px;">地址: </span>
|
<span>{{form.location}}</span>
|
</el-form-item>
|
<el-button style="color: blue;margin-bottom: 10px;" v-clipboard:copy="form.location" v-clipboard:success="onCopy" v-clipboard:error="onError">点击复制客户地址,前往经纬度在线提取器</el-button>
|
<el-form-item label="经纬度:" prop="locationInfo">
|
<el-input v-model="form.locationInfo" placeholder="请输入经纬度" v-trim/>
|
</el-form-item>
|
</el-form>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaJkCustomerWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
locationInfo: '',
|
name: '',
|
code: '',
|
location: '',
|
lineName: '',
|
categoryName: ''
|
},
|
// 验证规则
|
rules: {
|
locationInfo: [{ required: true, message: '请输入经纬度信息' }]
|
}
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/jkCustomer',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
onCopy () {
|
console.log('Text copied!');
|
window.open('https://lbs.amap.com/tools/picker')
|
},
|
onError () {
|
console.error('Failed to copy text');
|
window.open('https://lbs.amap.com/tools/picker')
|
}
|
}
|
}
|
</script>
|