selection.vue

<template>
    <div class="eibs-tab">
        <br style="margin-top: 20px"/>
        <c-row :gutter="80">
            <c-col :span="8">
                <el-form-item label="业务发生日期" prop="pblmod.pbl.reldat">
                    <c-date-picker :disabled="isDisabled" type="date" v-model="model.pblmod.pbl.reldat"></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="业务所属行" prop="rmbbut.ownextkey">
                    <c-select :disabled="isDisabled" placeholder="请选择业务所属行" v-model="model.rmbbut.ownextkey">
                        <el-option :key="item.inr" :label="item.branch + ' ' + item.bchname" :value="item.branch"
                                   v-for="item in ownextkeyList"></el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>
        <c-row>
            <c-col :span="8">
                <el-form-item>
                    <c-checkbox :disabled="disabledFlg" class="checkbox-left" true-label="X" v-model="model.rmbbut.flg">
                        接口数据
                    </c-checkbox>
                </el-form-item>
            </c-col>
        </c-row>
    </div>
</template>

<script>
    import event from "../event";
    import {getBchList} from "../../../../../../service/business/rmb";

    export default {
        inject: ["root"],
        props: ["model", "codes"],
        mixins: [event],
        computed: {
            isDisabled() {
                return this.model.pblmod.dectyp !== "A";
            },
            disabledFlg() {
                let disabledFlg = false;
                const dectyp = this.model.pblmod.dectyp;
                switch (dectyp) {
                    case "A":
                        disabledFlg = true;
                        this.model.rmbbut.flg = "X";
                        break;
                    case "M":
                        const pblsta = this.model.pblmod.wrkpbl.sta;
                        const ope = this.model.recgrp.ads.opertype;
                        if (pblsta === "8" && ope === "3") {
                            disabledFlg = true;
                        }
                        break;
                    // case "D":
                    case "I":
                        disabledFlg = true;
                        this.model.rmbbut.flg = "";
                }
                return disabledFlg;
            },
        },
        watch: {
            'model.rmbbut.flg': {
                handler(newValue) {
                    if (newValue !== "X") {
                        const dectyp = this.model.pblmod.dectyp;
                        if (dectyp === "M" || dectyp === "D") {
                            const inr = this.$route.query.inr;
                            this.init(this.root.trnName, inr);
                        }
                    }
                },
            },
        },
        data() {
            return {
                ownextkeyList: []
            }
        },
        mounted() {
            getBchList().then(response => {
                if (response.respCode === SUCCESS) {
                    this.ownextkeyList = response.data;
                }
            });
        }
    }
</script>
<style scoped>

</style>