From 3f49aab78945699fb2e7ea9988d0ecab02c5b834 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cgrape=E2=80=9D?= <18746553572@163.com>
Date: Tue, 30 Aug 2022 16:46:32 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Picket.vue         |   1 +
 src/components/common/Picket2.vue        | 120 +++++++++++++++++++++++
 src/components/general/ScrollerView.vue  |   1 +
 src/constants/api/login/login-mgt.api.ts |   6 +-
 src/services/component-vue.service.ts    |   2 +
 src/views/main/Main.vue                  |  91 +++++++++++------
 6 files changed, 190 insertions(+), 31 deletions(-)
 create mode 100644 src/components/common/Picket2.vue

diff --git a/src/components/common/Picket.vue b/src/components/common/Picket.vue
index 2f6417c..28cb856 100644
--- a/src/components/common/Picket.vue
+++ b/src/components/common/Picket.vue
@@ -61,6 +61,7 @@ export default class Picket extends Vue {
     border-radius: 4px;
     -moz-box-shadow: 0px 0px;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+     
 }
 .priductName{
     font-size: 16px;
diff --git a/src/components/common/Picket2.vue b/src/components/common/Picket2.vue
new file mode 100644
index 0000000..205d3e0
--- /dev/null
+++ b/src/components/common/Picket2.vue
@@ -0,0 +1,120 @@
+<!--
+ * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
+ * @Date: 2022-07-04 16:24:00
+ * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
+ * @LastEditTime: 2022-08-18 13:55:42
+ * @FilePath: \mcep-h5\src\components\common\Tatle.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <!-- <div> -->
+  <div class="d-tatle">
+    <div class="card" @click="onClickPicket()">
+      <van-row>
+        <van-col span="24" class="priductName">{{ productname }}</van-col>
+      </van-row>
+      <div class="describe" style="line-height: 30px;">
+        <div class="description">{{ describe }}</div>
+      </div>
+      <van-row type="flex" justify="center" style="line-height: 30px;font-weight: 700;">
+        <van-col span="8" class="loanterm" style="text-align: center;">{{ limitrange }}</van-col>
+        <van-col span="8" class="interestrate"  style="text-align: center;">{{ interestrate }}</van-col>
+        <van-col span="8" class="loanterm"  style="text-align: center;">{{ loanterm }}</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>
+        <van-col span="8" class="loantermlot">担保方式</van-col>
+        <van-col span="8" class="loantermlot">贷款期限</van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
+/*
+* title
+*/
+@Component({
+  name: "Picket2",
+})
+export default class Picket extends Vue {
+  @Prop({ default: "" }) productname: string | undefined //产品名称
+  @Prop({ default: "" }) describe: string | undefined //描述
+  @Prop({ default: "" }) limitrange: string | undefined //额度范围
+  @Prop({ default: "" }) interestrate: string | undefined //利率
+  @Prop({ default: "" }) loanterm: string | undefined //贷款期限
+  //调用父组件的值
+  @Emit("onClickPicket")
+  onClickPicket(){}
+
+}
+</script>
+<style scoped lang="scss">
+.card { 
+  height: 130px;
+        width: 98%;
+    margin: 0% auto;
+    background: inherit;
+    background-color: rgba(255, 255, 255, 1);
+    border: none;
+    border-radius: 4px;
+    -moz-box-shadow: 0px 0px;
+     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+
+}
+.priductName{
+    font-size: 16px;
+    text-align: left;
+    //margin-left: 3%;
+    font-weight: 600;
+    margin: 2% 0% 2% 4%;
+    text-rendering: optimizeLegibility;
+    font-feature-settings: "kern" 1;
+    -webkit-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern=1";
+    font-kerning: normal;
+}
+// .describe{
+//   background: #eaf5ff;
+// }
+.description{
+   background: #eaf5ff;
+    font-size: 12px;
+     margin-left: 3%;
+    color: #1890FF;
+     text-rendering: optimizeLegibility;
+    font-feature-settings: "kern" 1;
+    -webkit-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern=1";
+    font-kerning: normal;
+    //  width: 50%;
+    border-radius: 4px;
+    padding-left:1%;
+    // text-align: center;
+}
+.limitrange{
+  //  margin-left: 3%;
+  align-items: center;
+    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 20px;
+    color: #FF7628;
+     text-rendering: optimizeLegibility;
+    font-feature-settings: "kern" 1;
+    -webkit-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern";
+    -moz-font-feature-settings: "kern=1";
+    font-kerning: normal;
+}
+.van-col--8 {
+    width: 32%;
+}
+.loantermlot{
+  text-align: center;
+}
+</style>
diff --git a/src/components/general/ScrollerView.vue b/src/components/general/ScrollerView.vue
index b4fd832..8de0017 100644
--- a/src/components/general/ScrollerView.vue
+++ b/src/components/general/ScrollerView.vue
@@ -193,6 +193,7 @@ export default class ScrollerView extends Vue {
 }
 .scroller {
   padding-bottom: 2px;
+
 }
 .pull-down-tips {
   position: absolute;
diff --git a/src/constants/api/login/login-mgt.api.ts b/src/constants/api/login/login-mgt.api.ts
index 59af67d..049bfaf 100644
--- a/src/constants/api/login/login-mgt.api.ts
+++ b/src/constants/api/login/login-mgt.api.ts
@@ -8,8 +8,8 @@
  */
 import { MethodType } from "@/constants/enum/general/method-type.enum";
 import { HeaderType } from "@/constants/enum/general/header-type.enum";
-//const prefix = "http://localhost:9130/ms-system/api/v1/sysCustInfo/permit_endpoint"
-const prefix = process.env.VUE_APP_BASE_API;
+const prefix = "http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint"
+// const prefix = process.env.VUE_APP_BASE_API;
 const loginApi = {
   updatePicCode: {
     url: prefix + "/getVerifyCode",
@@ -17,7 +17,7 @@ const loginApi = {
     header: HeaderType.AUTH.code,
   },
   loginSystem: {
-    url: prefix + "/onlineLogin",
+    url: prefix + "/login",
     method: MethodType.POST.code,
     header: HeaderType.AUTH.code,
   },
diff --git a/src/services/component-vue.service.ts b/src/services/component-vue.service.ts
index e6a2a58..ce499af 100644
--- a/src/services/component-vue.service.ts
+++ b/src/services/component-vue.service.ts
@@ -22,6 +22,7 @@ import AnchorNav from "@/components/general/AnchorNav.vue";
 import * as echarts from "echarts";
 import Tatle from "@/components/common/Tatle.vue";
 import picket from "@/components/common/Picket.vue";
+import picket2 from "@/components/common/Picket2.vue";
 import ant from "ant-design-vue/es/locale/zh_CN"
 import Tool from "@/components/common/Tool.vue";
 import Bottom from "@/components/common/Bottom.vue";
@@ -101,6 +102,7 @@ class ComponentVueService {
     Vue.component("anchor-nav", AnchorNav);
     Vue.component("tatle-bar", Tatle);
     Vue.component("picket-bar", picket);
+    Vue.component("picket-bar2", picket2);
     Vue.component("tools-bar", Tool);
     Vue.component("bottom-bar", Bottom);
     Vue.component("person-bar", Person);
diff --git a/src/views/main/Main.vue b/src/views/main/Main.vue
index a90aa1a..96490c9 100644
--- a/src/views/main/Main.vue
+++ b/src/views/main/Main.vue
@@ -6,6 +6,7 @@
  * @FilePath: \mcep-h5\src\views\main\MainView.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
+
 <template>
   <div class="d-page d-flex flex-column" style="background-color: #ebedf0">
     <div class="rarle">
@@ -115,7 +116,7 @@
             <div
               class="application"
               v-for="(item, index) in applicaList.slice(0, 1)"
-              :key="index"
+              :key="index.name"
             >
               
               <van-row type="flex" class="applicationName">
@@ -158,7 +159,7 @@
               <div
                 class="application"
                 v-for="(item, index) in applicaList.slice(1, 2)"
-                :key="index"
+                :key="index.name"
               >
                 <van-row type="flex" class="applicationName">
                   <van-col span="24">{{ item.name }}</van-col>
@@ -201,7 +202,7 @@
               <div
                 class="application"
                 v-for="(item, index) in applicaList.slice(3, 4)"
-                :key="index"
+                :key="index.name"
               >
                 <van-row type="flex" class="applicationName">
                   <van-col span="24">{{ item.name }}</van-col>
@@ -244,7 +245,7 @@
               <div
                 class="application"
                 v-for="(item, index) in applicaList.slice(2, 3)"
-                :key="index"
+                :key="index.name"
               >
                 <van-row type="flex" class="applicationName">
                   <van-col span="24">{{ item.name }}</van-col>
@@ -300,7 +301,7 @@
 
          </van-row>
       </div>
-      <scroller-view v-calculate-height>
+      <scroller-view v-calculate-height  class="product">
         <div
           v-for="(item, index) in productList"
           :key="index"
@@ -315,6 +316,25 @@
             @onClickPicket="onClickPicket"
           ></picket-bar>
         </div>
+
+
+          <div
+          v-for="(item, index) in productList2"
+          :key="index"
+          style="margin: 4% auto"
+        >
+          <picket-bar2
+            :productname="item.productname"
+            :describe="item.describe"
+            :limitrange="item.limitrange"
+            :interestrate="item.interestrate"
+            :loanterm="item.loanterm"
+            @onClickPicket="onClickPicket"
+          ></picket-bar2>
+        </div>
+
+
+
       </scroller-view>
     </div>
   </div>
@@ -332,8 +352,6 @@ Vue.use(Cell);
 Vue.use(CellGroup);
 Vue.use(Area);
 Vue.use(Toast);
-
-
 Vue.use(Tab);
 Vue.use(Tabs);
 // import { areaList } from '@vant/area-data';
@@ -517,31 +535,47 @@ export default class Main extends Vue {
     // }
   ];
   //金额
-  applicaform: any = [
+  // applicaform: any = [
+  //   {
+  //     name: "产品金额（万元）",
+  //     max: "最高",
+  //     min: "最低",
+  //     fristsize: "1-100",
+  //     secondsize: "100-500",
+  //     thirdsize: "500-1000",
+  //     foursize: "1000-2000",
+  //   },
+  // ];
+
+  
+  
+    productList: any = [
     {
-      name: "产品金额（万元）",
-      max: "最高",
-      min: "最低",
-      fristsize: "1-100",
-      secondsize: "100-500",
-      thirdsize: "500-1000",
-      foursize: "1000-2000",
-    },
+      productname: "小微企业抵押“一证通”贷款", //产品名称
+      describe: "一次核定 三年有效 随用随贷 循环使用", //描述
+      limitrange: "1~500万", //额度范围
+      interestrate: "2%~4%", //利率
+      loanterm: "1~36个月", //贷款期限
+    }
+    
   ];
-    productList: ProductData[] = [
+
+      productList2: any = [
+    
     {
-      productname: "金融消费贷", //产品名称
-      describe: "1年100万", //描述
-      limitrange: "1000~2000", //额度范围
-      interestrate: "19%~20%", //利率
-      loanterm: "89个月", //贷款期限
+      productname: "“企业之兴”流动资金贷款", //产品名称
+      describe: "额度较大 利率优惠", //描述
+      limitrange: "经营企业", //面向人群 TODO 字段名
+      interestrate: "抵押", //担保方式  TODO 字段名
+      loanterm: "1~36个月", //贷款期限
     },
-    {
-      productname: "金融消费贷", //产品名称
-      describe: "1年100万三年内还清了", //描述
-      limitrange: "1000~2000", //额度范围
-      interestrate: "19%~20%", //利率
-      loanterm: "89个月", //贷款期限
+
+     {
+      productname: "白领贷", //产品名称
+      describe: "手续简单  轻松操作  随用随贷  安全可靠", //描述
+      limitrange: "经营企业", //面向人群 TODO 字段名
+      interestrate: "抵押", //担保方式  TODO 字段名
+      loanterm: "1~36个月", //贷款期限
     },
   ];
 
@@ -800,4 +834,5 @@ export default class Main extends Vue {
     color: #1890ff;
     text-align: right;
 }
+
 </style>
-- 
2.22.0