添加接口以及帮助部分

src/pages/help/detail.vue

+<template>
+  <h-view id="help-detail" class="public-style">
+    <h-header :proportion="[5,1,1]" class="header">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
+        <span>帮助与反馈</span>
+      </div>
+    </h-header>
+    <h-content class="my-content">
+      <h4>如何进行客户绑定？</h4>
+      <div class="article">
+        <p>进入“个人中心"界面,点击”用户绑定“按钮进入用户绑定界面，填写相关资料可进行用户绑定。</p>
+      </div>
+    </h-content>
+  </h-view>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="less" scoped>
+#help-detail{
+    .header {
+    background-color: #00469c;
+    color: #ffffff;
+    .h-header-btn {
+      img {
+        width: 16px;
+        height: 16px;
+      }
+      span {
+        font-family: PingFangSC-Semibold;
+        font-size: 17px;
+        color: #ffffff;
+        letter-spacing: 0.61px;
+        margin-left: 16px;
+      }
+    }
+  }
+  .my-content{
+      h4{
+    font-family: PingFangSC-Semibold;
+font-size: 15px;
+color: #00469C;
+letter-spacing: 0;
+line-height: 20px;
+margin-top:16px;
+padding-left:35px;
+position: relative;
+      }
+h4::before{
+    content:'';
+    display:inline-block;
+    background-color: #00469C;
+    position: absolute;
+    top:5px;
+    left:24px;
+    width: 4px;
+    height:12px;
+}
+.article{
+width:343px;
+margin:0 auto;
+p{
+    font-family: PingFangSC-Regular;
+font-size: 14px;
+color: #656464;
+text-align: left;
+line-height: 20px;
+text-indent:20px;
+}
+}
+  }
+}
+</style>

src/pages/help/feedback.vue

+<template>
+  <h-view id="help-detail" class="public-style">
+    <h-header :proportion="[5,1,1]" class="header">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" />
+        <span>帮助与反馈</span>
+      </div>
+    </h-header>
+    <h-content class="my-content">
+      <h4>问题反馈</h4>
+      <div class="write">
+        <div class="box">
+          <span>问题描述</span>
+          <textarea placeholder="请输入您的描述……" />
+        </div>
+      </div>
+      <div class="upLoad">
+        <div class="upLoad-box">
+          <span>添加图片说明</span>
+          <div class="file-content">
+            <div class="file">
+              <img src="@/assets/help/1.jpg" />
+            </div>
+            <div class="file">
+              <img src="@/assets/help/1.jpg" />
+            </div>
+            <div class="file">
+              <img src="@/assets/help/1.jpg" />
+            </div>
+            <div class="file">
+              <img src="@/assets/help/1.jpg" />
+            </div>
+            <div class="file">
+              <img class="photo" src="@/assets/help/photo.png" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <p class="info">欢迎您为我们提出宝贵的意见与建议，您留下的任何信息都将改善我们的软件</p>
+    </h-content>
+    <bottom-tab>
+      <tab-button class="bottom-button">提&nbsp;&nbsp;交</tab-button>
+    </bottom-tab>
+  </h-view>
+</template>
+<script>
+export default {};
+</script>
+<style lang="less" scoped>
+#help-detail {
+  textarea::placeholder {
+    font-family: PingFangSC-Regular;
+    font-size: 13px;
+    color: #b4b4b5;
+    letter-spacing: 0;
+  }
+  .header {
+    background-color: #00469c;
+    color: #ffffff;
+    .h-header-btn {
+      img {
+        width: 16px;
+        height: 16px;
+      }
+      span {
+        font-family: PingFangSC-Semibold;
+        font-size: 17px;
+        color: #ffffff;
+        letter-spacing: 0.61px;
+        margin-left: 16px;
+      }
+    }
+  }
+  .my-content {
+    h4 {
+      font-family: PingFangSC-Semibold;
+      font-size: 15px;
+      color: #00469c;
+      letter-spacing: 0;
+      line-height: 20px;
+      margin-top: 16px;
+      padding-left: 26px;
+      position: relative;
+    }
+    h4::before {
+      content: "";
+      display: inline-block;
+      background-color: #00469c;
+      position: absolute;
+      top: 5px;
+      left: 15px;
+      width: 4px;
+      height: 12px;
+    }
+  }
+  .write {
+    width: 100%;
+    height: 172px;
+    background-color: #fff;
+    margin-top: 16px;
+    span {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #656464;
+      letter-spacing: 0;
+    }
+    .box {
+      width: 343px;
+      margin: 0 auto;
+      padding-top: 8px;
+      textarea {
+        width: 343px;
+        height: 119px;
+        margin-top: 12.5px;
+        font-family: PingFangSC-Regular;
+        font-size: 13px;
+        letter-spacing: 0;
+      }
+    }
+  }
+  .upLoad {
+    background-color: #ffffff;
+    margin-top: 16px;
+    padding-bottom: 16px;
+    .upLoad-box {
+      margin-left: 16px;
+      padding-top: 8px;
+      span {
+        font-family: PingFangSC-Regular;
+        font-size: 14px;
+        color: #656464;
+        letter-spacing: 0;
+      }
+    }
+    .file-content {
+      display: flex;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      align-items: center;
+      .file {
+        margin-top: 16px;
+        width: 80px;
+        height: 80px;
+        border: 1px dashed #dcdcdd;
+        border-radius: 2px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 20px;
+        img {
+          width: 80px;
+          height: 80px;
+        }
+        .photo {
+          width: 21px;
+          height: 18px;
+        }
+      }
+    }
+  }
+  .info {
+    width: 311px;
+    margin: 0 auto;
+    font-family: PingFangSC-Regular;
+    font-size: 12px;
+    color: #b4b4b5;
+    text-align: center;
+    margin-top: 40px;
+    line-height: 20px;
+  }
+  .bottom-button {
+    color: #fff;
+    background-color: #00469c;
+  }
+}
+</style>

