Doctre.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">
      <c-istream-table-docpan 
        :border="true"
        :list="data1"
      >
        <el-table-column label="类型" width="auto">
          <template slot-scope="scope">
            <span>{{ getType(scope.row.index) }}</span>
          </template>
        </el-table-column>
        <el-table-column label="名称" width="auto">
          <template slot-scope="scope">
            <span>{{ model.trnmod.trndoc.doceot[scope.row.index].pandsc }}</span>
          </template>
        </el-table-column>
        <el-table-column label="创建交易" width="auto"></el-table-column>
        <el-table-column label="创建日期" width="auto">
          <template>
            <span>{{ getNow() }}</span>
          </template>
        </el-table-column>
      </c-istream-table-docpan>
    </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">
      <c-istream-table-docpan
        :border="true"
        :list="data2"
      >
        <el-table-column label="类型" width="auto"></el-table-column>
        <el-table-column label="名称" width="auto"></el-table-column>
        <el-table-column label="创建日期" width="auto"></el-table-column>
        <el-table-column label="创建日期" width="auto"></el-table-column>
      </c-istream-table-docpan>
    </c-col>

    
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import moment from 'moment'

export default {
    inject: ['root'],
    mixins: [commonProcess],
    props:["model","codes"],
    data(){
        return {
            data1: [],
            data2: [],
            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: {
        "model.trnmod.trndoc.doceot": {
            handler(val, oldVal) {
                var arr = [];
                let k = 0;
                for (let i = 0; i < val.length; i++) {
                    if (val[i].role != "") {
                        arr[k++] = val[i];
                    }
                }
                this.data1 = arr
            },
            immediate: true
        }
    },
    created:function(){

    }
}
</script>
<style scoped>
.formItemLabel >>> .el-form-item__label{
    text-align: left;
}
</style>