@extends('layouts.base')
@section('title','查询邮政编码')
@section('content')
    <link rel="stylesheet" type="text/css"
          href="{{resource_get('plugins/electronics-bill/src/common/static/css/electronics-bill.css', 1)}}"/>
    <div id="app">
        <div class="electronics-div">
            <span>查询邮政编码</span>
            <div class="electronics-table">
                <el-form ref="form" label-width="150px" style="width: 60%">
                    <el-form-item label="地址链接">
                        <el-tag style="width: 65%;font-size: 18px">[[code_url]]</el-tag>
{{--                        <el-input v-model="code_url" style="width: 65%"></el-input>--}}
                        <el-button type="primary" @click="copy(code_url)">复制</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </div>
{{--        <div v-if="list != false">--}}
{{--            <el-table--}}
{{--                    :data="list"--}}
{{--                    style="width: 100%">--}}
{{--                <el-table-column--}}
{{--                        prop="POSTCODE"--}}
{{--                        label="编码"--}}
{{--                        width="180">--}}
{{--                </el-table-column>--}}
{{--                <el-table-column--}}
{{--                        prop="ADDR"--}}
{{--                        label="地址">--}}
{{--                </el-table-column>--}}
{{--            </el-table>--}}
{{--        </div>--}}
    </div>
    <script>
        let code_url = '{!! yzWebFullUrl('plugin.electronics-bill.admin.postal-code.get-code') !!}';
        let add_url = '{!! yzWebFullUrl('plugin.electronics-bill.admin.postal-code.get-address') !!}';
        var app = new Vue({
            el: '#app',
            delimiters: ['[[', ']]'],
            data() {
                return {
                    code_url:'https://www.ems.com.cn/postcode'
                }
            },
            created() {

            },
            mounted() {
                // this.getAddress();
            },
            methods: {
                copy(url) {
                    let oInput = document.createElement('input');
                    oInput.value = url;
                    document.body.appendChild(oInput);
                    oInput.select(); // 选择对象;
                    console.log(oInput.value);
                    document.execCommand("Copy"); // 执行浏览器复制命令
                    this.$message({message: '复制成功', type: 'success'});
                    oInput.remove()
                },
                // getCode(){
                //     if(!this.address[2]){
                //         this.$message({
                //             message: '请选择地址',
                //             type: 'error'
                //         });
                //         return false;
                //     }
                //     let data = {
                //         province:this.address[0],
                //         city:this.address[1],
                //         area:this.address[2],
                //         detailed_address:this.detailed_address,
                //     };
                //     let loading = this.$loading({
                //         target: document.querySelector(".content"),
                //         background: 'rgba(0, 0, 0, 0)'
                //     });
                //     this.$http.post(code_url,{
                //         data:data,
                //     }).then(function (res) {
                //         if (res.data.result == 1) {
                //             this.list = res.data.data;
                //         } else {
                //             this.$message({message: res.data.msg, type: 'error'});
                //         }
                //         loading.close();
                //     }, function (err) {
                //         this.$message({
                //             message: err.data.msg,
                //             type: 'error'
                //         });
                //         loading.close();
                //     })
                // },
                // getAddress(){
                //     // localStorage.removeItem('address');
                //     let data = localStorage.getItem('address');
                //     if(data != null){
                //         this.add_list =  JSON.parse(data);
                //         return;
                //     }
                //     this.$http.get(add_url).then(function(res){
                //         if(res.data.result == 1){
                //             this.add_list = res.data.data;
                //             localStorage.setItem('address',JSON.stringify(res.data.data));
                //         }
                //     })
                // },
            },

        });
    </script>
@endsection