src/pages/help/helpList.vue

@@ -21,7 +21,7 @@
           <img class="img0" src="@/assets/help/down.png" >
         </div>
         <ul class="list0">
-          <li>如何进行客户绑定？</li>
+          <li @click="changeDetail">如何进行客户绑定？</li>
           <li>如何通过扫描录入进件？</li>
         </ul>
       </div>
@@ -35,18 +35,23 @@
           <li>如何通过扫描录入进件？</li>
         </ul>
       </div>
-      <!-- <list-item :proportion="[5,1]" :item-height="44">
-        <item>
-          <div slot="name">客户绑定相关问题</div>
-        </item>
-        <item>
-          <div slot="name">如何进行客户绑定？</div>
-        </item>
-        <item>
-          <div slot="name">如何通过扫描录入进件？</div>
-        </item>
-      </list-item>-->
+      <div class="question">
+        <div class="question-top" @click="show(2)">
+          <span>功能相关问题</span>
+          <img class="img2" src="@/assets/help/down.png" >
+        </div>
+        <ul class="list2">
+          <li>产品展示功能如何使用？</li>
+          <li>如何进行“产品试算”？</li>
+          <li>如何进行“合同还款”？</li>
+        </ul>
+      </div>
     </h-content>
+    <bottom-tab>
+      <tab-button class="bottom-button" @click.native="changeFeedback">
+        <img src="@/assets/help/feedback.png" >没有想要的，点击反馈
+      </tab-button>
+    </bottom-tab>
   </h-view>
 </template>
 <script>
@@ -60,16 +65,27 @@ export default {
     show (e) {
       let ul = document.querySelector(`.list${e}`)
       let li = ul.querySelectorAll('li')
-      let img = document.querySelector(`.list${e}`)
+      let img = document.querySelector(`.img${e}`)
       if (this.isShow) {
         ul.style.height = li.length * 35 + 'px'
-        img.style.transform =
+        img.style.transform = 'rotate(' + 90 + 'deg)'
         this.isShow = false
       } else {
         ul.style.height = 0
+        img.style.transform = 'rotate(' + 0 + 'deg)'
         this.isShow = true
       }
     },
+    changeDetail () {
+      this.$router.push({
+        name: 'HelpDetail',
+      })
+    },
+    changeFeedback () {
+      this.$router.push({
+        name: 'HelpFeedback',
+      })
+    },
   },
 }
 </script>
@@ -173,11 +189,12 @@ export default {
           flex:1;
         }
       }
-      .list0,.list1 {
+      .list0,.list1,.list2 {
         overflow: hidden;
         transition: 0.2s linear;
         height:0px;
         li {
+          position: relative;
           font-family: PingFangSC-Regular;
           font-size: 12px;
           color: #656464;
@@ -188,8 +205,30 @@ export default {
           border-bottom: 1px solid #F1F0F5;
           text-indent: 15px;
         }
+        li::after{
+          content:'';
+          display: block;
+          width:10px;
+          height:14px;
+          background:url("../../assets/help/right-arrow.png");
+          background-size: 12px 16px;
+          position:absolute;
+          top:8px;
+          right:0px;
+        }
       }
     }
   }
