<template>
  <div class="eibs-tab">
    <c-col :span="24">
    <div>
                        <c-col :span="24">
                            <el-table :data="codes.imgdata" :columns="imgList.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 imgList.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="showYptImg(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 {
     imgList: {
              columns: [
                { label: "流水号", prop: "ftynum",width:"160px" },
                { label: "mftcusid", prop: "mftcusid",width:"120px" },
                { label: "文件类型", prop: "filetype" ,width:"180px"},
                { label: "安心签编号", prop: "axqno",width:"180px"},
                { label: "文件名称", prop: "filename",width:"210px"},
                { label: "签章文件名称", prop: "sighfilenam",width:"210px"},
                 { label: "状态", prop: "sta",width:"90px"},
                 { label: "描述", prop: "rstext",width:"120px"}
              ],
              data: []
            },
      dbCodes:{
              filtyp:[],
              srvtxt:[]
            },
    };
  },

	methods: {
     async showYptImg(row){
           this.$refs.msgView.showYptImg(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>