SwmInfo.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <el-form-item label="报文格式" prop="mt">
          <c-input v-model="model1.mt" placeholder="请输入报文格式" style="width:100%" disabled :code="getCodesByKey('mt')"/>
        </el-form-item>
      </c-col>    
      <c-col :span="24">
        <el-form-item label="映射交易" prop="frm">
          <c-select v-model="model1.frm" placeholder="请选择映射交易" dbCode="ATPTXT" disabled/>
        </el-form-item>
      </c-col>
</c-col>
<c-col :span="12" class="col-right">
  <c-col :span="24">
        <el-form-item label="报文类型" prop="fmt">
          <c-select v-model="model1.fmt" placeholder="请选择报文类型" dbCode="fmt" style="width:100%" disabled/>
        </el-form-item>
      </c-col>
</c-col>
<c-col :span="24">
      <c-paging-table
        :data="swmData"
        :columns="swmColumns"
        :pageNumber="model1.pageNum"
        :pageSize="model1.pageSize"
        :total="model1.total"
        v-on:queryFunc="queryFunc"
        :border="true"
      >
      </c-paging-table>
    </c-col>
  </div>
</template>

<script>
import codes from "~/config/CodeTable";
import { queryById, add, edit, deleteById } from "~/service/manage/swm.js";
export default {
  name: "",
  props: {
    swmModel:Array,
    model1:Object
  },
  data() {
    return {
       swmData: [],
      swmColumns: [
        { label: "报文元素", prop: "tag", width: "auto"},
        { label: "报文元素id", prop: "subtag", width: "auto" },
        { label: "映射模型组", prop: "dstgrp", width: "auto" },
        { label: "映射字段", prop: "dst", width: "auto" },
        { label: "覆盖标识", prop: "ovwflg", width: "auto" },
        { label: "附加映射方法", prop: "met", width: "auto" },
        { label: "指示", prop: "ins", width: "auto" },
        { label: "合并标志", prop: "jonflg", width: "auto" }
      ],
    };
  },
  // created() {
  //   this.onSelect()
  // },
  methods:{
    getCodesByKey(key) { 
      this.swmData=this.swmModel
      return codes[key] || [];
    },
    onChange(){
      this.swmData=this.swmModel;
    },
    onSelect(){
      queryById(this.model1).then((res) => {
        const list = res.data.list;
        this.swmModel=list;
        //this.onChange();
        console.log(list);
        console.log(this.swmModel)
      });
    },
    queryFunc(pageNumber, pageSize) {
      this.model1.pageNum = pageNumber;
      this.model1.pageSize = pageSize;
      this.onSelect();
    },
  },
};
</script>

<style>
</style>