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 = {
...@@ -21,6 +21,12 @@ const commonApi = { ...@@ -21,6 +21,12 @@ const commonApi = {
header: HeaderType.AUTH.code, header: HeaderType.AUTH.code,
}, },
getProductList: {
url: onlinePrefix + "/prodSub/getProductList",
method: MethodType.POST.code,
header: HeaderType.AUTH.code,
},
}; };
export default commonApi; export default commonApi;
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,14 +8,25 @@ ...@@ -8,14 +8,25 @@
--> -->
<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
v-model="refreshing"
@refresh="onRefresh"
:disabled="refreshDisabled"
>
<div
id="allItem"
ref="tableScorll"
class="d-page d-flex flex-column"
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"
>
<div class="rarle"> <div class="rarle">
<tools-bar :title="tatleName" style="width: 100%; height: calc(23vh)"> <tools-bar :title="tatleName" style="width: 100%; height: calc(23vh)">
</tools-bar> </tools-bar>
</div> </div>
<div class="roolsolt"> <div class="roolsolt">
<van-row <van-row
type="flex" justify="space-between" type="flex"
justify="space-between"
class="roll" class="roll"
background="#ecf9ff" background="#ecf9ff"
style=" style="
...@@ -53,18 +64,26 @@ ...@@ -53,18 +64,26 @@
</van-col> </van-col>
</van-row> </van-row>
</div> </div>
<div style=" box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;" > <div style="box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px">
<div class="prudect" style="background-color: #ffffff;"> <div class="prudect" style="background-color: #ffffff">
<van-row type="flex" justify="space-between" align="center" style=" margin-bottom: 20px; padding-top: 20px;"> <van-row
type="flex"
justify="space-between"
align="center"
style="margin-bottom: 20px; padding-top: 20px"
>
<van-cell <van-cell
style="font-size: 12px;" style="font-size: 12px"
:value="outcsinfo.place" :value="outcsinfo.place"
@click="onAddress"> @click="onAddress"
>
<template #title> <template #title>
<span color="#3672F1" style="font-size: 16px; font-weight: 600; " >推荐产品</span> <span color="#3672F1" style="font-size: 16px; font-weight: 600"
>推荐产品</span
>
</template> </template>
<template #right-icon> <template #right-icon>
<van-icon name="location-o" size="14px"/> <van-icon name="location-o" size="14px" />
</template> </template>
</van-cell> </van-cell>
</van-row> </van-row>
...@@ -85,23 +104,53 @@ ...@@ -85,23 +104,53 @@
<div> <div>
<van-sticky :offset-top="0"> <van-sticky :offset-top="0">
<van-row type="flex" class="tab"> <van-row type="flex" class="tab">
<van-col span ="18"> <van-col span="18">
<van-tabs @click="onClick" style="height: 44px;" title-active-color="black" title-inactive-color="black" line-width=0px > <van-tabs
<van-tab v-for="index in tabsList" :key="index.name" > @click="onClick"
<template #title >{{index.name}} style="height: 44px"
<svg class="icon" aria-hidden="true" v-if = "index.status===1" > title-active-color="black"
title-inactive-color="black"
line-width="0px"
>
<van-tab v-for="index in tabsList" :key="index.name">
<template #title
>{{ index.name }}
<svg
class="icon"
aria-hidden="true"
v-if="index.status === 1"
>
<use xlink:href="#icon-jiangxu"></use> <use xlink:href="#icon-jiangxu"></use>
</svg> </svg>
<svg class="icon" aria-hidden="true" v-if = "index.status===0" > <svg
class="icon"
aria-hidden="true"
v-if="index.status === 2"
>
<use xlink:href="#icon-shengxu"></use> <use xlink:href="#icon-shengxu"></use>
</svg> </svg>
<svg
class="icon"
aria-hidden="true"
v-if="index.status === 0"
>
<use xlink:href="#icon-weipaixu"></use>
</svg>
</template> </template>
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</van-col> </van-col>
<van-col span="6" > <van-col span="6">
<van-dropdown-menu style="height: 44px;" active-color="black" color="black" > <van-dropdown-menu
<van-dropdown-item title="综合筛选" ref="item" get-container="body" > style="height: 44px"
active-color="black"
color="black"
>
<van-dropdown-item
title="综合筛选"
ref="item"
get-container="body"
>
<div id="dropdown"> <div id="dropdown">
<div <div
class="application" class="application"
...@@ -120,25 +169,41 @@ ...@@ -120,25 +169,41 @@
<div class="vandiv">{{ item.max }}</div> <div class="vandiv">{{ item.max }}</div>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" gutter="10" class="applicationfole"> <van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div--> <!-- div-->
<van-col span="6"> <van-col span="6">
<div :class="vanvcol11" @click="clickButton1(index, 1)"> <div
:class="vanvcol11"
@click="clickButton1(index, 1)"
>
{{ item.fristsize }} {{ item.fristsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol12" @click="clickButton1(index, 2)"> <div
:class="vanvcol12"
@click="clickButton1(index, 2)"
>
{{ item.secondsize }} {{ item.secondsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol13" @click="clickButton1(index, 3)"> <div
:class="vanvcol13"
@click="clickButton1(index, 3)"
>
{{ item.thirdsize }} {{ item.thirdsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol14" @click="clickButton1(index, 4)"> <div
:class="vanvcol14"
@click="clickButton1(index, 4)"
>
{{ item.foursize }} {{ item.foursize }}
</div> </div>
</van-col> </van-col>
...@@ -161,25 +226,41 @@ ...@@ -161,25 +226,41 @@
<div class="vandiv">{{ item.max }}</div> <div class="vandiv">{{ item.max }}</div>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" gutter="10" class="applicationfole"> <van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div--> <!-- div-->
<van-col span="6"> <van-col span="6">
<div :class="vanvcol21" @click="clickButton2(index, 1)"> <div
:class="vanvcol21"
@click="clickButton2(index, 1)"
>
{{ item.fristsize }} {{ item.fristsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol22" @click="clickButton2(index, 2)"> <div
:class="vanvcol22"
@click="clickButton2(index, 2)"
>
{{ item.secondsize }} {{ item.secondsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol23" @click="clickButton2(index, 3)"> <div
:class="vanvcol23"
@click="clickButton2(index, 3)"
>
{{ item.thirdsize }} {{ item.thirdsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol24" @click="clickButton2(index, 4)"> <div
:class="vanvcol24"
@click="clickButton2(index, 4)"
>
{{ item.foursize }} {{ item.foursize }}
</div> </div>
</van-col> </van-col>
...@@ -187,12 +268,11 @@ ...@@ -187,12 +268,11 @@
</div> </div>
<div <div
class="application" class="application"
v-for="(item, index) in applicaList.slice(3, 4)" v-for="(item, index) in applicaList.slice(2, 3)"
:key="index.name" :key="index.name"
> >
<van-row type="flex" class="applicationName"> <van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col> <van-col span="24">{{ item.name }}</van-col>
</van-row> </van-row>
<van-row type="flex" class="applicationfale"> <van-row type="flex" class="applicationfale">
<van-col span="10"> <van-col span="10">
...@@ -203,25 +283,41 @@ ...@@ -203,25 +283,41 @@
<div class="vandiv">{{ item.max }}</div> <div class="vandiv">{{ item.max }}</div>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" gutter="10" class="applicationfole"> <van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div--> <!-- div-->
<van-col span="6"> <van-col span="6">
<div :class="vanvcol41" @click="clickButton4(index, 1)"> <div
:class="vanvcol41"
@click="clickButton4(index, 1)"
>
{{ item.fristsize }} {{ item.fristsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol42" @click="clickButton4(index, 2)"> <div
:class="vanvcol42"
@click="clickButton4(index, 2)"
>
{{ item.secondsize }} {{ item.secondsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol43" @click="clickButton4(index, 3)"> <div
:class="vanvcol43"
@click="clickButton4(index, 3)"
>
{{ item.thirdsize }} {{ item.thirdsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol44" @click="clickButton4(index, 4)"> <div
:class="vanvcol44"
@click="clickButton4(index, 4)"
>
{{ item.foursize }} {{ item.foursize }}
</div> </div>
</van-col> </van-col>
...@@ -229,7 +325,7 @@ ...@@ -229,7 +325,7 @@
</div> </div>
<div <div
class="application" class="application"
v-for="(item, index) in applicaList.slice(2, 3)" v-for="(item, index) in applicaList.slice(3, 4)"
:key="index.name" :key="index.name"
> >
<van-row type="flex" class="applicationName"> <van-row type="flex" class="applicationName">
...@@ -244,38 +340,67 @@ ...@@ -244,38 +340,67 @@
<div class="vandiv">{{ item.max }}</div> <div class="vandiv">{{ item.max }}</div>
</van-col> </van-col>
</van-row> </van-row>
<van-row type="flex" gutter="10" class="applicationfole"> <van-row
type="flex"
gutter="10"
class="applicationfole"
>
<!-- div--> <!-- div-->
<van-col span="6"> <van-col span="6">
<div :class="vanvcol31" @click="clickButton3(index, 1)"> <div
:class="vanvcol31"
@click="clickButton3(index, 1)"
>
{{ item.fristsize }} {{ item.fristsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol32" @click="clickButton3(index, 2)"> <div
:class="vanvcol32"
@click="clickButton3(index, 2)"
>
{{ item.secondsize }} {{ item.secondsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol33" @click="clickButton3(index, 3)"> <div
:class="vanvcol33"
@click="clickButton3(index, 3)"
>
{{ item.thirdsize }} {{ item.thirdsize }}
</div> </div>
</van-col> </van-col>
<van-col span="6"> <van-col span="6">
<div :class="vanvcol34" @click="clickButton3(index, 4)"> <div
:class="vanvcol34"
@click="clickButton3(index, 4)"
>
{{ item.foursize }} {{ item.foursize }}
</div> </div>
</van-col> </van-col>
</van-row> </van-row>
</div> </div>
<div style="margin-top: 4%; position: sticky; bottom: -1px; <div
"> style="margin-top: 4%; position: sticky; bottom: -1px"
>
<van-row type="flex"> <van-row type="flex">
<van-col span="12"> <van-col span="12">
<van-button square block type="default" @click="resetData">重置</van-button> <van-button
square
block
type="default"
@click="resetData"
>重置</van-button
>
</van-col> </van-col>
<van-col span="12"> <van-col span="12">
<van-button square block type="info" @click="confirmData">确定</van-button> <van-button
square
block
type="info"
@click="confirmData"
>确定</van-button
>
</van-col> </van-col>
</van-row> </van-row>
</div> </div>
...@@ -287,37 +412,60 @@ ...@@ -287,37 +412,60 @@
</van-sticky> </van-sticky>
</div> </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"
> >
<div v-for="(item, index) in productList" :key="index">
<picket-bar <picket-bar
:productname="item.productname" :productname="item.prodSubName"
:describe="item.describe" :describe="item.prodIntro"
:limitrange="item.limitrange" :limitrange="item.amtMin + '~' + item.amtMax + '万'"
:interestrate="item.interestrate" :interestrate="item.lnMin + '%~' + item.lnMax + '%'"
:loanterm="item.loanterm" :loanterm="item.termMin + '~' + item.termMax + '个月'"
:crowd="item.crowd" :crowd="item.crowd"
:assureMeans="item.assureMeans" :assureMeans="item.loanType"
:type="item.type" :type="item.prodType"
@onClickPicket="onClickPicket" @onClickPicket="onClickPicket(item)"
style="min-height: 200px"
></picket-bar> ></picket-bar>
</div> </div>
</van-list>
</div> </div>
<!-- </scroller-view> -->
</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;
}; termMax: any = null;
showAddress=false; termMin: any = null;
onAddress(){
this.showAddress=true 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){ changeAddress(event: any) {
// console.log(event,'返回格式数组') // console.log(event,'返回格式数组')
this.showAddress=false this.showAddress = false;
let st='' let st = "";
event.forEach((item:any,index:any)=>{ event.forEach((item: any, index: any) => {
console.log(item + index); console.log(item + index);
if(index != 0){ if (index != 0) {
st=st + item.name st = st + item.name;
}
});
this.outcsinfo.place = st;
} }
})
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,
}, },
];
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:"消费贷",//贷款种类
// }, // },
// { // {
// 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:"消费贷",//贷款种类
// }, // },
// { // {
// 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:"金融贷",//贷款种类
];
//金额
// applicaform: any = [
// {
// name: "产品金额（万元）",
// max: "最高",
// min: "最低",
// fristsize: "1-100",
// secondsize: "100-500",
// thirdsize: "500-1000",
// foursize: "1000-2000",
// }, // },
// ]; // ];
//按钮
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;
//按钮 // 重新加载数据
tabbarlist: any = { // 将 loading 设置为 true，表示处于加载状态
name: "首页", this.loading = true;
flag: true, this.onLoad();
}; }
onLoad() {
if (this.refreshing) {
this.productList = [];
this.refreshing = false;
}
this.getProductList();
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,12 +960,19 @@ export default class Main extends Vue { ...@@ -701,12 +960,19 @@ 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;
} }
} }
...@@ -715,6 +981,12 @@ export default class Main extends Vue { ...@@ -715,6 +981,12 @@ export default class Main extends Vue {
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.html {
height: 100%;
}
.body {
height: 100%;
}
.roll { .roll {
background: #ecf9ff; background: #ecf9ff;
} }
...@@ -745,9 +1017,6 @@ export default class Main extends Vue { ...@@ -745,9 +1017,6 @@ export default class Main extends Vue {
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);
...@@ -829,7 +1098,7 @@ export default class Main extends Vue { ...@@ -829,7 +1098,7 @@ export default class Main extends Vue {
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 {
...@@ -859,7 +1128,6 @@ export default class Main extends Vue { ...@@ -859,7 +1128,6 @@ export default class Main extends Vue {
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;
...@@ -867,12 +1135,11 @@ export default class Main extends Vue { ...@@ -867,12 +1135,11 @@ export default class Main extends Vue {
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;
...@@ -882,9 +1149,4 @@ export default class Main extends Vue { ...@@ -882,9 +1149,4 @@ export default class Main extends Vue {
word-wrap: break-word; word-wrap: break-word;
flex: 3; flex: 3;
} }
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或