<template>
    <view>
        <!-- pages/treatment/messageTemplate/messageTemplate.wxml -->
        <nav-bar :navbarData="navbarData"></nav-bar>
        <view class="template" :style="'margin-top: ' + (height * 2 + 10) + 'rpx; height: calc(100vh - ' + (height * 2 + 10) + 'rpx)'">
            <view class="item" :data-text="item.templet" @tap="clickTemplate" v-for="(item, index) in templateList" :key="index">
                {{ item.templet }}
            </view>
        </view>
    </view>
</template>

<script>
import Cache from '../../../../../utils/cache';
import navBar from '@/pages/components/navbar/index';
// pages/treatment/messageTemplate/messageTemplate.js
import { $http } from '../../../../../config/https.js';
const app = getApp();
export default {
    components: {
        navBar
    },
    data() {
        return {
            templateList: [],

            navbarData: {
                isGoBack: true,
                background: '',
                title: '消息模板',
                //导航栏 中间的标题
                bottom: false
            },

            height: app.globalData.height,
            messageValue: '',
            templateFlag: false
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        this.queryMessageTemplate();
    },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        queryMessageTemplate: function () {
            const userData = Cache.get('userData');
            let data = {
                params: [
                    {
                        hospID: userData.hospID
                    }
                ]
            };
            $http.post('urlDeault', this, {
                code: '03100024',
                data: data,
                success: function (res) {
                    let errorCode = res.errorCode;
                    if (errorCode == '0') {
                        this.setData({
                            templateList: res.result.data
                        });
                    } else {
                        uni.showToast({
                            title: res.errorMessage,
                            icon: false
                        });
                    }
                }
            });
        },

        clickTemplate: function (event) {
            let messageValue = event.currentTarget.dataset.text;
            let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。

            let prevPage = pages[pages.length - 2];

            //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。

            prevPage.setData(
                {
                    // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。
                    messageValue: messageValue,
                    templateFlag: true
                },
                () => {
                    uni.navigateBack({});
                }
            );
        }
    }
};
</script>
<style>
/* pages/treatment/messageTemplate/messageTemplate.wxss */

page {
    height: 100%;
}

.template {
    height: 95%;
    border-top: 4rpx solid #f2f2f2;
    border-bottom: 4rpx solid #f2f2f2;
    overflow: auto;
}

.item {
    padding: 15rpx 30rpx;
    border-top: 2rpx solid #f2f2f2;
    border-bottom: 2rpx solid #f2f2f2;
    background: #fff;
}
</style>
