hemall.terabimsoft.com.cn/plugins/lease-toy/views/admin/order/vue/leaseToyOperation.blade.php

<script>
Vue.component('leaseToyOperation', {
    props: {
        operationType:{
            type:Number|String,
            default:'',
        },
        operationOrder:{
            type:Object|String,
            default:{},
        },
        dialog_show:{
            type:Number,
            default:0,
        },
    },
    delimiters: ['[[', ']]'],
    data(){
        return{
            lease_toy_return_verify_show:false,// 审核弹窗

            lease_toy_confirm_return_show:false,
            confirm_return:{
                return_pay_type_id:3,
            },
            lease_toy_order:{},
        }
    },
    watch:{
        dialog_show(val) {
            if (this.operationType == 'lease_toy_return_verify') {
                this.returnVerifyShow(this.operationOrder.id);
            }  else if( this.operationType == 'lease_toy_confirm_return')  {
                this.confirmReturn(this.operationOrder.id);
            }
            
        },
    },
    mounted: function(){
        
        
    },
    methods:{
        returnVerifyShow(id) {
            this.lease_toy_return_verify_show = true;
        },
        returnVerify(status_code) {
            console.log(status_code);

            let  url = '';
            if (status_code == 'refuse') {
                url = "{!! yzWebFullUrl('plugin.lease-toy.admin.lease-return.refuse') !!}";
            }  else if( status_code == 'waitSendBack')  {
                url = "{!! yzWebFullUrl('plugin.lease-toy.admin.lease-return.waitSendBack') !!}";
            } else if (status_code == 'directPass') {
                url = "{!! yzWebFullUrl('plugin.lease-toy.admin.lease-return.directPass') !!}";
            }

            if (!url) {
                this.$message({type: 'success',message: '操作方法不存在!'+status_code});
                return false;
            }
            let loading = this.$loading({target:document.querySelector("#lease_toy_return_verify_show"),background: 'rgba(0, 0, 0, 0)'});
            this.$http.post(url,{order_id:this.operationOrder.id}).then(function (response) {
                if (response.data.result) {
                    this.$message({type: 'success',message: '审核操作成功!'});
                }
                else{
                    this.$message({type: 'error',message: response.data.msg});
                }
                loading.close();
                this.lease_toy_return_verify_show = false;
                this.$emit('search');
            },function (response) {
                this.$message({type: 'error',message: response.data.msg});
                loading.close();
                this.lease_toy_return_verify_show = false;
            })
        },

        confirmReturn(id) {
            let that = this;
            that.$http.post("{!! yzWebFullUrl('plugin.lease-toy.admin.lease-return.get-lease-toy-order') !!}", {order_id:id}).then(response => {
                console.log(response);
                if(response.data.result == 1){
                    that.lease_toy_order = response.data.data;
                    that.lease_toy_confirm_return_show = true;
                    //console.log(that.lease_toy_order);
                } else{
                    that.$message({type: 'error',message: response.data.msg});
                    //that.$message.error(response.data.msg);
                }
            }),function(res){
                console.log(res);
                that.$message({type: 'error',message: '请求失败'});
                //that.$message.error(response.data.msg);
            };
        },
        confirmLeaseRefund() {
            let json = {
                order_id:this.operationOrder.id,
                return_pay_type_id:this.confirm_return.return_pay_type_id,
                return_deposit:this.lease_toy_order.deposit_total,
                be_overdue:this.confirm_return.be_overdue,
                be_damaged:this.confirm_return.be_damaged,
                explain:this.confirm_return.explain,
            };
            let loading = this.$loading({target:document.querySelector("#lease_toy_confirm_return_show"),background: 'rgba(0, 0, 0, 0)'});
            this.$http.post("{!! yzWebFullUrl('plugin.lease-toy.admin.lease-return.lease-refund') !!}", json).then(response => {
                console.log(response);
                if(response.data.result == 1){
                    loading.close();
                    this.lease_toy_confirm_return_show = false;
                    this.$emit('search');
                } else{
                    this.$message({type: 'error',message: response.data.msg});
                }
            }),function(res){
                console.log(res);
                this.$message({type: 'error',message: response.data.msg});
            };
        },
    },



    template: `
        <div>
             <!-- 审核弹窗 -->
            <el-dialog :visible.sync="lease_toy_return_verify_show" width="750px" title="处理归还申请">
                <div style="text-align:center;overflow:auto" id="lease_toy_return_verify_show">
                    <el-button @click="returnVerify('refuse')">驳回申请</el-button>
                    <el-button @click="returnVerify('waitSendBack')">通过申请(需客户寄回商品)</el-button>
                    <el-button @click="returnVerify('directPass')">通过申请(无需客户寄回商品)</el-button>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="lease_toy_return_verify_show = false">取 消</el-button>
                </span>
            </el-dialog>
             <!-- 确认归还 -->
            <el-dialog :visible.sync="lease_toy_confirm_return_show" center width="750px" title="租赁信息">
                <div style="overflow:auto" id="lease_toy_confirm_return_show">
                    <el-form ref="confirm_return" :model="confirm_return" label-width="15%">
                        <el-form-item label="预归还金额" prop="return_deposit">
                            <el-input style="width: 50%" v-model="lease_toy_order.deposit_total" :disabled="true">
                                <template slot="append">元</template>
                            </el-input>
                            <div style="font-size:12px;">最终归还押金 = 预归还押金([[lease_toy_order.deposit_total]]) - 逾期 - 破损</div>
                        </el-form-item>
                        <el-form-item label="逾期" prop="be_overdue">
                            <el-input style="width: 50%" v-model="confirm_return.be_overdue">
                                <template slot="append">元</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="破损" prop="be_damaged">
                            <el-input style="width: 50%" v-model="confirm_return.be_damaged">
                                <template slot="append">元</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="说明" prop="explain">
                            <el-input type="textarea" v-model="confirm_return.explain"></el-input>
                        </el-form-item>
                        <el-form-item style="text-align: left;" label="退还方式" prop="return_pay_type_id">
                            <el-radio-group style="margin-left: 10px" v-model="confirm_return.return_pay_type_id">
                                <el-radio :label="3">余额</el-radio>
                                <el-radio :label="-1">手动退款</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-form>
                </div>
                <span slot="footer" class="dialog-footer">
                       <el-button @click="lease_toy_confirm_return_show = false">取 消</el-button>
                       <el-button type="primary" @click="confirmLeaseRefund">确认归还 </el-button>
                </span>
            </el-dialog>
        </div>
    `,
    

    
});
    
</script>