<template>
    <view class="container">
        <!-- <view class="common-problem">
    <view class="item" wx:for="{{issueList}}" wx:key="id">
      <view class="question-box">
        <text class="spot"></text>
        <text class="question">{{item.question}}</text>
      </view>
      <view class="answer">
      <text>  {{item.answer}}</text>
      </view>
    </view>
  </view>

  <view class="page" wx:if="{{showPage}}">
    <view class="prev {{ page <= 1 ? 'disabled' : ''}}" bindtap="prevPage">上一页</view>
    <view class="next {{ (count / limit) < page ? 'disabled' : ''}}" bindtap="nextPage">下一页</view>
  </view> -->
        <image src="https://mall.zhaijieshi.cc/file/wx-dy/info-dy.jpg" mode="widthFix" style="width: 100%" />
    </view>
</template>

<script>
var util = require('../../../utils/util.js');
var api = require('../../../config/api.js');
var app = getApp();
export default {
    data() {
        return {
            issueList: [],
            page: 1,
            limit: 10,
            count: 0,
            showPage: false
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        //this.getIssue();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        nextPage: function (event) {
            var that = this;
            if (this.page > that.count / that.limit) {
                return true;
            }
            that.setData({
                page: that.page + 1
            });
            this.getIssue();
        },

        getIssue: function () {
            let that = this;
            that.setData({
                showPage: false,
                issueList: []
            });
            util.request(api.IssueList, {
                page: that.page,
                limit: that.limit
            }).then(function (res) {
                if (res.errno === 0) {
                    that.setData({
                        issueList: res.data.list,
                        showPage: true,
                        count: res.data.total
                    });
                }
            });
        },

        prevPage: function (event) {
            if (this.page <= 1) {
                return false;
            }
            var that = this;
            that.setData({
                page: that.page - 1
            });
            this.getIssue();
        }
    }
};
</script>
<style>
.common-problem {
    width: 750rpx;
    height: auto;
    overflow: hidden;
    padding: 0rpx 30rpx;
    background: #fff;
}

.item {
    height: auto;
    overflow: hidden;
    padding-bottom: 25rpx;
}

.question-box .spot {
    float: left;
    display: block;
    height: 10rpx;
    width: 10rpx;
    background: #b4282d;
    border-radius: 50%;
    margin-top: 11rpx;
}

.question-box .question {
    float: left;
    line-height: 30rpx;
    padding-left: 8rpx;
    display: block;
    font-size: 26rpx;
    padding-bottom: 15rpx;
    color: #303030;
    width: 680rpx;
}

.answer {
    line-height: 36rpx;
    padding-left: 16rpx;
    font-size: 26rpx;
    color: #787878;
    display: block;
}

.page {
    width: 750rpx;
    height: 108rpx;
    background: #fff;
    margin-bottom: 20rpx;
}

.page view {
    height: 108rpx;
    width: 50%;
    float: left;
    font-size: 29rpx;
    color: #333;
    text-align: center;
    line-height: 108rpx;
}

.page .prev {
    border-right: 1px solid #d9d9d9;
}

.page .disabled {
    color: #ccc;
}
</style>
