hemall.terabimsoft.com.cn/plugins/fight-groups/views/admin/order/orderOperation.blade.php

<script>
    var orderOperation = {
        delimiters: ['[[', ']]'],

        props: {
            order: {
                type: Object,
                default: {}
            }
        },
        template: `
        <div>
            <div style="text-align: right;">
                <span style="padding: 5px" v-for="(button,key) in order.button_models" :key="key">
                    <el-button @click="orderOperation(button)" style="margin-bottom:5px" :type="button.type">[[button.name]]</el-button>
                </span>
            </div>
            <el-dialog  title="订单发货" :visible.sync="dialogSendVisible" >
                <el-form :model="sendOperate" label-width="17%" v-loading="loadingSendInfo">
                    <el-form-item label="收件人 :" >
                    [[address.realname]]/[[address.mobile]]
                    </el-form-item>
                    <el-form-item label="收货地址 :">
                    [[address.address]]
                    </el-form-item>
                    <el-form-item label="快递公司 :">
                        <el-row>
                            <el-col :span='18'>
                                <el-select v-model="sendOperate.express_code" filterable placeholder="请选择">
                                    <el-option
                                      v-for="expressCompany in expressCompanies"
                                      :key="expressCompany.name"
                                      :label="expressCompany.name"
                                      :value="expressCompany.value">
                                    </el-option>
                                 </el-select>
                            </el-col>
                        </el-row>
                    </el-form-item>
                    <el-form-item label="快递单号 :">
                        <el-row>
                            <el-col :span='16'>
                                <el-input placeholder="快递单号" v-model="sendOperate.express_sn"></el-input>
                            </el-col>
                        </el-row>
                    </el-form-item>

                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogSendVisible = false">取 消</el-button>
                    <el-button type="primary" @click="
                               confirmSend();
                    ">确 定
                    </el-button>
                </div>
            </el-dialog>
        </div>
            `,
        data() {
            return {
                dialogSendVisible: false,
                loadingSendInfo: false,
                sendOperate: {
                    express_code: '',
                    express_sn: '',
                },
                address: {
                    address: '',
                    mobile: '',
                    realname: ''
                },
                expressCompanies: []
            }
        },
        methods: {
            orderOperation(button) {
                console.log(button.value);
                switch (button.value) {
                    case 2:
                        this.orderSend(button);
                        break;
                    default:
                        this.confirmOperation(button);
                        break;
                }
            },
            confirmSend(button) {
                this.$http.post(`{!! yzWebUrl('') !!}plugin.fight-groups.admin.controllers.order.send&order_id=${this.order.id}`, this.sendOperate).then(response => {
                    if (response.data.result) {
                        this.$message({
                            message: response.data.msg,
                            type: 'success'
                        });
                        this.dialogSendVisible = false;
                        window.location.reload();

                    } else {
                        this.$message({
                            message: response.data.msg,
                            type: 'error'
                        });
                    }
                }, response => {
                    this.$message.error('发货信息读取失败');

                    console.log(response);
                });
            },
            orderSend(button) {
                this.dialogSendVisible = true;
                this.loadSendInfo(button);
            },
            confirmOperation(button) {
                this.$confirm(button.name + '？').then(_ => {
                    this.$http.get(`{!! yzWebUrl('') !!}${button.api}&order_id=${this.order.id}`).then(response => {
                        if (response.data.result) {
                            this.$message({
                                message: response.data.msg,
                                type: 'success'
                            });
                            window.location.reload();
                        } else {
                            this.$message({
                                message: response.data.msg,
                                type: 'error'
                            });
                        }
                    }, response => {
                        this.$message.error('发货信息读取失败');

                        console.log(response);
                    });
                })
                    .catch(_ => {
                    });
            },
            loadSendInfo(button) {
                this.loadingSendInfo = true;
                this.$http.get(`{!! yzWebUrl('') !!}order.send&order_id=${this.order.id}`).then(response => {
                    if (response.data.result) {
                        console.log(response);
                        this.expressCompanies = response.data.data.express_companies;
                        if(response.data.data.address){
                            this.address = response.data.data.address;
                        }
                        this.loadingSendInfo = false;

                    } else {
                        this.loadingSendInfo = false;

                        this.$message({
                            message: response.data.msg,
                            type: 'error'
                        });

                    }
                }, response => {
                    this.loadingSendInfo = false;

                    this.$message.error('发货信息读取失败');

                    console.log(response);
                });
            }
        }
    };
</script>