@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" style="min-height: 1500px">
            <span>发货人信息编辑</span>
            <div class="electronics-table">
                <el-form ref="form" :model="form" label-width="180px" style="width: 80%">
                    <el-form-item label="发件人" required>
                        <el-input v-model="form.sender_name"></el-input>
                    </el-form-item>
                    <el-form-item label="联系电话" required>
                        <el-input v-model="form.sender_tel"></el-input>
                    </el-form-item>
                    <el-form-item label="发件地邮编" required>
                        <el-input v-model="form.sender_code"></el-input>
                    </el-form-item>
                    <el-form-item label="发件地址" required>
                        <el-input v-model="form.sender_address"></el-input>
                    </el-form-item>
                    <el-form-item label="发件省份" required>
                        <el-input v-model="form.sender_province"></el-input>
                    </el-form-item>
                    <el-form-item label="发件城市" required>
                        <el-input v-model="form.sender_city"></el-input>
                    </el-form-item>
                    <el-form-item label="发件区域" required>
                        <el-input v-model="form.sender_area"></el-input>
                    </el-form-item>
                    <el-form-item label="发件街道" required>
                        <el-input v-model="form.sender_street"></el-input>
                    </el-form-item>
                    <el-form-item label="发件签名" required>
                        <el-input v-model="form.sender_sign"></el-input>
                    </el-form-item>
                    <el-form-item label="是否为默认模板">
                        <el-switch v-model="form.is_default" :active-value="1" :inactive-value="0"></el-switch>
                    </el-form-item>
                </el-form>
            </div>
        </div>
        <div class="confirm-btn">
            <el-button type="primary" @click="submit()">提交</el-button>
            <el-button type="primary" @click="goBack()">返回</el-button>
        </div>
    </div>
    <script>
        var detail_url = '{!! yzWebFullUrl('plugin.electronics-bill.admin.consignor-manage.detail') !!}';
        var submit_url = '{!! yzWebFullUrl('plugin.electronics-bill.admin.consignor-manage.save') !!}';
        let id = '{{$id}}';
        var app = new Vue({
            el: '#app',
            data() {
                return {
                    form:{
                        sender_name:'',
                        sender_tel:'',
                        sender_code:'',
                        sender_address:'',
                        sender_province:'',
                        sender_city:'',
                        sender_area:'',
                        sender_street:'',
                        is_default:0,
                        sender_sign:'',
                    },
                }
            },
            created() {

            },
            mounted() {
                this.getData();
            },
            methods: {
                getData(){
                    if(id != 0){
                        let that = this;
                        let loading = this.$loading({
                            target: document.querySelector(".content"),
                            background: 'rgba(0, 0, 0, 0)'
                        });
                        that.$http.get((detail_url += '&id=' + id)).then(function(res){
                            if(res.data.result == 1){
                                if(res.data.data){
                                    that.form = res.data.data;
                                }
                            }else{
                                that.$message({
                                    message: res.data.msg,
                                    type: 'error'
                                });
                            }
                            loading.close();
                        },function(err){
                            this.$message({message: err.data.msg, type: 'error'});
                            loading.close();
                        })
                    }
                },
                submit(){
                    let that = this;
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    that.$http.post(submit_url,{
                        'form':that.form
                    }).then(function(res){
                        if (res.data.result == 1) {
                            that.$message({message: res.data.msg, type: 'success'});
                            return this.goBack();
                        } else {
                            let tips = '';
                            if (res.data.msg instanceof Object) {
                                for (let key in res.data.msg) {
                                    tips += res.data.msg[key][0];
                                }
                            }
                            that.$message({
                                message: tips ? tips : res.data.msg,
                                type: 'error'
                            });
                        }
                        loading.close();
                    },function (err){
                        that.$message({
                            message: err.data.msg,
                            type: 'error'
                        });
                        loading.close();
                    })
                },
                goBack(){
                    history.go(-1);
                }
            },

        });
    </script>
@endsection