<template>
|
<div class="rentClass rentAddClass">
|
<Card v-if="componentsType != 'noTitle'">
|
<div class="customTitle">
|
<Icon custom="custom custom-dulidanbaopin"></Icon>
|
<span style="margin-left: 6px;">银行借款</span>
|
</div>
|
</Card>
|
<Card style="margin-top: 12px">
|
<div class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px">
|
<Select v-model="rentPeople" style="width:150px;padding-right: 12px" size="large"
|
@on-select="bankSelect" @on-change='bankChange'>
|
<Option value="0">全部</Option>
|
<Option value="1">融资人</Option>
|
<Option value="2">借款银行</Option>
|
<Option value="3">起始日期</Option>
|
<Option value="4">截止日期</Option>
|
</Select>
|
<Poptip v-if="rentPeople == '0' || rentPeople == '1' || rentPeople == '2'" trigger="focus"
|
placement="bottom-start" transfer>
|
<Input v-model="rentSearch" size="large" style="width: 300px;margin-right: 12px" placeholder=""></Input>
|
<Checkbox v-model="IsSubName" v-if="rentPeople == '1'">含下属公司</Checkbox>
|
<!-- :disabled="rentSearch.length== '0'" -->
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList && optionsList.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList" :key="index" @click="rentSearchChange(item)"
|
class="clearfix" style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Poptip v-if="rentPeople == '3' || rentPeople == '4'" trigger="focus" placement="bottom-start" transfer>
|
<!-- <DatePicker type="date" size="large" v-model="rentSearch" format="yyyy-MM-dd" placeholder="请选择时间"
|
style="width: 300px" /> -->
|
<DatePicker clearable :options="optionsboardingTime2" size="large" v-model="rentSearch"
|
type="daterange" placeholder="请选择时间" style="width: 300px" class="ipt_width"></DatePicker>
|
</Poptip>
|
<Button size="large" icon="ios-search" type="primary" style="margin-left:12px;margin-right: 12px"
|
@click="searchClick">搜索
|
</Button>
|
<span style="border-bottom: 1px solid #4A8AF4;color: #4A8AF4;cursor: pointer;"
|
@click="seniorSearchClick">高级搜索</span>
|
</div>
|
|
<div class="rentScrollOut" style="margin-top: 12px">
|
<!-- <Table ref="rentList" border :columns="rentColumns" :data="rentList" :loading="loadingRent"
|
:max-height="componentsType != 'noTitle' ? 600 : 400">
|
</Table> -->
|
<Table ref="BorrowingdetailsList1" border :columns="rentColumns" :data="rentList" :loading="loadingRent"
|
:max-height="600">
|
<template slot="Financier" slot-scope="params">
|
<span>{{ params.row.Financier }}</span>
|
<Poptip trigger="hover" placement="bottom" transfer
|
v-if="params.row.OriginalName && params.row.OriginalName.length > 0">
|
<!-- <div style="cursor: pointer;text-align: center;width: 60px;height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;white-space: nowrap"> -->
|
<Tag color="gold" style="font-size: 12px;position:relative;left: 2px;cursor: pointer;">曾用名
|
</Tag>
|
<!-- </div> -->
|
<ul slot="content" style="width: 400px;">
|
<li v-for="(item, index) in params.row.OriginalName" :key="index" class="clearfix"
|
style="padding: 2px 2px;">
|
<span>{{ index + 1 }}.</span>
|
<span
|
style="border-bottom: 1px solid #8B8989;display: inline-block;margin-left: 2px">{{
|
item
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex" :total="TotalItems" :page-size="20" style="text-align: right"
|
@on-change="changePageIndex" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</Card>
|
<Modal v-model="rentSeniorSearch" footer-hide width="450" sticky reset-drag-position :mask="true" draggable
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-sousuo" style="margin-right: 10px;"></Icon>
|
<span>高级搜索</span>
|
</p>
|
<Form class="rentTableClass" :model="seniorSearch" :show-message="false" ref="seniorSearch"
|
:rules="seniorSearchValidate" style="margin-bottom: 12px">
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">融资人</label>
|
<FormItem prop="Financier" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="seniorSearch.Financier" size="large" class="ipt_width"
|
@on-change="remoteManMethod" placeholder="请输入融资人"></Input>
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList2 && optionsList2.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList2" :key="index" @click="FinancierChange(item)"
|
class="clearfix" style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<Checkbox v-model="IsSubName"
|
>含下属公司</Checkbox>
|
<!-- :disabled=seniorSearch.Financier.length == 0 -->
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">是否上市</label>
|
<FormItem prop="Listing" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Select v-model="seniorSearch.Listing" size="large" class="ipt_width">
|
<!-- <Option value="沪深上市">沪深上市</Option>
|
<Option value="新三板企业">新三板企业</Option>
|
<Option value="否">否</Option> -->
|
<Option v-for="item in listingList" :value="item.value" :key="item.value">{{ item.label
|
}}</Option>
|
</Select>
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">是否发债</label>
|
<FormItem prop="IssueBonds" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Select v-model="seniorSearch.IssueBonds" size="large" class="ipt_width">
|
<!-- <Option value="是">是</Option>
|
<Option value="否">否</Option> -->
|
<Option v-for="item in IssueBondsList" :value="item.value" :key="item.value">{{
|
item.label
|
}}</Option>
|
</Select>
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">地区</label>
|
<FormItem prop="Area" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<Select v-model="seniorSearch.Area" class="ipt_width" multiple size="large">
|
<Option v-for="item in areaList" :value="item.value" :key="item.value">{{ item.label
|
}}</Option>
|
</Select>
|
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">行业</label>
|
<FormItem prop="Industry" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
|
<Select v-model="seniorSearch.Industry" class="ipt_width" multiple size="large">
|
<Option v-for="item in industryDataList" :value="item.value" :key="item.value">{{ item.label
|
}}</Option>
|
</Select>
|
|
</FormItem>
|
</div>
|
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">融资金额</label>
|
<FormItem prop="FinancingAmount" style="width:calc(100% - 100px)!important;">
|
<!-- @on-select="chooseFinancingAmount"> -->
|
<Select v-model="seniorSearch.FinancingAmount" size="large" class="ipt_width"
|
placeholder="请输入融资金额(元)">
|
<Option value="全部">全部</Option>
|
<Option value="100万以下">100万以下</Option>
|
<Option value="100万~1000万">100万~1000万</Option>
|
<Option value="1000万~5000万">1000万~5000万</Option>
|
<Option value="5000万~1亿">5000万~1亿</Option>
|
<Option value="1亿以上">1亿以上</Option>
|
</Select>
|
</FormItem>
|
</div>
|
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">起始日期</label>
|
<FormItem prop="boardingTime2" style="width:calc(100% - 100px)!important;">
|
<Col span="24">
|
<DatePicker :options="optionsboardingTime2" clearable size="large" @on-change="startTimeDate"
|
v-model="seniorSearch.boardingTime2" type="daterange" placeholder="请选择起始日期"
|
style="width: 100%" class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">截止日期</label>
|
<FormItem prop="expirationTime2" style="width:calc(100% - 100px)!important;">
|
<Col span="24">
|
<DatePicker clearable :options="optionsexpirationTime2" size="large" @on-change="endTimeDate"
|
v-model="seniorSearch.expirationTime2" type="daterange" placeholder="请选择截止日期"
|
style="width: 100%" class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 24px">
|
<label
|
style="width:100px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">借款银行</label>
|
<FormItem prop="DebitBank" style="width:calc(100% - 100px)!important;" class="rentmanClass">
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.DebitBank" size="large" class="ipt_width"
|
placeholder="请输入借款银行"></Input>
|
</Poptip>
|
</FormItem>
|
</div>
|
<div style="width: 200px;margin:24px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;margin-bottom: 12px"
|
type="primary" @click="confirmSenior('seniorSearch')">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;margin-bottom: 12px"
|
type="error" @click="rentSeniorSearch = false">取消
|
</Button>
|
</div>
|
</Form>
|
</Modal>
|
</div>
|
</template>
|
|
<script>
|
import axios from '@/libs/api.request'
|
import $ from 'jquery'
|
|
export default {
|
name: 'bankMarket',
|
props: {
|
componentsType: {
|
type: String,
|
default: ''
|
},
|
companyName: {
|
type: String,
|
default: ''
|
},
|
topInput: {
|
type: String,
|
default: ''
|
},
|
createTime: {
|
type: String,
|
default: ''
|
}
|
|
},
|
components: {},
|
data() {
|
return {
|
isFinancierSubCompany: false,
|
IsSubName: false,
|
gjss: false,
|
bondsIssuance: '',
|
provinceListParams: [],
|
provinceList: [],
|
industryDataList: [
|
{ label: '建筑材料', value: '建筑材料' },
|
{ label: '食品饮料', value: '食品饮料' },
|
{ label: '家用电器', value: '家用电器' },
|
{ label: '农林牧渔', value: '农林牧渔' },
|
{ label: '汽车', value: '汽车' },
|
{ label: '电子', value: '电子' },
|
{ label: '机械设备', value: '机械设备' },
|
{ label: '有色金属', value: '有色金属' },
|
{ label: '公用事业', value: '公用事业' },
|
{ label: '银行', value: '银行' },
|
{ label: '通信', value: '通信' },
|
{ label: '钢铁', value: '钢铁' },
|
{ label: '商贸零售', value: '商贸零售' },
|
{ label: '非银金融', value: '非银金融' },
|
{ label: '计算机', value: '计算机' },
|
{ label: '纺织服饰', value: '纺织服饰' },
|
{ label: '建筑装饰', value: '建筑装饰' },
|
{ label: '基础化工', value: '基础化工' },
|
{ label: '交通运输', value: '交通运输' },
|
{ label: '国防军工', value: '国防军工' },
|
{ label: '电力设备', value: '电力设备' },
|
{ label: '医药生物', value: '医药生物' },
|
{ label: '房地产', value: '房地产' },
|
{ label: '轻工制造', value: '轻工制造' },
|
{ label: '综合', value: '综合' },
|
{ label: '社会服务', value: '社会服务' },
|
{ label: '传媒', value: '传媒' },
|
{ label: '煤炭', value: '煤炭' },
|
{ label: '石油石化', value: '石油石化' },
|
{ label: '环保', value: '环保' },
|
{ label: '美容护理', value: '美容护理' },
|
],
|
listingList: [],
|
IssueBondsList: [],
|
areaList: [],
|
pageSize: 30,
|
arrlength: 9,
|
clickend: true,
|
clickNum: 0,
|
loading_in: false,
|
optionsexpirationTime2: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsboardingTime2: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsexpirationTime: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
optionsboardingTime: {
|
shortcuts: [
|
{
|
text: '最近半年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 / 2
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近半年');
|
}
|
},
|
{
|
text: '最近一年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近一年');
|
}
|
},
|
{
|
text: '最近三年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 3
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近三年');
|
}
|
},
|
{
|
text: '最近五年',
|
value() {
|
let a = new Date().getTime()
|
let b = 365 * 24 * 60 * 60 * 1000 * 5
|
let c = a - b
|
let d = new Date()
|
c = new Date(c)
|
return [c, d]
|
},
|
onClick: (picker) => {
|
// this.$Message.info('最近五年');
|
}
|
}
|
]
|
},
|
diffList: [],
|
rentMonitoring: false,
|
tabsec2: 'tab0',
|
searchLoading: false,
|
optionsList: [],
|
optionsList2: [],
|
optionsList3: [],
|
optionsList4: [],
|
optionsList5: [],
|
rentCheckDetail: false,
|
defaultassetsmode: false,
|
pageIndex: 1, // 当前页
|
TotalItems: 0, // 总条数
|
rentPeopleList: [], // 租赁数据
|
rentPeople: '0', // 租赁model
|
rentSearch: '', // 租赁搜索框model
|
financingAmount: '', // 融资金额model
|
locationModel: '', // 位置model
|
sizeAll: '', // 类型
|
boardingTime: '', // 登记时间
|
expirationTime: '', // 全部时间
|
boardingTime2: '', // 登记时间
|
expirationTime2: '', // 全部时间
|
industry: '', // 全部行业
|
loadingRent: false,
|
rentList: [],
|
rentSeniorSearch: false,
|
seniorSearchBackup: {},
|
seniorSearch: {
|
Financier: '',
|
Listing: '',
|
IssueBonds: '',
|
Area: '',
|
Industry: '',
|
FinancingAmount: '',
|
DebitBank: '',
|
boardingTime2: '',
|
expirationTime: '',
|
},
|
checkTableLists: [],
|
seniorSearchValidate: {
|
Financier: [
|
{ required: true, trigger: 'change' }
|
],
|
Listing: [
|
{ required: true, trigger: 'change' }
|
],
|
IssueBonds: [
|
{ required: true, trigger: 'change' }
|
],
|
Area: [
|
{ required: true, trigger: 'change' }
|
],
|
Industry: [
|
{ required: true, trigger: 'change' }
|
],
|
FinancingAmount: [
|
{ required: true, trigger: 'change' }
|
],
|
DebitBank: [
|
{ required: true, trigger: 'change' }
|
],
|
boardingTime2: [
|
{ required: true, trigger: 'change', type: 'date' }
|
],
|
expirationTime: [
|
{ required: true, trigger: 'change', type: 'date' }
|
],
|
},
|
checkId: 0,
|
arrLength1: false,
|
arrLength2: false,
|
arrLength3: false,
|
arrLength4: false,
|
loading_report: false,
|
InitialRegT: false,
|
ChangeRegT: false,
|
OutlookRegT: false,
|
LogoutRegT: false,
|
TabList: [],
|
clickDownFile: '',
|
arrListLength: false,
|
opreateTime: 0,
|
TotalPages: 0,
|
firstBool: true,//是否第一次请求
|
searchChange: 1,
|
confirmSeniorFirst: 0,
|
searchClickFirst: 0,
|
getRentListFirst: 0,
|
areaCascaderValue: [],
|
|
}
|
},
|
mounted() {
|
// if (this.componentsType == 'noTitle') {
|
// this.rentPeople = '2'
|
// this.rentSearch = this.companyName
|
// this.pageSize = 10
|
// } else {
|
// this.rentPeople = '0'
|
// }
|
this.yearnogo = false
|
let a = new Date('2022')
|
this.areaTime = a
|
this.getAreaList()
|
this.getRentList()
|
this.GetBankLoanFieldVals('listing')
|
this.GetBankLoanFieldVals('IssueBonds')
|
// this.GetBankLoanFieldVals('Industry')
|
|
},
|
watch: {
|
tabsec2(data) {
|
this.$nextTick(() => {
|
$('.rentScroll').animate({ scrollTop: 0 }, 'slow')
|
})
|
},
|
// checkTableLists(){
|
// if(this.checkTableLists.length>9){
|
// $('.timelong').css({'width':'720px'})
|
// }
|
// }
|
// 'seniorSearch.Financier': {
|
// handler(newName, oldName) {
|
// this.seniorSearch.Financier = newName
|
// this.remoteManMethod()
|
// },
|
// }
|
},
|
created() {
|
this.$watch('rentSearch', this.debounce((newQuery) => {
|
// newQuery为输入的值
|
console.log(newQuery);
|
|
this.rentSearch = newQuery
|
this.remoteMethod()
|
}, 200))
|
// this.$watch('seniorSearch.Financier', this.debounce2((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.Financier = newQuery
|
// this.remoteManMethod()
|
// }, 200))
|
// this.$watch('seniorSearch.Financier', this.debounce2((newQuery) => {
|
// // newQuery为输入的值
|
// console.log(newQuery);
|
// this.seniorSearch.Financier = newQuery
|
// this.remoteManMethod()
|
// }, 200))
|
// this.$watch('seniorSearch.Financier', this.debounce3((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.Financier = newQuery
|
// this.remoteManMethod()
|
// // this.remoteleaserMethod()
|
// }, 200))
|
// this.$watch('seniorSearch.tenantAbode', this.debounce4((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.tenantAbode = newQuery
|
// this.tenantsResidence()
|
// }, 200))
|
},
|
methods: {
|
GetBankLoanFieldVals(params) {
|
let data = {
|
fieldName: params
|
}
|
axios.request({
|
url: '/bankyj/GetBankLoanFieldVals',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
if (params == 'listing') {
|
for (let i = 0; i < res.data.Data.length; i++) {
|
this.listingList.push({ label: res.data.Data[i], value: res.data.Data[i] })
|
}
|
} else if (params == 'IssueBonds') {
|
for (let i = 0; i < res.data.Data.length; i++) {
|
this.IssueBondsList.push({ label: res.data.Data[i], value: res.data.Data[i] })
|
}
|
} else if (params == 'Industry') {
|
for (let i = 0; i < res.data.Data.length; i++) {
|
this.industryDataList.push({ label: res.data.Data[i], value: res.data.Data[i] })
|
}
|
}
|
|
}
|
else {
|
|
}
|
}, res => {
|
|
})
|
},
|
bankSelect(e) {
|
this.rentSearch = ''
|
console.log('s', e);
|
},
|
bankChange(e) {
|
this.IsSubName = false
|
// console.log('c', e);
|
},
|
getAreaList() {
|
this.areaList = []
|
let area = []
|
let data = {
|
year: this.areaTime.getFullYear()
|
}
|
axios.request({
|
url: '/CityInvestment/GetAreaCascader',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
area = JSON.parse(JSON.stringify(res.data.Data))
|
for (let i = 0; i < res.data.Data.length; i++) {
|
this.areaList.push({ value: res.data.Data[i].value, label: res.data.Data[i].label })
|
}
|
// this. = this.getTreeData(area)
|
}
|
else {
|
|
}
|
}, res => {
|
|
})
|
},
|
getareaCascaderValue(list) {
|
|
console.log(list);
|
this.$nextTick(() => {
|
|
this.copyAreaCascaderValue = []
|
this.areaCascaderValue = []
|
for (let i = 0; i < list.length; i++) {
|
this.copyAreaCascaderValue.push({ level: list[i].level, value: list[i].value, label: list[i].label })
|
this.areaCascaderValue.push([list[i].label])
|
}
|
console.log(this.areaCascaderValue);
|
|
|
});
|
|
},
|
btncontrol() {
|
this.$nextTick(() => {
|
this.areaCascaderValue = []
|
this.$refs['cascader'].dropDownVisible = true
|
console.log(this.$refs['cascader'], this.$refs['cascader'].getCheckedNodes().filter(option => !(option.parent && option.parent.checked)));
|
let list = this.$refs['cascader'].getCheckedNodes()
|
this.getareaCascaderValue(list)
|
});
|
|
this.checkBtn = false
|
},
|
chooseFinancingAmount(value) {
|
console.log(this.seniorSearch.FinancingAmount);
|
console.log(value);
|
this.$nextTick(() => {
|
if (this.seniorSearch.FinancingAmount.indexOf(value.value)) {
|
if (this.seniorSearch.FinancingAmount.indexOf('全部') > -1 && value.value != '全部') {
|
for (let i = 0; i < this.seniorSearch.FinancingAmount.length; i++) {
|
if (this.seniorSearch.FinancingAmount[i] == '全部') {
|
this.seniorSearch.FinancingAmount.splice(i, 1)
|
return
|
}
|
}
|
}
|
if (value.value === '全部') {
|
this.seniorSearch.FinancingAmount = ['全部']
|
}
|
}
|
})
|
},
|
chooseBoardingSize(value) {
|
console.log(value);
|
this.$nextTick(() => {
|
if (this.seniorSearch.boardingSize.indexOf(value.value)) {
|
if (this.seniorSearch.boardingSize.indexOf('全部') > -1 && value.value != '全部') {
|
for (let i = 0; i < this.seniorSearch.boardingSize.length; i++) {
|
if (this.seniorSearch.boardingSize[i] == '全部') {
|
this.seniorSearch.boardingSize.splice(i, 1)
|
return
|
}
|
}
|
}
|
if (value.value === '全部') {
|
this.seniorSearch.boardingSize = ['全部']
|
}
|
}
|
})
|
},
|
modalLiclick(params) {
|
this.tabsec2 = params
|
$('.modalLi li').removeClass('modaltab')
|
$('.modalLi li').removeClass('modaltre')
|
$('.modal' + params).addClass('modaltab')
|
this.diffList = []
|
this.loading_in = true
|
let a = parseInt(this.tabsec2.split('tab')[1])
|
this.$nextTick(() => {
|
if (this.checkTableLists[a].title === '变更登记') {
|
this.differentRent(this.checkTableLists[a].Id)
|
}
|
})
|
},
|
left_event() {
|
let a = 0
|
a = this.checkTableLists.length - 9
|
if (a != 1) {
|
$('.modalLi li').css({ 'transform': 'translate(90px,0)', 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': 'translate(90px,0)', 'transition': 'transform 0.5s linear 0s' })
|
this.arrlength -= 1
|
} else if (a === 1) {
|
$('.modalLi li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': 'translate(0px,0)', 'transition': 'transform 0.5s linear 0s' })
|
this.arrlength -= 1
|
} else {
|
|
}
|
},
|
right_event() {
|
this.clickNum += 1
|
let a = 0
|
a = this.checkTableLists.length - this.arrlength
|
if (a > 0) {
|
$('.modalLi li').css({ 'transform': 'translate(-90px,0)', 'transition': 'transform 0.5s linear 0s' })
|
$('.jinduul li').css({ 'transform': 'translate(-90px,0)', 'transition': 'transform 0.5s linear 0s' })
|
this.arrlength += 1
|
} else {
|
this.clickend = true
|
}
|
// $('.modalLi li').removeClass('left_click')
|
// $('.modalLi li').addClass('right_click')
|
},
|
tabclick() {
|
this.diffList = []
|
this.loading_in = true
|
let a = parseInt(this.tabsec2.split('tab')[1])
|
this.$nextTick(() => {
|
if (this.checkTableLists[a].title === '变更登记') {
|
this.differentRent(this.checkTableLists[a].Id)
|
}
|
})
|
},
|
differentRent(s) {
|
this.loading_in = true
|
this.diffList = []
|
let data = {
|
Id: s
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetChangeByRegistration',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.diffList = res.data.Data
|
this.loading_in = false
|
} else {
|
|
}
|
}, res => {
|
})
|
},
|
clickJumpPage2(value) {
|
localStorage.setItem('powerAccess', 'publicMessage_tool')
|
window.open(`#/publicMessage_tool?name=${value}`, '_blank')
|
},
|
clickJumpPage(value) {
|
localStorage.setItem('powerAccess', 'publicMessage_tool')
|
window.open(`#/publicMessage_tool?name=${value}`, '_blank')
|
},
|
downFile(params) {
|
this.clickDownFile = params
|
},
|
remoteleaserMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.leaser !== '') {
|
let data = { name: this.seniorSearch.leaser }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList3 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList3 = []
|
}
|
}, res => {
|
this.optionsList3 = []
|
})
|
} else {
|
this.optionsList3 = []
|
}
|
},
|
regCerNumber() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.regCerNumber !== '') {
|
let data = { name: this.seniorSearch.regCerNumber }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList5 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList5 = []
|
}
|
}, res => {
|
this.optionsList5 = []
|
})
|
} else {
|
this.optionsList5 = []
|
}
|
},
|
rentLeaserChange(item) {
|
this.seniorSearch.leaser = item.Name
|
},
|
tenantAbodeChange(item) {
|
|
this.seniorSearch.tenantAbode = item.Name
|
},
|
FinancierChange(item) {
|
this.seniorSearch.Financier = item.Name
|
this.seniorSearch = JSON.parse(JSON.stringify(this.seniorSearch))
|
console.log(this.seniorSearch);
|
},
|
debounce(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce2(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce3(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
debounce4(func, delay) {
|
let timer
|
return (...args) => {
|
if (timer) {
|
clearTimeout(timer)
|
}
|
timer = setTimeout(() => {
|
func.apply(this, args)
|
}, delay)
|
}
|
},
|
remoteManMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.Financier !== '') {
|
let data = { name: this.seniorSearch.Financier }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList2 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList2 = []
|
}
|
}, res => {
|
this.optionsList2 = []
|
})
|
} else {
|
this.optionsList2 = []
|
}
|
},
|
//承租人住所
|
tenantsResidence() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.seniorSearch.tenantAbode !== '') {
|
let data = { name: this.seniorSearch.tenantAbode }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList4 = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList4 = []
|
}
|
}, res => {
|
this.optionsList4 = []
|
})
|
} else {
|
this.optionsList4 = []
|
}
|
},
|
/**
|
* 远程搜索主体名称
|
*/
|
remoteMethod() {
|
if (this.componentsType == 'noTitle' && this.firstBool) {
|
this.firstBool = false
|
return false
|
}
|
if (this.rentSearch !== '') {
|
this.searchLoading = true
|
let data = { name: this.rentSearch }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList = []
|
}
|
this.searchLoading = false
|
}, res => {
|
this.optionsList = []
|
this.searchLoading = false
|
})
|
} else {
|
this.optionsList = []
|
}
|
},
|
rentSearchChange(item) {
|
this.rentSearch = item.Name
|
},
|
/**
|
* 一键清除事件
|
**/
|
clearAway() {
|
this.searchChange = 1
|
this.financingAmount = ''
|
// this.rentPeople=""
|
// this.rentSearch=""
|
this.locationModel = ''
|
this.industry = ''
|
this.sizeAll = ''
|
this.boardingTime = ''
|
this.expirationTime = ''
|
this.boardingTime2 = ''
|
this.expirationTime2 = ''
|
this.pageIndex = 1
|
|
|
},
|
|
/**
|
* 融资金额select事件
|
**/
|
amountSelect() {
|
this.rentList = []
|
this.pageIndex = 1
|
this.$nextTick(() => {
|
this.loadingRent = true
|
let data = {
|
Name: this.rentSearch,
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
RentPeople: this.rentPeople,
|
financingAmount: this.financingAmount,
|
sizeAll: this.sizeAll,
|
boardingTime: this.boardingTime,
|
expirationTime: this.expirationTime,
|
boardingTime2: this.boardingTime2,
|
expirationTime2: this.expirationTime2,
|
tenantAbode: '',
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
})
|
},
|
|
|
getRentList() {
|
|
this.gjss = false
|
let data = {
|
// Financier: this.rentSearch,
|
// debitBank: '',
|
// statrDateRange1: '',
|
// closingDateRange1: '',
|
pageIndex: this.pageIndex,
|
pageSize: 20,
|
IsSubName:this.IsSubName
|
// conditionals: [],
|
|
};
|
if (this.rentPeople == 0) {
|
// data.conditionals = []
|
this.BorrowingdetailsList1 = []
|
data.Financier = this.rentSearch
|
|
this.loadingRent = true
|
} else if (this.rentPeople == 1 && this.rentSearch) {
|
// data.conditionals = [{ "fieldName": "Financier", "ConditionalType": 1, "FieldValue": this.rentSearch }]
|
data.Financier = this.rentSearch
|
|
this.BorrowingdetailsList1 = []
|
this.loadingRent = true
|
|
} else if (this.rentPeople == 2 && this.rentSearch) {
|
// data.conditionals = [{ "fieldName": "debitBank", "ConditionalType": 1, "FieldValue": this.rentSearch }]
|
data.debitBank = this.rentSearch
|
this.BorrowingdetailsList1 = []
|
this.loadingRent = true
|
} else if (this.rentPeople == 3 && this.rentSearch) {
|
console.log(this.rentSearch, this.rentSearch[0], this.rentSearch[1]);
|
|
let min = new Date(this.rentSearch[0])
|
let max = new Date(this.rentSearch[1])
|
let minMonth = (min.getMonth() + 1) > 9 ? min.getMonth() + 1 : '0' + (min.getMonth() + 1)
|
let maxMonth = (max.getMonth() + 1) > 9 ? max.getMonth() + 1 : '0' + (max.getMonth() + 1)
|
|
console.log(min.getFullYear());
|
data.StartDateMin = `${min.getFullYear()}-${minMonth}-${min.getDate() > 9 ? min.getDate() : '0' + min.getDate()} 00:00:00`
|
data.StartDateMax = `${max.getFullYear()}-${maxMonth}-${max.getDate() > 9 ? max.getDate() : '0' + max.getDate()} 23:59:59`
|
this.BorrowingdetailsList1 = []
|
this.loadingRent = true
|
} else if (this.rentPeople == 4 && this.rentSearch) {
|
let min = new Date(this.rentSearch[0])
|
let max = new Date(this.rentSearch[1])
|
let minMonth = (min.getMonth() + 1) > 10 ? min.getMonth() + 1 : '0' + (min.getMonth() + 1)
|
|
let maxMonth = (max.getMonth() + 1) > 10 ? max.getMonth() + 1 : '0' + (max.getMonth() + 1)
|
|
console.log(min.getFullYear());
|
data.ClosingDateMin = `${min.getFullYear()}-${minMonth}-${min.getDate() > 9 ? min.getDate() : '0' + min.getDate()} 00:00:00`
|
data.ClosingDateMax = `${max.getFullYear()}-${maxMonth}-${max.getDate() > 9 ? max.getDate() : '0' + max.getDate()} 23:59:59`
|
|
|
this.BorrowingdetailsList1 = []
|
this.loadingRent = true
|
} else if (this.rentPeople != 0 && this.rentSearch == '') {
|
this.$Message.error('请输入搜索条件');
|
return false
|
}
|
axios
|
.request({
|
url: "/BankYj/GetBankLoanPage",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check && res.data.Data) {
|
this.rentList = res.data.Data.Items
|
this.TotalItems = res.data.Data.TotalItems
|
this.loadingRent = false;
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
},
|
|
endTimeDate() {
|
|
},
|
startTimeDate() {
|
|
},
|
/**
|
* 页面page的change事件
|
**/
|
changePageIndex(page) {
|
this.pageIndex = page
|
if (this.gjss == false) {
|
this.getRentList()
|
} else {
|
this.confirmSenior()
|
}
|
|
},
|
/**
|
* 高级搜索确认
|
**/
|
confirmSenior(seniorSearchValidate) {
|
if (seniorSearchValidate) {
|
this.pageIndex = 1
|
}
|
this.gjss = true
|
// this.searchChange = 2
|
// this.searchClickFirst = 1
|
// this.getRentListFirst = 1
|
// if (this.confirmSeniorFirst === 1) {
|
// this.pageIndex = 1
|
// this.$refs['pagesChange1'].currentPage = 1
|
// this.confirmSeniorFirst = 0
|
// }
|
// this.$refs[seniorSearchValidate].validate((valid) => {
|
// if (valid) {
|
// alert('success')
|
// } else {
|
// alert('error')
|
// }
|
// })
|
this.rentList = []
|
// this.$nextTick(() => {
|
this.rentSeniorSearch = false
|
this.loadingRent = true
|
let data = {
|
|
PageSize: 20,
|
PageIndex: this.pageIndex,
|
IsSubName:this.IsSubName
|
// seniorSearch: {
|
// Financier:'',
|
// Listing:'',
|
// IssueBonds:'',
|
// Area:'',
|
// Industry:'',
|
// FinancingAmount:'',
|
// DebitBank:''
|
}
|
// let conditionals = []
|
if (this.seniorSearch.Financier) {
|
// conditionals.push({ "fieldName": "Financier", "ConditionalType": 1, "FieldValue": this.seniorSearch.Financier })
|
data.Financier = this.seniorSearch.Financier
|
|
}
|
if (this.seniorSearch.Listing) {
|
// conditionals.push({ "fieldName": "Listing", "ConditionalType": 1, "FieldValue": this.seniorSearch.Listing })
|
data.Listing = this.seniorSearch.Listing
|
}
|
if (this.seniorSearch.IssueBonds) {
|
// conditionals.push({ "fieldName": "IssueBonds", "ConditionalType": 1, "FieldValue": this.seniorSearch.IssueBonds })
|
data.IssueBonds = this.seniorSearch.IssueBonds
|
}
|
if (this.seniorSearch.Area) {
|
console.log(this.seniorSearch.Area);
|
data.Area = this.seniorSearch.Area
|
}
|
if (this.seniorSearch.Industry) {
|
console.log(this.seniorSearch.Industry);
|
data.Industry = this.seniorSearch.Industry
|
}
|
if (this.seniorSearch.FinancingAmount) {
|
console.log(this.seniorSearch.FinancingAmount);
|
if (this.seniorSearch.FinancingAmount.indexOf('全部') > -1) {
|
data.FinancingAmountMin = 0
|
} else {
|
if (this.seniorSearch.FinancingAmount == '100万以下') {
|
data.FinancingAmountMin = 0
|
data.FinancingAmountMax = 100
|
}
|
if (this.seniorSearch.FinancingAmount == '100万~1000万') {
|
data.FinancingAmountMin = 100
|
data.FinancingAmountMax = 1000
|
}
|
if (this.seniorSearch.FinancingAmount == '1000万~5000万') {
|
data.FinancingAmountMin = 1000
|
data.FinancingAmountMax = 5000
|
} if (this.seniorSearch.FinancingAmount == '5000万~1亿') {
|
data.FinancingAmountMin = 5000
|
data.FinancingAmountMax = 10000
|
} if (this.seniorSearch.FinancingAmount == '1亿以上') {
|
|
data.FinancingAmountMin = 10000
|
}
|
}
|
}
|
if (this.seniorSearch.DebitBank) {
|
data.DebitBank = this.seniorSearch.DebitBank
|
}
|
// boardingTime2 expirationTime2
|
if (this.seniorSearch.boardingTime2) {
|
let min = new Date(this.seniorSearch.boardingTime2[0])
|
let max = new Date(this.seniorSearch.boardingTime2[1])
|
let minMonth = (min.getMonth() + 1) > 9 ? min.getMonth() + 1 : '0' + (min.getMonth() + 1)
|
|
let maxMonth = (max.getMonth() + 1) > 9 ? max.getMonth() + 1 : '0' + (max.getMonth() + 1)
|
|
console.log(min.getFullYear());
|
data.StartDateMin = `${min.getFullYear()}-${minMonth}-${min.getDate() > 9 ? min.getDate() : '0' + min.getDate()} 00:00:00`
|
data.StartDateMax = `${max.getFullYear()}-${maxMonth}-${max.getDate() > 9 ? max.getDate() : '0' + max.getDate()} 23:59:59`
|
}
|
if (this.seniorSearch.expirationTime2) {
|
let min = new Date(this.seniorSearch.expirationTime2[0])
|
let max = new Date(this.seniorSearch.expirationTime2[1])
|
let minMonth = (min.getMonth() + 1) > 9 ? min.getMonth() + 1 : '0' + (min.getMonth() + 1)
|
|
let maxMonth = (max.getMonth() + 1) > 9 ? max.getMonth() + 1 : '0' + (max.getMonth() + 1)
|
|
console.log(min.getFullYear());
|
data.ClosingDateMin = `${min.getFullYear()}-${minMonth}-${min.getDate() > 9 ? min.getDate() : '0' + min.getDate()} 00:00:00`
|
data.ClosingDateMax = `${max.getFullYear()}-${maxMonth}-${max.getDate() > 9 ? max.getDate() : '0' + max.getDate()} 23:59:59`
|
}
|
console.log(data);
|
axios.request({
|
url: '/bankyj/GetBankLoanPage',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.loadingRent = false
|
this.rentList = res.data.Data.Items
|
this.TotalItems = res.data.Data.TotalItems
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
this.IsSubName = false
|
} else {
|
this.loadingRent = false
|
this.IsSubName = false
|
}
|
}, res => {
|
this.loadingRent = false
|
this.IsSubName = false
|
})
|
|
},
|
searchClick() {
|
this.pageIndex = 1
|
this.getRentList()
|
|
},
|
/**
|
* 高级搜索点击事件
|
**/
|
seniorSearchClick() {
|
this.rentSeniorSearch = true
|
this.IsSubName = false
|
if (this.seniorSearchBackup === '') {
|
this.seniorSearch = {
|
seniorSearch: {
|
Financier: '',
|
Listing: '',
|
IssueBonds: '',
|
Area: '',
|
Industry: '',
|
FinancingAmount: '',
|
DebitBank: '',
|
boardingTime2: '',
|
expirationTime2: '',
|
},
|
}
|
} else {
|
this.seniorSearch = this.seniorSearchBackup
|
}
|
}
|
},
|
computed: {
|
rentColumns() {
|
let columns = [];
|
columns.push({
|
title: "序号",
|
key: "Id",
|
render: (h, params) => {
|
return h("span", (this.pageIndex - 1) * 20 + params.index + 1);
|
},
|
width: 80,
|
align: "center",
|
fixed: 'left'
|
|
});
|
columns.push({
|
title: "融资人",
|
key: "CurrentName",
|
slot: "Financier",
|
minWidth: 200,
|
align: "center",
|
fixed: 'left'
|
|
}); columns.push({
|
title: "是否上市",
|
key: "Listing",
|
render: (h, params) => {
|
if (params.row.Listing) {
|
return h("span", params.row.Listing);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
|
}); columns.push({
|
title: "是否发债",
|
key: "IssueBonds",
|
render: (h, params) => {
|
if (params.row.IssueBonds) {
|
return h("span", params.row.IssueBonds);
|
} else {
|
return h("span", "--");
|
}
|
|
},
|
width: 80,
|
align: "center",
|
|
}); columns.push({
|
title: "地区",
|
key: "Area",
|
render: (h, params) => {
|
if (params.row.Area) {
|
return h("span", params.row.Area);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 80,
|
align: "center",
|
|
}); columns.push({
|
title: "行业",
|
key: "Industry",
|
render: (h, params) => {
|
if (params.row.Industry) {
|
return h("span", params.row.Industry);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 80,
|
align: "center",
|
|
});
|
columns.push({
|
title: "融资额(万元)",
|
key: "FinancingAmount",
|
render: (h, params) => {
|
if (params.row.FinancingAmount) {
|
return h("span", this.CustomMethods.numTo$(params.row.FinancingAmount, 2));
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "货币类型",
|
key: "CurrencyType",
|
render: (h, params) => {
|
if (params.row.CurrencyType) {
|
return h("span", params.row.CurrencyType);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 100,
|
align: "center",
|
});
|
columns.push({
|
title: "利率(%)",
|
key: "InterestRate",
|
render: (h, params) => {
|
|
if (params.row.InterestRate) {
|
return h("span", params.row.InterestRate);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 80,
|
align: "center",
|
|
}); columns.push({
|
title: "期限",
|
key: "TimeLimit",
|
render: (h, params) => {
|
if (params.row.TimeLimit) {
|
return h("span", params.row.TimeLimit);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 80,
|
align: "center",
|
|
}); columns.push({
|
title: "起始日期",
|
key: "StartDate",
|
render: (h, params) => {
|
if (params.row.StartDate) {
|
return h("span", params.row.StartDate == '1900-01-01 00:00:00' ? '--' : params.row.StartDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
|
}); columns.push({
|
title: "截止日期",
|
key: "ClosingDate",
|
render: (h, params) => {
|
if (params.row.ClosingDate) {
|
return h("span", params.row.ClosingDate == '1900-01-01 00:00:00' ? '--' : params.row.ClosingDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
|
}); columns.push({
|
title: "借款银行",
|
key: "DebitBank",
|
render: (h, params) => {
|
|
if (params.row.DebitBank) {
|
return h("span", params.row.DebitBank);
|
} else {
|
return h("span", "--");
|
}
|
},
|
minWidth: 240,
|
align: "left",
|
|
}); columns.push({
|
title: "担保人",
|
key: "Guarantee",
|
render: (h, params) => {
|
if (params.row.Guarantee) {
|
return h("span", params.row.Guarantee);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 120,
|
align: "center",
|
|
}); columns.push({
|
title: "披露日期",
|
key: "DisclosureDate",
|
render: (h, params) => {
|
|
if (params.row.DisclosureDate) {
|
return h("span", params.row.DisclosureDate.split(' ')[0]);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 110,
|
align: "center",
|
|
});
|
columns.push({
|
title: "数据来源",
|
key: "DataSource",
|
render: (h, params) => {
|
if (params.row.DataSource) {
|
return h("span", params.row.DataSource);
|
} else {
|
return h("span", "--");
|
}
|
},
|
width: 150,
|
align: "center",
|
|
});
|
return columns;
|
},
|
}
|
}
|
</script>
|
|
<style>
|
.modaltre:nth-child(1) {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modaltab {
|
border-top: 1px solid #3399ff !important;
|
color: #2d8cf0 !important;
|
border-bottom: 1px solid #fff !important;
|
}
|
|
.modalLi_li {
|
border-right: 1px solid #dcdee2 !important;
|
/*border-right: 1px solid #dcdee2 !important;*/
|
border-top: 1px solid #dcdee2;
|
border-bottom: 1px solid #dcdee2;
|
background: #fff;
|
color: #515a6e;
|
width: 90px;
|
text-align: center;
|
display: block;
|
cursor: pointer;
|
padding: 5px 0;
|
}
|
|
.left_click {
|
transform: translate(90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.originli {
|
transform: translate(0, 0);
|
}
|
|
.right_click {
|
transform: translate(-90px, 0);
|
transition: transform 1s linear 0s;
|
}
|
|
.modalLi {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.modalLi .modalspan_01 {
|
display: inline-block;
|
}
|
|
.modalLi_li:nth-child(1) {
|
border-left: 1px solid #dcdee2 !important;
|
}
|
|
.timelong {
|
width: calc(100% - 66px);
|
margin: 0 auto;
|
}
|
|
.jinduul2 p {
|
white-space: nowrap;
|
font-weight: bold;
|
}
|
|
.jinduul2 {
|
justify-content: center;
|
}
|
|
.jinduul2 p:nth-child(1) {
|
text-align: center;
|
white-space: nowrap;
|
}
|
|
.jinduul {
|
overflow: hidden;
|
display: -webkit-box;
|
}
|
|
.jinduul li {
|
width: 90px;
|
}
|
|
.uprent b {
|
display: block;
|
height: 2px;
|
width: 35px;
|
background: #ccc;
|
}
|
|
.jindubbehind {
|
/*display: none*/
|
}
|
|
.uprent span {
|
display: block;
|
width: 20px;
|
height: 20px;
|
border-radius: 50%;
|
}
|
|
.bclass2 {
|
margin-left: 35px;
|
}
|
|
.rentclass1 span {
|
border: 1px solid #2d8cf0;
|
background: #2d8cf0;
|
}
|
|
.rentclass2 span {
|
border: 1px solid #42b983;
|
background: #42b983
|
}
|
|
.sss {
|
background: #fff !important;
|
}
|
|
.kongxin {
|
background: #fff;
|
}
|
|
.uprent {
|
display: flex;
|
align-items: center;
|
}
|
|
.rentDiffClass {
|
width: 100%;
|
}
|
|
.rentDiffClass2 {
|
width: 100%;
|
}
|
|
.rentDiffClass td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
font-weight: bold;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2:nth-child(even) {
|
background: #f2f2f2;
|
}
|
|
.rentDiffClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(2) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentDiffClass2 td:nth-child(3) {
|
width: 42.5%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: 1px solid #ccc;
|
padding: 15px 10px;
|
word-break: break-all;
|
}
|
|
.rentmanClass .ivu-poptip {
|
width: 100%;
|
}
|
|
.rentmanClass .ivu-poptip-rel {
|
width: 100%;
|
}
|
|
.rentThClass2 {
|
width: 100%;
|
}
|
|
.rentThClass2 td {
|
padding: 5px;
|
}
|
|
.rentThClass2 td:nth-child(1) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(2) {
|
width: 35%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-top: none;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(3) {
|
width: 15%;
|
box-sizing: border-box;
|
border: 1px solid #ccc;
|
border-right: none;
|
}
|
|
.rentThClass2 td:nth-child(4) {
|
width: 35%;
|
box-sizing: border-box;
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
}
|
|
.rentThClass td {
|
border-right: 1px solid #ccc;
|
border: 1px solid #ccc;
|
padding: 5px;
|
}
|
|
.rentThClass td:first-child {
|
border-right: none;
|
width: 15%;
|
box-sizing: border-box;
|
border-top: 0px;
|
}
|
|
.rentThClass td:last-child {
|
width: 85%;
|
box-sizing: border-box;
|
border-top: 0px;
|
word-break: break-all;
|
}
|
|
.rentClass .lists_readAndEdit2 {
|
padding-top: 12px;
|
}
|
|
.rentTableClass .ivu-form-item {
|
margin-bottom: 0px;
|
}
|
|
.ivu-form-item-error .ivu-select-visible .ivu-select-selection {
|
border-color: #DCDEE2;
|
}
|
</style>
|
