Limp1.vue

<template>
  <div class="eibs-tab">
         <el-form :model="model" :rules="rules" ref="limp1Form" label-width="120px" label-position="right" size="small"
        :validate-on-rule-change="false"> 
        <c-col :span="8">
        <el-form-item label="业务编号" prop="limpan.gjownref">
            <c-input v-model="model.limpan.gjownref" maxlength="40" placeholder="请输入业务编号">
            </c-input>
        </el-form-item>
       </c-col>
        	<c-col :span="8">
						<el-form-item label="起始日期"  style="width: 100%">
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.limpan.begdat" style="width: 100%" placeholder="请选择起始日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
							<c-col :span="2" style="text-align: center">
								<label style="display: inline-block; width: 100%">-</label>
							</c-col>
							<c-col :span="11">
								<c-date-picker type="date" v-model="model.limpan.enddat" style="width: 100%" placeholder="请选择截止日期" value-format="yyyy-MM-dd"></c-date-picker>
							</c-col>
						</el-form-item>
					</c-col>
       
     <c-col :span="6">
        <el-form-item label="" prop="limpan.seabut">
          <c-button size="medium" type="primary" style="margin-left: 50px" @click="handleSearch1">查询流水
          </c-button>
        </el-form-item>
       </c-col>
    <div style="height: 90%">
      <c-col :span="24">
        <el-table id='infgidSpTableRef1' :data="feptableData1" :highlight-current-row="true" :border="true" style="width:100%" size="medium">
          <el-table-column label="客户ECIF号" prop="ecifno" width="120" align="left">
          </el-table-column>
          <el-table-column label="客户名称" prop="ecifname" width="180" align="left">
          </el-table-column>
          <el-table-column label="额度类型" prop="tbxx01" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx01,"LIMTYP") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="额度编号" prop="tbxx02" width="140" align="left">
          </el-table-column>
          <el-table-column label="额度明细编号" prop="tbxx03" width="120" align="left">
          </el-table-column>
          <el-table-column label="授信品种" prop="tbxx04" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx04,"LMSTXT") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="额度产品币种" prop="tbxx05" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx05,"CURKEY") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="额度产品状态" prop="tbxx06" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx06,"LIMSTA") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="合同号" prop="tbxx07" width="160" align="left">
          </el-table-column>
          <el-table-column label="借据号" prop="tbxx08" width="160" align="left">
          </el-table-column>
          <el-table-column label="票据号" prop="tbxx09" align="left">
          </el-table-column>
          <el-table-column label="柜员号" prop="tbxx10" align="left">
          </el-table-column>
          <el-table-column label="额度操作类型" prop="tbxx11" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx11,"CAOZBZ") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="操作金额" prop="tbxx12" width="120" align="left">
          </el-table-column>
          <el-table-column label="操作币种" prop="tbxx13" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx13,"CURKEY") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="操作时间" prop="tbxx14" width="150" align="left">
          </el-table-column>
          <el-table-column label="原因" prop="tbxx15" width="180" align="left">
          </el-table-column>
          <el-table-column label="业务编号" prop="tbxx16" width="160" align="left">
          </el-table-column>
          <el-table-column label="业务场景" prop="tbxx17" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx17,"YWCJ") }}
              </span>
            </template>
          </el-table-column>
          <el-table-column label="业务余额" prop="tbxx18" width="120" align="left">
          </el-table-column>
          <el-table-column label="占用余额" prop="tbxx19" width="120" align="left">
          </el-table-column>
          <el-table-column label="业务品种" prop="tbxx20" align="left">
            <template slot-scope="scope">
               <span> {{getCodelabel(scope.row.tbxx20,"LMSTXT") }}
              </span>
            </template>
          </el-table-column>
        </el-table>
        	<el-pagination layout="prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum"
						@current-change="currentChange">
					</el-pagination>
      </c-col>
    </div>
    </el-form>
     </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event";
import Check from "../model/check";

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [event,Check],
    data(){
        return {
        feptableData1:[],
        markOrgList: [],
        pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      },
        }
    },
    computed: {
    columns() {
      return this.tableColumns.filter(item => item.isShow);
    },
  },
    methods:{
      formSubmit() {
      this.handleSearch();
    },
    async currentChange(num) {
      this.pagination.pageNum = num;
      this.formSubmit();
    },
      getCodelabel(value,codenam) {
      const codeobj = this.model.dbCodes[codenam].find(obj => obj.value === value)
      return codeobj ? codeobj.label : value;
      }
    },
      mounted() {
    this.getdbCode('LIMTYP','CN','LIMTYP');
    this.getdbCodeValue("CURKEY", "CN", "CURKEY");
    this.getdbCode("LIMSTA", "CN", "LIMSTA");
    this.getdbCode("LMSTXT", "CN", "LMSTXT");
    this.getdbCode("YWCJ", "CN", "YWCJ");
    this.getdbCode("CAOZBZ", "CN", "CAOZBZ");
      },
    created:function(){

    }
}
</script>
<style>

</style>