test

src/pages/reimburseMyself/reimburse-myself-list.Vue

@@ -3,94 +3,85 @@
 * @Date 2019/10/22
 */
 <template>
-    <h-view id="reimburse" class="public-style" style="height: 100%">
-      <h-header :proportion="[5,1,1]" class="bar-custom">
-        <div slot="left" class="h-header-btn">
-          <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
-          <span>我的还款</span>
-        </div>
-      </h-header>
-      <div class="hinput">
-        <div class="search-box">
-          <input v-model="keyWords" type="text" placeholder="请输入还款金额">
-          <img src="@/assets/distributorSign/search.png" alt="">
-        </div>
+  <h-view id="reimburse" class="public-style" style="height: 100%">
+    <h-header :proportion="[5,1,1]" class="bar-custom">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <span>我的还款</span>
       </div>
-      <scroll
-        ref="scroll"
-        :updateData="[reimburseList]"
-        :pullUp="true"
-      >
-        <section class="reimburse-wrap">
-          <list-item v-for="(list,index) in reimburseList" :key="index" @click.native="godetail(list.order_id)">
-            <item>
-              <img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
-              <div slot="name">还款金额</div>
-              <div slot="content" class="money-font">{{list.orderamount | currency}}</div>
-            </item>
-            <item>
-              <img slot="left-icon" src="" class="left-icon">
-              <div slot="name" class="time-font">还款时间</div>
-              <div slot="content" class="time-font">{{list.order_date}}</div>
-            </item>
-          </list-item>
-        </section>
-      </scroll>
-    </h-view>
+    </h-header>
+    <div class="hinput">
+      <div class="search-box">
+        <input v-model="keyWords" type="text" placeholder="请输入还款金额">
+        <img src="@/assets/distributorSign/search.png" alt="">
+      </div>
+    </div>
+    <scroll
+      ref="scroll"
+      :updateData="[reimburseList]"
+      :pullUp="true"
+    >
+      <section class="reimburse-wrap">
+        <list-item v-for="(list,index) in reimburseList" :key="index" @click.native="godetail(list.order_id)">
+          <item>
+            <img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
+            <div slot="name">还款金额</div>
+            <div slot="content" class="money-font">{{ list.orderamount | currency }}</div>
+          </item>
+          <item>
+            <img slot="left-icon" src="" class="left-icon">
+            <div slot="name" class="time-font">还款时间</div>
+            <div slot="content" class="time-font">{{ list.order_date }}</div>
+          </item>
+        </list-item>
+      </section>
+    </scroll>
+  </h-view>
 </template>
 
 <script>
-    export default {
-        data() {
-            return {
-              reimburseList: [],
-              keyWords: '',
-            }
-        },
-        created: function () {
-        },
-        mounted: function () {
-        },
-        updated: function () {
-        },
-        destroyed: function () {
+export default {
+  data () {
+    return {
+      reimburseList: [],
+      keyWords: '',
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      // if (from.name === 'MyInfo') {
+      vm.getList()
+      // }
+    })
+  },
+  methods: {
+    godetail (e) {
+      this.$router.push({
+        name: 'ReimburseDetail',
+        params: {
+          order_id: e,
         },
-      beforeRouteEnter (to, from, next) {
-        next(vm => {
-           //if (from.name === 'MyInfo') {
-              vm.getList()
-           // }
-        })
-      },
-        methods: {
-          godetail(e){
-            this.$router.push({
-              name:'ReimburseDetail',
-              params:{
-                order_id:e
-              }
-            })
-          },
-          getList(){
-            let vm = this
-            let url = process.env.basePath + 'my_repayment_query'
-            let param = {
-              user_phone:window.localStorage.getItem('user_phone'),
-            }
-            vm.hlsPopup.showLoading('数据加载中，请稍后!')
-            vm.hlsHttp.post(url, param).then(function (res) {
-              vm.hlsPopup.hideLoading()
-              if (res.result === 'S') {
-                vm.reimburseList = res.lists
-                if (res.lists.length > 0 && res.lists.length < 10) {
-                  vm.$refs.scroll.update(true)
-                }
-              }
-            })
+      })
+    },
+    getList () {
+      let vm = this
+      let url = process.env.basePath + 'my_repayment_query'
+      let param = {
+        user_phone: window.localStorage.getItem('user_phone'),
+      }
+      vm.hlsPopup.showLoading('数据加载中，请稍后!')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.reimburseList = res.lists
+          if (res.lists.length > 0 && res.lists.length < 10) {
+            vm.$refs.scroll.update(true)
           }
-
         }
-    }
+      })
+    },
+  },
+}
 </script>
 
 <style lang="less" rel="stylesheet">