index.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24" style="height: 24px; margin-bottom: 20px">
      <el-form-item
        label="发出面函/报文"
        class="messageLabel"
        label-width="96px"
      ></el-form-item>
    </c-col>
    <c-col :span="24" style="height: 0px">
      <el-divider></el-divider>
    </c-col>
    <c-col :span="24">
      <el-table :border="true" :data="model.trnmod.doctreTableData1">
        <el-table-column label="类型" width="auto" prop="rol"></el-table-column>
        <el-table-column label="名称" width="auto" prop="pandsc"></el-table-column>
        <el-table-column label="创建交易" width="auto" prop="inifrm"></el-table-column>
        <el-table-column label="创建日期" width="auto" prop="credat"></el-table-column>
      </el-table>
    </c-col>

    <c-col
      :span="24"
      style="height: 24px; margin-top: 20px; margin-bottom: 20px"
    >
      <el-form-item
        label="前置面函/报文"
        class="messageLabel"
        label-width="96px"
      ></el-form-item>
    </c-col>
    <c-col :span="24" style="height: 0px">
      <el-divider></el-divider>
    </c-col>
    <c-col :span="24">
      <el-table :border="true" :data="model.trnmod.doctreTableData2">
        <el-table-column label="类型" width="auto" prop="rol"></el-table-column>
        <el-table-column label="名称" width="auto" prop="pandsc"></el-table-column>
        <el-table-column label="创建交易" width="auto" prop="inifrm"></el-table-column>
        <el-table-column label="创建日期" width="auto" prop="credat"></el-table-column>
      </el-table>
    </c-col>
  </div>
</template>
<script>
import moment from 'moment';

export default {
  inject: ['root'],
  mixins: [],
  props: ['model', 'codes'],
  data() {
    return {
      isShow1: false,
      isShow2: false,
      aDisabled: true,
      atoDisabled: true,
      delDisabled: true,
      data: [
        {
          label: '中国光大银行',
          children: [{ label: "'企业当前管理信息'via" }],
        },
        {
          label: 'Internal',
          children: [{ label: "'收账通知'via" }],
        },
      ],
    };
  },
  methods: {
    // getType(idx) {
    //   for (let i = 0; i < this.codes.doceotCortyp.length; i++) {
    //     const c = this.codes.doceotCortyp[i];
    //     if (this.model.trnmod.trndoc.doceot[idx].cortyp === c.value) {
    //       return c.label;
    //     }
    //   }
    //   return '';
    // },
    getNow() {
      return moment().format('yyyy-MM-DD');
    },
    handleNodeClick(data) {
      if (!data.children) {
        //如果没有叶子节点 ，按钮置灰
        this.atoDisabled = false;
        this.delDisabled = false;
      } else {
        this.atoDisabled = true;
        this.delDisabled = true;
      }
    },
    defaultProps() {},
    async onTrndocButshw() {
      let rtnmsg = await this.executeRule('trndoc.butshw');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
    async onTrndocButadd() {
      let rtnmsg = await this.executeRule('trndoc.butadd');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
    async onTrndocButnew() {
      let rtnmsg = await this.executeRule('trndoc.butnew');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
    async onTrndocButattto() {
      let rtnmsg = await this.executeRule('trndoc.butattto');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
    async onTrndocButdel() {
      let rtnmsg = await this.executeRule('trndoc.butdel');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
    async onTrndocButatt() {
      let rtnmsg = await this.executeRule('trndoc.butatt');
      if (rtnmsg.respCode == SUCCESS) {
        //TODO 处理数据逻辑
      } else {
        this.$notify.error({ title: '错误', message: '服务请求失败！' });
      }
    },
  },
  watch: {},
  created () {
    console.log('====11', this.model)
  },
};
</script>
<style scoped>
.formItemLabel >>> .el-form-item__label {
  text-align: left;
}
</style>