产品相关联调与优化

.env.dev

@@ -12,7 +12,7 @@ VUE_APP_CLIENT_SECRET = web-loong-secret
 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
 
 
 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.2.3.118:9165/online-financial-service/api/v1/cust-info/permit_endpoint

src/components/common/Picket.vue

@@ -29,8 +29,8 @@
 
          <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="interestrate"  style="text-align: center;">{{ assureMeans }}</van-col>
-        <van-col span="8" class="loanterm"  style="text-align: center;">{{ type }}</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;">{{ this.$dictData.getText(type,"PROD_TYPE")}}</van-col>
       </van-row>
      <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>
@@ -105,6 +105,7 @@ export default class Picket extends Vue {
    background: #eaf5ff;
     font-size: 12px;
      margin-left: 3%;
+    margin-right: 3%;
     color: #1890FF;
      text-rendering: optimizeLegibility;
     font-feature-settings: "kern" 1;

src/components/common/ProductCard.vue

@@ -42,7 +42,7 @@
       
   
       <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 type="flex" justify="center" class="integrall">
         <van-col span="24">{{ moneyName }}</van-col>
@@ -56,7 +56,7 @@
     </div>
     <div style="">
         <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%;
     height: 100%;
@@ -64,12 +64,12 @@
     padding: 20px 10px;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     ">
-        <van-collapse-item title="产品介绍" name="1">农村信用社向符合条件的客户发放的用于满足个人消费、生产经营流动资金等需求的一项贷款业务。</van-collapse-item>
-        <van-collapse-item title="产品特点" name="2">一次核定，三年有效，随用随贷，循环使用。</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="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>
       </scroller-view>
     </div>
@@ -85,8 +85,13 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
   name: "ProductCard"
 })
 export default class ProductCard extends Vue {
-  @Prop({ default: "" }) money: string | undefined; //额度
-  @Prop({ default: "" }) moneyName: string | undefined;//额度大写
+  // @Prop({ default: "" }) money: string | undefined; //额度
+  // @Prop({ default: "" }) moneyName: string | undefined;//额度大写
+
+  @Prop({ default: {prodDesc:""} }) productData: any | {};//产品数据
+  @Prop({ default: {prodDesc:""} }) desc: any | {};//产品数据
+
+  
   //立即登录
   activeNames = [""];
   lodiing() {

src/constants/api/login/common.api.ts

@@ -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 onlinePrefix = process.env.VUE_APP_ONLINE_API
 //本地
 const prefix = "http://localhost:9130"+ process.env.VUE_APP_AUTH_API ;
 const commonApi = {
@@ -20,6 +20,12 @@ const commonApi = {
     method: MethodType.POST.code,
     header: HeaderType.AUTH.code,
   },
+
+  getProductList: {
+    url: onlinePrefix + "/prodSub/getProductList",
+    method: MethodType.POST.code,
+    header: HeaderType.AUTH.code,
+  },
  
 };
 

src/constants/types/property.d.ts

@@ -2,8 +2,15 @@ import Vue from "vue";
 
 declare module "vue/types/vue" {
   import { GlobalStateService } from "@/services/global-state.service";
+  import dictData from "@/services/dict.service";
 
   interface Vue {
     $globalStateService: GlobalStateService;
+    $dictData: dictData;
+       /* $ebus: any;
+    push: any;
+    pop: any;
+    replace: any;
+    transitionName: string;*/
   }
 }

src/main.ts

@@ -16,7 +16,7 @@ import filterService from "./filtres/filter.service";
 import directiveService from "./directives/directive.service";
 import apiService from "@/services/api.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.js";
 import { NativeUI } from "@/public/ts/NativeUI";
@@ -37,6 +37,8 @@ import ant from 'ant-design-vue'
 import 'ant-design-vue/dist/antd.css'
  import { VanComponent } from "vant/types/component"
  import 'element-ui/lib/theme-chalk/index.css';
+ import * as echarts from 'echarts';
+import dictData from "@/services/dict.service";
  Vue.use(Element);
 Vue.use(Vant);
 Vue.use(ant);
@@ -45,6 +47,8 @@ Vue.use(Step);
 Vue.use(Steps);
 
 Vue.config.productionTip = process.env.PRODUCTION_TIP;
+Vue.prototype.$dictData = dictData;
+
 
 
 /*注册组件*/
@@ -62,9 +66,12 @@ directiveService.init();
 /*注册axios*/
 apiService.init();
 
-dbService.initDB().then(() => {
-  dictService.init();
-});
+/**注册字典**/
+dictData.init();
+
+// dbService.initDB().then(() => {
+//   dictService.init();
+// });
 new Vconsole();
 /*h5+插件*/
 nativeService.init();

src/services/api.service.ts

@@ -344,6 +344,8 @@ class ApiService {
             return data;
           }
         }
+      }else{
+        NativeUI.toast("网络异常！");
       }
       return response;
     };

src/services/dict.service.ts

@@ -15,7 +15,7 @@ class DictService {
    * @Author zhangmk
    * @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: '0', text: '否' },
     { s_field_name: '经济类型分类', s_field: 'ECOTYPE', value: '100', text: '内资企业' },
@@ -2591,6 +2591,19 @@ class DictService {
     { 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: '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 {
    */
   init() {
     //TODO 需要通过接口先进行查询然后保存。
-    localStorage.setItem("dictData", JSON.stringify(this.dicData));
+    localStorage.setItem("dictData", JSON.stringify(this.dictData));
+    console.log("dicDataInit")
     // this.queryDictList().then((data: any) => {
     //   const dictData: any = {};
     //   data.forEach((item: any) => {
@@ -2687,5 +2701,5 @@ class DictService {
     return result;
   }
 }
-const dictService = new DictService();
-export default dictService;
+const dictData = new DictService();
+export default dictData;

src/views/ProductDetail/ProductDetails.vue

@@ -8,24 +8,42 @@
 -->
 <template>
   <div>
-    <product-detail class="productName" :productName="productName"></product-detail>
-    <product-card :money="money" :moneyName="moneyName" class="productCard"> </product-card>
+    <product-detail class="productName" :productName="productData.prodSubName"></product-detail>
+    <!-- <product-card :money="money" :moneyName="moneyName" class="productCard"> </product-card> -->
+    <product-card :productData="productData"  class="productCard"> </product-card>
+     
      
   </div>
 
 </template>
 <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 eventBus from "@/services/goBackEntity";
 
 @Component({
   name: "ProductDetails",
 })
 export default class ProductDetails extends Vue {
+  // @Prop({ default: {} }) productParam: any | {}; // 产品信息
+  productData = {};
   productName="小微企业---互助贷款"
   money: string = "￥5000000" //最高额度
   moneyName: string = "五百万元整" //最高额度汉字
   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>
 <style scoped lang="scss">