| | |
| | | <span style="margin-left: 6px;">银保监处罚事件</span> |
| | | </div> |
| | | </Card> |
| | | <Card style="margin-top: 12px"> |
| | | <div v-if="topInput==='1'" class="lists_readAndEdit2" style="margin-top: 0;padding-top: 0px;"> |
| | | <Card style="margin-top: 12px;position:relative"> |
| | | <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> |
| | | <!-- <Select v-model="rentPeople" style="width:100px;padding-right: 12px" size="large"> |
| | | <Option value="0">全部</Option> |
| | | <Option value="1">承租人</Option> |
| | | <Option value="2">出租人</Option> |
| | | </Select> --> |
| | | |
| | | <Poptip trigger="focus" placement="bottom-start" transfer> |
| | | <Input v-model="rentSearch" |
| | | size="large" |
| | | style="width: 300px;padding-right: 12px" |
| | | placeholder="请输被处罚人(个人)或被处罚单位" |
| | | <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.xm" size="large" style="width: 300px;padding-right: 12px" |
| | | placeholder="请输入被处罚人(个人)"></Input></div> |
| | | |
| | | ></Input> |
| | | <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> |
| | | <Button size="large" icon="ios-search" type="primary" style="margin-right: 12px" @click="searchClick">搜索 |
| | | </Button> |
| | | <span style="border-bottom: 1px solid #4A8AF4;color: #4A8AF4;cursor: pointer" |
| | | @click="seniorSearchClick">高级搜索</span> |
| | | |
| | | <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.jgmc" 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=false 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=false 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:5px;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">搜索 </Button> |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | <div class="rentScrollOut" style="margin-top: 12px"> |
| | | <!-- <Table ref="rentList" border :columns="rentColumns" :data="rentList" :loading="loadingRent" |
| | | :max-height="componentsType != 'noTitle' ? 600 : 400"> |
| | |
| | | </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="NameOfTenantSlot" slot-scope="params"> |
| | | :max-height="componentsType != 'noTitle' ? 600 : 400"> |
| | | <!-- <template slot="NameOfTenantSlot" slot-scope="params"> |
| | | <Poptip trigger="hover" placement="bottom-start" transfer v-if="params.row.NameOfTenant.indexOf(';')>=0"> |
| | | <div |
| | | style="text-align: left;width: 93%;margin-left:0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;"> |
| | |
| | | <div @click="clickJumpPage2(params.row.NameOflessor)" v-else |
| | | style="cursor: pointer;text-align: left;width: 100%;margin: 8px 0;">{{ params.row.NameOflessor }} |
| | | </div> |
| | | </template> |
| | | </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 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" |
| | | /> |
| | | <Page :current="pageIndex" :total="TotalItems" :page-size="pageSize" style="text-align: right" |
| | | @on-change="changePageIndex" show-elevator ref="pagesChange1" /> |
| | | </div> |
| | | </div> |
| | | </Card> |
| | | <Modal v-model="rentSeniorSearch" |
| | | footer-hide |
| | | width="430" |
| | | sticky |
| | | reset-drag-position |
| | | :mask="true" |
| | | draggable |
| | | :mask-closable="false"> |
| | | <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"> |
| | | :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> |
| | | <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;"> |
| | | <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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | <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> |
| | | <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;"> |
| | | <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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | <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> |
| | | <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;"> |
| | | <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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | <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> |
| | | <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;"> |
| | | 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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | <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"> |
| | | <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> |
| | | <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;"> |
| | | 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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | <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> |
| | | <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;"> |
| | | 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 ? '历史名称匹配' : '名称匹配' |
| | | item.IsOriginalNameMatch ? '历史名称匹配' : '名称匹配' |
| | | }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | 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=false size="large" @on-change="startTimeDate" |
| | | v-model="seniorSearch.boardingTime2" type="date" placeholder="请选择处罚决定开始时间" |
| | | style="width: 100%" class="ipt_width"></DatePicker> |
| | | <DatePicker :options="optionsboardingTime2" :clearable=false size="large" @on-change="startTimeDate" |
| | | v-model="seniorSearch.boardingTime2" type="date" placeholder="请选择处罚决定开始时间" style="width: 100%" |
| | | class="ipt_width"></DatePicker> |
| | | </Col> |
| | | </FormItem> |
| | | </div> |
| | |
| | | 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=false :options="optionsexpirationTime2" size="large" @on-change="endTimeDate" |
| | | v-model="seniorSearch.expirationTime2" type="date" placeholder="请选择处罚决定到期时间" |
| | | style="width: 100%" class="ipt_width"></DatePicker> |
| | | <DatePicker :clearable=false :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')">确认 |
| | | 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">取消 |
| | | @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" |
| | | > |
| | | <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> |
| | | <span>银保监处罚详情</span> |
| | | </p> |
| | | <Spin v-show="loading_report" fix> |
| | | </Spin> |
| | | |
| | | |
| | | |
| | | |
| | | <div v-show="arrListLength===true" style="text-align: center;margin: 20px 0;"> |
| | | <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%; |
| | | text-align: center; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | font-size: 18px; |
| | | font-weight: 600; |
| | | border: 1px solid #CCCCCC; |
| | | border-bottom: none;">本溪银保监分局行政处罚信息公开表</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"> |
| | | <!-- <div v-for="(checkTableList, index) in checkTableLists"> --> |
| | | <div style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll"> |
| | | <div style="width: 100%; |
| | | text-align: center; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | font-size: 18px; |
| | | font-weight: 600; |
| | | border: 1px solid #CCCCCC; |
| | | border-bottom: none;">本溪银保监分局行政处罚信息公开表</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">行政处罚决定书文号</td> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> |
| | | {{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }} |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>被处罚人(个人)</td> |
| | | <td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>被处罚单位</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }} |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>被处罚单位法人代表(主要负责人)</td> |
| | | <td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>主要违法违规事实(案由)</td> |
| | | <td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>行政处罚依据</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>行政处罚决定</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>作出处罚决定的机关名称</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }} |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>作出处罚决定的日期</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }} |
| | | </td> |
| | | |
| | | </tr> |
| | | |
| | | </table> |
| | | </div> |
| | | |
| | | </div> |
| | | </Modal> |
| | | <Modal v-model="rentCheckDetail1" |
| | | 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 class="tabCustom" style="position:relative;" :class="checkTableLists.length>9?'timelong':''"> |
| | | <span class="borderwidth" style="display:block;"></span> |
| | | <span style="position: absolute; |
| | | display: block; |
| | | width: 20px; |
| | | cursor: pointer; |
| | | height: 25px; |
| | | line-height: 25px; |
| | | text-align: center; |
| | | top: 25px; |
| | | box-shadow: rgb(204 204 204) 1px 0px 4px 0px;; |
| | | left:-25px;" @click="left_event" v-show="checkTableLists.length>9"> < </span> |
| | | <ul class="modalLi"> |
| | | <li v-for="(item,index) in checkTableLists" :label="item.title" :name="item.name" class="modalLi_li modaltre" |
| | | :class="`modal${item.name}`" @click="modalLiclick(item.name)"> |
| | | <span class="modalspan_01 modaltitleclick">{{ item.title }}</span> |
| | | </li> |
| | | </ul> |
| | | <ul class="jinduul" style="box-shadow: 0 1px 6px rgba(0,0,0,0.2);"> |
| | | <li style="margin-top: 12px" v-for="(checkTableList,index2) in checkTableLists" class="jindu"> |
| | | <span class="uprent" :class="tabsec2===checkTableList.name?'rentclass1':'rentclass2'"> |
| | | <b v-show="checkTableLists.length>1&&index2!=0"></b> |
| | | <span |
| | | :class="[index2!=0?'bclass1':'bclass2',index2>parseInt(tabsec2.split('tab')[1])?'sss':'']"></span> |
| | | <b v-show="checkTableLists.length>1&&index2!=checkTableLists.length-1"></b> |
| | | </span> |
| | | <p class="jinduul jinduul2" style="margin-top: 5px;margin-bottom: 5px;white-space: nowrap;"> |
| | | {{ checkTableList.RegistrationDate }}</p> |
| | | </li> |
| | | </ul> |
| | | <span style="display: block; |
| | | width: 20px; |
| | | height: 25px; |
| | | line-height: 25px; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | position: absolute; |
| | | top: 25px; |
| | | box-shadow: rgb(204 204 204) 1px 0px 4px 0px; |
| | | right: -25px;" @click="right_event" v-show="checkTableLists.length>9"> > </span> |
| | | </div> |
| | | <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 v-if="tabsec2===checkTableList.name&&checkTableList.title==='初始登记'" |
| | | style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll"> |
| | | <table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto" border="0" cellspacing="0" |
| | | cellpadding="0"> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc">登记证明编号</td> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> |
| | | {{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td> |
| | | <td style="border-top: 1px solid #ccc"> |
| | | {{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none"> |
| | | <td>登记时间</td> |
| | | <td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td> |
| | | <td style="border-top: none;border-right: none">登记到期日</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>登记类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">登记期限</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none"> |
| | | <td>租赁财产币种</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁财产价值</td> |
| | | <td style="border-top: none"> |
| | | {{ |
| | | checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--' |
| | | }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁期限</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁合同号码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;"> |
| | | <td>填表人</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人证件类型</td> |
| | | <td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>填表人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人归档号</td> |
| | | <td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;"> |
| | | <td>承租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;"> |
| | | <td>承租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;"> |
| | | <td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td> |
| | | <td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td> |
| | | <td colspan="3"> |
| | | <span |
| | | v-show="arrLength1===true">{{ |
| | | checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--' |
| | | }}</span> |
| | | <div v-for="item in checkTableList.DesOfLeasedPropertynew" :value="item" v-show="arrLength1===false"> |
| | | {{ item }} |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁财产唯一标识码</td> |
| | | <td colspan="3"> |
| | | {{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div v-if="tabsec2===checkTableList.name&&checkTableList.title==='变更登记'" class="rentScroll" |
| | | style="height: 430px;overflow-y: auto;margin-top: 12px"> |
| | | <table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto;margin-bottom: 12px" 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">登记证明编号</td> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> |
| | | {{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td> |
| | | <td style="border-top: 1px solid #ccc;"> |
| | | {{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none"> |
| | | <td>登记时间</td> |
| | | <td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td> |
| | | <td style="border-top: none;border-right: none">登记到期日</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>登记类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">登记期限</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>租赁财产币种</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁财产价值</td> |
| | | <td style="border-top: none"> |
| | | {{ |
| | | checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--' |
| | | }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁期限</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁合同号码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>填表人</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人证件类型</td> |
| | | <td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>填表人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人归档号</td> |
| | | <td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }} |
| | | </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"> |
| | | {{ detailParams.wh ? detailParams.wh : '--' }} |
| | | </td> |
| | | |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td> |
| | | <td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td> |
| | | <td colspan="3"> |
| | | <span |
| | | v-show="arrLength2===true">{{ |
| | | checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--' |
| | | }}</span> |
| | | <div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength2===false">{{ item }}</div> |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁财产唯一标识码</td> |
| | | <td colspan="3"> |
| | | {{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <div style="margin-top: 12px;margin-bottom: 12px;font-weight: bold"> |
| | | 变更登记,变动项如下 |
| | | </div> |
| | | <div v-if="diffList.length>0" style="position: relative;padding: 15px 0"> |
| | | <Spin v-show="loading_in" fix></Spin> |
| | | <table style="width: 100%;margin-top: 0px;overflow-y: auto;margin-bottom: 12px" border="0" cellspacing="0" |
| | | cellpadding="0"> |
| | | <tr class="rentDiffClass"> |
| | | <td></td> |
| | | <td>上次登记内容</td> |
| | | <td>本次登记内容</td> |
| | | </tr> |
| | | <tr class="rentDiffClass2" v-for="(j,index) in diffList"> |
| | | <td>{{ j.Name }}</td> |
| | | <td>{{ j.LastRegistration }}</td> |
| | | <td>{{ j.ThisRegistration }}</td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div v-if="diffList.length===0" |
| | | style="padding: 15px 0;border: 1px solid #ccc;text-align: center;position: relative"> |
| | | <Spin v-show="loading_in" fix></Spin> |
| | | 暂无数据 |
| | | </div> |
| | | </div> |
| | | <div v-show="tabsec2===checkTableList.name&&checkTableList.title==='展期登记'" |
| | | style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll"> |
| | | <!-- <div style="margin-bottom: 12px;font-weight: bold">--> |
| | | <!-- 展期登记,登记时间:{{checkTableList.RegistrationDate}}--> |
| | | <!-- </div>--> |
| | | <table style="width: 100%;margin-top: 0px;height: 450px;overflow-y: auto;margin-bottom: 12px" 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">登记证明编号</td> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> |
| | | {{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td> |
| | | <td style="border-top: 1px solid #ccc;"> |
| | | {{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none"> |
| | | <td>登记时间</td> |
| | | <td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td> |
| | | <td style="border-top: none;border-right: none">登记到期日</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>登记类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">登记期限</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>租赁财产币种</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁财产价值</td> |
| | | <td style="border-top: none"> |
| | | {{ |
| | | checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--' |
| | | }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁期限</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁合同号码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>填表人</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人证件类型</td> |
| | | <td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>填表人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人归档号</td> |
| | | <td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td> |
| | | <td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td> |
| | | <td colspan="3"> |
| | | <span |
| | | v-show="arrLength3===true">{{ |
| | | checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--' |
| | | }}</span> |
| | | <div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength3===false">{{ item }}</div> |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁财产唯一标识码</td> |
| | | <td colspan="3"> |
| | | {{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div v-show="tabsec2===checkTableList.name&&checkTableList.title==='注销登记'" |
| | | style="height: 430px;overflow-y: auto;margin-top: 12px" class="rentScroll"> |
| | | <table style="width: 100%;margin-top: 0px;height: 450px;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">登记证明编号</td> |
| | | <td style="border-top: 1px solid #ccc;border-right: 0px solid #ccc"> |
| | | {{ checkTableList.RegCerNumber ? checkTableList.RegCerNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: 1px solid #ccc;border-right: none">关联的初始登记编号</td> |
| | | <td style="border-top: 1px solid #ccc;"> |
| | | {{ checkTableList.ReleRegCerNumber ? checkTableList.ReleRegCerNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass2" style="border-style: none"> |
| | | <td>登记时间</td> |
| | | <td>{{ checkTableList.RegistrationTime ? checkTableList.RegistrationTime : '--' }}</td> |
| | | <td style="border-top: none;border-right: none">登记到期日</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.DateOfRegistration ? checkTableList.DateOfRegistration : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>登记类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.RegistrationType ? checkTableList.RegistrationType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">登记期限</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.RegistrationDeadline ? checkTableList.RegistrationDeadline : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOfTenant ? checkTableList.NameOfTenant : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人名称</td> |
| | | <td colspan="3">{{ checkTableList.NameOflessor ? checkTableList.NameOflessor : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>租赁财产币种</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.CurOfLeasedProperty ? checkTableList.CurOfLeasedProperty : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁财产价值</td> |
| | | <td style="border-top: none"> |
| | | {{ |
| | | checkTableList.ValueOfLeasedPro != 0 ? CustomMethods.numTo$(checkTableList.ValueOfLeasedPro) : '--' |
| | | }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁期限</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TermOfLease ? checkTableList.TermOfLease : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">租赁合同号码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LeaseContractNumber ? checkTableList.LeaseContractNumber : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>填表人</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.Preparer ? checkTableList.Preparer : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人证件类型</td> |
| | | <td style="border-top: none">{{ checkTableList.TypeOfPersonId ? checkTableList.TypeOfPersonId : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>填表人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.PreparerDomicile ? checkTableList.PreparerDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">填表人归档号</td> |
| | | <td style="border-top: none">{{ checkTableList.PreparerFileNo ? checkTableList.PreparerFileNo : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantType ? checkTableList.TenantType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.LesseeOrgCode ? checkTableList.LesseeOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>承租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LesseeBusRegNumber ? checkTableList.LesseeBusRegNumber : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LesseeGlobalCorCode ? checkTableList.LesseeGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>承租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.TenantAbode ? checkTableList.TenantAbode : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">承租人法定代表人/负责人</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LegalRepOfLessee ? checkTableList.LegalRepOfLessee : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人类型</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorType ? checkTableList.LessorType : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人组织机构代码/金融机构编号/证件号码</td> |
| | | <td style="border-top: none">{{ checkTableList.lessorOrgCode ? checkTableList.lessorOrgCode : '--' }}</td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td>出租人工商注册号/事业单位法人证书号/机构注册登记证书号</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorIndComRegNum ? checkTableList.LessorIndComRegNum : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人全球法人机构识别编码</td> |
| | | <td style="border-top: none"> |
| | | {{ checkTableList.LessorGlobalCorCode ? checkTableList.LessorGlobalCorCode : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>出租人住所</td> |
| | | <td style="border-top: none;border-right: none"> |
| | | {{ checkTableList.LessorDomicile ? checkTableList.LessorDomicile : '--' }} |
| | | </td> |
| | | <td style="border-top: none;border-right: none">出租人法定代表人/负责人</td> |
| | | <td style="border-top: none">{{ checkTableList.LessorLegalRep ? checkTableList.LessorLegalRep : '--' }} |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;"> |
| | | <td>租赁财产描述 <br> 异议登记陈述 <br> 注销说明</td> |
| | | <td colspan="3"> |
| | | <span |
| | | v-show="arrLength4===true">{{ |
| | | checkTableList.DesOfLeasedProperty ? checkTableList.DesOfLeasedProperty : '--' |
| | | }}</span> |
| | | <div v-for="item in checkTableList.DesOfLeasedPropertynew" v-show="arrLength4===false">{{ item }}</div> |
| | | </td> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none;background: #f2f2f2"> |
| | | <td>租赁财产唯一标识码</td> |
| | | <td colspan="3"> |
| | | {{ checkTableList.UniqueIdentCodeOfPro ? checkTableList.UniqueIdentCodeOfPro : '--' }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td style=";width:200px;">被处罚人(个人)</td> |
| | | <td>{{ detailParams.xm ? detailParams.xm : '--' }}</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.dwmc |
| | | ? detailParams.dwmc |
| | | : '--' |
| | | }} |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr class="rentThClass" style="border-style: none"> |
| | | <td style=";width:200px;">被处罚单位法人代表(主要负责人)</td> |
| | | <td style="border-right: 1px solid #ccc" colspan="3">{{ detailParams.fzr ? detailParams.fzr : '--' }}</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">{{ detailParams.ay ? detailParams.ay : '--' }}</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.yj |
| | | ? detailParams.yj |
| | | : '--' |
| | | }} |
| | | </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.cfjd |
| | | ? detailParams.cfjd |
| | | : '--' |
| | | }} |
| | | </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.cfjdrq ? detailParams.cfjdrq.indexOf('00:00:00')?detailParams.cfjdrq.replace('00:00:00',''):detailParams.cfjdrq : '--' }} |
| | | </td> |
| | | |
| | | </tr> |
| | | |
| | | </table> |
| | | <!-- </div> --> |
| | | |
| | | </div> |
| | | </Modal> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | }, |
| | | components: {}, |
| | | data () { |
| | | data() { |
| | | return { |
| | | rentCheckDetail1:false, |
| | | pageSize: 30, |
| | | showMore:false, |
| | | detailParams: {}, |
| | | rentCheckDetail1: false, |
| | | pageSize: 8, |
| | | arrlength: 9, |
| | | clickend: true, |
| | | clickNum: 0, |
| | |
| | | shortcuts: [ |
| | | { |
| | | text: '最近半年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 / 2 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近一年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近三年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 3 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近五年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 5 |
| | | let c = a - b |
| | |
| | | shortcuts: [ |
| | | { |
| | | text: '最近半年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 / 2 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近一年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近三年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 3 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近五年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 5 |
| | | let c = a - b |
| | |
| | | shortcuts: [ |
| | | { |
| | | text: '最近半年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 / 2 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近一年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近三年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 3 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近五年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 5 |
| | | let c = a - b |
| | |
| | | shortcuts: [ |
| | | { |
| | | text: '最近半年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 / 2 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近一年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近三年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 3 |
| | | let c = a - b |
| | |
| | | }, |
| | | { |
| | | text: '最近五年', |
| | | value () { |
| | | value() { |
| | | let a = new Date().getTime() |
| | | let b = 365 * 24 * 60 * 60 * 1000 * 5 |
| | | let c = a - b |
| | |
| | | checkTableLists: [], |
| | | seniorSearchValidate: { |
| | | rentMan: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | leaser: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | tenantAbode: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | regCerNumber: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | boardingSize: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | financingAmount: [ |
| | | {required: true, trigger: 'change'} |
| | | { required: true, trigger: 'change' } |
| | | ], |
| | | boardingTime: [ |
| | | {required: true, trigger: 'change', type: 'date'} |
| | | { required: true, trigger: 'change', type: 'date' } |
| | | ], |
| | | expirationTime: [ |
| | | {required: true, trigger: 'change', type: 'date'} |
| | | { required: true, trigger: 'change', type: 'date' } |
| | | ], |
| | | |
| | | }, |
| | |
| | | confirmSeniorFirst: 0, |
| | | searchClickFirst: 0, |
| | | getRentListFirst: 0, |
| | | ybjParams: { |
| | | xm: '', |
| | | dwmc: '', |
| | | ay: '', |
| | | cfjd: '', |
| | | jgmc: '', |
| | | cfjdrq1: '', |
| | | cfjdrq2: '', |
| | | gbrq: '', |
| | | }, |
| | | } |
| | | }, |
| | | mounted () { |
| | | mounted() { |
| | | if (this.componentsType == 'noTitle') { |
| | | this.rentPeople = '2' |
| | | this.rentSearch = this.companyName |
| | | this.pageSize = 10 |
| | | this.pageSize = 8 |
| | | } else { |
| | | this.rentPeople = '0' |
| | | } |
| | | this.getRentList() |
| | | }, |
| | | watch: { |
| | | tabsec2 (data) { |
| | | tabsec2(data) { |
| | | this.$nextTick(() => { |
| | | $('.rentScroll').animate({scrollTop: 0}, 'slow') |
| | | $('.rentScroll').animate({ scrollTop: 0 }, 'slow') |
| | | }) |
| | | }, |
| | | // checkTableLists(){ |
| | |
| | | // } |
| | | // } |
| | | 'seniorSearch.leaser': { |
| | | handler (newName, oldName) { |
| | | handler(newName, oldName) { |
| | | this.remoteleaserMethod() |
| | | }, |
| | | } |
| | | }, |
| | | created () { |
| | | created() { |
| | | this.$watch('rentSearch', this.debounce((newQuery) => { |
| | | // newQuery为输入的值 |
| | | this.rentSearch = newQuery |
| | |
| | | }, 200)) |
| | | }, |
| | | methods: { |
| | | modalLiclick (params) { |
| | | getStarTime(e){ |
| | | this.ybjParams.cfjdrq1=e |
| | | }, |
| | | getEndTime(e){ |
| | | this.ybjParams.cfjdrq2=e |
| | | }, |
| | | modalLiclick(params) { |
| | | this.tabsec2 = params |
| | | $('.modalLi li').removeClass('modaltab') |
| | | $('.modalLi li').removeClass('modaltre') |
| | |
| | | } |
| | | }) |
| | | }, |
| | | left_event () { |
| | | 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'}) |
| | | $('.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'}) |
| | | $('.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 () { |
| | | 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'}) |
| | | $('.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 () { |
| | | tabclick() { |
| | | this.diffList = [] |
| | | this.loading_in = true |
| | | let a = parseInt(this.tabsec2.split('tab')[1]) |
| | |
| | | } |
| | | }) |
| | | }, |
| | | differentRent (s) { |
| | | differentRent(s) { |
| | | this.loading_in = true |
| | | this.diffList = [] |
| | | let data = { |
| | |
| | | }, res => { |
| | | }) |
| | | }, |
| | | clickJumpPage2 (value) { |
| | | clickJumpPage2(value) { |
| | | localStorage.setItem('powerAccess', 'publicMessage_tool') |
| | | window.open(`#/publicMessage_tool?name=${value}`, '_blank') |
| | | }, |
| | | clickJumpPage (value) { |
| | | clickJumpPage(value) { |
| | | localStorage.setItem('powerAccess', 'publicMessage_tool') |
| | | window.open(`#/publicMessage_tool?name=${value}`, '_blank') |
| | | }, |
| | | downFile (params) { |
| | | downFile(params) { |
| | | this.clickDownFile = params |
| | | }, |
| | | remoteleaserMethod () { |
| | | remoteleaserMethod() { |
| | | if (this.componentsType == 'noTitle' && this.firstBool) { |
| | | this.firstBool = false |
| | | return false |
| | | } |
| | | if (this.seniorSearch.leaser !== '') { |
| | | let data = {keyword: this.seniorSearch.leaser} |
| | | let data = { keyword: this.seniorSearch.leaser } |
| | | axios.request({ |
| | | url: '/qichacha/FuzzySearch', |
| | | data, |
| | |
| | | this.optionsList3 = [] |
| | | } |
| | | }, |
| | | regCerNumber () { |
| | | regCerNumber() { |
| | | if (this.componentsType == 'noTitle' && this.firstBool) { |
| | | this.firstBool = false |
| | | return false |
| | | } |
| | | if (this.seniorSearch.regCerNumber !== '') { |
| | | let data = {keyword: this.seniorSearch.regCerNumber} |
| | | let data = { keyword: this.seniorSearch.regCerNumber } |
| | | axios.request({ |
| | | url: '/qichacha/FuzzySearch', |
| | | data, |
| | |
| | | this.optionsList5 = [] |
| | | } |
| | | }, |
| | | rentLeaserChange (item) { |
| | | rentLeaserChange(item) { |
| | | this.seniorSearch.leaser = item.Name |
| | | }, |
| | | tenantAbodeChange (item) { |
| | | tenantAbodeChange(item) { |
| | | |
| | | this.seniorSearch.tenantAbode = item.Name |
| | | }, |
| | | rentManChange (item) { |
| | | rentManChange(item) { |
| | | this.seniorSearch.rentMan = item.Name |
| | | }, |
| | | debounce (func, delay) { |
| | | debounce(func, delay) { |
| | | let timer |
| | | return (...args) => { |
| | | if (timer) { |
| | |
| | | }, delay) |
| | | } |
| | | }, |
| | | debounce2 (func, delay) { |
| | | debounce2(func, delay) { |
| | | let timer |
| | | return (...args) => { |
| | | if (timer) { |
| | |
| | | }, delay) |
| | | } |
| | | }, |
| | | debounce3 (func, delay) { |
| | | debounce3(func, delay) { |
| | | let timer |
| | | return (...args) => { |
| | | if (timer) { |
| | |
| | | }, delay) |
| | | } |
| | | }, |
| | | debounce4 (func, delay) { |
| | | debounce4(func, delay) { |
| | | let timer |
| | | return (...args) => { |
| | | if (timer) { |
| | |
| | | }, delay) |
| | | } |
| | | }, |
| | | remoteManMethod () { |
| | | remoteManMethod() { |
| | | if (this.componentsType == 'noTitle' && this.firstBool) { |
| | | this.firstBool = false |
| | | return false |
| | | } |
| | | if (this.seniorSearch.rentMan !== '') { |
| | | let data = {keyword: this.seniorSearch.rentMan} |
| | | let data = { keyword: this.seniorSearch.rentMan } |
| | | axios.request({ |
| | | url: '/qichacha/FuzzySearch', |
| | | data, |
| | |
| | | } |
| | | }, |
| | | //承租人住所 |
| | | tenantsResidence () { |
| | | tenantsResidence() { |
| | | if (this.componentsType == 'noTitle' && this.firstBool) { |
| | | this.firstBool = false |
| | | return false |
| | | } |
| | | if (this.seniorSearch.tenantAbode !== '') { |
| | | let data = {keyword: this.seniorSearch.tenantAbode} |
| | | let data = { keyword: this.seniorSearch.tenantAbode } |
| | | axios.request({ |
| | | url: '/qichacha/FuzzySearch', |
| | | data, |
| | |
| | | /** |
| | | * 远程搜索主体名称 |
| | | */ |
| | | remoteMethod () { |
| | | remoteMethod() { |
| | | if (this.componentsType == 'noTitle' && this.firstBool) { |
| | | this.firstBool = false |
| | | return false |
| | | } |
| | | if (this.rentSearch !== '') { |
| | | this.searchLoading = true |
| | | let data = {keyword: this.rentSearch} |
| | | let data = { keyword: this.rentSearch } |
| | | axios.request({ |
| | | url: '/qichacha/FuzzySearch', |
| | | data, |
| | |
| | | this.optionsList = [] |
| | | } |
| | | }, |
| | | rentSearchChange (item) { |
| | | rentSearchChange(item) { |
| | | this.rentSearch = item.Name |
| | | }, |
| | | /** |
| | | * 一键清除事件 |
| | | **/ |
| | | clearAway () { |
| | | clearAway() { |
| | | this.searchChange = 1 |
| | | this.financingAmount = '' |
| | | // this.rentPeople="" |
| | |
| | | this.amountSelect() |
| | | |
| | | }, |
| | | amountChange () { |
| | | amountChange() { |
| | | this.pageIndex = 1 |
| | | this.rentList = [] |
| | | this.$nextTick(() => { |
| | |
| | | this.loadingRent = false |
| | | this.rentList = res.data.Data.Data |
| | | this.TotalItems = res.data.Data.TotalItems |
| | | $('.rentScrollOut .ivu-table-body').animate({scrollTop: 0}, 'slow') |
| | | $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow') |
| | | } else { |
| | | this.loadingRent = false |
| | | } |
| | |
| | | /** |
| | | * 融资金额select事件 |
| | | **/ |
| | | amountSelect () { |
| | | amountSelect() { |
| | | this.rentList = [] |
| | | this.pageIndex = 1 |
| | | this.$nextTick(() => { |
| | |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | $('.rentScrollOut .ivu-table-body').animate({scrollTop: 0}, 'slow') |
| | | $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow') |
| | | this.loadingRent = false |
| | | this.rentList = res.data.Data.Data |
| | | this.TotalItems = res.data.Data.TotalItems |
| | |
| | | /** |
| | | * 租赁下载点击事件 |
| | | **/ |
| | | downloadclick (params) { |
| | | downloadclick(params) { |
| | | this.$nextTick(() => { |
| | | let data = { |
| | | ReleRegCerNumber: params.ReleRegCerNumber |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | duplicateTab (arr, type) { |
| | | duplicateTab(arr, type) { |
| | | if (type) { |
| | | let obj = {} |
| | | let newArr = arr.reduce((cur, next) => { |
| | |
| | | /** |
| | | * 租赁查看点击事件 |
| | | **/ |
| | | checkRentclick (params) { |
| | | this.diffList = [] |
| | | let now = new Date().valueOf() |
| | | let timeList = [] |
| | | let a = 0 |
| | | this.arrlength = 9 |
| | | if (now - this.opreateTime > 100) { |
| | | this.TabList = [] |
| | | this.arrListLength = false |
| | | this.tabsec2 = 'tab0' |
| | | this.$nextTick(() => { |
| | | this.rentCheckDetail = true |
| | | this.loading_report = true |
| | | $('.rentScroll').animate({scrollTop: 0}, 'slow') |
| | | let a = [] |
| | | this.checkId = params.Id |
| | | let data = { |
| | | Id: this.checkId |
| | | } |
| | | axios.request({ |
| | | url: '/MkFinanceLease/GetMkFinanceLeaseInfo', |
| | | data, |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | this.opreateTime = now |
| | | for (let i = 0; i < res.data.Data.length; i++) { |
| | | if (res.data.Data[i].title === '初始登记') { |
| | | if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | } |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | } else { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | } |
| | | this.arrLength1 = false |
| | | } else { |
| | | this.arrLength1 = true |
| | | } |
| | | } else if (res.data.Data[i].title === '变更登记') { |
| | | if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | } |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | } else { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | } |
| | | this.arrLength2 = false |
| | | } else { |
| | | this.arrLength2 = true |
| | | } |
| | | } else if (res.data.Data[i].title === '展期登记') { |
| | | if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | } |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | } else { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | } |
| | | this.arrLength3 = false |
| | | } else { |
| | | this.arrLength3 = true |
| | | } |
| | | } else if (res.data.Data[i].title === '注销登记') { |
| | | if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | } |
| | | if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | } else { |
| | | res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | } |
| | | this.arrLength4 = false |
| | | } else { |
| | | this.arrLength4 = true |
| | | } |
| | | } |
| | | } |
| | | $('.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.modalLiclick('tab0') |
| | | let a = 876 - res.data.Data.length * 90 |
| | | $('.borderwidth').css({ |
| | | 'width': `${a}px`, |
| | | 'left': `${res.data.Data.length * 90}px`, |
| | | 'top': '32px', |
| | | 'height': '1px', |
| | | 'background': '#dcdee2', |
| | | 'position': 'absolute' |
| | | }) |
| | | this.checkTableLists = res.data.Data |
| | | this.loading_report = false |
| | | } else { |
| | | this.loading_report = false |
| | | } |
| | | }, res => { |
| | | this.loading_report = false |
| | | }) |
| | | }) |
| | | } else { |
| | | this.$Message.warning('数据正在获取,请勿重复点击!') |
| | | } |
| | | checkRentclick(params) { |
| | | // this.diffList = [] |
| | | // let now = new Date().valueOf() |
| | | // let timeList = [] |
| | | // let a = 0 |
| | | // this.arrlength = 9 |
| | | // if (now - this.opreateTime > 100) { |
| | | // this.TabList = [] |
| | | // this.arrListLength = false |
| | | // this.tabsec2 = 'tab0' |
| | | // this.$nextTick(() => { |
| | | // this.rentCheckDetail = true |
| | | // this.loading_report = true |
| | | // $('.rentScroll').animate({ scrollTop: 0 }, 'slow') |
| | | // let a = [] |
| | | // this.checkId = params.Id |
| | | // let data = { |
| | | // Id: this.checkId |
| | | // } |
| | | // axios.request({ |
| | | // url: '/MkFinanceLease/GetMkFinanceLeaseInfo', |
| | | // data, |
| | | // method: 'post' |
| | | // }).then(res => { |
| | | // if (res.data.Check) { |
| | | // this.opreateTime = now |
| | | // for (let i = 0; i < res.data.Data.length; i++) { |
| | | // if (res.data.Data[i].title === '初始登记') { |
| | | // if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | // res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | // } |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | // } else { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | // } |
| | | // this.arrLength1 = false |
| | | // } else { |
| | | // this.arrLength1 = true |
| | | // } |
| | | // } else if (res.data.Data[i].title === '变更登记') { |
| | | // if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | // res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | // } |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | // } else { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | // } |
| | | // this.arrLength2 = false |
| | | // } else { |
| | | // this.arrLength2 = true |
| | | // } |
| | | // } else if (res.data.Data[i].title === '展期登记') { |
| | | // if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | // res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | // } |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | // } else { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | // } |
| | | // this.arrLength3 = false |
| | | // } else { |
| | | // this.arrLength3 = true |
| | | // } |
| | | // } else if (res.data.Data[i].title === '注销登记') { |
| | | // if ((res.data.Data[i].DesOfLeasedProperty.indexOf('\n') >= 0 || res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0)) { |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('↵') > -1) { |
| | | // res.data.Data[i].DesOfLeasedProperty = res.data.Data[i].DesOfLeasedProperty.replace(/↵/g, '\n') |
| | | // } |
| | | // if (res.data.Data[i].DesOfLeasedProperty.indexOf('\r') >= 0) { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\r\n'))) |
| | | // } else { |
| | | // res.data.Data[i].DesOfLeasedPropertynew = JSON.parse(JSON.stringify(res.data.Data[i].DesOfLeasedProperty.split('\n'))) |
| | | // } |
| | | // this.arrLength4 = false |
| | | // } else { |
| | | // this.arrLength4 = true |
| | | // } |
| | | // } |
| | | // } |
| | | // $('.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.modalLiclick('tab0') |
| | | // let a = 876 - res.data.Data.length * 90 |
| | | // $('.borderwidth').css({ |
| | | // 'width': `${a}px`, |
| | | // 'left': `${res.data.Data.length * 90}px`, |
| | | // 'top': '32px', |
| | | // 'height': '1px', |
| | | // 'background': '#dcdee2', |
| | | // 'position': 'absolute' |
| | | // }) |
| | | // this.checkTableLists = res.data.Data |
| | | // this.loading_report = false |
| | | // } else { |
| | | // this.loading_report = false |
| | | // } |
| | | // }, res => { |
| | | // this.loading_report = false |
| | | // }) |
| | | // }) |
| | | // } else { |
| | | // this.$Message.warning('数据正在获取,请勿重复点击!') |
| | | // } |
| | | |
| | | this.detailParams = params |
| | | this.rentCheckDetail = true |
| | | console.log(params); |
| | | }, |
| | | /** |
| | | * 获取租赁数据 |
| | | **/ |
| | | getRentList () { |
| | | getRentList() { |
| | | this.searchChange = 1 |
| | | this.confirmSeniorFirst = 1 |
| | | this.searchClickFirst = 1 |
| | |
| | | |
| | | this.loadingRent = true |
| | | let data = { |
| | | Name: this.rentSearch, |
| | | 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, |
| | | RentPeople: parseInt(this.rentPeople), |
| | | financingAmount: this.financingAmount, |
| | | sizeAll: this.sizeAll, |
| | | boardingTime: this.boardingTime, |
| | | expirationTime: this.expirationTime, |
| | | boardingTime2: this.boardingTime2, |
| | | expirationTime2: this.expirationTime2, |
| | | // cfjdrq1: this.seniorSearch.boardingTime, |
| | | // cfjdrq2: this.seniorSearch.expirationTime, |
| | | // RentPeople: parseInt(this.rentPeople), |
| | | // financingAmount: this.financingAmount, |
| | | // sizeAll: this.sizeAll, |
| | | // boardingTime: this.boardingTime, |
| | | // expirationTime: this.expirationTime, |
| | | // boardingTime2: this.boardingTime2, |
| | | // expirationTime2: this.expirationTime2, |
| | | |
| | | } |
| | | if (this.componentsType == 'noTitle') { |
| | | data.FilterLtd = 1 |
| | | } |
| | | axios.request({ |
| | | url: '/MkFinanceLease/GetMkFinanceLeaseList', |
| | | url: '/BankYj/GetBankFjcfTableDetail', |
| | | data, |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | this.rentList = res.data.Data.Data |
| | | 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 |
| | | }) |
| | | }, |
| | | endTimeDate () { |
| | | endTimeDate() { |
| | | |
| | | }, |
| | | startTimeDate () { |
| | | startTimeDate(e) { |
| | | // console.log(this.seniorSearch.boardingTime2); |
| | | this.ybjParams.cfjdrq1 = e[0] |
| | | this.ybjParams.cfjdrq2 = e[1] |
| | | |
| | | }, |
| | | /** |
| | | * 页面page的change事件 |
| | | **/ |
| | | changePageIndex (page) { |
| | | changePageIndex(page) { |
| | | if (page > this.TotalPages) { |
| | | this.pageIndex = 1 |
| | | } else { |
| | | this.pageIndex = page |
| | | } |
| | | $('.rentScrollOut .ivu-table-body').animate({scrollTop: 0}, 'slow') |
| | | $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow') |
| | | if (this.searchChange === 1) { |
| | | this.getRentList() |
| | | } else if (this.searchChange === 2) { |
| | |
| | | } |
| | | this.pageIndex = 1 |
| | | }, |
| | | /** |
| | | * 高级搜索确认 |
| | | **/ |
| | | confirmSenior (seniorSearchValidate) { |
| | | 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 = { |
| | | rentMan: this.seniorSearch.rentMan, |
| | | leaser: this.seniorSearch.leaser, |
| | | tenantAbode: this.seniorSearch.tenantAbode, |
| | | PageSize: this.pageSize, |
| | | PageIndex: this.pageIndex, |
| | | financingAmount: this.seniorSearch.financingAmount, |
| | | sizeAll: this.seniorSearch.boardingSize, |
| | | boardingTime: this.seniorSearch.boardingTime, |
| | | expirationTime: this.seniorSearch.expirationTime, |
| | | boardingTime2: this.seniorSearch.boardingTime2, |
| | | expirationTime2: this.seniorSearch.expirationTime2, |
| | | regCerNumber: this.seniorSearch.regCerNumber |
| | | } |
| | | 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 |
| | | this.TotalPages = res.data.Data.TotalPages |
| | | $('.rentScrollOut .ivu-table-body').animate({scrollTop: 0}, 'slow') |
| | | } else { |
| | | this.loadingRent = false |
| | | } |
| | | }, res => { |
| | | this.loadingRent = false |
| | | }) |
| | | // }) |
| | | }, |
| | | searchClick () { |
| | | |
| | | searchClick() { |
| | | this.searchChange = 3 |
| | | this.confirmSeniorFirst = 1 |
| | | this.getRentListFirst = 1 |
| | |
| | | // this.pageIndex = 1 |
| | | // this.clearAway() |
| | | let data = { |
| | | Name: this.rentSearch, |
| | | 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, |
| | | RentPeople: parseInt(this.rentPeople), |
| | | financingAmount: this.financingAmount, |
| | | sizeAll: this.sizeAll, |
| | | boardingTime: this.boardingTime, |
| | | expirationTime: this.expirationTime, |
| | | boardingTime2: this.boardingTime2, |
| | | expirationTime2: this.expirationTime2, |
| | | tenantAbode: this.seniorSearch.tenantAbode, |
| | | |
| | | // boardingTime: this.boardingTime, |
| | | // expirationTime: this.expirationTime, |
| | | // boardingTime2: this.boardingTime2, |
| | | // expirationTime2: this.expirationTime2, |
| | | |
| | | } |
| | | if (this.componentsType == 'noTitle') { |
| | | data.FilterLtd = 1 |
| | | } |
| | | axios.request({ |
| | | url: '/MkFinanceLease/GetMkFinanceLeaseList', |
| | | url: '/BankYj/GetBankFjcfTableDetail', |
| | | data, |
| | | method: 'post' |
| | | }).then(res => { |
| | | if (res.data.Check) { |
| | | this.loadingRent = false |
| | | this.rentList = res.data.Data.Data |
| | | this.rentList = res.data.Data.Items |
| | | this.TotalItems = res.data.Data.TotalItems |
| | | $('.rentScrollOut .ivu-table-body').animate({scrollTop: 0}, 'slow') |
| | | $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow') |
| | | } else { |
| | | this.loadingRent = false |
| | | } |
| | |
| | | /** |
| | | * 高级搜索点击事件 |
| | | **/ |
| | | seniorSearchClick () { |
| | | seniorSearchClick() { |
| | | this.rentSeniorSearch = true |
| | | if (this.seniorSearchBackup === '') { |
| | | this.seniorSearch = { |
| | |
| | | } |
| | | }, |
| | | computed: { |
| | | rentColumns () { |
| | | rentColumns() { |
| | | let columns = [] |
| | | if (this.componentsType == 'noTitle') { |
| | | columns.push({ |
| | |
| | | }) |
| | | return columns |
| | | }, |
| | | bankColumns () { |
| | | bankColumns() { |
| | | 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' |
| | | }) |
| | | // } |
| | | // if (this.componentsType == 'noTitle') { |
| | | columns.push({ |
| | | title: '被处罚人(个人)', |
| | | key: 'NameOfTenant', |
| | | title: '序号', |
| | | key: 'Id', |
| | | render: (h, params) => { |
| | | return h('span', params.index + 1) |
| | | }, |
| | | width: 80, |
| | | align: 'center', |
| | | minWidth: 150, |
| | | slot: 'NameOfTenantSlot', |
| | | fixed: 'left' |
| | | }) |
| | | // } |
| | | columns.push({ |
| | | title: '被处罚人(法人)', |
| | | key: 'NameOflessor', |
| | | title: '被处罚人(个人)', |
| | | key: 'xm', |
| | | align: 'center', |
| | | minWidth: 150, |
| | | width: 150, |
| | | // slot: 'NameOfTenantSlot', |
| | | fixed: 'left', |
| | | slot: 'NameOflessorSlot' |
| | | }) |
| | | |
| | | columns.push({ |
| | | title: '处罚机关名称', |
| | | key: 'TermOfLease', |
| | | align: 'center', |
| | | width: 200, |
| | | render: (h, params) => { |
| | | if (params.row.TermOfLease) { |
| | | return h('span', params.row.TermOfLease) |
| | | if (params.row.xm) { |
| | | return h('span', params.row.xm) |
| | | } else { |
| | | return h('span', '--') |
| | | } |
| | | } |
| | | }) |
| | | |
| | | columns.push({ |
| | | title: '被处罚人(法人)', |
| | | key: 'fzr', |
| | | align: 'center', |
| | | width: 150, |
| | | fixed: 'left', |
| | | render: (h, params) => { |
| | | if (params.row.fzr) { |
| | | return h('span', params.row.fzr) |
| | | } else { |
| | | return h('span', '--') |
| | | } |
| | | } |
| | | // slot: 'NameOflessorSlot' |
| | | }) |
| | | |
| | | columns.push({ |
| | | title: '处罚机关名称', |
| | | key: 'jgmc', |
| | | align: 'left', |
| | | minWidth: 200, |
| | | render: (h, params) => { |
| | | if (params.row.jgmc) { |
| | | return h('span', params.row.jgmc) |
| | | } else { |
| | | return h('span', '--') |
| | | } |
| | | } |
| | | }) |
| | | |
| | | columns.push({ |
| | | title: '行政处罚决定', |
| | | key: 'RegCerNumber', |
| | | align: 'center', |
| | | width: 200, |
| | | key: 'cfjd', |
| | | align: 'left', |
| | | minWidth: 200, |
| | | render: (h, params) => { |
| | | if (params.row.RegCerNumber) { |
| | | return h('span', params.row.RegCerNumber) |
| | | if (params.row.cfjd) { |
| | | return h('span', params.row.cfjd) |
| | | } else { |
| | | return h('span', '--') |
| | | } |
| | |
| | | }) |
| | | columns.push({ |
| | | title: '处罚决定日期', |
| | | key: 'RegCerNumber', |
| | | key: 'cfjdrq', |
| | | align: 'center', |
| | | width: 200, |
| | | width: 150, |
| | | render: (h, params) => { |
| | | if (params.row.RegCerNumber) { |
| | | return h('span', params.row.RegCerNumber) |
| | | if (params.row.cfjdrq) { |
| | | return h('span', params.row.cfjdrq.indexOf('00:00:00')>-1?params.row.cfjdrq.replace('00:00:00',''):params.row.cfjdrq) |
| | | } else { |
| | | return h('span', '--') |
| | | } |
| | |
| | | |
| | | .rentThClass td:first-child { |
| | | border-right: none; |
| | | width: 15%; |
| | | width: 20%; |
| | | box-sizing: border-box; |
| | | border-top: 0px; |
| | | } |
| | | |
| | | .rentThClass td:last-child { |
| | | width: 85%; |
| | | width: 80%; |
| | | box-sizing: border-box; |
| | | border-top: 0px; |
| | | word-break: break-all; |
| | |
| | | .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> |