index.vue

<template>
  <div class="eContainer">
    <c-page title="申报">
      <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" >
        <el-tab-pane label="申报信息" name="selp">
                <c-content>
                  <m-selp :model="model" :codes="codes" ref="selp"/>
                </c-content>
        </el-tab-pane>
      


       <el-tab-pane label="差错反馈" name="errp">
                <c-content>
                  <m-errp :model="model" :codes="codes" ref="errp"/>
                </c-content>
        </el-tab-pane>
        </c-tabs >
      


    
     </c-page>
  </div>
</template>
<script>
import { getCodetable } from "~/service/business/codeTable"
import CodeTable from "~/config/CodeTable";
import Bopsel from "~/model/Bopsel";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Bopsel/Check";
import Default from "~/model/Bopsel/Default";
import Pattern from "~/model/Bopsel/Pattern";
import Utils from "~/utils/index"
import Selp from "./Selp";
import Errp from "./Errp";

export default {
  name: "Bopsel",
  components: {
    "m-selp": Selp,
    "m-errp": Errp,
  },
  provide() {
    return {
      root: this,
    };
  },
  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
  data() {
    return {
      tabVal: "selp",
      trnName: "bopsel",
      model: new Bopsel().data,
      checkRules: Check,
      defaultRules: Default,
      pattern: Pattern,
      rules: null,
      codes: {
        boptyp: [
        {value:"ALL",label:"全部" },
        {value:"DBA",label:"涉外收入申报单" },
        {value:"DBB",label:"境外汇款申请书"  },
        {value:"DBC",label:"对外付款/承兑通知书"  },
        {value:"DBD",label:"境内收入申报单" },
        {value:"DBE",label:"境内汇款申请书"  },
        {value:"DBF",label:"境内付款/承兑通知书"  },
        {value:"DBJ",label:"结汇申请书"  },
        {value:"DBW",label:"购汇申请书"  },
    ],
   
        dattyp: [
          { label: "按收付汇日期", value: "A" },
          { label: "按经办日期", value: "B" },
        ],
        ptytyp: [
          { label: "对公", value: "C" },
          { label: "对私中国居民", value: "D" },
          { label: "对私非中国居民", value: "F" },
        ],
        medtyp:[
		{label:"票汇",value:"D" },
		{label:"信用证",value:"L" },
		{label:"托收",value:"C" },
		{label:"保函",value:"G" },
		{label:"光票托收",value:"Y" },
		{label:"其他",value:"O" },
		{label:"电汇",value:"T" },
		{label:"支票代收",value:"Z" },
		{label:"信汇",value:"M" },
	],
    staflg:[
        {label:"待确认",value:"P" },
        {label:"待发送",value:"W" },
		{label:"已发送",value:"S" },
        {label:"已撤销",value:"D" },
		{label:"已删除",value:"G" },
		{label:"待修改",value:"E" },
	],
      },
    };
  },
  methods: {
    tabClick() {},
  },
  created: async function () {
    console.log("进入bopsel交易");

    // 查询码表
    getCodetable({ tbl: "BOPTYP", lang: "EN" }).then((res) => {
      if (res.respCode == SUCCESS) {
        this.codes.boptyp = res.data;
      }
    });

    // let rtnmsg = await this.init({});
    // if (rtnmsg.respCode == SUCCESS) {
    //   //TODO 处理数据逻辑
    // } else {
    //   this.$notify.error({ title: "错误", message: "服务请求失败！" });
    // }
    const that = this;
    that.init(that.model).then((res) => {
      //TODO 处理数据逻辑
      that.model = Utils.copyValueFromVO(that.model, res.data);
      //this.$refs.selp.selpHandleSearch();
      //this.$refs.errp.errpHandleSearch();
    });
  },
};
</script>
<style>
.el-tabs .el-tabs__content {
    /* background: #fff; */
    /* padding: 5px; */
  }
</style>