+  .bottom-button{
+    font-family: PingFangSC-Regular;
+font-size: 15px;
+color: #00469C;
+line-height: 20px;
+    img{
+  width:16px;
+    height:16px;
+    }
+
+  }
 }
 </style>

src/pages/myInfo/my-info.vue

@@ -141,7 +141,8 @@ export default {
       this.$router.push({
         name: 'FirstPay',
         params: {
-          bp_id: this.bp_id,
+          // bp_id: this.bp_id,
+          bp_id: 7850,
         },
       })
     },
@@ -149,7 +150,8 @@ export default {
       this.$router.push({
         name: 'PaymentFirstPay',
         params: {
-          bp_id: this.bp_id,
+          // bp_id: this.bp_id,
+          bp_id: 7850,
         },
       })
     },

src/pages/pay/firstPay/contract-record.vue

@@ -27,7 +27,7 @@
             <span>{{ e.cf_item_name }}</span>
             <div>{{ e.due_amount|currency }}</div>
             <p>{{ e.received_amount|currency }}</p>
-            <input v-model="e.pay" type="text" placeholder="请输入还款金额">
+            <input v-model="e.amount" type="text" placeholder="请输入还款金额">
           </div>
         </div>
       </section>
@@ -41,7 +41,7 @@
       </div>
     </div>
     <bottom-tab>
-      <tab-button class="footer" @click.native="toPayEntry(money)">
+      <tab-button class="footer" @click.native="createDetail">
         支&nbsp;&nbsp;付
       </tab-button>
     </bottom-tab>
