WzhTextInfo.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
    <div>
                      <c-col :span="24">
                        <el-table :data="codes.imgvpbsdata" :columns="imgvpbsList.columns" :paginationShow="false" style="width: 100%">
                          <el-table-column label="序号" width="80px">
                            <template slot-scope="scope">
                              {{ scope.$index+1 }}
                            </template>
                          </el-table-column>
                          <el-table-column show-overflow-tooltip v-for="(item, index) in imgvpbsList.columns" :label="item.label" :prop="item.prop" :key="index" :min-width="item.width">
                            <template slot-scope="scope">
                              <span v-if="item.prop==='filetype'">
                                {{ tranType(scope.row.filetype)}}
                              </span>
                              <span v-else-if="item.prop==='sta'">
                                {{ tranSta(scope.row.sta) }}
                              </span>
                              <span v-else>
                                {{ scope.row[item.prop] }}
                              </span>
                          </template>
                          </el-table-column>
                          <el-table-column label="操作" width="140px" fixed="right">
                            <template slot-scope="scope">
                              <c-button type="primary" size="small"
                                @click="showWzhFile(scope.row)" style="margin-right: 10px">显示</c-button>
                            </template>
                          </el-table-column>
                        </el-table>
                      </c-col>
                    </div>
    </c-col>
     <message-view ref="msgView"></message-view>
  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
import Check from "../model/check";
import MessageView from "~/components/business/docpan/views/MessageView";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  components: { MessageView},
  data() {
    return {
     imgvpbsList: {
             columns: [
               { label: "报文标识号", prop: "ftynum",width:"160px" },
               { label: "文件类型", prop: "filetype" ,width:"110px"},
               { label: "影像批次号", prop: "docid" ,width:"320px"},
               { label: "签章文件名称", prop: "sighfilenam",width:"210px"},
               { label: "状态", prop: "sta",width:"90px"},
               { label: "描述", prop: "rstext",width:"110px"}
             ],
             data: []
           },
      dbCodes:{
              filtyp:[],
              srvtxt:[]
            },
    };
  },

	methods: {
     async showWzhFile(row) {
           this.$refs.msgView.showWzhFile(row)
         },
     tranSta(val){
             let valtxt="";
             switch(val){
               case "F":
                 valtxt="已完成";
                 break;
               case "W":
                 valtxt="待处理";
                 break;
             }
             return valtxt;
           },
      tranType(val){
                   let valtxt="";
                   switch(val){
                     case "04":
                       valtxt="保函文本";
                       break;
                     case "30":
                       valtxt="中国光大银行系统内保函业务委托书";
                       break;
                   }
                   return valtxt;
                 },
	},
	mounted() {}
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>