Skip to content

M
mcep-h5
提交 0e3653b4 编写于 作者: “grape”'s avatar “grape”
浏览文件
操作

产品相关联调与优化

上级 484df916
隐藏空白字符变更
内嵌 并排
正在显示 包含 825 行增加 和 502 行删除
.env.dev
浏览文件 @ 0e3653b4
...@@ -12,7 +12,7 @@ VUE_APP_CLIENT_SECRET = web-loong-secret ...@@ -12,7 +12,7 @@ VUE_APP_CLIENT_SECRET = web-loong-secret
VUE_APP_API_PREFIX = /api/v1 VUE_APP_API_PREFIX = /api/v1
// 网关服务 // 网关服务
VUE_APP_MS_GATEWAY_API = http://localhost:9140 VUE_APP_MS_GATEWAY_API = http://192.168.14.1:9140
// 业务服务 // 业务服务
...@@ -31,7 +31,8 @@ VUE_APP_ENABLE_GATEWAY = on ...@@ -31,7 +31,8 @@ VUE_APP_ENABLE_GATEWAY = on
VUE_APP_SYS_API = http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint VUE_APP_SYS_API = http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint
VUE_APP_ONLINE_API = http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint
VUE_APP_ONLINE_API = http://192.168.14.1:9155/ms-online/api/v1
//http://10.0.3.144:9165/online-financial-service/api/v1/cust-info/permit_endpointy //http://10.0.3.144:9165/online-financial-service/api/v1/cust-info/permit_endpointy
//服务器http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint //服务器http://10.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint
......
src/components/common/Picket.vue
浏览文件 @ 0e3653b4
...@@ -29,8 +29,8 @@ ...@@ -29,8 +29,8 @@
<van-row type="flex" justify="center" style="line-height: 30px;font-weight: 700;"> <van-row type="flex" justify="center" style="line-height: 30px;font-weight: 700;">
<van-col span="8" class="loanterm" style="text-align: center;">{{ crowd }}</van-col> <van-col span="8" class="loanterm" style="text-align: center;">{{ crowd }}</van-col>
<van-col span="8" class="interestrate" style="text-align: center;">{{ assureMeans }}</van-col> <van-col span="8" class="interestrate" style="text-align: center;">{{ this.$dictData.getText(assureMeans,"LOAN_TYPE") }}</van-col>
<van-col span="8" class="loanterm" style="text-align: center;">{{ type }}</van-col> <van-col span="8" class="loanterm" style="text-align: center;">{{ this.$dictData.getText(type,"PROD_TYPE")}}</van-col>
</van-row> </van-row>
<van-row type="flex" justify="center" style="line-height: 30px;color: #999999;font-weight: 400;font-size: 12px;"> <van-row type="flex" justify="center" style="line-height: 30px;color: #999999;font-weight: 400;font-size: 12px;">
<van-col span="8" class="loantermlot">面向人群</van-col> <van-col span="8" class="loantermlot">面向人群</van-col>
...@@ -105,6 +105,7 @@ export default class Picket extends Vue { ...@@ -105,6 +105,7 @@ export default class Picket extends Vue {
background: #eaf5ff; background: #eaf5ff;
font-size: 12px; font-size: 12px;
margin-left: 3%; margin-left: 3%;
margin-right: 3%;
color: #1890FF; color: #1890FF;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-feature-settings: "kern" 1; font-feature-settings: "kern" 1;
......
src/components/common/ProductCard.vue
浏览文件 @ 0e3653b4
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<van-row type="flex" justify="center" class="integral" > <van-row type="flex" justify="center" class="integral" >
<van-col span="24" style="z-index:2; font-size: 36px;font-weight: 900; margin-top: 5%;">{{ money }}</van-col> <van-col span="24" style="z-index:2; font-size: 36px;font-weight: 900; margin-top: 5%;">￥{{ productData.amtMax }}</van-col>
</van-row> </van-row>
<van-row type="flex" justify="center" class="integrall"> <van-row type="flex" justify="center" class="integrall">
<van-col span="24">{{ moneyName }}</van-col> <van-col span="24">{{ moneyName }}</van-col>
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</div> </div>
<div style=""> <div style="">
<scroller-view v-calculate-height :height="10000" > <scroller-view v-calculate-height :height="10000" >
<van-collapse v-model="activeNames" style=" <van-collapse v-model="activeNames" v-if="this.productData.prodDesc!=undefined" style="
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -64,12 +64,12 @@ ...@@ -64,12 +64,12 @@
padding: 20px 10px; padding: 20px 10px;
 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
"> ">
<van-collapse-item title="产品介绍" name="1">农村信用社向符合条件的客户发放的用于满足个人消费、生产经营流动资金等需求的一项贷款业务。</van-collapse-item> <van-collapse-item v-for="(item,index) in JSON.parse(this.productData.prodDesc)" :key="index" :title="item.title" :name="index">{{item.desc}}</van-collapse-item>
<van-collapse-item title="产品特点" name="2">一次核定，三年有效，随用随贷，循环使用。</van-collapse-item> <!-- <van-collapse-item title="产品特点" name="2">一次核定，三年有效，随用随贷，循环使用。</van-collapse-item>
<van-collapse-item title="货款对象" name="3">货款对象</van-collapse-item> <van-collapse-item title="货款对象" name="3">货款对象</van-collapse-item>
<van-collapse-item title="货款期限" name="4">最长不超过3年。</van-collapse-item> <van-collapse-item title="货款期限" name="4">最长不超过3年。</van-collapse-item>
<van-collapse-item title="担保方式" name="5">以借款人自有或第三人提供有权处置的有效资产抵押担保。</van-collapse-item> <van-collapse-item title="担保方式" name="5">以借款人自有或第三人提供有权处置的有效资产抵押担保。</van-collapse-item>
<!-- <van-collapse-item title="担保方式" name="5">以借款人自有或第三人提供有权处置的有效资产抵押担保。</van-collapse-item> --> <van-collapse-item title="担保方式" name="5">以借款人自有或第三人提供有权处置的有效资产抵押担保。</van-collapse-item> -->
</van-collapse> </van-collapse>
</scroller-view> </scroller-view>
</div> </div>
...@@ -85,8 +85,13 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; ...@@ -85,8 +85,13 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
name: "ProductCard" name: "ProductCard"
}) })
export default class ProductCard extends Vue { export default class ProductCard extends Vue {
@Prop({ default: "" }) money: string | undefined; //额度 // @Prop({ default: "" }) money: string | undefined; //额度
@Prop({ default: "" }) moneyName: string | undefined;//额度大写 // @Prop({ default: "" }) moneyName: string | undefined;//额度大写
@Prop({ default: {prodDesc:""} }) productData: any | {};//产品数据
@Prop({ default: {prodDesc:""} }) desc: any | {};//产品数据
//立即登录 //立即登录
activeNames = [""]; activeNames = [""];
lodiing() { lodiing() {
......
src/constants/api/login/common.api.ts
浏览文件 @ 0e3653b4
...@@ -11,7 +11,7 @@ import { HeaderType } from "@/constants/enum/general/header-type.enum"; ...@@ -11,7 +11,7 @@ import { HeaderType } from "@/constants/enum/general/header-type.enum";
//网关 //网关
// const prefix = process.env.VUE_APP_MS_GATEWAY_API + process.env.VUE_APP_AUTH_API ; // const prefix = process.env.VUE_APP_MS_GATEWAY_API + process.env.VUE_APP_AUTH_API ;
const onlinePrefix = process.env.VUE_APP_ONLINE_API
//本地 //本地
const prefix = "http://localhost:9130"+ process.env.VUE_APP_AUTH_API ; const prefix = "http://localhost:9130"+ process.env.VUE_APP_AUTH_API ;
const commonApi = { const commonApi = {
...@@ -20,6 +20,12 @@ const commonApi = { ...@@ -20,6 +20,12 @@ const commonApi = {
method: MethodType.POST.code, method: MethodType.POST.code,
header: HeaderType.AUTH.code, header: HeaderType.AUTH.code,
}, },
getProductList: {
url: onlinePrefix + "/prodSub/getProductList",
method: MethodType.POST.code,
header: HeaderType.AUTH.code,
},
}; };
......
src/constants/types/property.d.ts
浏览文件 @ 0e3653b4
...@@ -2,8 +2,15 @@ import Vue from "vue"; ...@@ -2,8 +2,15 @@ import Vue from "vue";
declare module "vue/types/vue" { declare module "vue/types/vue" {
import { GlobalStateService } from "@/services/global-state.service"; import { GlobalStateService } from "@/services/global-state.service";
import dictData from "@/services/dict.service";
interface Vue { interface Vue {
$globalStateService: GlobalStateService; $globalStateService: GlobalStateService;
$dictData: dictData;
/* $ebus: any;
push: any;
pop: any;
replace: any;
transitionName: string;*/
} }
} }
src/main.ts
浏览文件 @ 0e3653b4
...@@ -16,7 +16,7 @@ import filterService from "./filtres/filter.service"; ...@@ -16,7 +16,7 @@ import filterService from "./filtres/filter.service";
import directiveService from "./directives/directive.service"; import directiveService from "./directives/directive.service";
import apiService from "@/services/api.service"; import apiService from "@/services/api.service";
import dbService from "@/services/db.service"; import dbService from "@/services/db.service";
import dictService from "@/services/dict.service"; // import dictService from "@/services/dict.service";
import "./assets/iconfont/iconfont.css"; import "./assets/iconfont/iconfont.css";
import "./assets/iconfont/iconfont.js"; import "./assets/iconfont/iconfont.js";
import { NativeUI } from "@/public/ts/NativeUI"; import { NativeUI } from "@/public/ts/NativeUI";
...@@ -37,6 +37,8 @@ import ant from 'ant-design-vue' ...@@ -37,6 +37,8 @@ import ant from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css' import 'ant-design-vue/dist/antd.css'
import { VanComponent } from "vant/types/component" import { VanComponent } from "vant/types/component"
import 'element-ui/lib/theme-chalk/index.css'; import 'element-ui/lib/theme-chalk/index.css';
import * as echarts from 'echarts';
import dictData from "@/services/dict.service";
Vue.use(Element); Vue.use(Element);
Vue.use(Vant); Vue.use(Vant);
Vue.use(ant); Vue.use(ant);
...@@ -45,6 +47,8 @@ Vue.use(Step); ...@@ -45,6 +47,8 @@ Vue.use(Step);
Vue.use(Steps); Vue.use(Steps);
Vue.config.productionTip = process.env.PRODUCTION_TIP; Vue.config.productionTip = process.env.PRODUCTION_TIP;
Vue.prototype.$dictData = dictData;
/*注册组件*/ /*注册组件*/
...@@ -62,9 +66,12 @@ directiveService.init(); ...@@ -62,9 +66,12 @@ directiveService.init();
/*注册axios*/ /*注册axios*/
apiService.init(); apiService.init();
dbService.initDB().then(() => { /**注册字典**/
dictService.init(); dictData.init();
});
// dbService.initDB().then(() => {
// dictService.init();
// });
new Vconsole(); new Vconsole();
/*h5+插件*/ /*h5+插件*/
nativeService.init(); nativeService.init();
......
src/services/api.service.ts
浏览文件 @ 0e3653b4
...@@ -344,6 +344,8 @@ class ApiService { ...@@ -344,6 +344,8 @@ class ApiService {
return data; return data;
} }
} }
}else{
NativeUI.toast("网络异常！");
} }
return response; return response;
}; };
......
src/services/dict.service.ts
浏览文件 @ 0e3653b4
...@@ -15,7 +15,7 @@ class DictService { ...@@ -15,7 +15,7 @@ class DictService {
* @Author zhangmk * @Author zhangmk
* @Date 2021年12月31日17:58:48 * @Date 2021年12月31日17:58:48
*/ */
private dicData = ([ private dictData = ([
{ s_field_name: '是否撤销', s_field: 'ISREVOCATION', value: '1', text: '是' }, { s_field_name: '是否撤销', s_field: 'ISREVOCATION', value: '1', text: '是' },
{ s_field_name: '是否撤销', s_field: 'ISREVOCATION', value: '0', text: '否' }, { s_field_name: '是否撤销', s_field: 'ISREVOCATION', value: '0', text: '否' },
{ s_field_name: '经济类型分类', s_field: 'ECOTYPE', value: '100', text: '内资企业' }, { s_field_name: '经济类型分类', s_field: 'ECOTYPE', value: '100', text: '内资企业' },
...@@ -2591,6 +2591,19 @@ class DictService { ...@@ -2591,6 +2591,19 @@ class DictService {
{ s_field_name: '流程业务类型', s_field: 'PROCESS_TYPE', value: '977', text: '企业债主体授信-分支行' }, { s_field_name: '流程业务类型', s_field: 'PROCESS_TYPE', value: '977', text: '企业债主体授信-分支行' },
{ s_field_name: '流程业务类型', s_field: 'PROCESS_TYPE', value: '978', text: '企业债主体授信-资金部' }, { s_field_name: '流程业务类型', s_field: 'PROCESS_TYPE', value: '978', text: '企业债主体授信-资金部' },
/*****************************对公营销* 开始 *********************************************/ /*****************************对公营销* 开始 *********************************************/
/*****************************线上金融产品 *********************************************/
{ s_field_name: '担保方式', s_field: 'LOAN_TYPE', value: '01', text: '抵押' },
{ s_field_name: '担保方式', s_field: 'LOAN_TYPE', value: '02', text: '质押' },
{ s_field_name: '担保方式', s_field: 'LOAN_TYPE', value: '03', text: '保证' },
{ s_field_name: '担保方式', s_field: 'LOAN_TYPE', value: '04', text: '信用' },
{ s_field_name: '贷款种类', s_field: 'PROD_TYPE', value: '0', text: '消费贷' },
{ s_field_name: '贷款种类', s_field: 'PROD_TYPE', value: '1', text: '购房贷' },
]); ]);
/** /**
...@@ -2600,7 +2613,8 @@ class DictService { ...@@ -2600,7 +2613,8 @@ class DictService {
*/ */
init() { init() {
//TODO 需要通过接口先进行查询然后保存。 //TODO 需要通过接口先进行查询然后保存。
localStorage.setItem("dictData", JSON.stringify(this.dicData)); localStorage.setItem("dictData", JSON.stringify(this.dictData));
console.log("dicDataInit")
// this.queryDictList().then((data: any) => { // this.queryDictList().then((data: any) => {
// const dictData: any = {}; // const dictData: any = {};
// data.forEach((item: any) => { // data.forEach((item: any) => {
...@@ -2687,5 +2701,5 @@ class DictService { ...@@ -2687,5 +2701,5 @@ class DictService {
return result; return result;
} }
} }
const dictService = new DictService(); const dictData = new DictService();
export default dictService; export default dictData;
src/views/ProductDetail/ProductDetails.vue
浏览文件 @ 0e3653b4
...@@ -8,24 +8,42 @@ ...@@ -8,24 +8,42 @@
--> -->
<template> <template>
<div> <div>
<product-detail class="productName" :productName="productName"></product-detail> <product-detail class="productName" :productName="productData.prodSubName"></product-detail>
<product-card :money="money" :moneyName="moneyName" class="productCard"> </product-card> <!-- <product-card :money="money" :moneyName="moneyName" class="productCard"> </product-card> -->
<product-card :productData="productData" class="productCard"> </product-card>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { Component, Vue } from "vue-property-decorator"; import { Component, Prop, Vue } from "vue-property-decorator";
import { ProductData } from '@/model/entity/ProductData' import { ProductData } from '@/model/entity/ProductData'
import eventBus from "@/services/goBackEntity";
@Component({ @Component({
name: "ProductDetails", name: "ProductDetails",
}) })
export default class ProductDetails extends Vue { export default class ProductDetails extends Vue {
// @Prop({ default: {} }) productParam: any | {}; // 产品信息
productData = {};
productName="小微企业---互助贷款" productName="小微企业---互助贷款"
money: string = "￥5000000" //最高额度 money: string = "￥5000000" //最高额度
moneyName: string = "五百万元整" //最高额度汉字 moneyName: string = "五百万元整" //最高额度汉字
activeNames=["1"] activeNames=["1"]
mounted(){
console.log("details");
if(this.$route.params.productData != undefined){
this.productData = this.$route.params.productData;
}else{
this.$router.back();
}
console.log(this.productData);
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/views/main/Main.vue
浏览文件 @ 0e3653b4
...@@ -8,316 +8,464 @@ ...@@ -8,316 +8,464 @@
--> -->
<template> <template>
<div id="allItem" class="d-page d-flex flex-column" style="background-color: linear-gradient(to bottom, #0B54E0 50px , #ffffff); padding-bottom:100px; width: 100%; overflow-x: hidden;overflow-y: auto; flex-direction: column; display: flex"> <van-pull-refresh
<div class="rarle"> v-model="refreshing"
<tools-bar :title="tatleName" style="width: 100%; height: calc(23vh)"> @refresh="onRefresh"
</tools-bar> :disabled="refreshDisabled"
</div> >
<div class="roolsolt"> <div
<van-row id="allItem"
type="flex" justify="space-between" ref="tableScorll"
class="roll" class="d-page d-flex flex-column"
background="#ecf9ff" style="background-color: linear-gradient(to bottom, #0B54E0 50px , #ffffff); height: 100% width: 100%; overflow-x: hidden;overflow-y: auto; flex-direction: column; display: flex"
style=" >
background: #ecf9ff; <div class="rarle">
width: 90%; <tools-bar :title="tatleName" style="width: 100%; height: calc(23vh)">
height: 34px; </tools-bar>
</div>
border-radius: 10px; <div class="roolsolt">
position: absolute; <van-row
top: 22vh; type="flex"
left: 5%; justify="space-between"
" class="roll"
> background="#ecf9ff"
<van-col
span="5"
class="titleName"
style=" style="
background: #ecf9ff;
width: 90%;
height: 34px; height: 34px;
margin: 7px auto 0px 8px;
border-radius: 12px; border-radius: 10px;
color: #a2d2f4; position: absolute;
top: 22vh;
left: 5%;
" "
> >
审批进度 <van-col
</van-col> span="5"
<van-col span="18" class="notice"> class="titleName"
<van-notice-bar style="
left-icon="volume-o" height: 34px;
color="#1989fa" margin: 7px auto 0px 8px;
background="#ecf9ff" border-radius: 12px;
style="height: 34px; border-radius: 12px" color: #a2d2f4;
"
> >
{{ notice }} 审批进度
</van-notice-bar> </van-col>
</van-col> <van-col span="18" class="notice">
</van-row> <van-notice-bar
</div> left-icon="volume-o"
<div style=" box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;" > color="#1989fa"
<div class="prudect" style="background-color: #ffffff;"> background="#ecf9ff"
<van-row type="flex" justify="space-between" align="center" style=" margin-bottom: 20px; padding-top: 20px;"> style="height: 34px; border-radius: 12px"
<van-cell >
style="font-size: 12px;" {{ notice }}
:value="outcsinfo.place" </van-notice-bar>
@click="onAddress"> </van-col>
<template #title>
<span color="#3672F1" style="font-size: 16px; font-weight: 600; " >推荐产品</span>
</template>
<template #right-icon>
<van-icon name="location-o" size="14px"/>
</template>
</van-cell>
</van-row> </van-row>
<van-popup
v-model="showAddress"
round
position="bottom"
:style="{ height: '50%' }"
>
<van-area
title="请选择地区"
@confirm="changeAddress"
:area-list="areaList"
columns-num="3"
/>
</van-popup>
</div> </div>
<div> <div style="box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px">
<van-sticky :offset-top="0"> <div class="prudect" style="background-color: #ffffff">
<van-row type="flex" class="tab"> <van-row
<van-col span ="18"> type="flex"
<van-tabs @click="onClick" style="height: 44px;" title-active-color="black" title-inactive-color="black" line-width=0px > justify="space-between"
<van-tab v-for="index in tabsList" :key="index.name" > align="center"
<template #title >{{index.name}} style="margin-bottom: 20px; padding-top: 20px"
<svg class="icon" aria-hidden="true" v-if = "index.status===1" > >
<use xlink:href="#icon-jiangxu"></use> <van-cell
</svg> style="font-size: 12px"
<svg class="icon" aria-hidden="true" v-if = "index.status===0" > :value="outcsinfo.place"
<use xlink:href="#icon-shengxu"></use> @click="onAddress"
</svg>
</template>
</van-tab>
</van-tabs>
</van-col>
<van-col span="6" >
<van-dropdown-menu style="height: 44px;" active-color="black" color="black" >
<van-dropdown-item title="综合筛选" ref="item" get-container="body" >
<div id="dropdown">
<div
class="application"
v-for="(item, index) in applicaList.slice(0, 1)"
:key="index.name"
> >
<van-row type="flex" class="applicationName"> <template #title>
<van-col span="24">{{ item.name }}</van-col> <span color="#3672F1" style="font-size: 16px; font-weight: 600"
</van-row> >推荐产品</span
<van-row type="flex" class="applicationfale"> >
<van-col span="10"> </template>
<div class="vandiv">{{ item.min }}</div> <template #right-icon>
</van-col> <van-icon name="location-o" size="14px" />
<van-col span="2">-</van-col> </template>
<van-col span="10"> </van-cell>
<div class="vandiv">{{ item.max }}</div> </van-row>
</van-col> <van-popup
</van-row> v-model="showAddress"
<van-row type="flex" gutter="10" class="applicationfole"> round
<!-- div--> position="bottom"
<van-col span="6"> :style="{ height: '50%' }"
<div :class="vanvcol11" @click="clickButton1(index, 1)"> >
{{ item.fristsize }} <van-area
</div> title="请选择地区"
</van-col> @confirm="changeAddress"
<van-col span="6"> :area-list="areaList"
<div :class="vanvcol12" @click="clickButton1(index, 2)"> columns-num="3"
{{ item.secondsize }} />
</div> </van-popup>
</van-col> </div>
<van-col span="6"> <div>
<div :class="vanvcol13" @click="clickButton1(index, 3)"> <van-sticky :offset-top="0">
{{ item.thirdsize }} <van-row type="flex" class="tab">
</div> <van-col span="18">
</van-col> <van-tabs
<van-col span="6"> @click="onClick"
<div :class="vanvcol14" @click="clickButton1(index, 4)"> style="height: 44px"
{{ item.foursize }} title-active-color="black"
</div> title-inactive-color="black"
</van-col> line-width="0px"
</van-row> >
</div> <van-tab v-for="index in tabsList" :key="index.name">
<div <template #title
class="application" >{{ index.name }}
v-for="(item, index) in applicaList.slice(1, 2)" <svg
:key="index.name" class="icon"
> aria-hidden="true"
<van-row type="flex" class="applicationName"> v-if="index.status === 1"
<van-col span="24">{{ item.name }}</van-col> >
</van-row> <use xlink:href="#icon-jiangxu"></use>
<van-row type="flex" class="applicationfale"> </svg>
<van-col span="10"> <svg
<div class="vandiv">{{ item.min }}</div> class="icon"
</van-col> aria-hidden="true"
<van-col span="2">-</van-col> v-if="index.status === 2"
<van-col span="10"> >
<div class="vandiv">{{ item.max }}</div> <use xlink:href="#icon-shengxu"></use>
</van-col> </svg>
</van-row> <svg
<van-row type="flex" gutter="10" class="applicationfole"> class="icon"
<!-- div--> aria-hidden="true"
<van-col span="6"> v-if="index.status === 0"
<div :class="vanvcol21" @click="clickButton2(index, 1)"> >
{{ item.fristsize }} <use xlink:href="#icon-weipaixu"></use>
</div> </svg>
</van-col> </template>
<van-col span="6"> </van-tab>
<div :class="vanvcol22" @click="clickButton2(index, 2)"> </van-tabs>
{{ item.secondsize }} </van-col>
</div> <van-col span="6">
</van-col> <van-dropdown-menu
<van-col span="6"> style="height: 44px"
<div :class="vanvcol23" @click="clickButton2(index, 3)"> active-color="black"
{{ item.thirdsize }} color="black"
</div> >
</van-col> <van-dropdown-item
<van-col span="6"> title="综合筛选"
<div :class="vanvcol24" @click="clickButton2(index, 4)"> ref="item"
{{ item.foursize }} get-container="body"
</div> >
</van-col> <div id="dropdown">
</van-row> <div
</div> class="application"
<div v-for="(item, index) in applicaList.slice(0, 1)"
class="application" :key="index.name"
v-for="(item, index) in applicaList.slice(3, 4)" >
:key="index.name" <van-row type="flex" class="applicationName">
> <van-col span="24">{{ item.name }}</van-col>
<van-row type="flex" class="applicationName"> </van-row>
<van-col span="24">{{ item.name }}</van-col> <van-row type="flex" class="applicationfale">
<van-col span="10">
</van-row> <div class="vandiv">{{ item.min }}</div>
<van-row type="flex" class="applicationfale"> </van-col>
<van-col span="10"> <van-col span="2">-</van-col>
<div class="vandiv">{{ item.min }}</div> <van-col span="10">
</van-col> <div class="vandiv">{{ item.max }}</div>
<van-col span="2">-</van-col> </van-col>
<van-col span="10"> </van-row>
<div class="vandiv">{{ item.max }}</div> <van-row
</van-col> type="flex"
</van-row> gutter="10"
<van-row type="flex" gutter="10" class="applicationfole"> class="applicationfole"
<!-- div--> >
<van-col span="6"> <!-- div-->
<div :class="vanvcol41" @click="clickButton4(index, 1)"> <van-col span="6">
{{ item.fristsize }} <div
</div> :class="vanvcol11"
</van-col> @click="clickButton1(index, 1)"
<van-col span="6"> >
<div :class="vanvcol42" @click="clickButton4(index, 2)"> {{ item.fristsize }}
{{ item.secondsize }} </div>
</div> </van-col>
</van-col> <van-col span="6">
<van-col span="6"> <div
<div :class="vanvcol43" @click="clickButton4(index, 3)"> :class="vanvcol12"
{{ item.thirdsize }} @click="clickButton1(index, 2)"
</div> >
</van-col> {{ item.secondsize }}
<van-col span="6"> </div>
<div :class="vanvcol44" @click="clickButton4(index, 4)"> </van-col>
{{ item.foursize }} <van-col span="6">
</div> <div
</van-col> :class="vanvcol13"
</van-row> @click="clickButton1(index, 3)"
</div> >
<div {{ item.thirdsize }}
class="application" </div>
v-for="(item, index) in applicaList.slice(2, 3)" </van-col>
:key="index.name" <van-col span="6">
> <div
<van-row type="flex" class="applicationName"> :class="vanvcol14"
<van-col span="24">{{ item.name }}</van-col> @click="clickButton1(index, 4)"
</van-row> >
<van-row type="flex" class="applicationfale"> {{ item.foursize }}
<van-col span="10"> </div>
<div class="vandiv">{{ item.min }}</div> </van-col>
</van-col> </van-row>
<van-col span="2">-</van-col> </div>
<van-col span="10"> <div
<div class="vandiv">{{ item.max }}</div> class="application"
</van-col> v-for="(item, index) in applicaList.slice(1, 2)"
</van-row> :key="index.name"
<van-row type="flex" gutter="10" class="applicationfole"> >
<!-- div--> <van-row type="flex" class="applicationName">
<van-col span="6"> <van-col span="24">{{ item.name }}</van-col>
<div :class="vanvcol31" @click="clickButton3(index, 1)"> </van-row>
{{ item.fristsize }} <van-row type="flex" class="applicationfale">
</div> <van-col span="10">
</van-col> <div class="vandiv">{{ item.min }}</div>
<van-col span="6"> </van-col>
<div :class="vanvcol32" @click="clickButton3(index, 2)"> <van-col span="2">-</van-col>
{{ item.secondsize }} <van-col span="10">
</div> <div class="vandiv">{{ item.max }}</div>
</van-col> </van-col>
<van-col span="6"> </van-row>
<div :class="vanvcol33" @click="clickButton3(index, 3)"> <van-row
{{ item.thirdsize }} type="flex"
</div> gutter="10"
</van-col> class="applicationfole"
<van-col span="6"> >
<div :class="vanvcol34" @click="clickButton3(index, 4)"> <!-- div-->
{{ item.foursize }} <van-col span="6">
<div
:class="vanvcol21"
@click="clickButton2(index, 1)"
>
{{ item.fristsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol22"
@click="clickButton2(index, 2)"
>
{{ item.secondsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol23"
@click="clickButton2(index, 3)"
>
{{ item.thirdsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol24"
@click="clickButton2(index, 4)"
>
{{ item.foursize }}
</div>
</van-col>
</van-row>
</div>
<div
class="application"
v-for="(item, index) in applicaList.slice(2, 3)"
:key="index.name"
>
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
</van-row>
<van-row type="flex" class="applicationfale">
<van-col span="10">
<div class="vandiv">{{ item.min }}</div>
</van-col>
<van-col span="2">-</van-col>
<van-col span="10">
<div class="vandiv">{{ item.max }}</div>
</van-col>
</van-row>
<van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div-->
<van-col span="6">
<div
:class="vanvcol41"
@click="clickButton4(index, 1)"
>
{{ item.fristsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol42"
@click="clickButton4(index, 2)"
>
{{ item.secondsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol43"
@click="clickButton4(index, 3)"
>
{{ item.thirdsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol44"
@click="clickButton4(index, 4)"
>
{{ item.foursize }}
</div>
</van-col>
</van-row>
</div>
<div
class="application"
v-for="(item, index) in applicaList.slice(3, 4)"
:key="index.name"
>
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
</van-row>
<van-row type="flex" class="applicationfale">
<van-col span="10">
<div class="vandiv">{{ item.min }}</div>
</van-col>
<van-col span="2">-</van-col>
<van-col span="10">
<div class="vandiv">{{ item.max }}</div>
</van-col>
</van-row>
<van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div-->
<van-col span="6">
<div
:class="vanvcol31"
@click="clickButton3(index, 1)"
>
{{ item.fristsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol32"
@click="clickButton3(index, 2)"
>
{{ item.secondsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol33"
@click="clickButton3(index, 3)"
>
{{ item.thirdsize }}
</div>
</van-col>
<van-col span="6">
<div
:class="vanvcol34"
@click="clickButton3(index, 4)"
>
{{ item.foursize }}
</div>
</van-col>
</van-row>
</div>
<div
style="margin-top: 4%; position: sticky; bottom: -1px"
>
<van-row type="flex">
<van-col span="12">
<van-button
square
block
type="default"
@click="resetData"
>重置</van-button
>
</van-col>
<van-col span="12">
<van-button
square
block
type="info"
@click="confirmData"
>确定</van-button
>
</van-col>
</van-row>
</div>
</div> </div>
</van-col> </van-dropdown-item>
</van-row> </van-dropdown-menu>
</div> </van-col>
<div style="margin-top: 4%; position: sticky; bottom: -1px; </van-row>
"> </van-sticky>
<van-row type="flex"> </div>
<van-col span="12">
<van-button square block type="default" @click="resetData">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info" @click="confirmData">确定</van-button>
</van-col>
</van-row>
</div>
</div>
</van-dropdown-item>
</van-dropdown-menu>
</van-col>
</van-row>
</van-sticky>
</div>
</div> </div>
<div <!-- <scroller-view v-calculate-height pulldown="true" pullup="true" :height="10000" class="product" > -->
v-for="(item, index) in productList"
:key="index" <div>
<van-list
:v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad"
:offset="0"
style="height: calc(100% - 50px); padding-bottom: 50px"
> >
<picket-bar <div v-for="(item, index) in productList" :key="index">
:productname="item.productname" <picket-bar
:describe="item.describe" :productname="item.prodSubName"
:limitrange="item.limitrange" :describe="item.prodIntro"
:interestrate="item.interestrate" :limitrange="item.amtMin + '~' + item.amtMax + '万'"
:loanterm="item.loanterm" :interestrate="item.lnMin + '%~' + item.lnMax + '%'"
:crowd="item.crowd" :loanterm="item.termMin + '~' + item.termMax + '个月'"
:assureMeans="item.assureMeans" :crowd="item.crowd"
:type="item.type" :assureMeans="item.loanType"
@onClickPicket="onClickPicket" :type="item.prodType"
></picket-bar> @onClickPicket="onClickPicket(item)"
</div> style="min-height: 200px"
></picket-bar>
</div>
</van-list>
</div>
<!-- </scroller-view> -->
</div> </div>
</van-pull-refresh>
</template> </template>
<script lang="ts"> <script lang="ts">
import { Component, Vue } from "vue-property-decorator"; import { Component, Vue, Prop, Watch } from "vue-property-decorator";
import { ProductData } from "@/model/entity/ProductData"; import { ProductData } from "@/model/entity/ProductData";
import { i, im } from "mathjs"; import { i, im } from "mathjs";
import { Toast } from 'vant'; import { Toast } from "vant";
import { Area } from "vant"; import { Area } from "vant";
import { Cell, CellGroup } from 'vant'; import { Cell, CellGroup } from "vant";
import { Tabbar, TabbarItem } from 'vant'; import { Tabbar, TabbarItem } from "vant";
import { Tab, Tabs } from 'vant'; import { Tab, Tabs } from "vant";
import{area}from "../../model/domain/areaData"; import { area } from "../../model/domain/areaData";
import '../../assets/iconfont/iconfont.css'; import "../../assets/iconfont/iconfont.css";
import '../../assets/iconfont/iconfont.js'; import "../../assets/iconfont/iconfont.js";
import { Sticky } from 'vant'; import { Sticky } from "vant";
import apiService from "@/services/api.service";
import { RestfulResponse } from "@/model/domain/RestfulResponse";
import commonApi from "@/constants/api/login/common.api";
import { Code } from "@/constants/enum/general/code.enum";
import { PullRefresh } from "vant";
import { List } from "echarts";
Vue.use(PullRefresh);
Vue.use(Sticky); Vue.use(Sticky);
Vue.use(Cell); Vue.use(Cell);
Vue.use(CellGroup); Vue.use(CellGroup);
...@@ -337,6 +485,15 @@ Vue.use(Tabs); ...@@ -337,6 +485,15 @@ Vue.use(Tabs);
name: "Main", name: "Main",
}) })
export default class Main extends Vue { export default class Main extends Vue {
//懒加载相关
loading = false;
finished = false;
refreshing = false;
refreshDisabled = false;
scrollTop = 0;
pageNum = 1;
total = 0;
tatleName = "线上金融服务平台"; tatleName = "线上金融服务平台";
notice = "您的“小微企业抵押贷款”当前处于财务部审批中。"; notice = "您的“小微企业抵押贷款”当前处于财务部审批中。";
vanvcol11 = "vandilote"; vanvcol11 = "vandilote";
...@@ -359,36 +516,46 @@ export default class Main extends Vue { ...@@ -359,36 +516,46 @@ export default class Main extends Vue {
vanvcol43 = "vandilote"; vanvcol43 = "vandilote";
vanvcol44 = "vandilote"; vanvcol44 = "vandilote";
active = 0;
active=0;
areaList = area; areaList = area;
outcsinfo = { outcsinfo = {
place: "请选择地区", //出行地点
};
//筛选条件
amtMax: any = null;
amtMin: any = null;
place:'请选择地区',//出行地点 lnMax: any = null;
lnMin: any = null;
};
showAddress=false;
onAddress(){
this.showAddress=true
};
// 点击地址选择框的确认
changeAddress(event:any){
// console.log(event,'返回格式数组')
this.showAddress=false
let st=''
event.forEach((item:any,index:any)=>{
console.log(item + index);
if(index != 0){
st=st + item.name
}
})
this.outcsinfo.place=st
};
termMax: any = null;
termMin: any = null;
loanType: any = "";
initCountryColumns() {
// console.log("main")
// console.log( this.$dictData);
console.log(this.$dictData.getOptions("OPENACCOUNT_TYPE"));
//国家/地区
}
showAddress = false;
onAddress() {
this.showAddress = true;
}
// 点击地址选择框的确认
changeAddress(event: any) {
// console.log(event,'返回格式数组')
this.showAddress = false;
let st = "";
event.forEach((item: any, index: any) => {
console.log(item + index);
if (index != 0) {
st = st + item.name;
}
});
this.outcsinfo.place = st;
}
//测试 //测试
demo() { demo() {
...@@ -398,24 +565,22 @@ export default class Main extends Vue { ...@@ -398,24 +565,22 @@ export default class Main extends Vue {
} }
//div列表 //div列表
tabsList: any=[ //当前选中条件
currentTab = "";
tabsList: any = [
{ {
name: "金额", name: "金额",
status:1, status: 0,
}, },
{ {
name: "期限", name: "期限",
status:1, status: 0,
}, },
{ {
name: "利率", name: "利率",
status:1, status: 0,
}, },
];
]
applicaList: any = [ applicaList: any = [
{ {
name: "产品金额（万元）", name: "产品金额（万元）",
...@@ -453,112 +618,169 @@ export default class Main extends Vue { ...@@ -453,112 +618,169 @@ export default class Main extends Vue {
min: "最低", min: "最低",
fristsize: "抵押", fristsize: "抵押",
secondsize: "质押", secondsize: "质押",
thirdsize: "信用", thirdsize: "保证",
foursize: "保证", foursize: "信用",
select: null, select: null,
}, },
// {
// name: "产品金额（万元）",
// max: "最高",
// min: "最低",
// fristsize: "1-100",
// secondsize: "100-500",
// thirdsize: "500-1000",
// foursize: "1000-2000"
// },
// {
// name: "产品金额（万元）",
// max: "最高",
// min: "最低",
// fristsize: "1-100",
// secondsize: "100-500",
// thirdsize: "500-1000",
// foursize: "1000-2000"
// },
// {
// name: "产品金额（万元）",
// max: "最高",
// min: "最低",
// fristsize: "1-100",
// secondsize: "100-500",
// thirdsize: "500-1000",
// foursize: "1000-2000"
// }
]; ];
//金额
// applicaform: any = [ productList: any = [];
// productList: any = [
// { // {
// name: "产品金额（万元）", // productname: "小微企业抵押“一证通”贷款", //产品名称
// max: "最高", // describe: "一次核定 三年有效 随用随贷 循环使用", //描述
// min: "最低", // limitrange: "1~500万", //额度范围
// fristsize: "1-100", // interestrate: "2%~4%", //利率
// secondsize: "100-500", // loanterm: "1~36个月", //贷款期限
// thirdsize: "500-1000", // crowd: "经营企业",//面向人群
// foursize: "1000-2000", // assureMeans: "抵押", // 担保方式
// type:"消费贷",//贷款种类
// }, // },
// {
// productname: "“企业之星”流动资金贷款", //产品名称
// describe: "额度较大 利率优惠", //描述
// limitrange: "1~500万", //额度范围
// interestrate: "2%~4%", //利率
// loanterm: "1~36个月", //贷款期限
// crowd: "经营企业",//面向人群
// assureMeans: "抵押", // 担保方式
// type:"消费贷",//贷款种类
// },
// {
// productname: "白领贷", //产品名称
// describe: "手续简单 轻松操作 随用随贷 安全可靠", //描述
// limitrange: "1~500万", //额度范围
// interestrate: "2%~4%", //利率
// loanterm: "1~36个月", //贷款期限
// crowd: "个人",//面向人群
// assureMeans: "抵押", // 担保方式
// type:"金融贷",//贷款种类
// },
// ]; // ];
//按钮
tabbarlist: any = {
name: "首页",
flag: true,
};
mounted() {
this.initCountryColumns();
// this.getProductList();
let tableScorll: any = this.$refs.tableScorll;
tableScorll.addEventListener("scroll", () => {
this.scrollTop = tableScorll.scrollTop; //data中定义scrollTop为0
// console.log(tableScorll.scrollTop+"scroll");
});
}
@Watch("scrollTop")
scrollTopChange(newVal: any) {
if (newVal <= 0) {
// console.log(newVal);
this.refreshDisabled = false;
} else {
//大于0禁用下拉刷新
this.refreshDisabled = true;
}
}
productList: any = [ //关闭qq浏览器下拉刷新；
{ // activated(){
productname: "小微企业抵押“一证通”贷款", //产品名称
describe: "一次核定 三年有效 随用随贷 循环使用", //描述
limitrange: "1~500万", //额度范围
interestrate: "2%~4%", //利率
loanterm: "1~36个月", //贷款期限
crowd: "经营企业",//面向人群
assureMeans: "抵押", // 担保方式
type:"消费贷",//贷款种类
},
{
productname: "“企业之星”流动资金贷款", //产品名称
describe: "额度较大 利率优惠", //描述
limitrange: "1~500万", //额度范围
interestrate: "2%~4%", //利率
loanterm: "1~36个月", //贷款期限
crowd: "经营企业",//面向人群
assureMeans: "抵押", // 担保方式
type:"消费贷",//贷款种类
},
{
productname: "白领贷", //产品名称
describe: "手续简单 轻松操作 随用随贷 安全可靠", //描述
limitrange: "1~500万", //额度范围
interestrate: "2%~4%", //利率
loanterm: "1~36个月", //贷款期限
crowd: "个人",//面向人群
assureMeans: "抵押", // 担保方式
type:"金融贷",//贷款种类
},
]; // document.addEventListener('touchmove', event => { event.preventDefault() }, { passive: false });
// }
onRefresh() {
// 清空列表数据
this.productList = [];
this.pageNum = 1;
this.finished = false;
this.total = 99999;
// 重新加载数据
// 将 loading 设置为 true，表示处于加载状态
this.loading = true;
this.onLoad();
}
onLoad() {
if (this.refreshing) {
this.productList = [];
//按钮 this.refreshing = false;
tabbarlist: any = { }
name: "首页", this.getProductList();
flag: true,
};
this.loading = false;
console.log("loading-----------");
}
getProductList() {
this.loading = true;
let query = {
pageNo: this.pageNum,
pageSize: 4,
sort: this.currentTab,
};
let param = {
amtMax: this.amtMax,
amtMin: this.amtMin,
lnMax: this.lnMax,
lnMin: this.lnMin,
termMax: this.termMax,
termMin: this.termMin,
loanType: this.loanType,
};
apiService
.general(commonApi.getProductList, query, param, undefined)
.then((response: RestfulResponse) => {
if (
response.code == Code.SUCCESS.code &&
this.pageNum === response.data.current
) {
console.log(response.data);
// let list [] = response.data.records;
response.data.records.forEach((element: any) => {
this.productList.push(element);
});
// this.productList.push(response.data.records);
if (this.pageNum === response.data.pages) {
console.log(this.pageNum + "pagenum");
console.log(this.productList.length + "length");
this.finished = true;
}
this.pageNum = this.pageNum + 1;
// Toast('短信发送成功，5分钟有效');
} else {
// Toast('短信发送失败,请重试');
}
//关闭加载
this.loading = false;
});
}
//点击picket跳转界面 //点击picket跳转界面
onClickPicket() { onClickPicket(item:any) {
// console.log(item);
//路由传值
this.$router.push({ this.$router.push({
path: "/product", path: "/product",
//路由传值 name:"product",
// params:{ params:{
// data:"" productData: item
// } }
}); });
} }
//重置选项 //重置选项
resetData(){ resetData() {
this.vanvcol11 = "vandilote"; this.vanvcol11 = "vandilote";
this.vanvcol12 = "vandilote"; this.vanvcol12 = "vandilote";
this.vanvcol13 = "vandilote"; this.vanvcol13 = "vandilote";
...@@ -578,11 +800,24 @@ export default class Main extends Vue { ...@@ -578,11 +800,24 @@ export default class Main extends Vue {
this.vanvcol42 = "vandilote"; this.vanvcol42 = "vandilote";
this.vanvcol43 = "vandilote"; this.vanvcol43 = "vandilote";
this.vanvcol44 = "vandilote"; this.vanvcol44 = "vandilote";
this.amtMax = null;
this.amtMin = null;
this.lnMax = null;
this.lnMin = null;
this.termMax = null;
this.termMin = null;
this.loanType = "";
} }
//确认按钮 //确认按钮
confirmData(){ confirmData() {
let item: any = this.$refs.item; let item: any = this.$refs.item;
item.toggle(false); item.toggle(false);
// this.getProductList();
this.onRefresh();
} }
//切换 //切换
clickButton1(index: number, item: number) { clickButton1(index: number, item: number) {
...@@ -590,27 +825,31 @@ export default class Main extends Vue { ...@@ -590,27 +825,31 @@ export default class Main extends Vue {
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
if (item === 1) { if (item === 1) {
this.amtMax = 100;
this.amtMin = 1;
this.vanvcol11 = "vancoll"; this.vanvcol11 = "vancoll";
this.vanvcol12 = "vandilote"; this.vanvcol12 = "vandilote";
this.vanvcol13 = "vandilote"; this.vanvcol13 = "vandilote";
this.vanvcol14 = "vandilote"; this.vanvcol14 = "vandilote";
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
} else if (item === 2) { } else if (item === 2) {
this.amtMax = 500;
this.amtMin = 100;
this.vanvcol11 = "vandilote"; this.vanvcol11 = "vandilote";
this.vanvcol12 = "vancoll"; this.vanvcol12 = "vancoll";
this.vanvcol13 = "vandilote"; this.vanvcol13 = "vandilote";
this.vanvcol14 = "vandilote"; this.vanvcol14 = "vandilote";
} else if (item === 3) { } else if (item === 3) {
this.amtMax = 1000;
this.amtMin = 500;
this.vanvcol11 = "vandilote"; this.vanvcol11 = "vandilote";
this.vanvcol12 = "vandilote"; this.vanvcol12 = "vandilote";
this.vanvcol13 = "vancoll"; this.vanvcol13 = "vancoll";
this.vanvcol14 = "vandilote"; this.vanvcol14 = "vandilote";
} else if (item === 4) { } else if (item === 4) {
this.amtMax = 2000;
this.amtMin = 1000;
this.vanvcol11 = "vandilote"; this.vanvcol11 = "vandilote";
this.vanvcol12 = "vandilote"; this.vanvcol12 = "vandilote";
this.vanvcol13 = "vandilote"; this.vanvcol13 = "vandilote";
this.vanvcol14 = "vancoll"; this.vanvcol14 = "vancoll";
...@@ -622,22 +861,30 @@ export default class Main extends Vue { ...@@ -622,22 +861,30 @@ export default class Main extends Vue {
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
if (item === 1) { if (item === 1) {
this.termMax = 12;
this.termMin = 1;
this.vanvcol21 = "vancoll"; this.vanvcol21 = "vancoll";
this.vanvcol22 = "vandilote"; this.vanvcol22 = "vandilote";
this.vanvcol23 = "vandilote"; this.vanvcol23 = "vandilote";
this.vanvcol24 = "vandilote"; this.vanvcol24 = "vandilote";
// console.log(this.applicaList[index].sellet); // console.log(this.applicaList[index].sellet);
} else if (item === 2) { } else if (item === 2) {
this.termMax = 24;
this.termMin = 1;
this.vanvcol21 = "vandilote"; this.vanvcol21 = "vandilote";
this.vanvcol22 = "vancoll"; this.vanvcol22 = "vancoll";
this.vanvcol23 = "vandilote"; this.vanvcol23 = "vandilote";
this.vanvcol24 = "vandilote"; this.vanvcol24 = "vandilote";
} else if (item === 3) { } else if (item === 3) {
this.termMax = 24;
this.termMin = 12;
this.vanvcol21 = "vandilote"; this.vanvcol21 = "vandilote";
this.vanvcol22 = "vandilote"; this.vanvcol22 = "vandilote";
this.vanvcol23 = "vancoll"; this.vanvcol23 = "vancoll";
this.vanvcol24 = "vandilote"; this.vanvcol24 = "vandilote";
} else if (item === 4) { } else if (item === 4) {
this.termMax = 36;
this.termMin = 12;
this.vanvcol21 = "vandilote"; this.vanvcol21 = "vandilote";
this.vanvcol22 = "vandilote"; this.vanvcol22 = "vandilote";
this.vanvcol23 = "vandilote"; this.vanvcol23 = "vandilote";
...@@ -650,22 +897,26 @@ export default class Main extends Vue { ...@@ -650,22 +897,26 @@ export default class Main extends Vue {
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
if (item === 1) { if (item === 1) {
this.loanType = "01";
this.vanvcol31 = "vancoll"; this.vanvcol31 = "vancoll";
this.vanvcol32 = "vandilote"; this.vanvcol32 = "vandilote";
this.vanvcol33 = "vandilote"; this.vanvcol33 = "vandilote";
this.vanvcol34 = "vandilote"; this.vanvcol34 = "vandilote";
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
} else if (item === 2) { } else if (item === 2) {
this.loanType = "02";
this.vanvcol31 = "vandilote"; this.vanvcol31 = "vandilote";
this.vanvcol32 = "vancoll"; this.vanvcol32 = "vancoll";
this.vanvcol33 = "vandilote"; this.vanvcol33 = "vandilote";
this.vanvcol34 = "vandilote"; this.vanvcol34 = "vandilote";
} else if (item === 3) { } else if (item === 3) {
this.loanType = "03";
this.vanvcol31 = "vandilote"; this.vanvcol31 = "vandilote";
this.vanvcol32 = "vandilote"; this.vanvcol32 = "vandilote";
this.vanvcol33 = "vancoll"; this.vanvcol33 = "vancoll";
this.vanvcol34 = "vandilote"; this.vanvcol34 = "vandilote";
} else if (item === 4) { } else if (item === 4) {
this.loanType = "04";
this.vanvcol31 = "vandilote"; this.vanvcol31 = "vandilote";
this.vanvcol32 = "vandilote"; this.vanvcol32 = "vandilote";
this.vanvcol33 = "vandilote"; this.vanvcol33 = "vandilote";
...@@ -678,22 +929,30 @@ export default class Main extends Vue { ...@@ -678,22 +929,30 @@ export default class Main extends Vue {
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
if (item === 1) { if (item === 1) {
this.lnMax = 3;
this.lnMin = 1;
this.vanvcol41 = "vancoll"; this.vanvcol41 = "vancoll";
this.vanvcol42 = "vandilote"; this.vanvcol42 = "vandilote";
this.vanvcol43 = "vandilote"; this.vanvcol43 = "vandilote";
this.vanvcol44 = "vandilote"; this.vanvcol44 = "vandilote";
console.log(this.applicaList[index].sellet); console.log(this.applicaList[index].sellet);
} else if (item === 2) { } else if (item === 2) {
this.lnMax = 4;
this.lnMin = 2;
this.vanvcol41 = "vandilote"; this.vanvcol41 = "vandilote";
this.vanvcol42 = "vancoll"; this.vanvcol42 = "vancoll";
this.vanvcol43 = "vandilote"; this.vanvcol43 = "vandilote";
this.vanvcol44 = "vandilote"; this.vanvcol44 = "vandilote";
} else if (item === 3) { } else if (item === 3) {
this.lnMax = 5;
this.lnMin = 3;
this.vanvcol41 = "vandilote"; this.vanvcol41 = "vandilote";
this.vanvcol42 = "vandilote"; this.vanvcol42 = "vandilote";
this.vanvcol43 = "vancoll"; this.vanvcol43 = "vancoll";
this.vanvcol44 = "vandilote"; this.vanvcol44 = "vandilote";
} else if (item === 4) { } else if (item === 4) {
this.lnMax = 6;
this.lnMin = 4;
this.vanvcol41 = "vandilote"; this.vanvcol41 = "vandilote";
this.vanvcol42 = "vandilote"; this.vanvcol42 = "vandilote";
this.vanvcol43 = "vandilote"; this.vanvcol43 = "vandilote";
...@@ -701,20 +960,33 @@ export default class Main extends Vue { ...@@ -701,20 +960,33 @@ export default class Main extends Vue {
} }
} }
onClick(index:any) { onClick(index: any) {
for(let i in this.tabsList){ for (let i in this.tabsList) {
if(i===index.toString()){ if (i === index.toString()) {
this.tabsList[index].status=this.tabsList[index].status === 1?0:1 this.tabsList[index].status =
}else{ this.tabsList[index].status >= 2
this.tabsList[i].status=1; ? 0
: this.tabsList[index].status + 1;
this.currentTab = index + "-" + this.tabsList[index].status;
//重新获取数据
// this.getProductList();
this.onRefresh();
} else {
this.tabsList[i].status = 0;
} }
} }
// Toast(this.tabsList[index].status===1?"升序":"降序"); // Toast(this.tabsList[index].status===1?"升序":"降序");
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.html {
height: 100%;
}
.body {
height: 100%;
}
.roll { .roll {
background: #ecf9ff; background: #ecf9ff;
} }
...@@ -739,15 +1011,12 @@ export default class Main extends Vue { ...@@ -739,15 +1011,12 @@ export default class Main extends Vue {
padding-top: 16px; padding-top: 16px;
} }
.van-row--align-center { .van-row--align-center {
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
align-items: center; align-items: center;
height: 33px; height: 33px;
} }
.vandiv { .vandiv {
text-align: center; text-align: center;
border-color: rgba(204, 204, 204, 1); border-color: rgba(204, 204, 204, 1);
...@@ -808,28 +1077,28 @@ export default class Main extends Vue { ...@@ -808,28 +1077,28 @@ export default class Main extends Vue {
} }
::v-deep .van-dropdown-menu__bar { ::v-deep .van-dropdown-menu__bar {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
height: 44px; height: 44px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: none; box-shadow: none;
} }
::v-deep .van-cell { ::v-deep .van-cell {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding: 10px 16px; padding: 10px 16px;
overflow: hidden; overflow: hidden;
color: #323233; color: #323233;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
background-color:transparent; background-color: transparent;
} }
.van-dropdown-item { .van-dropdown-item {
...@@ -846,45 +1115,38 @@ export default class Main extends Vue { ...@@ -846,45 +1115,38 @@ export default class Main extends Vue {
} }
.van-cell__value--alone { .van-cell__value--alone {
color: #1890ff; color: #1890ff;
text-align: right; text-align: right;
} }
::v-deep .van-cell__value { ::v-deep .van-cell__value {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: #1890ff; color: #1890ff;
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
word-wrap: break-word; word-wrap: break-word;
} }
::v-deep .van-ellipsis { ::v-deep .van-ellipsis {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
color: black; color: black;
} }
.icon{ .icon {
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
::v-deep .van-cell__value { ::v-deep .van-cell__value {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: #1890ff; color: #1890ff;
text-align: right; text-align: right;
vertical-align: middle; vertical-align: middle;
word-wrap: break-word; word-wrap: break-word;
flex: 3; flex: 3;
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或