feat: 详情优化

src/components/LoginModal.vue

+<template>
+  <modal
+    v-model="show"
+    title="您好<br />欢迎来到芒果保险"
+    :closeable="true"
+    cancel-btn=""
+    confirm-btn="确定"
+    @confirm="login"
+  >
+  </modal>
+</template>
+
+<script>
+import Modal from "@/components/Modal";
+export default {
+  name: "LoginModal",
+  components: {
+    Modal
+  },
+  data() {
+    return {
+      show: false
+    };
+  },
+  watch: {
+    value(val) {
+      this.show = val;
+    }
+  },
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+@import "../../../../style/var.less";
+</style>

src/components/Modal.vue

@@ -11,7 +11,7 @@
     <div class="panel">
       <div class="panel-head">
         <slot name="title">
-          <h4 v-if="title">{{ title }}</h4>
+          <h4 v-if="title" v-html="title"></h4>
         </slot>
       </div>
       <div class="panel-body">

src/config/prod.config.js

 export default {
-  basicHost: "https://hathaway-mg.liangkebang.net/",
+  // basicHost: "https://hathaway-mg.liangkebang.net/",
+  basicHost: "http://127.0.0.1:8964/",
   wxAppId: "wx514de17b23d53a20"
 };

src/views/Goods/Detail/LIDetail.vue

@@ -69,7 +69,7 @@
     </div>
     <detail-footer :company-info="companyInfo" />
     <copyright />
-    <good-action @leftClick="goInsureState = true" :content="goodActionInfo" />
+    <good-action @click="$router.push('/policy/add')" :content="goodActionInfo" />
     <popup-with-iframe
       v-model="popupShow"
       :title="pupopData.title"
@@ -79,11 +79,6 @@
       <cps-process-detail v-if="currentPupopIndex === 5" :process-data="processDetail" />
       <cps-rate v-if="currentPupopIndex === 6" />
     </popup-with-iframe>
-    <go-insure-dialog
-      v-model="goInsureState"
-      :title="headerInfo.title"
-      :pay-data="goodBuyModalInfo"
-    />
   </div>
 </template>
 
@@ -104,7 +99,6 @@ import CpsCase from "./modules/CpsCase";
 import CpsProcess from "./modules/CpsProcess";
 import CpsQa from "./modules/CpsQA";
 import PopupWithIframe from "@/components/PopupWithIframe";
-import GoInsureDialog from "./modules/GoInsureDialog";
 import CpsProcessDetail from "./modules/CpsProcessDetail";
 import CpsRate from "./modules/CpsRate";
 import PlanTip from "./modules/PlanTip";
@@ -130,7 +124,6 @@ export default {
     Copyright,
     PopupWithIframe,
     GoodAction,
-    GoInsureDialog,
     CpsProcessDetail,
     CpsRate,
     PlanTip,
@@ -147,7 +140,6 @@ export default {
         payway: "1",
         pact: false
       },
-      goInsureState: false,
       showLayer: false
     };
   },

src/views/Goods/Detail/modules/GoInsureDialog.vue

 <template>
   <modal v-model="show" :closeable="true" cancel-btn="" confirm-btn="好的 继续" @confirm="go">
-    <h4 slot="title">立即拥有<br />{{ title }}</h4>
+    <h4 slot="title" class="pay-title">立即拥有<br />{{ title }}</h4>
     <compactCellGroup class="pay-det" :cell-data="payCellData" :text-bold="true" />
     <div class="pay-tip">*不满意可随时退保</div>
     <div class="pay-protocol">
@@ -74,44 +74,14 @@ export default {
 
 <style lang="less" scoped>
 @import "../../../../style/var.less";
-.panel {
-  background-color: @white;
-  border-radius: @border-radius-md;
-  width: 300px;
-  &-wrap {
-    overflow: initial;
-    @{deep} .cr-popup--close {
-      top: -36px;
-      right: 0;
-      color: @white;
-      font-size: 24px;
-    }
-  }
-  &-head {
-    border-top-left-radius: @border-radius-md;
-    border-top-right-radius: @border-radius-md;
-    padding: @padding-lg @padding-lg 5px @padding-lg;
-    background: url("../../../../assets/dialog-header-bg.png") right no-repeat;
-    background-size: 34px 25px;
-    background-position: right center;
-    h4 {
-      color: @black;
-      font-size: @font-size-18;
-      font-weight: @font-weight-bold;
-      line-height: @line-height-lg + 1;
-    }
-  }
-  &-body {
-    padding: @padding-lg;
-  }
-  &-foot {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: @padding-lg;
-  }
-}
+
 .pay {
+  &-title {
+    color: @black;
+    font-size: @font-size-18;
+    font-weight: @font-weight-bold;
+    line-height: @line-height-lg + 1;
+  }
   &-det {
     padding-left: 34px;
     position: relative;

src/views/Policy/Add/index.vue

@@ -344,6 +344,7 @@ export default {
   methods: {
     onFormSubmit(values) {
       console.log("submit", values);
+      this.goInsureState = true;
     },
     onFormFailed(errorInfo) {
       const { errors } = errorInfo;