'完成投诉处理和建议处理页面'

app.json

@@ -1,10 +1,16 @@
 
 {
     "pages": [
+        "pages/handleSuggest/handleSuggest",
+        "pages/manageSuggestDetail/manageSuggestDetail",
+        "pages/manageSuggest/manageSuggest",
+        "pages/manager/manager",
+        "pages/manageComplaintDetail/manageComplaintDetail",
+        "pages/handleComplaint/handleComplaint",
+        "pages/manageComplaint/manageComplaint",
         "pages/myInfo/myInfo",
         "pages/manageOrderDetail/manageOrderDetail",
         "pages/manageOrder/manageOrder",
-        "pages/manager/manager",
         "pages/sendInvitation/sendInvitation",
         "pages/findStudent/findStudent",
         "pages/findTeacher/findTeacher",

pages/handleComplaint/handleComplaint.js

@@ -0,0 +1,67 @@
+// pages/handleComplaint/handleComplaint.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        handleStatus:'处理中',
+        handResult:'已处理完毕'
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/handleComplaint/handleComplaint.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "投诉详情"
+}

pages/handleComplaint/handleComplaint.wxml

@@ -0,0 +1,55 @@
+<!--pages/handleComplaint/handleComplaint.wxml-->
+
+<!-- 投诉信息 -->
+<view class="complaintHead">
+    <text>投诉号</text>
+    <text class="complaintHeadDetail">xxx</text>
+</view>
+<view class="complaintHead">
+    <text>投诉人UID</text>
+    <text class="complaintHeadId">xxx</text>
+</view>
+<view class="complaintHead">
+    <text>处理人UID</text>
+    <text class="complaintHeadId">xxx</text>
+</view>
+<view class="complaintHead">
+    <text>投诉日期D</text>
+    <text class="complaintHeadDetail">2023-01-04</text>
+</view>
+<!-- 投诉标题 -->
+<view class="complaintTitle">
+    <text class="complaintTitleText">投诉标题</text>
+    <text class="complaintTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+</view>
+<!-- 投诉内容 -->
+<view class="complaintTitle">
+    <text class="complaintTitleText">投诉内容</text>
+    <text class="complaintTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+</view>
+<!-- 结案日期 -->
+<view class="handleDate">
+    <text>结案日期</text>
+    <text class="handleDateDetail">2023-01-04</text>
+</view>
+<!-- 处理状态 -->
+<view class="handleStatus">
+    <text>状态</text>
+    <text class="handleStatusDetail">{{handleStatus}}</text>
+</view>
+<!-- 处理结果 -->
+<view class="handleResult">
+    <view class="handleResultTitle">处理结果</view>
+    <!-- 未处理 -->
+    <view wx:if="{{handleStatus == '处理中'}}">
+        <textarea class="handleDetail" maxlength="512" placeholder="不超过512个字"></textarea>
+    </view>
+    <!-- 已处理 -->
+    <view wx:else class="handleResultDetail" >
+        <text>{{handResult}}</text>
+    </view>
+</view>
+<!-- 底部按钮 -->
+<view class="handleEnd" wx:if="{{handleStatus == '处理中'}}">
+    <text class="handleClosed">结案</text>
+</view>

pages/handleComplaint/handleComplaint.wxss

@@ -0,0 +1,98 @@
+/* pages/handleComplaint/handleComplaint.wxss */
+
+/* 设置页面背景 */
+page{
+    padding: 20rpx;
+    height: 100%;
+    background-color: #FFF2CC;
+}
+
+/* 顶部的投诉信息 */
+.complaintHead{
+    margin-top: 10rpx;
+}
+/* 顶部投诉信息详情、结案日期详情、状态处理详情 */
+.complaintHeadDetail,
+.complaintHeadId,
+.handleDateDetail,
+.handleStatusDetail{
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+.complaintHeadId{
+    color: #00B0F0;
+    text-decoration: underline;
+}
+
+/* 投诉详情 */
+.complaintTitle{
+    margin-top: 30rpx;
+    display: flex;
+    flex-direction: column;
+}
+/* 标题 */
+.complaintTitleText{
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10rpx;
+}
+/* 内容 */
+.complaintTitleDetail{
+    width: 94%;    
+}
+
+/* 结案日期 */
+.handleDate{
+    margin-top: 40rpx;
+}
+
+/* 处理状态 */
+.handleStatus{
+    margin-top: 40rpx;
+}
+.handleStatusDetail{
+    color: red;
+}
+
+/* 处理结果 */
+.handleResult{
+    display: flex;
+    flex-direction: column;
+}
+.handleResultTitle{
+    text-align: center;
+    margin: 20rpx 0;
+    font-weight: bold;
+}
+
+/* 处理结果详情 */
+.handleDetail{
+    padding: 10rpx;
+    background-color: #fff;
+    border: 1rpx solid gray;
+    border-radius: 20rpx;
+    width: 93%;
+    margin-bottom: 40rpx;
+}
+.handleResultDetail{
+    min-height: 200rpx;
+    padding: 10rpx;
+    background-color: #fff;
+    border-radius: 20rpx;
+    width: 93%;
+    margin-bottom: 40rpx;
+}
+
+/* 结案 */
+.handleEnd{
+    display: flex;
+    justify-content: center;
+    margin-bottom: 40rpx;
+}
+.handleClosed{
+    background-color: #8FAADC;
+    font-size: 40rpx;
+    padding: 10rpx 30rpx;
+    border-radius: 40rpx;
+    color: white;
+}

pages/handleSuggest/handleSuggest.js

@@ -0,0 +1,67 @@
+// pages/handleSuggest/handleSuggest.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        handleStatus:'处理中',
+        handResult:'已处理完毕'
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/handleSuggest/handleSuggest.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

pages/handleSuggest/handleSuggest.wxml

@@ -0,0 +1,56 @@
+<!--pages/handleSuggest/handleSuggest.wxml-->
+
+<!-- 建议信息 -->
+<view class="suggestHead">
+    <text>建议号</text>
+    <text class="suggestHeadDetail">xxx</text>
+</view>
+<view class="suggestHead">
+    <text>建议人UID</text>
+    <text class="suggestHeadId">xxx</text>
+</view>
+<view class="suggestHead">
+    <text>处理人UID</text>
+    <text class="suggestHeadId">xxx</text>
+</view>
+<view class="suggestHead">
+    <text>建议日期D</text>
+    <text class="suggestHeadDetail">2023-01-04</text>
+</view>
+<!-- 建议标题 -->
+<view class="suggestTitle">
+    <text class="suggestTitleText">建议标题</text>
+    <text class="suggestTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+</view>
+<!-- 建议内容 -->
+<view class="suggestTitle">
+    <text class="suggestTitleText">建议内容</text>
+    <text class="suggestTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+</view>
+<!-- 结案日期 -->
+<view class="handleDate">
+    <text>结案日期</text>
+    <text class="handleDateDetail">2023-01-04</text>
+</view>
+<!-- 处理状态 -->
+<view class="handleStatus">
+    <text>状态</text>
+    <text class="handleStatusDetail">{{handleStatus}}</text>
+</view>
+<!-- 处理结果 -->
+<view class="handleResult">
+    <view class="handleResultTitle">处理结果</view>
+    <!-- 未处理 -->
+    <view wx:if="{{handleStatus == '处理中'}}">
+        <textarea class="handleDetail" maxlength="512" placeholder="不超过512个字"></textarea>
+    </view>
+    <!-- 已处理 -->
+    <view wx:else class="handleResultDetail" >
+        <text>{{handResult}}</text>
+    </view>
+</view>
+<!-- 底部按钮 -->
+<view class="handleEnd" wx:if="{{handleStatus == '处理中'}}">
+    <text class="handleClosed">结案</text>
+</view>
+

pages/handleSuggest/handleSuggest.wxss

@@ -0,0 +1,98 @@
+/* pages/handleSuggest/handleSuggest.wxss */
+
+/* 设置页面背景 */
+page{
+    padding: 20rpx;
+    height: 100%;
+    background-color: #FFF2CC;
+}
+
+/* 顶部的建议信息 */
+.suggestHead{
+    margin-top: 10rpx;
+}
+/* 顶部建议信息详情、结案日期详情、状态处理详情 */
+.suggestHeadDetail,
+.suggestHeadId,
+.handleDateDetail,
+.handleStatusDetail{
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+.suggestHeadId{
+    color: #00B0F0;
+    text-decoration: underline;
+}
+
+/* 建议详情 */
+.suggestTitle{
+    margin-top: 30rpx;
+    display: flex;
+    flex-direction: column;
+}
+/* 标题 */
+.suggestTitleText{
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 10rpx;
+}
+/* 内容 */
+.suggestTitleDetail{
+    width: 94%;    
+}
+
+/* 结案日期 */
+.handleDate{
+    margin-top: 40rpx;
+}
+
+/* 处理状态 */
+.handleStatus{
+    margin-top: 40rpx;
+}
+.handleStatusDetail{
+    color: red;
+}
+
+/* 处理结果 */
+.handleResult{
+    display: flex;
+    flex-direction: column;
+}
+.handleResultTitle{
+    text-align: center;
+    margin: 20rpx 0;
+    font-weight: bold;
+}
+
+/* 处理结果详情 */
+.handleDetail{
+    padding: 10rpx;
+    background-color: #fff;
+    border: 1rpx solid gray;
+    border-radius: 20rpx;
+    width: 93%;
+    margin-bottom: 40rpx;
+}
+.handleResultDetail{
+    min-height: 200rpx;
+    padding: 10rpx;
+    background-color: #fff;
+    border-radius: 20rpx;
+    width: 93%;
+    margin-bottom: 40rpx;
+}
+
+/* 结案 */
+.handleEnd{
+    display: flex;
+    justify-content: center;
+    margin-bottom: 40rpx;
+}
+.handleClosed{
+    background-color: #8FAADC;
+    font-size: 40rpx;
+    padding: 10rpx 30rpx;
+    border-radius: 40rpx;
+    color: white;
+}

pages/manageComplaint/manageComplaint.js

@@ -0,0 +1,73 @@
+// pages/manageComplaint/manageComplaint.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    // 跳转到管理员专用投诉详情页面
+    toManageComplaintDetail(){
+        wx.navigateTo({
+          url: '/pages/manageComplaintDetail/manageComplaintDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/manageComplaint/manageComplaint.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "投诉管理"
+}

pages/manageComplaint/manageComplaint.wxml

@@ -0,0 +1,36 @@
+<!--pages/manageComplaint/manageComplaint.wxml-->
+
+<view class="handleComplaintWrapper">
+    <view class="handleComplaint" bindtap="toManageComplaintDetail">
+        <view>
+            <text>投诉号</text>
+            <text class="complaintNum">xxx</text>
+        </view>
+        <view class="complaintDateStatus">
+            <view>
+                <text>日期</text>
+                <text class="complaintDate">2023-01-03</text>
+            </view>
+            <view class="handleStatus">
+                <text>状态</text>
+                <text class="complaintStatus">处理中</text>
+            </view>
+        </view>
+    </view>
+    <view class="handleComplaint" bindtap="toManageComplaintDetail">
+        <view>
+            <text>投诉号</text>
+            <text class="complaintNum">xxx</text>
+        </view>
+        <view class="complaintDateStatus">
+            <view>
+                <text>日期</text>
+                <text class="complaintDate">2023-01-03</text>
+            </view>
+            <view class="handleStatus">
+                <text>状态</text>
+                <text class="complaintStatus">处理中</text>
+            </view>
+        </view>
+    </view>
+</view>

pages/manageComplaint/manageComplaint.wxss

@@ -0,0 +1,45 @@
+/* pages/manageComplaint/manageComplaint.wxss */
+
+/* 设置页面背景 */
+page{
+    height: 100%;
+    padding: 20rpx;
+    background-color: #E2F0D9;
+}
+
+.handleComplaintWrapper{
+    width: 94%;
+}
+
+/* 投诉列表 */
+.handleComplaint{
+    padding: 20rpx;
+    border-radius: 20rpx;
+    background-color: #FFF2CC;
+    margin-bottom: 20rpx;
+}
+
+/* 日期和状态 */
+.complaintDateStatus{
+    display: flex;
+    position: relative;
+}
+
+/* 处理状态 */
+.handleStatus{
+    position: absolute;
+    left: 56%;
+}
+
+/* 投诉号、日期、状态详情 */
+.complaintNum,
+.complaintDate,
+.complaintStatus{
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 状态字体颜色 */
+.complaintStatus{
+    color: red;
+}

pages/manageComplaintDetail/manageComplaintDetail.js

@@ -0,0 +1,73 @@
+// pages/manageComplaintDetail/manageComplaintDetail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        handleStatus:'未处理'
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    // 跳转到投诉处理页面
+    toHandleComplaint(){
+        wx.navigateTo({
+          url: '/pages/handleComplaint/handleComplaint',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/manageComplaintDetail/manageComplaintDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "投诉详情"
+}

pages/manageComplaintDetail/manageComplaintDetail.wxml

@@ -0,0 +1,53 @@
+<!--pages/manageComplaintDetail/manageComplaintDetail.wxml-->
+
+<view class="wrapper">
+    <!-- 投诉信息 -->
+    <view>
+        <view class="complaintHead">
+            <text>投诉号</text>
+            <text class="complaintHeadDetail">xxx</text>
+        </view>
+        <view class="complaintHead">
+            <text>投诉人UID</text>
+            <text class="complaintHeadDetailID">xxx</text>
+        </view>
+        <view class="complaintHead">
+            <text>处理人UID</text>
+            <text class="complaintHeadDetailID">xxx</text>
+        </view>
+        <view class="complaintHead">
+            <text>投诉日期</text>
+            <text class="complaintHeadDetail">2023-01-03</text>
+        </view>
+    </view>
+    <!-- 投诉详情 -->
+    <view>
+        <view class="complaintTitle">
+            <text>投诉标题</text>
+            <text class="complaintTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+        <view class="complaintContent">
+            <text>投诉内容</text>
+            <text class="complaintContentDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色,可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+    </view>
+    <!-- 处理结果 -->
+    <view>
+        <view class="handleResult">
+            <text>处理结果</text>
+            <text class="handleResultDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+        <view class="handleDate">
+            <text>结案日期</text>
+            <text class="DateDetail">2023-01-03</text>
+        </view>
+        <view class="handleStatus">
+            <text>状态</text>
+            <text class="handleStatusDetail">{{handleStatus}}</text>
+        </view>
+    </view>
+    <!-- 开始处理按钮 -->
+    <view class="handleStart" wx:if="{{handleStatus == '未处理'}}" bindtap="toHandleComplaint">
+        <text class="handleBtn">开始处理</text>
+    </view>
+</view>

pages/manageComplaintDetail/manageComplaintDetail.wxss

@@ -0,0 +1,121 @@
+/* pages/manageComplaintDetail/manageComplaintDetail.wxss */
+
+/* 设置页面背景 */
+page {
+    height: 100%;
+    background-color: #FFF2CC;
+    padding: 20rpx;
+}
+
+.wrapper {
+    position: relative;
+    height: 100%;
+}
+
+/* 投诉号、投诉人、投诉日期 */
+.complaintHead {
+    display: flex;
+    margin-top: 10rpx;
+    padding: 10rpx;
+}
+
+.complaintHeadDetail,
+.complaintHeadDetailID {
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 投诉人和处理人ID */
+.complaintHeadDetailID {
+    color: #00B0F0;
+    text-decoration: underline;
+}
+
+/* 投诉标题 */
+.complaintTitle,
+.complaintContent {
+    margin-top: 40rpx;
+    display: flex;
+}
+
+/* 投诉标题内容 */
+.complaintTitleDetail {
+    display: block;
+    width: 70%;
+    height: 120rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+/* 投诉内容 */
+.complaintContentDetail {
+    display: block;
+    width: 70%;
+    height: 200rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+}
+
+/* 处理结果 */
+.handleResult {
+    margin-top: 60rpx;
+    display: flex;
+}
+
+/* 处理结果详情 */
+.handleResultDetail {
+    display: block;
+    width: 70%;
+    height: 80rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+/* 结案日期、处理状态 */
+.handleDate,
+.handleStatus {
+    display: flex;
+    margin-top: 40rpx;
+}
+
+/* 结案日期详情、状态详情 */
+.DateDetail,
+.handleStatusDetail {
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 状态详情颜色 */
+.handleStatusDetail {
+    color: red;
+}
+
+/* 开始处理按钮 */
+.handleStart {
+    position: absolute;
+    bottom: 160rpx;
+    width: 200rpx;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+}
+
+.handleBtn {
+    padding: 10rpx 20rpx;
+    border-radius: 30rpx;
+    background-color: #8FAADC;
+    color: white;
+}

pages/manageSuggest/manageSuggest.js

@@ -0,0 +1,74 @@
+// pages/manageSuggest/manageSuggest.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    // 跳转到管理员专用建议详情页面
+    toManageSuggestDetail() {
+        wx.navigateTo({
+            url: '/pages/manageSuggestDetail/manageSuggestDetail',
+        })
+    },
+
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/manageSuggest/manageSuggest.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "建议管理"
+}

pages/manageSuggest/manageSuggest.wxml

@@ -0,0 +1,37 @@
+<!--pages/manageSuggest/manageSuggest.wxml-->
+
+<view class="handleSuggestWrapper">
+    <view class="handleSuggest" bindtap="toManageSuggestDetail">
+        <view>
+            <text>建议号</text>
+            <text class="suggestNum">xxx</text>
+        </view>
+        <view class="suggestDateStatus">
+            <view>
+                <text>日期</text>
+                <text class="suggestDate">2023-01-03</text>
+            </view>
+            <view class="handleStatus">
+                <text>状态</text>
+                <text class="suggestStatus">处理中</text>
+            </view>
+        </view>
+    </view>
+    <view class="handleSuggest" bindtap="toManageSuggestDetail">
+        <view>
+            <text>建议号</text>
+            <text class="suggestNum">xxx</text>
+        </view>
+        <view class="suggestDateStatus">
+            <view>
+                <text>日期</text>
+                <text class="suggestDate">2023-01-03</text>
+            </view>
+            <view class="handleStatus">
+                <text>状态</text>
+                <text class="suggestStatus">处理中</text>
+            </view>
+        </view>
+    </view>
+</view>
+

pages/manageSuggest/manageSuggest.wxss

@@ -0,0 +1,45 @@
+/* pages/manageSuggest/manageSuggest.wxss */
+
+/* 设置页面背景 */
+page{
+    height: 100%;
+    padding: 20rpx;
+    background-color: #E2F0D9;
+}
+
+.handleSuggestWrapper{
+    width: 94%;
+}
+
+/* 投诉列表 */
+.handleSuggest{
+    padding: 20rpx;
+    border-radius: 20rpx;
+    background-color: #FFF2CC;
+    margin-bottom: 20rpx;
+}
+
+/* 日期和状态 */
+.suggestDateStatus{
+    display: flex;
+    position: relative;
+}
+
+/* 处理状态 */
+.handleStatus{
+    position: absolute;
+    left: 56%;
+}
+
+/* 投诉号、日期、状态详情 */
+.suggestNum,
+.suggestDate,
+.suggestStatus{
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 状态字体颜色 */
+.suggestStatus{
+    color: red;
+}

pages/manageSuggestDetail/manageSuggestDetail.js

@@ -0,0 +1,73 @@
+// pages/manageSuggestDetail/manageSuggestDetail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        handleStatus: '未处理'
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    // 跳转到投诉处理页面
+    toHandleSuggest() {
+        wx.navigateTo({
+            url: '/pages/handleSuggest/handleSuggest',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/manageSuggestDetail/manageSuggestDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "建议详情"
+}

pages/manageSuggestDetail/manageSuggestDetail.wxml

@@ -0,0 +1,53 @@
+<!--pages/manageSuggestDetail/manageSuggestDetail.wxml-->
+
+<view class="wrapper">
+    <!-- 建议信息 -->
+    <view>
+        <view class="suggestHead">
+            <text>建议号</text>
+            <text class="suggestHeadDetail">xxx</text>
+        </view>
+        <view class="suggestHead">
+            <text>建议人UID</text>
+            <text class="suggestHeadDetailID">xxx</text>
+        </view>
+        <view class="suggestHead">
+            <text>处理人UID</text>
+            <text class="suggestHeadDetailID">xxx</text>
+        </view>
+        <view class="suggestHead">
+            <text>建议日期</text>
+            <text class="suggestHeadDetail">2023-01-03</text>
+        </view>
+    </view>
+    <!-- 建议详情 -->
+    <view>
+        <view class="suggestTitle">
+            <text>建议标题</text>
+            <text class="suggestTitleDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+        <view class="suggestContent">
+            <text>建议内容</text>
+            <text class="suggestContentDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色,可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+    </view>
+    <!-- 处理结果 -->
+    <view>
+        <view class="handleResult">
+            <text>处理结果</text>
+            <text class="handleResultDetail">可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色，可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色</text>
+        </view>
+        <view class="handleDate">
+            <text>结案日期</text>
+            <text class="DateDetail">2023-01-03</text>
+        </view>
+        <view class="handleStatus">
+            <text>状态</text>
+            <text class="handleStatusDetail">{{handleStatus}}</text>
+        </view>
+    </view>
+    <!-- 开始处理按钮 -->
+    <view class="handleStart" wx:if="{{handleStatus == '未处理'}}" bindtap="toHandleSuggest">
+        <text class="handleBtn">开始处理</text>
+    </view>
+</view>

pages/manageSuggestDetail/manageSuggestDetail.wxss

@@ -0,0 +1,121 @@
+/* pages/manageSuggestDetail/manageSuggestDetail.wxss */
+
+/* 设置页面背景 */
+page {
+    height: 100%;
+    background-color: #FFF2CC;
+    padding: 20rpx;
+}
+
+.wrapper {
+    position: relative;
+    height: 100%;
+}
+
+/* 建议号、建议人、建议日期 */
+.suggestHead {
+    display: flex;
+    margin-top: 10rpx;
+    padding: 10rpx;
+}
+
+.suggestHeadDetail,
+.suggestHeadDetailID {
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 建议人和处理人ID */
+.suggestHeadDetailID {
+    color: #00B0F0;
+    text-decoration: underline;
+}
+
+/* 建议标题 */
+.suggestTitle,
+.suggestContent {
+    margin-top: 40rpx;
+    display: flex;
+}
+
+/* 建议标题内容 */
+.suggestTitleDetail {
+    display: block;
+    width: 70%;
+    height: 120rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+/* 建议内容 */
+.suggestContentDetail {
+    display: block;
+    width: 70%;
+    height: 200rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+}
+
+/* 处理结果 */
+.handleResult {
+    margin-top: 60rpx;
+    display: flex;
+}
+
+/* 处理结果详情 */
+.handleResultDetail {
+    display: block;
+    width: 70%;
+    height: 80rpx;
+    margin-left: 20rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+/* 结案日期、处理状态 */
+.handleDate,
+.handleStatus {
+    display: flex;
+    margin-top: 40rpx;
+}
+
+/* 结案日期详情、状态详情 */
+.DateDetail,
+.handleStatusDetail {
+    margin-left: 20rpx;
+    font-weight: bold;
+}
+
+/* 状态详情颜色 */
+.handleStatusDetail {
+    color: red;
+}
+
+/* 开始处理按钮 */
+.handleStart {
+    position: absolute;
+    bottom: 160rpx;
+    width: 200rpx;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+}
+
+.handleBtn {
+    padding: 10rpx 20rpx;
+    border-radius: 30rpx;
+    background-color: #8FAADC;
+    color: white;
+}

pages/manager/manager.js

@@ -15,6 +15,20 @@ Page({
         })
     },
 
+    // 跳转到投诉管理页面
+    toHandleComplaint(){
+        wx.navigateTo({
+          url: '/pages/manageComplaint/manageComplaint',
+        })
+    },
+
+    // 跳转到建议管理页面
+    toHandleSuggest(){
+        wx.navigateTo({
+          url: '/pages/manageSuggest/manageSuggest',
+        })
+    },
+
     /**
      * 生命周期函数--监听页面加载
      */

pages/manager/manager.wxml

@@ -1,8 +1,19 @@
 <!--pages/manager/manager.wxml-->
 
 <view class="manageOrderWrapper">
+    <!-- 订单管理入口 -->
     <view class="manageOrder" bindtap="toManageOrder">
         <view>订单管理</view>
         <image class="rightArrow" src="../../images/right.png"></image>
     </view>
+    <!-- 投诉管理入口 -->
+    <view class="manageOrder" bindtap="toHandleComplaint">
+        <view>投诉管理</view>
+        <image class="rightArrow" src="../../images/right.png"></image>
+    </view>
+    <!-- 建议管理入口 -->
+    <view class="manageOrder" bindtap="toHandleSuggest">
+        <view>建议管理</view>
+        <image class="rightArrow" src="../../images/right.png"></image>
+    </view>
 </view>

pages/manager/manager.wxss

@@ -19,6 +19,7 @@ page{
     align-items: center;
     padding-left: 20rpx;
     border-radius: 20rpx;
+    margin-bottom: 20rpx;
 }
 
 /* 箭头样式 */