index.vue

<template>
  <div class="eContainer">
    <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
       <c-tabs v-model="tabVal" ref="elment" type="card">
           <el-tab-pane label="Menu" name="sel">
            <c-content>
                <m-sel :model="model" :codes="codes"/>
            </c-content>
           </el-tab-pane>
       </c-tabs>
    </el-form>
    <!-- 选择数据的表格弹框 -->
    <c-grid-ety-prompt-dialog
        ref="etyDialog"
        :promptData="promptData"
        @select-ety="selectGridEtyPromptData"
    >
    </c-grid-ety-prompt-dialog>
  </div>
</template>
<script>
import CodeTable from "~/config/CodeTable"
import Litsel from "../model";
import event from "../event"

import formRules from '../model/check'
import Sel from "./Sel"
import Regp from "./Regp"
import Syswrndisplay from "./Syswrndisplay"


export default {
    name: "Litsel",
    components:{
        "m-sel" : Sel,
        "m-regp" : Regp,
        "m-syswrndisplay" : Syswrndisplay,
    },
    provide() {
        return {
            root: this
        }
    },
    mixins: [event],    // 里面包含了Default、Check等的公共处理
    data(){
        return {
            tabVal: "sel",
            trnName: "litsel",
            trnType: "",
            model: new Litsel().data,
            rules: formRules,
            codes: {...CodeTable
            },
          promptData: {
            title: 'Select a Party',
            columns: [
              {
                prop: 'ptyInr',
                label: 'Party Number'
              },
              {
                prop: 'inr',
                label: 'Address Number'
              },
              {
                prop: 'branch',
                label: 'Branch Code'
              },
              {
                prop: 'bchName',
                label: 'Branch Name'
              },
              {
                prop: 'adrName',
                label: 'Address Name'
              },
              {
                prop: 'adr1',
                label: 'Address1'
              },
              {
                prop: 'locCty',
                label: 'City'
              },
              {
                prop: 'locZip',
                label: 'Zip'
              },
              {
                prop: 'bicCode',
                label: 'BIC'
              }
            ],
            data: []
          }
        }
    },
    methods:{},
    mounted () {
      this.init()
    },
}
</script>
<style>

</style>