@@ -154,7 +154,7 @@ export default {
         let sumL = []
         for (let i of this.prj_lists) {
           i.cf_lists.forEach(j => {
-            sumL.push(j.pay)
+            sumL.push(j.amount)
           })
           let a = 0
           let newSum = sumL.filter(item => {
@@ -179,9 +179,10 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-      // vm.getDetail()
+      vm.getDetail()
     })
   },
+
   methods: {
     changePage () {
       this.$router.replace({
@@ -192,11 +193,12 @@ export default {
       })
       this.$router.go(-1)
     },
+
     getDetail () {
       let vm = this
       let url = process.env.basePath + 'payment_prj_list_query'
       let param = {
-        bp_id: vm.$route.params.bp_id,
+        bp_id: this.$route.params.bp_id,
       }
       hlsPopup.showLoading('请稍候')
       vm.$post(url, param).then(function (res) {
@@ -208,6 +210,42 @@ export default {
         }
       })
     },
+    makeDetailData () {
+      let data = []
+      this.prj_lists.forEach(i => {
+        i.cf_lists.forEach(j => {
+          j.project_id = i.project_id
+          data.push(j)
+        })
+      })
+      data.forEach(i => {
+        delete i.cf_item_name
+        delete i.due_amount
+        delete i.received_amount
+        delete i.project_number
+        i.bp_id = this.$route.params.bp_id
+      })
+      return data
+    },
+    createDetail () {
+      let vm = this
+      let url = process.env.basePath + 'create_detail_0_part'
+      let data = vm.makeDetailData()
+      console.log(data)
+      let param = {
+        order_id: window.sessionStorage.getItem('order_id'),
+        pay_lists: data,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.toPayEntry(vm.money)
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
     toPayEntry (money) {
       this.$router.push({
         name: 'PayEntry',

src/pages/pay/firstPay/first-pay.vue

@@ -18,10 +18,9 @@
         <div class="pay-input">
           <span>应还首付款</span>
           <input v-model="money" type="text" placeholder="请输入支付金额">
-          <div @click="toContractRecord(money)"><i class="icon ion-ios-arrow-right"/></div>
+          <div @click="createOrder"><i class="icon ion-ios-arrow-right"/></div>
         </div>
       </div>
-
     </h-content>
     <div class="prompt">
       <div><img src="@/assets/payment/prompt.png" alt=""></div>
@@ -76,12 +75,13 @@ export default {
       })
     },
     pay () {
-      if (this.money > 0 && this.money <= this.default) {
+      let money = parseFloat(this.money)
+      let theDefault = parseFloat(this.default)
+      if (money > 0 && money <= theDefault) {
         this.payProtocol()
-        this.toPayEntry(this.money)
-      } else if (this.money > this.default) {
+      } else if (money > theDefault) {
         hlsPopup.showLongCenter('当前支付金额超出应还金额！')
-      } else if (this.money === 0) {
+      } else if (money === 0) {
         hlsPopup.showLongCenter('当前支付金额为0元，无需支付！')
       }
     },
@@ -97,6 +97,7 @@ export default {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           console.log(res)
+          this.toPayEntry(vm.money)
         } else {
           hlsPopup.showLongCenter(res.message)
         }
@@ -111,6 +112,27 @@ export default {
         },
       })
     },
+    createOrder () {
+      let vm = this
+      // window.sessionStorage.setItem('order_id', 123)
+      // vm.toContractRecord(vm.money)
+
+      let url = process.env.basePath + 'do_order_0_prj'
+      let param = {
+        bp_id: vm.$route.params.bp_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          console.log(res)
+          window.sessionStorage.setItem('order_id', res.info.order_id)
+          vm.toContractRecord(vm.money)
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
     toContractRecord (money) {
       this.$router.push({
         name: 'ContractRecord',

src/pages/pay/payment/contract-record.vue

@@ -73,7 +73,7 @@ export default {
   },
   beforeRouteEnter (to, from, next) {
     next(vm => {
-      // vm.getRentInfo()
+      vm.getRentInfo()
       vm.money = vm.$route.params.money
       vm.sumMoney = vm.money
     })

src/pages/pay/payment/first-pay.vue

@@ -18,7 +18,7 @@
         <div class="pay-input">
           <span>应还租金</span>
           <p>{{ pay_rent |currency }}</p>
-          <div @click="toContractRecord(liquidated_damages)"><i class="icon ion-ios-arrow-right"/></div>
+          <div @click="createOrder"><i class="icon ion-ios-arrow-right"/></div>
         </div>
       </div>
       <div class="pay-money">
@@ -37,7 +37,7 @@
       </div>
     </div>
     <bottom-tab>
-      <tab-button class="footer" @click.native="toPayEntry(money)">
+      <tab-button class="footer" @click.native="toPay">
         支&nbsp;&nbsp;付
       </tab-button>
     </bottom-tab>
@@ -67,7 +67,6 @@ export default {
     'liquidated_damages': {
       handler () {
         this.money = parseFloat(parseFloat(this.pay_rent) + parseFloat(this.liquidated_damages))
-        // if (!this.liquidated_damages) { this.money = this.pay_rent }
       },
       immediate: true,
     },
@@ -93,6 +92,42 @@ export default {
         }
       })
     },
+    toPay () {
+      let vm = this
+      let url = process.env.basePath + 'create_order_1_amount'
+      let param = {
+        bp_id: vm.$route.params.bp_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          console.log(res)
+          vm.toPayEntry(vm.money)
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
+    createOrder () {
+      let vm = this
+      // vm.toContractRecord(vm.liquidated_damages)
+
+      let url = process.env.basePath + 'do_order_1_con'
+      let param = {
+        bp_id: vm.$route.params.bp_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          console.log(res)
+          vm.toContractRecord(vm.liquidated_damages)
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
     toPayEntry (money) {
       this.$router.push({
         name: 'PaymentPayEntry',

src/router/index.js

@@ -67,6 +67,8 @@ import InfoCenter from '@/pages/infoCenter/infoList'
 import ProductList from '@/pages/productQuery/product-list'
 // 帮助与反馈
 import HelpList from '@/pages/help/helpList'
+import HelpDetail from '@/pages/help/detail'
+import HelpFeedback from '@/pages/help/feedback'
 
 Vue.use(Router)
 
@@ -182,6 +184,8 @@ export default new Router({
     {path: '/product-list', component: ProductList, name: 'ProductList', meta: {keepAlive: true}},
     // 帮助与反馈
     {path: '/help-list', component: HelpList, name: 'HelpList', meta: {keepAlive: true}},
+    {path: '/help-detail', component: HelpDetail, name: 'HelpDetail', meta: {keepAlive: true}},
+    {path: '/help-feedback', component: HelpFeedback, name: 'HelpFeedback', meta: {keepAlive: true}},
   ],
   scrollBehavior (to, from, savedPosition) {
     if (to.hash) {