<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="disabledOwnextkey" 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="disabledOwnextkey" 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: { disabledOwnextkey() { 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>