提交app

jydocs-mobile/src/api/main.ts

@@ -1,5 +1,6 @@
-import $request from '@/api/index'
-import qs from 'qs'
+import qs from "qs";
+
+import $request from "@/api/index";
 
 export function getHome (data: any) {
   return $request({
@@ -26,3 +27,12 @@ export function submitCashOutInfo (data: any) {
     data
   })
 }
+
+export function getDetails (data: any) {
+  //   data = qs.stringify(data)
+  return $request({
+    url: '/jydocs/detail',
+    method: 'post',
+    params: data
+  })
+}

jydocs-mobile/src/components/Recharge.vue

@@ -28,7 +28,7 @@
             </div>
         </div>
         <div class="recharge_footer">
-                <button class="j-button-cancel btn_active">取消</button>
+                <button class="j-button-cancel btn_active" @click="closePopup()">取消</button>
                 <button class="j-button-sure btn_active">去充值</button>
         </div>
     </van-popup>
@@ -51,7 +51,7 @@ import { Icon, Popup, Sticky } from 'vant'
     }
   })
 export default class extends Vue {
-    show = true
+    show = false
     closePopup () {
       this.show = false
     }

jydocs-mobile/src/components/RechargeHave.vue

@@ -46,7 +46,7 @@
                 <van-checkbox v-model="checked" checked-color="#2ABED1" >我已阅读，理解并接受<a href="javascript:;" class="clause" @click="clause()">《剑鱼伙伴服务条款》</a></van-checkbox>
             </div>
             <div class="apply_footer">
-                <button class="j-button-cancel btn_active">取消</button>
+                <button class="j-button-cancel btn_active" @click="closePopup()">取消</button>
                 <button class="j-button-sure btn_active" :disabled="!this.checked" @click="exchange()">去充值</button>
             </div>
         </div>
@@ -70,7 +70,7 @@ import { Icon, Popup, Checkbox } from 'vant'
     }
   })
 export default class extends Vue {
-    show = true
+    show = false
     checked = false
     closePopup () {
       this.show = false

jydocs-mobile/src/store/modules/main.ts

@@ -1,8 +1,8 @@
 import {
-  getHome,
   getCashOutInfo,
+  getHome,
   submitCashOutInfo
-} from '@/api/main'
+} from "@/api/main"
 
 export default {
   namespaced: true,

jydocs-mobile/src/views/details/details.vue

@@ -13,7 +13,7 @@
         </div>
         <div class="botts">
             <div class="cont-page">
-
+                优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料摘要摘要。
             </div>
         </div>
         <van-goods-action>
@@ -23,27 +23,71 @@
                     <p class="p2">500</p>
                 </template>
             </van-goods-action-icon>
-            <van-goods-action-icon icon="diy-jubao" text="投诉举报" />
-            <van-goods-action-icon icon="diy-weiguanzhu" text="收藏" />
-            <van-goods-action-button text="下载文档" />
+            <van-goods-action-icon icon="diy-jubao" text="投诉举报" @click="jubaod" />
+            <van-goods-action-icon :icon="collectd?'diy-weiguanzhu':'diy-guanzhu'" text="收藏" @click="canged" />
+            <van-goods-action-button text="下载文档" @click="uploaded" />
         </van-goods-action>
+        <!-- 充值 -->
+        <recharge ref="charge"></recharge>
+        <!-- 购买 -->
+        <purchase ref="buys"></purchase>
     </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import { Icon, GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
+import { mapActions } from 'vuex'
+import { Icon, Toast, GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
+import Recharge from '@/components/Recharge.vue'
+import Purchase from '@/components/RechargeHave.vue'
 @Component({
   name: 'details-p',
   components: {
     [Icon.name]: Icon,
     [GoodsAction.name]: GoodsAction,
     [GoodsActionIcon.name]: GoodsActionIcon,
-    [GoodsActionButton.name]: GoodsActionButton
+    [GoodsActionButton.name]: GoodsActionButton,
+    Recharge,
+    Purchase
+  },
+  methods: {
+    ...mapActions({
+      detailData: 'main/getDetails'
+    })
   }
 })
 export default class extends Vue {
+  detailData: any
+  collectd = true
+  nums = 1
+  created () {
+    this.onList()
+  }
+
+  onList () {
+    this.detailData({ docId: '111' }).then((res: any) => {
+      console.log(res)
+    })
+  }
+
+  jubaod () {
+    Toast({
+      duration: 3500,
+      message: '如果您发现此内容有侵权行为，请联系客服400-108-6670进行投诉'
+    })
+  }
+
+  canged () {
+    this.collectd = !this.collectd
+  }
 
+  uploaded () {
+    if (this.nums === 0) {
+      this.$refs.charge.show = true
+    } else {
+      this.$refs.buys.show = true
+    }
+  }
 }
 </script>
 
@@ -67,7 +111,7 @@ export default class extends Vue {
             font-size: 20px;
             line-height: 30px;
             .word01 {
-                display: table;
+                display: inline-table;
                 width: 24px;
                 height: 24px;
                 margin-right: 6px;