index.vue

<template>
  <div class="eContainer">
    <c-page title="保证金注销">
        
           
            <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="业务信息" name="ovwp">
            <c-content>
              <m-ovwp :model="model" :codes="codes" />                                                                                                              
            </c-content>
          </el-tab-pane>

            <!--PD000027 -->
            <el-tab-pane label="费用/账务" name="setpan">
              <c-content>
                <m-setmod
                  :model="model"
                  :codes="codes"
                  @changeSetmodModel="changeSetmodModel"
                />
              </c-content>
            </el-tab-pane>
               
            </c-tabs>
               
            </el-form>
            <c-function-btn
          :handleSubmit="handleSubmit"
          :handleCheck="handleCheck"
          :handleStash="handleStash"
      >
      </c-function-btn>
      <c-grid-ety-prompt-dialog
          ref="etyDialog"
          :promptData="promptData"
          v-on:select-ety="selectEty"
      >
      </c-grid-ety-prompt-dialog>
        
    </c-page>
    </div>
</template>

<script>

import Api from "~/service/Api";
import operationFunc from "~/mixin/operationFunc";
import event from '../event';
import CodeTable from "~/config/CodeTable";
import Fctcan from "../model";
import Opnp1 from "./Opnp1";
import Ovwp from "./Ovwp";
import formRules from '../model/check'
// import Setpan from "~/components/business/setpan/views";
import Setmod from "~/components/business/setmod/views";


export default {
  name: "Gctcan",
  components: {
    "m-opnp1" : Opnp1,
    "m-ovwp" :Ovwp,
    // "m-setpan" :Setpan
    "m-setmod": Setmod,

  },
  provide() {
    return {
      root: this,
    };
  },
  mixins: [event,operationFunc],
  data() {
    return {
      tabVal: "ovwp",
      trnName: "fctcan",
      model: new Fctcan().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:{

    selectEty(row) {
      this.$emit("selectEty", {
        ...row,
        role: this.promptData.type
      });
      this.show = false;
      this.currentPage = 1;
    },
  },

  mounted () {
    this.init()
    
  },
};
</script>
<style>

</style>