<template>
	<view :style="[mainStyle]">
		<!-- 按方抓药流程 -->
		<!-- <view class="bg-box">
			<image style="width: 100%;" src="../static/images/pic1.png" mode="widthFix"></image>
			<view class="process-box">
				<view class="title">按方抓药流程</view>
				<view v-for="(item, index) in process" class="process-item" :class="index == 0 ? '' : ' process-item-line'">
					<view class="process-item-circle">{{ index }}</view>
					<view class="process-item-text">{{ item }}</view>
				</view>
			</view>
		</view> -->
		<!-- 常见问题 -->
		<!-- <view class="questions-box">
			<view class="title">常见问题</view>
			<view v-for="(item, index) in questionList" class="question-item">
				<view class="question">{{ index + 1 }}.{{ item.question }}</view>
				<view class="answer">{{ item.answer }}</view>
			</view>
		</view> -->
		<view class="content"><rich-text :nodes="content"></rich-text></view>
		<!-- 按钮 -->
		<view class="bottom-bar">
			<view class="bottom-btn" @click="jumpUrl('fillPrescription/uploadPrescription/uploadPrescription')"><text>上传处方</text></view>
		</view>
	</view>
</template>

<script>
const app = getApp();
const req = require('../../utils/request.js');
const api = require('../../utils/api.js');
const utils = require('../../utils/util.js');
import mpHtml from '../../components/mp-html/components/mp-html/mp-html';
export default {
	components: {
		mpHtml
	},
	data() {
		return {
			mainStyle: app.globalData.mainStyle,
			content: ''
		};
	},
	components: {},
	props: {},
	onLoad: function(options) {
		this.getDetail();
	},
	onShow() {},
	methods: {
		jumpUrl(url) {
			app.globalData.redirectTab(url);
		},

		getDetail() {
			req.getRequest(
				'/api/category/detail',
				{
					code: 'zylc'
				},
				data => {
					this.content = data;
				},
				true
			);
		}
	},
	mounted() {}
};
</script>

<style>
@import './process.css';
</style>
