index.vue

<template>
    <div class="eContainer-search">
      <el-form
        :model="model"
        :rules="rules"
        ref="modelForm"
        tokenKey="modelForm"
        :validate-on-rule-change="false"
        label-width="120px"
        size="small"
      >
        <c-content>
          <m-inftrnps :model="model" :codes="codes" ref="inftrnps" @changeModel="changeModel" />
        </c-content>
      </el-form>
    </div>
  </template>
  <script>
  import commonApi from "~/mixin/commonApi";
  import CodeTable from "~/config/CodeTable";
  import Inftrnps from "./Inftrnps";
  import Trnrel from "../model";
  import event from "../event";
  export default {
    name: "Trnrel",
    components: {
      "m-inftrnps": Inftrnps
    },
    mixins: [commonApi, event], 
    provide() {
      return {
        root: this,
      };
    },
    data() {
      return {
        trnName: "trnrel",
        model: new Trnrel().data,
        rules: null,
        codes: {
          dflg: CodeTable.dflg,
          bchtyp: CodeTable.bchtyp,
          usrsort: CodeTable.usrsort,
        },
      };
    },
    methods: {
      // 子组件改变model字段值
      changeModel(val) {
        let { cod } = val;
        this.$set(this.model.atp, 'cod', cod)
      }
    }
  };
  </script>
  <style>
  </style>