picc / admin-no-ui · Files

j<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="12">
            <a-form-item label="业务线">
              <a-select placeholder="请选择业务线" v-model="queryParam.businessChannelNo">
                <a-select-option v-for="(item, index) in dbBusinessChannel" :key="index" :value="item.name">{{
                  item.title
                }}</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="12">
            <a-form-item label="合作平台">
              <a-select placeholder="请选择合作平台" v-model="queryParam.cooperationPlatformNo">
                <a-select-option v-for="(item, index) in dbCooPerationPlatform" :key="index" :value="item.name">{{
                  item.title
                }}</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
            <a-form-item label="资金方" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-select placeholder="请选择资金方" v-model="queryParam.fundCode">
                <a-select-option v-for="(item, index) in dbFund" :key="index" :value="item.name">{{
                  item.title
                }}</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
            <a-col :md="6" :sm="12">
              <a-form-item label="客户编号">
                <a-input placeholder="输入客户编号" v-model="queryParam.customerNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="12">
              <a-form-item label="身份证号">
                <a-input placeholder="输入身份证号" v-model="queryParam.idCardNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="用信申请编号">
                <a-input placeholder="输入用信申请编号" v-model="queryParam.orderNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="融资状态">
                <a-select v-model="queryParam.financingState" placeholder="请选择">
                  <a-select-option v-for="(item, index) in financingState" :key="index" :value="item.value">{{
                    item.label
                  }}</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>

            <!-- <a-col :md="6" :sm="8">
              <a-form-item label="进件来源">
                <a-select v-model="queryParam.applyWay" placeholder="请选择">
                  <a-select-option v-for="(item, index) in applyWayStatus" :key="index" :value="item.name">
                    {{item.title}}
                  </a-select-option>
                </a-select>
              </a-form-item>
            </a-col>-->
            <a-col :md="6" :sm="8">
              <a-form-item label="帐单编号">
                <a-input placeholder="输入帐单编号" v-model="queryParam.billNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="8">
              <a-form-item label="融资编号">
                <a-input placeholder="输入帐单编号" v-model="queryParam.financingNo"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="12" :sm="12">
              <a-form-item label="创建时间" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                <a-range-picker showTime v-model="createTime"  @change="onChangecreateTime">
                  
                </a-range-picker>
              </a-form-item>
            </a-col>
           
            <a-col :md="12" :sm="8">
              <a-form-item label="修改时间" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
                <a-range-picker showTime  v-model="updateTime"  @change="onChangeupdateTime">
                  
                </a-range-picker>
              </a-form-item>
            </a-col>
           
          </template>
          <a-col :md="6" :sm="8">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
              <a-button @click="searchResetTime" icon="reload" style="margin-left: 8px">重置</a-button>
              <a @click="handleToggleSearch" style="margin-left: 8px">
                {{ toggleSearchStatus ? '收起' : '展开' }}
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
              </a>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- table区域-begin -->
    <div>
      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :scroll="{ x: 2200 }"
        @change="handleTableChange"
      >
        <!-- 字符串超长截取省略号显示-->
        <span slot="esContent" slot-scope="text">
          <j-ellipsis :value="text" :length="10" />
        </span>

        <span slot="action" slot-scope="text, record">
          <a-button type="link" size="small"   @click="handleDetailBai(record, '融资详细')" v-has="'personalRongZi:look'" icon="search" style="font-size: 12px"
            >查看</a-button
          >
          <!-- <a-divider type="vertical" /> -->
          <!-- <a @click="handleEditBai(record,'修改个人进件信息')">修改</a>
          <a-divider v-if="record.status==6 || record.status==8"  type="vertical" />
          <a v-if="record.status==6 || record.status==8" @click="handleApply(record)">申请</a>-->
        </span>
      </a-table>
    </div>
    <!-- table区域-end -->
    <personal-information-list-modal ref="modalForm" @ok="modalFormOk"></personal-information-list-modal>
    <div>
      <a-modal title="确认审批申请" v-model="visible" @ok="handleOk">
        <p style="padding:10px 0 0 40px;">你确定要提交该笔授信审批申请吗？</p>
      </a-modal>
    </div>
  </a-card>
