Infsea.vue

<template>
  <div class="eibs-tab">
    <c-list-search @form-reset="handleReset" @form-search="formSubmit">
      <!-- 持续展示区 -->
      <template v-slot="searchSlot">
        <el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px" size="small"
          :model="model">
          <el-row>
            <c-col :span="8">
              <el-form-item label="业务编号" style="width: 100%">
                <c-input v-model="model.ywbh" maxlength="18" placeholder="请输入业务编号"></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="8">
              <el-form-item label="业务品种" style="width: 100%">
                <c-select v-model="model.ywpz" style="width: 100%" placeholder="请选择业务品种" :clearable="true" :code="[]">
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="8">
              <el-form-item label="收费日期" style="width: 100%">
                <c-date-picker type="date" v-model="model.sfrq" style="width:100%"></c-date-picker>
              </el-form-item>
            </c-col>
          </el-row>

          <!-- 可控展示区 -->
          <el-row v-show="searchSlot.searchToggle">
            <c-col :span="24">
              <c-col :span="8">
                <el-form-item label="所属收单行" style="width: 100%">
                  <c-select v-model="model.sssdh" style="width: 100%" placeholder="请选择所属收单行" :clearable="true" :code="[]">
                  </c-select>
                </el-form-item>
              </c-col>
              <c-col :span="8">
                <el-form-item label="客户号" style="width: 100%">
                  <c-input v-model="model.khh" maxlength="18" placeholder="请输入客户号"></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="8">
                <el-form-item label="收费项目" style="width: 100%">
                  <c-input v-model="model.sfxm" maxlength="18" placeholder="请输入收费项目"></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="8">
                <el-form-item label="币种" style="width: 100%">
                  <c-select v-model="model.bz" style="width: 100%" placeholder="请选择所属收单行" dbCode="curtxt">
                  </c-select>
                </el-form-item>
              </c-col>
              <c-col :span="8">
                <el-form-item label="金额区间" style="width: 100%">
                  <c-input v-model="model.jeqj" maxlength="18" placeholder="请输入金额区间"></c-input>
                </el-form-item>
              </c-col>
            </c-col>
          </el-row>
        </el-form>
      </template>
      <template v-slot:extendsRight>
        <c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 2px">
          导出
        </c-button>
      </template>
    </c-list-search>
    <el-col :span="24" style="margin-top: 10px">
      <c-col :span="24">
        <el-table id='infgidBSTableRef' v-loading="load" :data="tableData" style="width:100%" size="small" :border="true"
          height="calc(100vh - 330px)" :highlight-current-row="true">
          <el-table-column label="收费日期" prop="sfrq" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="所属收单行" prop="sssdh" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="业务归属行" prop="ywgsh" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="业务归属行名" prop="ywgshm" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="业务品种" prop="ywpz" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="业务编号" prop="ywbh" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="是否代理" prop="sfdl" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="客户号" prop="khh" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="客户名称" prop="khmc" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="客户中文名称" prop="khzwmc" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="收费项目" prop="sfxm" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="费用描述" prop="fyms" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="收费币种" prop="sfbz" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="收费金额" prop="sfje" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="收费折美元金额" prop="sfzmyje" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="收费折人民币金额" prop="sfzrmbje" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="减免金额" prop="jmje" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="费用承担方" prop="fycdf" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="客户经理姓名" prop="khjlxm" align="left" min-width="150">
          </el-table-column>
          <el-table-column label="客户经理工号" prop="khjlgh" align="left" min-width="150">
          </el-table-column>
        </el-table>
      </c-col>
    </el-col>

  </div>
</template>
<script>
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [],
  components: {
  },
  data() {
    return {
      load: false,
      tableData: [],
    };
  },
  watch: {
    
  },
  computed: {},

  mounted() {
    
  },
  methods: {
    handleReset() {

    },
    formSubmit() {

    },
  }
};
</script>
<style scoped lang="less">
.eibs-tabs /deep/ {
  .m-table-search {
    padding: 20px 0px 10px 0px;
  }
}

.header-wrap {
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title {
    font-size: 16px;
    color: #000;
  }

  .close-btn {
    padding: 3px;
    cursor: pointer;
  }
}

.m-list-btns {
  height: 300px;
  overflow: auto;
}

.medium_bcs {
  border-radius: 5px;
}
</style>