index.vue

<template>
  <div class="eContainer">
  <c-page title="人民币购售业务信息（2102）-删除">
    <el-form
				:rules="rules" 
        :model="model"
        ref="modelForm"
        label-width="120px"
        label-position="right"
        size="small"
      >
       <c-tabs v-model="tabVal" ref="elment" type="card">
            <el-tab-pane label="接口数据" name="Selection">
                <m-selection :model="model" :codes="codes"/>
            </el-tab-pane>

           <el-tab-pane label="人民币购售业务信息（2102）-删除" name="ads2102">
            <c-content>
              <m-ads2102 :model="model" ref="ads2102"  :codes="codes" />
            </c-content>
          </el-tab-pane>
       </c-tabs>
    </el-form>
    <div style="text-align: center">
				<c-button :disabled="isDisabled" type="primary" style="margin-right: 10px" @click="saveTfa">提 交</c-button>
				<c-button :disabled="isDisabled" type="primary" style="margin-right: 10px" @click="check">检核</c-button>
				<c-button type="primary" style="margin-right: 10px" @click="exit">退出</c-button>
			</div>
    </c-page>
  </div>
</template>
<script>

import CodeTable from "~/config/CodeTable"
import Ads2102 from "./ads2102";
import Tfa from "../../Tfa/model";
import check from "../model/check"
import event from "../event"
import Selection from "../../Tfa/views/selection"
import init from "../../../rmbsel/event";
import {getDectyp} from "../../../../../../service/business/rmb";
export default {
    name: "Rmbdel2102",
    components:{
        "m-ads2102": Ads2102,
        "m-selection": Selection,
    },
    mixins: [event, check, init],
    computed: {
      isDisabled() {
        return this.model.rmbbut.flg !== 'X';
      },
    },
    provide() {
        return {
            root: this,
        }
    },

    data(){
        return {
            tabVal: "Selection",
            trnName: "tfadel",
            model: new Tfa().data,
            codes: {
                ...CodeTable
            },
        }
    },
    created() {
      this.model.pblmod.dectyp = getDectyp(this.trnName);
      const inr = this.$route.query.inr;
      this.init(this.trnName, inr);
    },
}
</script>
<style>
/deep/ .el-form-item__label {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }
</style>