<template>
|
<div class="rentClass rentAddClass">
|
<Card v-if="componentsType != 'noTitle'">
|
<div class="customTitle">
|
<Icon custom="custom custom-zulin-copy"></Icon>
|
<!-- <Icon custom="custom custom-shixiangguanli"></Icon> -->
|
<span style="margin-left: 6px;">金融监管总局</span>
|
</div>
|
</Card>
|
|
<Card style="margin-top: 12px;position:relative">
|
<Tabs @on-click="changeTab" v-model="tab">
|
<TabPane label="处罚公开表" name="tab1">
|
</TabPane>
|
<TabPane label="其他处罚" name="tab2">
|
</TabPane>
|
</Tabs>
|
<div v-if="tab === 'tab1'">
|
<div v-if="topInput === '1'" class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;">
|
<span style="font-weight:600;">出租人： </span>
|
<span style="margin-right: 20px;">{{ rentSearch }}</span>
|
<span style="font-weight:600;">报告时间： </span>
|
<span>{{ createTime }}</span>
|
</div>
|
<div class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;" v-else>
|
|
<!-- <div class="searchList" > -->
|
|
<div class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">被处罚当事人:</span> <Input
|
v-model="ybjParams.bcfdsr" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入被处罚当事人"></Input>
|
</div>
|
<!-- <div v-show="showMore === true" class="searchListItem" style="margin:5px 0"> <span
|
style=" display: inline-block;width: 180px;line-height: 40px;">被处罚单位:</span>
|
<Input v-model="ybjParams.dwmc" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入被处罚单位"></Input>
|
</div> -->
|
<div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">主要违法违规事实:</span> <Input
|
v-model="ybjParams.ay" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入主要违法违规事实"></Input></div>
|
<!-- <div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">行政处罚决定:</span>
|
<Input v-model="ybjParams.cfjd" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入行政处罚决定"></Input>
|
</div> -->
|
<div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">所属监管局:</span>
|
<Input v-model="ybjParams.ssjgj" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入所属监管局"></Input>
|
</div>
|
<!-- <div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">作出处罚决定的机关名称:</span> <Input
|
v-model="ybjParams.jgmc" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入作出处罚决定的机关名称"></Input>
|
</div> -->
|
<div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">行政处罚决定书文号:</span> <Input
|
v-model="ybjParams.wh" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入行政处罚决定书文号"></Input></div>
|
</div>
|
<!-- <div v-show="showMore===true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">行政处罚决定书文号:</span> <Input
|
v-model="ybjParams.xm" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入行政处罚决定书文号"></Input></div>
|
</div> -->
|
<!-- </div> -->
|
<div v-show="showMore === true" class="searchListItem">
|
<span style="width:180px; display: inline-block;line-height:40px;">处罚决定开始日期:</span>
|
<!-- <DatePicker :options="" clearable size="large" @on-change="startTimeDate"
|
v-model="seniorSearch.boardingTime2" type="daterange" placeholder="请选择处罚决定的日期" style="width: 288px;"
|
class="ipt_width"></DatePicker> -->
|
<DatePicker type="date" placeholder="请选择处罚决定开始日期" style="width: 288px" @on-change="getStarTime" />
|
</div>
|
<div v-show="showMore === true" class="searchListItem">
|
<span style="width:180px; display: inline-block;line-height:40px;">处罚决定结束日期:</span>
|
<!-- <DatePicker :options="" clearable size="large" @on-change="startTimeDate"
|
v-model="seniorSearch.boardingTime2" type="daterange" placeholder="请选择处罚决定的日期" style="width: 288px;"
|
class="ipt_width"></DatePicker> -->
|
<DatePicker type="date" placeholder="请选择处罚决定结束日期" style="width: 288px" @on-change="getEndTime" />
|
</div>
|
<div style="position:absolute;top:53px;left:510px">
|
<Button size="large" v-show="showMore === false" type="primary" style="margin: 12px 5px;width: 88px;"
|
@click="showMore = !showMore">展开</Button>
|
<Button size="large" v-show="showMore === true" type="primary" style="margin: 12px 5px;width: 88px;"
|
@click="showMore = !showMore">收起</Button>
|
<Button size="large" icon="ios-search" type="primary" style="margin: 12px 0" @click="searchClick(1)">搜索
|
</Button>
|
</div>
|
<div class="rentScrollOut" style="margin-top: 12px">
|
<Table ref="rentList" border :columns="bankColumns" :data="rentList" :loading="loadingRent"
|
:max-height="componentsType != 'noTitle' ? 600 : 400">
|
<template slot="cfdsr" slot-scope="params">
|
<div v-html="params.row.cfdsr?params.row.cfdsr.replace(/\r\n/g, '</br>'):''"></div>
|
</template>
|
<template slot="ay" slot-scope="params">
|
<div v-html="params.row.ay?params.row.ay:''"></div>
|
</template>
|
<template slot="cfjd" slot-scope="params">
|
<div v-html="params.row.cfjd?params.row.cfjd.replace(/\r\n/g, '<br>'):''"></div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
|
@click="checkRentclick(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex" :total="TotalItems" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</div>
|
<div v-if="tab === 'tab2'">
|
<div v-if="topInput === '1'" class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;">
|
<span style="font-weight:600;">出租人： </span>
|
<span style="margin-right: 20px;">{{ rentSearch }}</span>
|
<span style="font-weight:600;">报告时间： </span>
|
<span>{{ createTime }}</span>
|
</div>
|
<div class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;" v-else>
|
<div class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">处罚内容:</span> <Input v-model="ybjParams.nr"
|
size="large" style="width: 300px;padding-right: 12px" placeholder="请输入处罚内容"></Input>
|
</div>
|
<div v-show="showMore === true" class="searchListItem" style="margin:5px 0"><span
|
style=" display: inline-block;width: 180px;line-height: 40px;">所属监管局:</span>
|
<Input v-model="ybjParams.ssjgj" size="large" style="width: 300px;padding-right: 12px"
|
placeholder="请输入所属监管局"></Input>
|
</div>
|
<div v-show="showMore === true" class="searchListItem">
|
<span style="width:180px; display: inline-block;line-height:40px;">处罚决定开始日期:</span>
|
<DatePicker type="date" placeholder="请选择处罚决定开始日期" style="width: 288px" @on-change="getStarTime2" />
|
</div>
|
<div v-show="showMore === true" class="searchListItem">
|
<span style="width:180px; display: inline-block;line-height:40px;">处罚决定结束日期:</span>
|
<DatePicker type="date" placeholder="请选择处罚决定结束日期" style="width: 288px" @on-change="getEndTime2" />
|
</div>
|
<div style="position:absolute;top:53px;left:510px">
|
<Button size="large" v-show="showMore === false" type="primary" style="margin: 12px 5px;width: 88px;"
|
@click="showMore = !showMore">展开</Button>
|
<Button size="large" v-show="showMore === true" type="primary" style="margin: 12px 5px;width: 88px;"
|
@click="showMore = !showMore">收起</Button>
|
<Button size="large" icon="ios-search" type="primary" style="margin: 12px 0" @click="GetBankFjcfArticlePage(1)">搜索
|
</Button>
|
</div>
|
|
<div class="rentScrollOut" style="margin-top: 12px">
|
<Table ref="rentList" border :columns="bankColumns2" :data="rentList" :loading="loadingRent"
|
:max-height="componentsType != 'noTitle' ? 600 : 400">
|
<template slot="title" slot-scope="params">
|
<div v-html="params.row.title?params.row.title:''"></div>
|
</template>
|
<template slot="content" slot-scope="params">
|
<div v-html="params.row.content? params.row.content.length>160?params.row.content.substring(0,160)+'...':params.row.content:''"></div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkRentclick(params.row)" />
|
</Tooltip>
|
</template>
|
</Table>
|
<div style="margin-top: 12px">
|
<Page :current="pageIndex" :total="TotalItems" :page-size="pageSize" style="text-align: right"
|
@on-change="changePageIndex" show-elevator ref="pagesChange1" />
|
</div>
|
</div>
|
</div>
|
</div>
|
</Card>
|
<Modal v-model="rentSeniorSearch" footer-hide width="430" 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:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">被处罚人（个人）</label>
|
<FormItem prop="rentMan" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.rentMan" placeholder="请输入承租人" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="seniorSearch.rentMan" size="large" class="ipt_width" 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="rentManChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">被处罚单位</label>
|
<FormItem prop="leaser" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入出租人" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" transfer>
|
<Input v-model="seniorSearch.leaser" size="large" class="ipt_width" placeholder="请输入被处罚单位"></Input>
|
<ul slot="content" style="width: 400px;">
|
<li v-if="optionsList3 && optionsList3.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList3" :key="index" @click="rentLeaserChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">主要违法违规事实（案由）</label>
|
<FormItem prop="tenantAbode" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.tenantAbode" size="large" class="ipt_width"
|
placeholder="请输入主要违法违规事实（案由）"></Input>
|
<ul slot="content" style="width: 400px;">
|
<!-- <li v-if="optionsList4 && optionsList4.length == 0">无匹配结果</li> -->
|
<li v-for="(item, index) in optionsList4" :key="index" @click="tenantAbodeChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">行政处罚决定</label>
|
<FormItem prop="tenantAbode" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.regCerNumber" size="large" class="ipt_width" placeholder="请输入行政处罚决定"></Input>
|
<ul slot="content" style="width: 400px;">
|
<!-- <li v-if="optionsList4 && optionsList4.length == 0">无匹配结果</li> -->
|
<li v-for="(item, index) in optionsList5" :key="index" @click="regCerNumberChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">作出处罚决定的机关名称</label>
|
<FormItem prop="tenantAbode" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.regCerNumber" size="large" class="ipt_width" placeholder="请输入登记类型"></Input>
|
<ul slot="content" style="width: 400px;">
|
<!-- <li v-if="optionsList4 && optionsList4.length == 0">无匹配结果</li> -->
|
<li v-for="(item, index) in optionsList5" :key="index" @click="regCerNumberChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">登记类型</label>
|
|
<FormItem prop="tenantAbode" style="width:calc(100% - 180px)!important;" class="rentmanClass">
|
<!-- <Input size="large" v-model="seniorSearch.leaser" placeholder="请输入承租人住所" class="ipt_width" />-->
|
<Poptip trigger="focus" placement="bottom-start" disabled transfer>
|
<Input v-model="seniorSearch.regCerNumber" size="large" class="ipt_width" placeholder="请输入登记类型"></Input>
|
<ul slot="content" style="width: 400px;">
|
<!-- <li v-if="optionsList4 && optionsList4.length == 0">无匹配结果</li> -->
|
<li v-for="(item, index) in optionsList5" :key="index" @click="regCerNumberChange(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>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 12px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">处罚决定开始时间</label>
|
<FormItem prop="boardingTime2" style="width:calc(100% - 180px)!important;">
|
<Col span="24">
|
<DatePicker :options="optionsboardingTime2" clearable size="large" @on-change="startTimeDate"
|
v-model="seniorSearch.boardingTime2" type="date" placeholder="请选择处罚决定开始时间" style="width: 100%"
|
class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="display: flex;align-items: center;margin-bottom: 24px">
|
<label
|
style="width:180px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">处罚决定到期时间</label>
|
<FormItem prop="expirationTime2" style="width:calc(100% - 180px)!important;">
|
<Col span="24">
|
<DatePicker clearable :options="optionsexpirationTime2" size="large" @on-change="endTimeDate"
|
v-model="seniorSearch.expirationTime2" type="date" placeholder="请选择处罚决定到期时间" style="width: 100%"
|
class="ipt_width"></DatePicker>
|
</Col>
|
</FormItem>
|
</div>
|
<div style="width: 180px;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>
|
|
<Modal v-model="rentCheckDetail" footer-hide width="900" draggable sticky reset-drag-position :mask="true"
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
|
<span>金融监管总局处罚详情</span>
|
</p>
|
<Spin v-show="loading_report" fix>
|
</Spin>
|
<div v-show="arrListLength === true" style="text-align: center;margin: 20px 0;">
|
<Icon custom="custom custom-kong" size="40" style="color: darkgray;"></Icon>
|
<p style="margin-top: 8px;">暂无数据</p>
|
</div>
|
<!-- <div v-for="(checkTableList, index) in checkTableLists"> -->
|
<div style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll">
|
<div style="width: 100%;
|
word-wrap:break-word;
|
text-align: center;
|
line-height: 40px;
|
font-size: 18px;
|
font-weight: 600;
|
border: 1px solid #CCCCCC;
|
border-bottom: none;">{{ detailParams.title || '--' }}</div>
|
<table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<!-- <thead style="text-align:center"> -->
|
<!-- <tr style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> 本溪银保监分局行政处罚信息公开表</td>
|
</tr> -->
|
<!-- </thead> -->
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc;width:200px;">被处罚当事人</td>
|
<td style="border-top: 1px solid #ccc;border-right: 1px solid #ccc" v-html="detailParams.cfdsr? detailParams.cfdsr.replace(/\r\n/g, '<br>') : '--'">
|
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td style="width:200px;">被处罚单位法定代表人</td>
|
<td>{{ detailParams.fzr ? detailParams.fzr : '--' }}</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">主要违法违规事实</td>
|
<td style="border-top: none;border-right: 1px solid #ccc" v-html="detailParams.ay ? detailParams.ay : '--'">
|
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td style="width:200px;">行政处罚依据</td>
|
<td style="border-right: 1px solid #ccc" colspan="3" v-html="detailParams.yj ? detailParams.yj.replace(/\r\n/g, '<br>') : '--' "></td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">行政处罚决定</td>
|
<td style="border-right: 1px solid #ccc" colspan="3" v-html="detailParams.cfjd ? detailParams.cfjd.replace(/\r\n/g, '<br>') : '--'">
|
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td style="width:200px;">作出处罚决定的机关名称</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.jgmc ? detailParams.jgmc : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">所属监管局</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.ssjgj ? detailParams.ssjgj : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;">
|
<td style="width:200px;">行政处罚决定书文号</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.wh ? detailParams.wh : '--' }}
|
</td>
|
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">作出处罚决定的日期</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.cfjdrq ? detailParams.cfjdrq.indexOf('00:00:00') ? detailParams.cfjdrq.replace('00:00:00',
|
'')
|
: detailParams.cfjdrq : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">发布日期</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.gbrq ? detailParams.gbrq.split(" ")[0]:'--'}}
|
</td>
|
</tr>
|
|
</table>
|
<!-- </div> -->
|
|
</div>
|
</Modal>
|
<Modal v-model="rentCheckDetail2" footer-hide width="900" draggable sticky reset-drag-position :mask="true"
|
:mask-closable="false">
|
<p slot="header">
|
<Icon custom="custom custom-chakan" style="margin-right: 10px;"></Icon>
|
<span>其它处罚详情</span>
|
</p>
|
<Spin v-show="loading_report" fix>
|
</Spin>
|
<div v-show="arrListLength === true" style="text-align: center;margin: 20px 0;">
|
<Icon custom="custom custom-kong" size="40" style="color: darkgray;"></Icon>
|
<p style="margin-top: 8px;">暂无数据</p>
|
</div>
|
<!-- <div v-for="(checkTableList, index) in checkTableLists"> -->
|
<div style="height: 300px;overflow-y: auto;margin-top: 12px" class="rentScroll">
|
<table style="width: 100%;margin-top: 0px;height: 300px;overflow-y: auto" border="0" cellspacing="0"
|
cellpadding="0">
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc;width:200px;">标题</td>
|
<td style="border-top: 1px solid #ccc;border-right: 1px solid #ccc" v-html="detailParams.title? detailParams.title : '--'">
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td style="width:200px;">内容</td>
|
<td v-html="detailParams.content? detailParams.content : '--'"></td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none;background: #f2f2f2">
|
<td style="width:200px;">所属监管局</td>
|
<td style="border-top: none;border-right: 1px solid #ccc">
|
{{ detailParams.ssjgj ? detailParams.ssjgj : '--' }}
|
</td>
|
</tr>
|
<tr class="rentThClass" style="border-style: none">
|
<td style="width:200px;">发布日期</td>
|
<td style="border-right: 1px solid #ccc" colspan="3">{{ detailParams.gbrq ? detailParams.gbrq.split(" ")[0] : '--' }}</td>
|
</tr>
|
</table>
|
</div>
|
</Modal>
|
|
</div>
|
</template>
|
|
<script>
|
import axios from '@/libs/api.request'
|
import $ from 'jquery'
|
|
export default {
|
name: 'rentMarket',
|
props: {
|
componentsType: {
|
type: String,
|
default: ''
|
},
|
companyName: {
|
type: String,
|
default: ''
|
},
|
topInput: {
|
type: String,
|
default: ''
|
},
|
createTime: {
|
type: String,
|
default: ''
|
}
|
|
},
|
components: {},
|
data() {
|
return {
|
rentCheckDetail2: false,
|
showMore: false,
|
detailParams: {},
|
rentCheckDetail1: false,
|
pageSize: 8,
|
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: '', // 租赁model
|
rentSearch: '', // 租赁搜索框model
|
financingAmount: '', // 融资金额model
|
locationModel: '', // 位置model
|
sizeAll: '', // 类型
|
boardingTime: '', // 登记时间
|
expirationTime: '', // 全部时间
|
boardingTime2: '', // 登记时间
|
expirationTime2: '', // 全部时间
|
industry: '', // 全部行业
|
loadingRent: false,
|
rentList: [],
|
rentSeniorSearch: false,
|
seniorSearchBackup: {},
|
seniorSearch: {
|
rentMan: '',
|
leaser: '',
|
tenantAbode: '',
|
boardingSize: '',
|
financingAmount: 0,
|
boardingTime: '',
|
expirationTime: '',
|
// boardingTime2: '2020-01-01-2022-01-01',
|
boardingTime2: '',
|
expirationTime2: '',
|
regCerNumber: ''
|
},
|
checkTableLists: [],
|
seniorSearchValidate: {
|
rentMan: [
|
{ required: true, trigger: 'change' }
|
],
|
leaser: [
|
{ required: true, trigger: 'change' }
|
],
|
tenantAbode: [
|
{ required: true, trigger: 'change' }
|
],
|
regCerNumber: [
|
{ required: true, trigger: 'change' }
|
],
|
boardingSize: [
|
{ required: true, trigger: 'change' }
|
],
|
financingAmount: [
|
{ required: true, trigger: 'change' }
|
],
|
boardingTime: [
|
{ 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,
|
ybjParams: {
|
bcfdsr: '',
|
dwmc: '',
|
ay: '',
|
ssjgj: '',
|
jgmc: '',
|
cfjdrq1: '',
|
cfjdrq2: '',
|
gbrq: '',
|
wh: '',
|
nr: '',
|
gbrq1: '',
|
gbrq2: '',
|
},
|
tab: 'tab1',
|
|
}
|
},
|
mounted() {
|
if (this.componentsType == 'noTitle') {
|
this.rentPeople = '2'
|
this.rentSearch = this.companyName
|
this.pageSize = 8
|
} else {
|
this.rentPeople = '0'
|
}
|
this.getRentList1()
|
},
|
watch: {
|
tabsec2(data) {
|
this.$nextTick(() => {
|
$('.rentScroll').animate({ scrollTop: 0 }, 'slow')
|
})
|
},
|
|
// checkTableLists(){
|
// if(this.checkTableLists.length>9){
|
// $('.timelong').css({'width':'720px'})
|
// }
|
// }
|
'seniorSearch.leaser': {
|
handler(newName, oldName) {
|
this.remoteleaserMethod()
|
},
|
}
|
},
|
created() {
|
this.$watch('rentSearch', this.debounce((newQuery) => {
|
// newQuery为输入的值
|
this.rentSearch = newQuery
|
this.remoteMethod()
|
}, 200))
|
this.$watch('seniorSearch.rentMan', this.debounce2((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.rentMa = newQuery
|
this.remoteManMethod()
|
}, 200))
|
// this.$watch('seniorSearch.leaser', this.debounce3((newQuery) => {
|
// // newQuery为输入的值
|
// this.seniorSearch.leaser = newQuery
|
// this.remoteleaserMethod()
|
// }, 200))
|
this.$watch('seniorSearch.tenantAbode', this.debounce4((newQuery) => {
|
// newQuery为输入的值
|
this.seniorSearch.tenantAbode = newQuery
|
this.tenantsResidence()
|
}, 200))
|
},
|
methods: {
|
changeTab(e) {
|
this.showMore = false
|
this.ybjParams = {
|
bcfdsr: '',
|
dwmc: '',
|
ay: '',
|
ssjgj: '',
|
jgmc: '',
|
cfjdrq1: '',
|
cfjdrq2: '',
|
gbrq: '',
|
wh: '',
|
nr: '',
|
gbrq1: '',
|
gbrq2: '',
|
},
|
|
this.pageIndex = 1
|
if (e == "tab1") {
|
this.getRentList1()
|
} else if (e == "tab2") {
|
this.GetBankFjcfArticlePage()
|
}
|
},
|
|
getStarTime(e) {
|
this.ybjParams.cfjdrq1 = e
|
},
|
getStarTime2(e) {
|
this.ybjParams.gbrq1 = e
|
},
|
getEndTime(e) {
|
this.ybjParams.cfjdrq2 = e
|
},
|
getEndTime2(e) {
|
this.ybjParams.gbrq2 = e
|
},
|
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 = { keyword: this.seniorSearch.leaser }
|
axios.request({
|
url: '/qichacha/FuzzySearch',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList3 = JSON.parse(JSON.stringify(res.data.Data))
|
} 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 = { keyword: this.seniorSearch.regCerNumber }
|
axios.request({
|
url: '/qichacha/FuzzySearch',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList5 = JSON.parse(JSON.stringify(res.data.Data))
|
} else {
|
this.optionsList5 = []
|
}
|
}, res => {
|
this.optionsList5 = []
|
})
|
} else {
|
this.optionsList5 = []
|
}
|
},
|
rentLeaserChange(item) {
|
this.seniorSearch.leaser = item.Name
|
},
|
tenantAbodeChange(item) {
|
|
this.seniorSearch.tenantAbode = item.Name
|
},
|
rentManChange(item) {
|
this.seniorSearch.rentMan = item.Name
|
},
|
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.rentMan !== '') {
|
let data = { keyword: this.seniorSearch.rentMan }
|
axios.request({
|
url: '/qichacha/FuzzySearch',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList2 = JSON.parse(JSON.stringify(res.data.Data))
|
} 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 = { keyword: this.seniorSearch.tenantAbode }
|
axios.request({
|
url: '/qichacha/FuzzySearch',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList4 = JSON.parse(JSON.stringify(res.data.Data))
|
} 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 = { keyword: this.rentSearch }
|
axios.request({
|
url: '/qichacha/FuzzySearch',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList = JSON.parse(JSON.stringify(res.data.Data))
|
} 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
|
this.amountSelect()
|
|
},
|
amountChange() {
|
this.pageIndex = 1
|
this.rentList = []
|
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: this.seniorSearch.tenantAbode,
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/MkFinanceLease/GetMkFinanceLeaseList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.loadingRent = false
|
this.rentList = res.data.Data.Data
|
this.TotalItems = res.data.Data.TotalItems
|
$('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
})
|
},
|
/**
|
* 融资金额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
|
})
|
})
|
},
|
/**
|
* 租赁下载点击事件
|
**/
|
downloadclick(params) {
|
this.$nextTick(() => {
|
let data = {
|
ReleRegCerNumber: params.ReleRegCerNumber
|
}
|
axios.request({
|
url: '/MkDownloadZip/GetDownloadZip',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
// this.downFile(res.data.Data)
|
// this.clickDownFile=res.data.Data
|
window.open(res.data.Data, '_blank')
|
} else {
|
|
}
|
}, res => {
|
})
|
})
|
},
|
duplicateTab(arr, type) {
|
if (type) {
|
let obj = {}
|
let newArr = arr.reduce((cur, next) => {
|
obj[next.name] ? '' : obj[next.name] = true && cur.push(next)
|
return cur
|
}, [])
|
return newArr
|
} else {
|
return Array.from(new Set(arr))
|
}
|
},
|
/**
|
* 租赁查看点击事件
|
**/
|
checkRentclick(params) {
|
|
|
this.detailParams = params
|
if(this.tab=='tab1'){
|
this.rentCheckDetail = true
|
return
|
}else if(this.tab=='tab2'){
|
this.rentCheckDetail2 = true
|
return
|
}
|
// this.rentCheckDetail = true
|
// console.log(params);
|
},
|
/**
|
* 处罚公开表
|
**/
|
getRentList1() {
|
this.searchChange = 1
|
this.confirmSeniorFirst = 1
|
this.searchClickFirst = 1
|
if (this.getRentListFirst === 1) {
|
this.pageIndex = 1
|
this.$refs['pagesChange1'].currentPage = 1
|
this.confirmSeniorFirst = 0
|
}
|
|
this.loadingRent = true
|
let data = {
|
wh: this.ybjParams.wh,
|
bcfdsr: this.ybjParams.bcfdsr,
|
ay: this.ybjParams.ay,
|
ssjgj: this.ybjParams.ssjgj,
|
jgmc: this.ybjParams.jgmc,
|
cfjdrq1: this.ybjParams.cfjdrq1?this.ybjParams.cfjdrq1+' 00:00:00':'',
|
cfjdrq2: this.ybjParams.cfjdrq2?this.ybjParams.cfjdrq2+' 00:00:00':'',
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/BankYj/GetBankFjcfTablePage',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.rentList = res.data.Data.Items
|
this.TotalItems = res.data.Data.TotalItems
|
this.TotalPages = res.data.Data.TotalPages
|
this.loadingRent = false
|
|
} else {
|
this.loadingRent = false
|
}
|
// if (document.documentElement.scrollTop < 766) {
|
window.scrollTo({
|
top: 600,
|
behavior: "smooth"
|
});
|
// }
|
}, res => {
|
this.loadingRent = false
|
})
|
},
|
// 其它处罚
|
|
GetBankFjcfArticlePage() {
|
this.loadingRent = true
|
let data = {
|
nr: this.ybjParams.nr,
|
ssjgj: this.ybjParams.ssjgj,
|
// jgmc: this.ybjParams.jgmc,
|
// cfjdrq1: this.ybjParams.cfjdrq1,
|
// cfjdrq2: this.ybjParams.cfjdrq2,
|
gbrq1: this.ybjParams.gbrq1?this.ybjParams.gbrq1+' 00:00:00':'',
|
gbrq2: this.ybjParams.gbrq2?this.ybjParams.gbrq2+' 00:00:00':'',
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/BankYj/GetBankFjcfArticlePage',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.rentList = res.data.Data.Items
|
this.TotalItems = res.data.Data.TotalItems
|
for(let i=0;i<this.rentList.length;i++){
|
this.rentList[i].content=this.rentList[i].content.replace(/\r\n/g, '<br>')
|
}
|
this.TotalPages = res.data.Data.TotalPages
|
this.loadingRent = false
|
|
} else {
|
this.loadingRent = false
|
}
|
// if (document.documentElement.scrollTop < 766) {
|
window.scrollTo({
|
top: 600,
|
behavior: "smooth"
|
});
|
// }
|
}, res => {
|
this.loadingRent = false
|
})
|
|
},
|
startTimeDate(e) {
|
// console.log(this.seniorSearch.boardingTime2);
|
this.ybjParams.cfjdrq1 = e[0]
|
this.ybjParams.cfjdrq2 = e[1]
|
|
},
|
endTimeDate(e) {
|
this.ybjParams.cfjdrq1 = e[0]
|
this.ybjParams.cfjdrq2 = e[1]
|
},
|
/**
|
* 页面page的change事件
|
**/
|
changePageIndex(page) {
|
console.log(page);
|
|
// if (page > this.TotalPages) {
|
// this.pageIndex = 1
|
// } else {
|
this.pageIndex = page
|
// }
|
// $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
|
// this.searchClick(this.pageIndex)
|
if (this.tab == 'tab1') {
|
this.searchClick(this.pageIndex)
|
} else if (this.tab == 'tab2') {
|
this.GetBankFjcfArticlePage()
|
}
|
},
|
|
searchClick(page) {
|
this.searchChange = 3
|
this.confirmSeniorFirst = 1
|
this.getRentListFirst = 1
|
// if (this.searchClickFirst === 1) {
|
this.pageIndex = page
|
this.$refs['pagesChange1'].currentPage = 1
|
this.searchClickFirst = 0
|
// }
|
// this.searchClickFirst=0
|
this.loadingRent = true
|
this.rentList = []
|
// this.pageIndex = 1
|
// this.clearAway()
|
let data = {
|
// xm: this.ybjParams.xm,
|
// dwmc: this.ybjParams.dwmc,
|
// ay: this.ybjParams.ay,
|
// cfjd: this.ybjParams.cfjd,
|
// jgmc: this.ybjParams.jgmc,
|
// cfjdrq1: this.ybjParams.cfjdrq1,
|
// cfjdrq2: this.ybjParams.cfjdrq2,
|
// gbrq: this.ybjParams.gbrq,
|
// PageSize: this.pageSize,
|
// PageIndex: this.pageIndex,
|
// wh: this.ybjParams.wh,
|
wh: this.ybjParams.wh,
|
bcfdsr: this.ybjParams.bcfdsr,
|
ay: this.ybjParams.ay,
|
ssjgj: this.ybjParams.ssjgj,
|
jgmc: this.ybjParams.jgmc,
|
cfjdrq1: this.ybjParams.cfjdrq1?this.ybjParams.cfjdrq1+' 00:00:00':'',
|
cfjdrq2: this.ybjParams.cfjdrq2?this.ybjParams.cfjdrq2+' 00:00:00':'',
|
|
PageSize: this.pageSize,
|
PageIndex: this.pageIndex,
|
|
}
|
if (this.componentsType == 'noTitle') {
|
data.FilterLtd = 1
|
}
|
axios.request({
|
url: '/BankYj/GetBankFjcfTablePage',
|
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')
|
} else {
|
this.loadingRent = false
|
}
|
}, res => {
|
this.loadingRent = false
|
})
|
},
|
/**
|
* 高级搜索点击事件
|
**/
|
seniorSearchClick() {
|
this.rentSeniorSearch = true
|
if (this.seniorSearchBackup === '') {
|
this.seniorSearch = {
|
rentMan: '',
|
leaser: '',
|
tenantAbode: '',
|
startTime: '',
|
endTime: '',
|
boardingSize: '',
|
financingAmount: 0,
|
boardingTime: '',
|
expirationTime: '',
|
boardingTime2: '',
|
expirationTime2: ''
|
}
|
} else {
|
this.seniorSearch = this.seniorSearchBackup
|
}
|
}
|
},
|
computed: {
|
rentColumns() {
|
let columns = []
|
if (this.componentsType == 'noTitle') {
|
columns.push({
|
title: '序号',
|
key: 'Id',
|
render: (h, params) => {
|
return h('span', params.index + 1)
|
},
|
width: 80,
|
align: 'center',
|
fixed: 'left'
|
})
|
}
|
columns.push({
|
title: '承租人名称',
|
key: 'NameOfTenant',
|
align: 'center',
|
minWidth: 150,
|
slot: 'NameOfTenantSlot',
|
fixed: 'left'
|
})
|
columns.push({
|
title: '出租人名称',
|
key: 'NameOflessor',
|
align: 'center',
|
minWidth: 150,
|
fixed: 'left',
|
slot: 'NameOflessorSlot'
|
})
|
columns.push({
|
title: '租赁财产价值(元)',
|
key: 'ValueOfLeasedPro',
|
align: 'right',
|
minWidth: 150,
|
maxWidth: 160,
|
render: (h, params) => {
|
if (params.row.ValueOfLeasedPro != 0) {
|
return h('span', this.CustomMethods.numTo$(params.row.ValueOfLeasedPro))
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '租赁期限',
|
key: 'TermOfLease',
|
align: 'center',
|
width: 200,
|
render: (h, params) => {
|
if (params.row.TermOfLease) {
|
return h('span', params.row.TermOfLease)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '登记期限',
|
key: 'RegistrationDate',
|
align: 'center',
|
width: 240,
|
render: (h, params) => {
|
if (params.row.RegistrationType === '注销登记') {
|
if (params.row.RegistrationDate) {
|
return h('span', params.row.RegistrationDate)
|
} else {
|
return h('span', '--')
|
}
|
} else {
|
if (params.row.RegistrationDate && params.row.DateOfRegistrationTime) {
|
return h('span', params.row.RegistrationDate + ' ~ ' + params.row.DateOfRegistrationTime)
|
} else if ((params.row.RegistrationDate === null || params.row.RegistrationDate === '') && params.row.DateOfRegistrationTime) {
|
return h('span', '--' + ' ~ ' + params.row.DateOfRegistrationTime)
|
} else if (params.row.RegistrationDate && (params.row.DateOfRegistrationTime === null || params.row.DateOfRegistrationTime == '')) {
|
return h('span', params.row.RegistrationDate + ' ~ ' + '--')
|
} else {
|
return h('span', '--' + ' ~ ' + '--')
|
}
|
}
|
}
|
})
|
columns.push({
|
title: '登记类型',
|
key: 'RegistrationType',
|
align: 'center',
|
width: 150,
|
render: (h, params) => {
|
if (params.row.RegistrationType) {
|
return h('span', params.row.RegistrationType)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '登记证明编号',
|
key: 'RegCerNumber',
|
align: 'center',
|
width: 200,
|
render: (h, params) => {
|
if (params.row.RegCerNumber) {
|
return h('span', params.row.RegCerNumber)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
width: 50,
|
fixed: 'right'
|
})
|
return columns
|
},
|
bankColumns() {
|
let columns = []
|
// if (this.componentsType == 'noTitle') {
|
columns.push({
|
title: '序号',
|
key: 'Id',
|
render: (h, params) => {
|
return h('span', params.index + 1 + (this.pageIndex - 1) * 8)
|
// return h('span', this.pageIndex )
|
},
|
width: 80,
|
align: 'center',
|
fixed: 'left'
|
})
|
// }
|
columns.push({
|
title: '被处罚当事人',
|
key: 'cfdsr',
|
align: 'left',
|
width: 250,
|
slot:"cfdsr",
|
fixed: 'left',
|
})
|
columns.push({
|
title: '主要违法违规事实',
|
key: 'ay',
|
align: 'left',
|
width: 250,
|
slot:"ay",
|
fixed: 'left'
|
|
})
|
columns.push({
|
title: '行政处罚决定',
|
key: 'cfjd',
|
align: 'left',
|
width: 250,
|
slot: 'cfjd',
|
fixed: 'left',
|
})
|
|
columns.push({
|
title: '作出处罚决定的机关名称',
|
key: 'jgmc',
|
align: 'left',
|
minWidth: 150,
|
render: (h, params) => {
|
if (params.row.jgmc) {
|
return h('span', params.row.jgmc)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '所属监管局',
|
key: 'ssjgj',
|
align: 'left',
|
|
minWidth: 100,
|
render: (h, params) => {
|
if (params.row.ssjgj) {
|
return h('span', params.row.ssjgj)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '作出处罚决定的日期',
|
key: 'cfjdrq',
|
align: 'center',
|
width: 150,
|
render: (h, params) => {
|
if (params.row.cfjdrq) {
|
return h('span', params.row.cfjdrq.split(" ")[0])
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '发布日期',
|
key: 'gbrq',
|
align: 'center',
|
width: 120,
|
render: (h, params) => {
|
if (params.row.gbrq) {
|
return h('span', params.row.gbrq.split(" ")[0])
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
width: 50,
|
fixed: 'right'
|
})
|
return columns
|
},
|
bankColumns2() {
|
let columns = []
|
// if (this.componentsType == 'noTitle') {
|
columns.push({
|
title: '序号',
|
key: 'Id',
|
render: (h, params) => {
|
return h('span', params.index + 1 + (this.pageIndex - 1) * 8)
|
// return h('span', this.pageIndex )
|
},
|
width: 80,
|
align: 'center',
|
fixed: 'left'
|
})
|
// }
|
columns.push({
|
title: '标题',
|
key: 'title',
|
align: 'left',
|
width: 250,
|
slot: 'title',
|
// fixed: 'left',
|
// render: (h, params) => {
|
// if (params.row.title) {
|
// return h('span', params.row.title)
|
// } else {
|
// return h('span', '--')
|
// }
|
// }
|
})
|
columns.push({
|
title: '内容',
|
key: 'content',
|
align: 'left',
|
minWidth: 300,
|
// slot: 'NameOfTenantSlot',
|
// fixed: 'left',
|
slot:"content"
|
// render: (h, params) => {
|
// if (params.row.content) {
|
// return h('span', params.row.content)
|
// } else {
|
// return h('span', '--')
|
// }
|
// }
|
})
|
columns.push({
|
title: '所属监管局',
|
key: 'ssjgj',
|
align: 'left',
|
width: 150,
|
render: (h, params) => {
|
if (params.row.ssjgj) {
|
return h('span', params.row.ssjgj)
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '发布日期',
|
key: 'gbrq',
|
align: 'center',
|
width: 120,
|
render: (h, params) => {
|
if (params.row.gbrq) {
|
return h('span', params.row.gbrq.split(" ")[0])
|
} else {
|
return h('span', '--')
|
}
|
}
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
width: 50,
|
fixed: 'right'
|
})
|
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: 20%;
|
box-sizing: border-box;
|
border-top: 0px;
|
}
|
|
.rentThClass td:last-child {
|
width: 80%;
|
box-sizing: border-box;
|
border-top: 0px;
|
word-break: break-all;
|
}
|
|
.rentClass .lists_readAndEdit2 {
|
padding-top: 12px;
|
}
|
|
.rentTableClass .ivu-form-item {
|
margin-bottom: 0px;
|
}
|
|
.searchList {
|
display: flex;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
}
|
|
.searchList .searchListItem {
|
min-width: 50%;
|
margin: 5px 0;
|
}
|
|
.searchList .searchListItem span {
|
display: inline-block;
|
width: 180px;
|
}
|
|
/* .searchList li span{
|
width:200px;
|
} */
|
/* .lists_readAndEdit2 div {
|
width: 50%;
|
margin: 5px 0;
|
}
|
|
.lists_readAndEdit2 div span {
|
display: inline-block;
|
width: 180px;
|
line-height: 40px;
|
} */
|
</style>
|
