我的后台是使用ck编辑器进行编辑的数据。前台需要现实,并且是列表现实,主要面对的问题是一个项里有两个字段是多行文本的,并且是一个列表。所以和网上的还是不一样
var WxParse = require('../../../wxParse/wxParse');
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
jgpgList:[],//机构评估项
jgpgCount:0
},
/**
* 生命周期函数--监听页面加载
*/
onl oad: function (options) {
var that=this;
var cateid=options.cateId;
var jgid=options.JgId;
that.getpgitems(cateid,jgid);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
getpgitems:function(cateId,jgId){//查询机构类别
var that = this;
wx.showLoading({
title: '加载中......',
mask: true
})
//进入大列表页查询信息
wx.request({
url: app.globalData.apiUrl+'WxXcx/YangLaoYan/GetJgPgItems',
data:{JgId:jgId,cateId:cateId,LoginKey: wx.getStorageSync('loginKey')},
method: 'GET',
header: {
'content-type': 'application/json'
},
success: function (res) {
that.setData({
jgpgList: res.data.data.data,
jgpgCount:res.data.data.count
})
var listRes=res.data.data.data; //要解析的数据
for (let i = 0; i < listRes.length; i++) {
WxParse.wxParse('option' + i, 'html', listRes[i].Option, that);
WxParse.wxParse('optionsm' + i, 'html', listRes[i].OptionSm, that);
if (i === listRes.length - 1) {
WxParse.wxParseTemArray("listoption", 'option', listRes.length, that)
WxParse.wxParseTemArray("listoptionsm", 'optionsm', listRes.length, that)
}
}
let list = that.data.listoption;
list.map((item, index, arr) => {
listRes[index].option=item;
});
let listsm = that.data.listoptionsm;
listsm.map((item, index, arr) => {
listRes[index].optionsm=item;
});
that.setData({
jgpgList: listRes,
})
wx.hideLoading();
}
})
},
pinggu:function(e){//评估
}
})
wxml:
<!--养老院机构评估项信息查看页-->
<import src="/wxParse/wxParse.wxml"/>
<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}" >
<view slot="backText">返回</view>
<view slot="content">评估项</view>
</cu-custom>
<view class="content" wx:if="{{jgpgCount>0}}">
<view class="row margin-top" wx:for="{{jgpgList}}">
<view class="pinggu-title">{{item.Bcode}}</view>
<view class="pinggu-title">评定项:</view>
<view class="pdx-content">
<template is="wxParse" data="{{wxParseData:item.option}}"/>
</view>
<view class="pinggu-title">操作说明:</view>
<view class="czsm-content">
<template is="wxParse" data="{{wxParseData:item.optionsm}}"/>
</view>
<view class="pinggu-title">分值:</view>
<view class="czsm-content">{{item.Bscore}} 分</view>
<view ><text class="pinggu-title">状态:</text><text>{{item.ScoreStateDic}}</text></view>
<view class="pinggaction">
<view catchtap="pinggu" class="cu-capsule radius " >
<text class="cuIcon-edit text-orange scopbtn"> </text><text class="text-orange pgtitle">评估</text>
</view>
</view>
</view>
</view>
<view class="{{jgpgCount>0?'hidenodata':'nodata'}}" wx:else>
没有数据...........
</view>