优化

MrShi

6 天以前 3a154bdb0a5aaa2c0ac3eac95a6ba747068bd454

 admin/src/components/business/OperaJkCustomerWindow.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,80 @@
<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>