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="8">
              <a-form-item label="客户编号">
                <a-input placeholder="输入客户编号" v-model="queryParam.customerNo"></a-input>
              </a-form-item>
            </a-col>
             <a-col :md="6" :sm="8">
              <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="12">
              <a-form-item label="统一社会信用代码">
                <a-input placeholder="输入统一社会信用代码" v-model="queryParam.orgCode"></a-input>
              </a-form-item>
            </a-col>
            <a-col :md="6" :sm="12">
              <a-form-item label="企业名称">
                <a-input placeholder="输入企业名称" v-model="queryParam.enterpriseName"></a-input>
              </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
                type="primary"
                @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 href="javascript:;" @click="handleDetailBai(record,'融资详细')" v-has="'legalRongzi:look'">查看</a>
          <!-- <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 { legalPersonQueryPersonDetail } from '@/api/ziguanApi'
import { financingState } from '@/data/params'
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',
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
          }
        },{
          title: '融资编号',
          align: 'center',
          dataIndex: 'financingNo'
        },
        {
          title: '业务线编号',
          align: 'center',
          dataIndex: 'businessChannelNo'
        },
        {
          title: '合作平台编号',
          align: 'center',
          dataIndex: 'cooperationPlatformNo'
        },
        {
          title: '客户编号',
          align: 'center',
          dataIndex: 'customerNo'
        },
        {
          title: '客户名称',
          align: 'center',
          dataIndex: 'idCardName'
        },
        {
          title: '统一社会信用代码',
          align: 'center',
          dataIndex: 'orgCode'
        },
        {
          title: '企业名称',
          align: 'center',
          dataIndex: 'enterpriseName'
        },
        {
          title: '用信申请编号',
          align: 'center',
          dataIndex: 'orderNo'
        },
        {
          title: '账单编号',
          align: 'center',
          dataIndex: 'billNo'
        },
        {
          title: '资金方',
          align: 'center',
          dataIndex: 'fundCode',
          customRender: (t, r, index) => {
            for (var i = 0; i < this.dbFund.length; i++) {
              if (t ==this.dbFund[i].name) {
                return this.dbFund[i].title
              }
            }
            // return t
          }
        },
        {
          title: '融资金额',
          align: 'center',
          dataIndex: 'money',
          // customRender: (t, r, index) => {
          //   return this.$fenFormatYuan(t)
          // }
        },
        {
          title: '融资状态',
          align: 'center',
          dataIndex: 'financingState',
          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: 'status',
        //   customRender: (t,r,index)=> {
        //     for(var i=0; i<this.financingState.length; i++){
        //       if(t === Number(this.financingState[i].name)){
        //         return this.financingState[i].title
        //       }
        //     }
        //   }
        // },
        {
          title: '新建时间',
          align: 'center',
          dataIndex: 'createTime'
        },
        {
          title: '更新时间',
          align: 'center',
          dataIndex: 'updateTime'
        },
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: { customRender: 'action' },
          align: 'center',
          width: 150,
          fixed: 'right'
        }
      ],
      url: {
        list: '/financial/admin/legalPerson/financing/queryPage'
      },
      createTime: undefined,
      updateTime: undefined
    }
  },
  computed: {},
  created() {},
  methods: {
    getAvatarView: function(avatar) {
      return this.url.imgerver + '/' + avatar
    },
    handleChangePassword(username) {
      this.$refs.modalForm.show(username)
    },
     // 时间处理
    onChangecreateTime(val, str) {
      this.queryParam.createTimeStart = str[0]||''
      this.queryParam.createTimeEnd = str[1]||''
    },
    onChangeupdateTime(val, str) {
      this.queryParam.updateTimeStart = str[0]||''
      this.queryParam.updateTimeEnd = str[1]||''
    },
    handleEditBai: function(record, title) {
      let _p = { applyNo: record.applyNo }
      legalPersonQueryPersonDetail(_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 }
      legalPersonQueryPersonDetail(_p).then(res => {
        if (res.status.statusCode == 0) {
          this.$refs.modalForm.edit(res.result, 3)
        }
        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)
      // ApprovalApplyByApplyNo(_p).then(res=>{
      //   console.log(res)
      //   if(res.status.statusCode==0){
      //     this.$message.success(res.status.statusReason)
      //   }else{
      //     this.$message.warning(res.status.statusReason)
      //   }
      // });
      this.visible = false
    },
     // 重置
    searchResetTime() {
      this.createTime=undefined
      this.updateTime=undefined
      this.queryParam = {}
      this.loadData(1);
    },
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>