|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<view class="header-box">
|
|
|
- <view class="top" >
|
|
|
+ <view class="top">
|
|
|
<view class="banner-img">
|
|
|
<image src="../../static/img/img01.png" mode=""></image>
|
|
|
</view>
|
|
@@ -41,7 +41,7 @@
|
|
|
运维服务费
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
- {{ orderList.service_ratio }}%
|
|
|
+ {{ orderList.service_ratio }}%
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -139,22 +139,18 @@
|
|
|
<!-- <uni-load-more :status="tabItem.loadingType"></uni-load-more> -->
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
-
|
|
|
+
|
|
|
<swiper-item class="tab-content">
|
|
|
- <scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
|
|
|
- <!-- 空白页 -->
|
|
|
- <!-- <empty v-if="tabItem.loaded === true && tabItem.orderList.length === 0"></empty> -->
|
|
|
- <!-- <uni-load-more :status="tabItem.loadingType"></uni-load-more> -->
|
|
|
+ <scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData" v-html="detail">
|
|
|
|
|
|
- {{orderList.detail}}
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
<swiper-item class="tab-content">
|
|
|
- <scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
|
|
|
- {{orderList.problem}}
|
|
|
+ <scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData" v-html="problem">
|
|
|
+
|
|
|
</scroll-view>
|
|
|
</swiper-item>
|
|
|
-
|
|
|
+
|
|
|
</swiper>
|
|
|
<view class="lala">
|
|
|
<!-- <uni-number-box class="step" :value="num" :disabled="false" @eventChange="numberChange"></uni-number-box> -->
|
|
@@ -166,7 +162,10 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { miningDateils, buyMining } from '@/api/calculation.js';
|
|
|
+ import {
|
|
|
+ miningDateils,
|
|
|
+ buyMining
|
|
|
+ } from '@/api/calculation.js';
|
|
|
import uniNumberBox from '@/components/uni-number-box.vue';
|
|
|
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
|
|
|
import empty from '@/components/empty';
|
|
@@ -178,7 +177,9 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- id:'',
|
|
|
+ detail: '',
|
|
|
+ problem: '',
|
|
|
+ id: '',
|
|
|
tabCurrentIndex: 0,
|
|
|
orderList: [],
|
|
|
num: 1,
|
|
@@ -186,7 +187,7 @@
|
|
|
state: 0,
|
|
|
text: '购买说明',
|
|
|
loadingType: 'more',
|
|
|
-
|
|
|
+
|
|
|
|
|
|
page: 1, //当前页数
|
|
|
limit: 10 //每次信息条数
|
|
@@ -196,7 +197,7 @@
|
|
|
state: 1,
|
|
|
text: '产品介绍',
|
|
|
loadingType: 'more',
|
|
|
-
|
|
|
+
|
|
|
page: 1, //当前页数
|
|
|
limit: 10 //每次信息条数
|
|
|
},
|
|
@@ -218,40 +219,44 @@
|
|
|
computed: {
|
|
|
money() {
|
|
|
return this.num * this.price;
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
onShow() {
|
|
|
this.loadData()
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- console.log(options,'2222');
|
|
|
+ console.log(options, '2222');
|
|
|
this.id = options.id
|
|
|
this.loadData()
|
|
|
},
|
|
|
methods: {
|
|
|
- server(){
|
|
|
+ server() {
|
|
|
this.$refs.popup.open();
|
|
|
},
|
|
|
- close(){
|
|
|
+ close() {
|
|
|
this.$refs.popup.close();
|
|
|
},
|
|
|
buy() {
|
|
|
// let list = JSON.stringify(this.list)
|
|
|
uni.navigateTo({
|
|
|
- url: '/pages/calculation/pay?&id=' + this.id
|
|
|
+ url: '/pages/calculation/pay?&id=' + this.id
|
|
|
});
|
|
|
// console.log(this.list,'--------------***********')
|
|
|
// console.log('buy click')
|
|
|
},
|
|
|
loadData() {
|
|
|
let obj = this
|
|
|
- miningDateils(
|
|
|
- {},this.id).then(res=>{
|
|
|
- console.log(res,'2222');
|
|
|
- obj.orderList =res.data
|
|
|
- console.log(obj.orderList,'数据');
|
|
|
+ miningDateils({}, this.id).then(res => {
|
|
|
+ console.log(res, '2222');
|
|
|
+ obj.orderList = res.data
|
|
|
+ obj.detail = res.data.detail
|
|
|
+ if(res.data.detail!= null){
|
|
|
+ obj.detail = res.data.detail.replace(/\<p/gi,'<p')
|
|
|
+ }
|
|
|
+ obj.problem = res.data.problem
|
|
|
+ console.log(obj.orderList, '数据');
|
|
|
})
|
|
|
},
|
|
|
numberChange(data) {
|
|
@@ -268,7 +273,7 @@
|
|
|
this.tabCurrentIndex = e.target.current;
|
|
|
this.loadData('tabChange');
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -283,10 +288,12 @@
|
|
|
background: #F5F5F5;
|
|
|
|
|
|
}
|
|
|
- .lala{
|
|
|
+
|
|
|
+ .lala {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
- .buy{
|
|
|
+
|
|
|
+ .buy {
|
|
|
width: 338rpx;
|
|
|
height: 65rpx;
|
|
|
background: #FF6600;
|
|
@@ -298,7 +305,7 @@
|
|
|
line-height: 65rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.top {
|