</template>
<script>
import PersonalInformationListModal from './modules/PersonalInformationListModal'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import { queryPersonDetail } from '@/api/ziguanApi'
import { financingState } from '@/data/params'
import { getAllFundList } from '@/api/configApi'
export default {
  name: 'personalInformationList',
  mixins: [JeecgListMixin],
  components: {
    PersonalInformationListModal
  },
  data() {
    return {
      importExcelUrl: `${window._CONFIG['domianURL']}/test/jeecgDemo/importExcel`,
      description: '这是用户管理页面',
      queryParam: {},
      financingState: financingState,
      applyWayStatus: JSON.parse(sessionStorage.getItem('APPLYWAYSTATUS')),
      dbCooPerationPlatform: JSON.parse(sessionStorage.getItem('DB_COOPERATION_PLATFORM')),
      dbBusinessChannel: JSON.parse(sessionStorage.getItem('DB_BUSINESS_CHANNEL')),
      dbFund: JSON.parse(sessionStorage.getItem('DBFUND')), // 资金方
      visible: false,
      dateFormat: 'YYYY-MM-DD 00:00:00',
      value: [],
      applyNo: '',
      columns: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          width:55,
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
          }
        },
         {
          title: '融资编号',
          align: 'center',
          dataIndex: 'financingNo',
          width:300,
        },
        {
          title: '业务线编号',
          align: 'center',
          dataIndex: 'businessChannelNo',
          width:200,
        },
        {
          title: '客户编号',
          align: 'center',
          dataIndex: 'customerNo',
          width:200,
        },
        {
          title: '客户名称',
          align: 'center',
          dataIndex: 'idCardName',
          width:300,
        },
        {
          title: '组织机构',
          align: 'center',
          dataIndex: 'businessDepartmentNm',
          width:200,
        },
        {
          title: '身份证号',
          align: 'center',
          dataIndex: 'idCardNoView',
          width:180,
        },
        // {
        //   title: '企业名称',
        //   align: 'center',
        //   dataIndex: 'enterpriseName'
        // },
        {
          title: '用信申请编号',
          align: 'center',
          dataIndex: 'orderNo',
          width:300,
        },
        {
          title: '账单编号',
          align: 'center',
          dataIndex: 'billNo',
          width:300,
        },
        {
          title: '资金方',
          align: 'center',
          dataIndex: 'fundCode',
          width:200,
          customRender: (t, r, index) => {
            for (var i = 0; i < this.ziList.length; i++) {
              if (t == this.ziList[i].fundNo) {
                return this.ziList[i].fundName
              }
            }
          }
        },
        {
          title: '融资金额',
          align: 'center',
          dataIndex: 'money',
          width:200,
          customRender: (t, r, index) => {
            return this.$numMoney(t)
          }
        },
        {
          title: '融资状态',
          align: 'center',
          dataIndex: 'financingState',
          width:120,
          customRender: (t, r, index) => {
            for (var i = 0; i < this.financingState.length; i++) {
              if (t == this.financingState[i].value) {
                return this.financingState[i].label
              }
            }
          }
        },
        {
          title: '新建时间',
          align: 'center',
          dataIndex: 'createTime',
          width:200,
        },
        {
          title: '更新时间',
          align: 'center',
          dataIndex: 'updateTime',
          width:200,
        },
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 150,
          fixed: 'right'
        }
      ],
      url: {
        list: '/funding/admin/person/financing/queryPage'
      },
      createTime: undefined,
      updateTime: undefined,
      ziList:[]
    }
  },
  computed: {},
  created() {},
  mounted () {
    this.getGetAllFundList()
  },
  methods: {
    getAvatarView: function(avatar) {
      return this.url.imgerver + '/' + avatar
    },
    getGetAllFundList() {
      getAllFundList().then(res => {
        if (res.status.statusCode == 0) {
          localStorage.setItem("zList",JSON.stringify(res.result))
          this.ziList = res.result
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
    },
    handleChangePassword(username) {
      this.$refs.modalForm.show(username)
    },
    // 时间处理
    onChangecreateTime(val, str) {
      this.queryParam.createTimeStart = str[0]||''
      this.queryParam.createTimeEnd = str[1]||''
    },
    onChangeupdateTime(val, str) {
      console.log(this.updateTime)
      this.queryParam.updateTimeStart = str[0]||''
      this.queryParam.updateTimeEnd = str[1]||''
    },
    handleEditBai: function(record, title) {
      let _p = { applyNo: record.applyNo }
      queryPersonDetail(_p).then(res => {
        if (res.status.statusCode == 0) {
          this.$refs.modalForm.edit(res.result, record.applyNo)
        }
        if (res.status.statusCode === -1) {
          this.$message.warning(res.status.statusReason)
        } else {
          this.$message.warning(res.status.statusReason)
        }
      })
      this.$refs.modalForm.title = title
      this.$refs.modalForm.disableSubmit = false
      this.$refs.modalForm.onlyread = true
    },
    handleDetailBai: function(record, title) {
      let _p = { fundNo: record.fundCode, id: record.id }
      queryPersonDetail(_p).then(res => {
        if (res.status.statusCode == 0) {
          console.log(res.result)
          this.$refs.modalForm.edit(res.result, '1')
        }
        if (res.status.statusCode === -1) {
          this.$message.warning(res.status.statusReason)
        }
      })
      this.$refs.modalForm.title = title
      this.$refs.modalForm.disableSubmit = true
      this.$refs.modalForm.onlyread = true
    },
    handleApply(record) {
      this.applyNo = record.applyNo
      this.visible = true
    },
    handleOk(e) {
      console.log(e)
      let _p = { applyNo: this.applyNo }
      console.log(_p)

      this.visible = false
    },
    // 重置
    searchResetTime() {
      this.createTime=undefined
      this.updateTime=undefined
      console.log(111)
      this.queryParam = {}
      this.loadData(1);
    },

  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>