<template> <c-page title="出口信用证查询"> <!-- <div class="eContainer"> --> <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false" > <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick" > <!--PD000035 --> <el-tab-pane label="查询" 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" v-on:select-ety="selectEty" > </c-grid-ety-prompt-dialog> <!-- </div> --> </c-page> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import Detsel from "~/model/Detsel"; import commonProcess from "~/mixin/commonProcess"; import Check from "~/model/Detsel/Check"; import Default from "~/model/Detsel/Default"; import Pattern from "~/model/Detsel/Pattern"; import Sel from "./Sel"; export default { name: "Detsel", components: { "m-sel": Sel, }, provide() { return { root: this, }; }, mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 data() { return { tabVal: "sel", trnName: "detsel", model: new Detsel().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: {...CodeTable}, }; }, methods: { myTabClick(tab) { this.tabClick(tab); /** * do it yourself **/ }, }, created: async function () { console.log("进入detsel交易"); let rtnmsg = await this.init({}); if (rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 this.updateModel(rtnmsg.data); } else { this.$notify.error({ title: "错误", message: "服务请求失败!" }); } }, }; </script> <style> </style>