From 3a13f8feefe89b0b8e0897328c00b74d4fd6d469 Mon Sep 17 00:00:00 2001
From: Lee1203 <342694918@qq.com>
Date: Sun, 31 Jul 2022 16:27:56 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A4=BE=E5=8C=BA=E3=80=81=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=91=98=E5=88=97=E8=A1=A8=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/status-navs/status-nav.vue         | 302 ++++++++---------
 pagesA/community/handle/handle.vue            | 114 +++++--
 .../opinion-handle/opinion-handle.vue         | 175 ++++++----
 pagesA/detail/detail.vue                      | 313 ++++++++++--------
 pagesA/manager/examine-list/examine-list.vue  | 216 ++++++++----
 store/index.js                                |  26 +-
 store/modules/moduleA.js                      |  26 +-
 uni.scss                                      | 150 ++++-----
 8 files changed, 764 insertions(+), 558 deletions(-)

diff --git a/components/status-navs/status-nav.vue b/components/status-navs/status-nav.vue
index 263b83c..a5f55fd 100644
--- a/components/status-navs/status-nav.vue
+++ b/components/status-navs/status-nav.vue
@@ -1,151 +1,151 @@
-<template>
-    <view class="status-box" :style="{marginBottom: marginBottom}">
-		<!-- 网络、电量栏 start -->
-        <view :style="{height: statusBarHeight+'px',background: backgroudColor}"></view>
-		<!-- 网络、电量栏 end -->
-		
-		<!-- 头部状态栏 start -->
-        <view class="status-nav disac" :style="{background: backgroudColor,height:navBarHeight}">
-            <!-- 返回键 start -->
-			<view class="disjcac left-box" @tap="backEv" v-if="ifReturn" :style="{height: navBarHeight}" >
-				<slot name="leftcontent">
-					<i class="icon icon-return" style="font-size: 38rpx;" :style="{color: returnColor}"></i>
-				</slot>
-			</view>
-			<!-- 返回键 end -->
-			
-            <!-- 标题 start -->
-			<view class=" tab-title " 
-				:style="{
-					color: titleColor,
-					justifyContent: ifCenter ? 'center' : '',
-					padding: ifCenter ? '0px' : `${ifReturn ? '0 38' : '0 15'}px`}">
-				<view class="title-box" :class="['','clips1','clips2'][clipNumber*1]" :style="{maxWidth: ifCenter ? '360rpx' : '70%'}">
-					<!-- 有网络 -->
-					<view v-if="ifTitle && ifNet" >{{navBarTitle}}</view>
-					<!-- 无网络 -->
-					<view v-if="!ifNet">{{netText}}<text @tap="refreshEv" style="color: #3875F6;margin-left: 20rpx;">刷新</text></view>
-				</view>
-			</view>
-			<!-- 标题 end -->
-			
-			<!-- 右侧图标 start -->
-			<view class="right-box disjcac" :style="{height: navBarHeight}">
-				<slot name="rightcontent"></slot>
-			</view>
-			<!-- 右侧图标 end -->
-        </view>
-		<!-- 头部状态栏 end -->
-    </view>
-</template>
-
-<script>
-    export default {
-		name:'status-nav',
-        props:{
-			//状态栏、导航栏背景颜色
-			backgroudColor:{
-			    type:String,
-			    default:'#FFFFFF'
-			},
-			// 默认导航栏高度
-			navBarHeight: {
-				type:String,
-				default:'42px'
-			},
-			//是否显示返回键
-            ifReturn:{
-                type:Boolean,
-                default:true
-            },
-			// 返回键颜色
-			returnColor: {
-				type:String,
-				default:'#000'
-			},
-			//是否显示标题
-			ifTitle:{
-			    type:Boolean,
-			    default:true
-			},
-			// 导航栏标题
-			navBarTitle: {
-				type:String,
-				default:''
-			},
-			// 标题最多几行显示
-			clipNumber: {
-				type:String,
-				default:'1'
-			},
-			//标题颜色
-            titleColor:{
-                type:String,
-                default:'#333333'
-            },
-			// 标题是否居中
-			ifCenter: {
-				type:Boolean,
-				default: true
-			},
-			// 底部距离内容多高
-			marginBottom: {
-				type:String,
-				default:'20rpx'
-			},
-        },
-		data(){
-			return {
-				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
-				ifNet:true ,// 是否有网络
-				netText:'当前无网络',
-				netTimer:null
-			}
-		},
-		mounted() {
-			// 网络监测
-			this.$toolAll.tools.networkStatus();
-			// 获取当前页面路径
-			this.$toolAll.tools.obtainPagePath();
-			setTimeout(()=>{
-				this.ifNet = uni.getStorageSync('isNet');
-			},500)
-		},
-		methods:{
-			// 刷新网络事件
-			refreshEv(){
-				this.netText = '正在刷新...';
-				let outTime = 0;//十秒超时
-				this.netTimer = setInterval(()=>{
-					outTime++;
-					this.$toolAll.tools.networkStatus();
-					if(uni.getStorageSync('isNet')) {
-						clearInterval(this.netTimer);
-						this.ifNet = true;
-					} 
-					if(outTime==10) {
-						clearInterval(this.netTimer);
-						this.netText = '刷新失败';
-						outTime = 0;
-					}
-				},1000)
-			},
-			//返回事件
-			backEv(){
-				uni.navigateBack({delta:1})
-			}
-		}
-    }
-</script>
-
-<style scoped>
-	.disjcac{display: flex;justify-content: center;align-items: center;}
-	.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
-	.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
-	.status-box{position: sticky;top: 0;left: 0;right: 0;z-index: 10;}
-	.status-nav{width: 100%;position: relative;}
-	.left-box {position: absolute;padding: 0 20rpx;}
-	.right-box {position: absolute;right: 0; padding: 0 20rpx;}
-	.tab-title {width: 100%;font-size: 32rpx;display: flex;font-weight: bold;}
-	.tab-title .title-box {margin-top: -4rpx;}
-</style>
+<template>
+    <view class="status-box-all" :style="{marginBottom: marginBottom}">
+		<!-- 网络、电量栏 start -->
+        <view :style="{height: statusBarHeight+'px',background: backgroudColor}"></view>
+		<!-- 网络、电量栏 end -->
+		
+		<!-- 头部状态栏 start -->
+        <view class="status-nav disac" :style="{background: backgroudColor,height:navBarHeight}">
+            <!-- 返回键 start -->
+			<view class="disjcac left-box" @tap="backEv" v-if="ifReturn" :style="{height: navBarHeight}" >
+				<slot name="leftcontent">
+					<i class="icon icon-return" style="font-size: 38rpx;" :style="{color: returnColor}"></i>
+				</slot>
+			</view>
+			<!-- 返回键 end -->
+			
+            <!-- 标题 start -->
+			<view class=" tab-title " 
+				:style="{
+					color: titleColor,
+					justifyContent: ifCenter ? 'center' : '',
+					padding: ifCenter ? '0px' : `${ifReturn ? '0 38' : '0 15'}px`}">
+				<view class="title-box" :class="['','clips1','clips2'][clipNumber*1]" :style="{maxWidth: ifCenter ? '360rpx' : '70%'}">
+					<!-- 有网络 -->
+					<view v-if="ifTitle && ifNet" >{{navBarTitle}}</view>
+					<!-- 无网络 -->
+					<view v-if="!ifNet">{{netText}}<text @tap="refreshEv" style="color: #3875F6;margin-left: 20rpx;">刷新</text></view>
+				</view>
+			</view>
+			<!-- 标题 end -->
+			
+			<!-- 右侧图标 start -->
+			<view class="right-box disjcac" :style="{height: navBarHeight}">
+				<slot name="rightcontent"></slot>
+			</view>
+			<!-- 右侧图标 end -->
+        </view>
+		<!-- 头部状态栏 end -->
+    </view>
+</template>
+
+<script>
+    export default {
+		name:'status-nav',
+        props:{
+			//状态栏、导航栏背景颜色
+			backgroudColor:{
+			    type:String,
+			    default:'#FFFFFF'
+			},
+			// 默认导航栏高度
+			navBarHeight: {
+				type:String,
+				default:'42px'
+			},
+			//是否显示返回键
+            ifReturn:{
+                type:Boolean,
+                default:true
+            },
+			// 返回键颜色
+			returnColor: {
+				type:String,
+				default:'#000'
+			},
+			//是否显示标题
+			ifTitle:{
+			    type:Boolean,
+			    default:true
+			},
+			// 导航栏标题
+			navBarTitle: {
+				type:String,
+				default:''
+			},
+			// 标题最多几行显示
+			clipNumber: {
+				type:String,
+				default:'1'
+			},
+			//标题颜色
+            titleColor:{
+                type:String,
+                default:'#333333'
+            },
+			// 标题是否居中
+			ifCenter: {
+				type:Boolean,
+				default: true
+			},
+			// 底部距离内容多高
+			marginBottom: {
+				type:String,
+				default:'20rpx'
+			},
+        },
+		data(){
+			return {
+				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
+				ifNet:true ,// 是否有网络
+				netText:'当前无网络',
+				netTimer:null
+			}
+		},
+		mounted() {
+			// 网络监测
+			this.$toolAll.tools.networkStatus();
+			// 获取当前页面路径
+			this.$toolAll.tools.obtainPagePath();
+			setTimeout(()=>{
+				this.ifNet = uni.getStorageSync('isNet');
+			},500)
+		},
+		methods:{
+			// 刷新网络事件
+			refreshEv(){
+				this.netText = '正在刷新...';
+				let outTime = 0;//十秒超时
+				this.netTimer = setInterval(()=>{
+					outTime++;
+					this.$toolAll.tools.networkStatus();
+					if(uni.getStorageSync('isNet')) {
+						clearInterval(this.netTimer);
+						this.ifNet = true;
+					} 
+					if(outTime==10) {
+						clearInterval(this.netTimer);
+						this.netText = '刷新失败';
+						outTime = 0;
+					}
+				},1000)
+			},
+			//返回事件
+			backEv(){
+				uni.navigateBack({delta:1})
+			}
+		}
+    }
+</script>
+
+<style scoped>
+	.disjcac{display: flex;justify-content: center;align-items: center;}
+	.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
+	.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
+	.status-box-all{position: sticky;top: 0;left: 0;right: 0;z-index: 10;}
+	.status-nav{width: 100%;position: relative;}
+	.left-box {position: absolute;padding: 0 20rpx;}
+	.right-box {position: absolute;right: 0; padding: 0 20rpx;}
+	.tab-title {width: 100%;font-size: 32rpx;display: flex;font-weight: bold;}
+	.tab-title .title-box {margin-top: -4rpx;}
+</style>
diff --git a/pagesA/community/handle/handle.vue b/pagesA/community/handle/handle.vue
index ecdcdd1..641d359 100644
--- a/pagesA/community/handle/handle.vue
+++ b/pagesA/community/handle/handle.vue
@@ -1,36 +1,78 @@
-<template>
-	<view class="pad-x50 pad-zy30">
-		<view class="disac fon36 pad-sx30">调查情况</view>
-		<view class="disjcac">
-			<view class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;box-sizing: border-box;">
-				<textarea class="col9 fon30" style="height: 272rpx;" placeholder="请输入调查结果"></textarea>
-			</view>
-		</view>
-		<view class="disac fon36 pad-sx30">处理结果</view>
-		<view class="disjcac">
-			<view class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;box-sizing: border-box;">
-				<textarea class="col9 fon30" style="height: 272rpx;" placeholder="请输入处理结果"></textarea>
-			</view>
-		</view>
-		<view class="disjbac mar-s70">
-			<view class="enter-btn disjcac" style="width: 45%;margin: 0;">立即提交</view>
-			<view class="enter-btn disjcac" style="width: 45%;margin: 0;color: #000000;background-color: #e5e5e5;border-color: #d9d9d9;">无效</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style>
-</style>
+<template>
+	<view class="pad-x50 pad-zy30">
+		<view class="disac fon36 pad-sx30">调查情况</view>
+		<view class="disjcac">
+			<view class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;box-sizing: border-box;">
+				<textarea class="col9 fon30" v-model="findings" style="height: 272rpx;" placeholder="请输入调查结果"></textarea>
+			</view>
+		</view>
+		<view class="disac fon36 pad-sx30">处理结果</view>
+		<view class="disjcac">
+			<view class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;box-sizing: border-box;">
+				<textarea class="col9 fon30" v-model="results" style="height: 272rpx;" placeholder="请输入处理结果"></textarea>
+			</view>
+		</view>
+		<view class="disjbac mar-s70">
+			<view @tap="submitEv(id,1)" class="enter-btn disjcac" style="width: 45%;margin: 0;">立即提交</view>
+			<view @tap="submitEv(id,0)" class="enter-btn disjcac" style="width: 45%;margin: 0;color: #000000;background-color: #e5e5e5;border-color: #d9d9d9;">无效</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				findings:'', //调查结果
+				results:'', //处理结果
+				flag:true,
+			}
+		},
+		methods: {
+			// 提交或取消
+			submitEv(id,type){
+				if(this.checkEmpty() && this.flag){
+					this.flag = false;
+					let params = {
+						opinion_id:id,
+						desc:this.findings,
+						result:this.results,
+						invalid:type
+					}
+					this.$requst.post('/api/opinion/worker-handle',params).then(res => {
+						if(res.code==0){
+							this.$toolAll.tools.showToast('提交成功');
+							// 返回
+							uni.navigateBack({
+								delta:2
+							})
+						} else {
+							this.$toolAll.tools.showToast(res.msg);
+						}
+						uni.hideLoading();
+						this.isLoading = true;
+						setTimeout(()=>{
+							this.flag = true;
+						},2000)
+					})
+				}
+			},
+			
+			// 验证表单
+			checkEmpty(){
+				let result = false;
+				if(!this.findings) {
+					this.$toolAll.tools.showToast('请填写调查结果');
+				} else if(!this.results) {
+					this.$toolAll.tools.showToast('请填写处理结果');
+				} else {
+					result = true;
+				}
+				return result;
+			},
+		}
+	}
+</script>
+
+<style>
+</style>
diff --git a/pagesA/community/opinion-handle/opinion-handle.vue b/pagesA/community/opinion-handle/opinion-handle.vue
index 4739c33..6166139 100644
--- a/pagesA/community/opinion-handle/opinion-handle.vue
+++ b/pagesA/community/opinion-handle/opinion-handle.vue
@@ -1,62 +1,113 @@
-<template>
-	<view>
-		<statusContainer titlet="民意办理" :ifReturn="false">
-			<view slot="content">
-				<view class="bacf disja pad-sx20 fon30" :style="{top:newtop+42+'px'}" style="margin: -20rpx -20rpx 0 -20rpx;position: sticky;z-index: 10;">
-					<view @tap="switchEv(0)" class="pad-sx20 disjcac radius20" :style="switchIndex==0?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">待办理</view>
-					<view @tap="switchEv(1)" class="pad-sx20 disjcac radius20" :style="switchIndex==1?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">已办理</view>
-				</view>
-				<view class="mar-s20 radius20 fon24 bacf posir" v-for="(item,index) in 50" :key="index">
-					<view class="pad-sx20 pad-zy50 status-box" :style="{backgroundColor:['#f8bf00','#39d091'][switchIndex]}">{{['待办理','已办理'][switchIndex]}}</view>
-					<view class="pad20 bbot line-h46 pad-x40">
-						<view class="fon30">LH20220729130234</view>
-						<view class="">用户名：匿名提交</view>
-						<view class="">金牛社区A村</view>
-						<view class="">反馈问题：我就是想问下我们村的路多久能修好？</view>
-					</view>
-					<view class="dis fon30 disjcac" v-if="switchIndex==0">
-						<view @tap="handleEv(0)" class="pad-sx30 disac">
-							<image class="mar-y20" src="/static/icon/icon-handle.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
-							立即办理
-						</view>
-					</view>
-				</view>
-			</view>
-		</statusContainer>
-	</view>
-</template>
-
-<script>
-	import statusContainer from '@/components/containers/status-container.vue';
-	export default {
-		components:{
-			statusContainer
-		},
-		data() {
-			return {
-				switchIndex:0,
-				newtop:uni.getSystemInfoSync().statusBarHeight
-			}
-		},
-		methods: {
-			// 切换事件
-			switchEv(index){
-				console.log(index);
-				this.switchIndex = index;
-			},
-			// 前往详情页面
-			handleEv(id){
-				uni.navigateTo({
-					url:`/pagesA/detail/detail?id=${id}&manager=0`
-				})
-			},
-		}
-	}
-</script>
-
-<style>
-page{
-	background-color: #f5f5f5;
-}
-.status-box{position: absolute;right: 0;top: 0;border-radius: 0 0 0 30rpx;}
-</style>
+<template>
+	<view>
+		<statusContainer titlet="民意办理" :ifReturn="false">
+			<view slot="content">
+				<view class="bacf disja pad-sx20 fon30" :style="{top:newtop+42+'px'}" style="margin: -20rpx -20rpx 0 -20rpx;position: sticky;z-index: 10;">
+					<view @tap="switchEv(0)" class="pad-sx20 disjcac radius20" :style="switchIndex==0?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">待办理</view>
+					<view @tap="switchEv(1)" class="pad-sx20 disjcac radius20" :style="switchIndex==1?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">已办理</view>
+				</view>
+				<view class="mar-s20 radius20 fon24 bacf posir" v-for="(item,index) in communityList" :key="index">
+					<view class="pad-sx20 pad-zy50 status-box" :style="{backgroundColor:['#f8bf00','#39d091'][switchIndex]}">{{['待办理','已办理'][switchIndex]}}</view>
+					<view class="pad20 bbot line-h46 pad-x40">
+						<view class="fon30">{{item.coding}}</view>
+						<view class="">用户名：{{item.is_anonymous==1?'匿名提交':item.u_name}}</view>
+						<view class="">金牛社区A村</view>
+						<view class="">反馈问题：{{item.description}}</view>
+					</view>
+					<view class="dis fon30 disjcac" v-if="switchIndex==0">
+						<view @tap="handleEv(item.id)" class="pad-sx30 disac">
+							<image class="mar-y20" src="/static/icon/icon-handle.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
+							立即办理
+						</view>
+					</view>
+				</view>
+			</view>
+		</statusContainer>
+	</view>
+</template>
+
+<script>
+	import statusContainer from '@/components/containers/status-container.vue';
+	export default {
+		components:{
+			statusContainer
+		},
+		data() {
+			return {
+				switchIndex:0,
+				newtop:uni.getSystemInfoSync().statusBarHeight,
+				communityList:[], //数据列表
+				type:['doing','done','all'], //办理状态
+				page:1, //页数
+				size:15, //条数
+				total:0, //总数
+				noMore:false, // 没有更多
+				isLoading:false,
+			}
+		},
+		onShow() {
+			// 查询列表
+			this.getListEv();
+		},
+		onReachBottom() {
+			if(!this.noMore){
+				this.page++;
+				// 查询列表
+				this.getListEv();
+			}
+		},
+		methods: {
+			// 切换事件
+			switchEv(index){
+				if(index !== this.switchIndex){
+					this.switchIndex = index;
+					// 重置数据
+					this.communityList= [];
+					this.page = 1;
+					// 查询列表
+					this.getListEv();
+				}
+			},
+			
+			// 查询列表
+			getListEv(){
+				uni.showLoading({
+					title:'加载中'
+				})
+				let params = {
+					page:this.page,
+					size:this.size,
+					type:this.type[this.switchIndex]
+				}
+				this.$requst.get('opinion/community-list',params).then(res => {
+					if(res.code==0){
+						console.log(res,'社区工单列表');
+						this.total = res.data.total;
+						this.communityList = this.communityList.concat(res.data.list)
+						if(this.communityList.length == this.total){
+							this.noMore =true;
+						}
+					} else {
+						this.$toolAll.tools.showToast(res.msg);
+					}
+					uni.hideLoading();
+					this.isLoading = true;
+				})
+			},
+			
+			// 前往详情页面
+			handleEv(id){
+				uni.navigateTo({
+					url:`/pagesA/detail/detail?id=${id}&manager=0`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+page{
+	background-color: #f5f5f5;
+}
+.status-box{position: absolute;right: 0;top: 0;border-radius: 0 0 0 30rpx;}
+</style>
diff --git a/pagesA/detail/detail.vue b/pagesA/detail/detail.vue
index 9297f3d..d6ec15d 100644
--- a/pagesA/detail/detail.vue
+++ b/pagesA/detail/detail.vue
@@ -1,138 +1,175 @@
-<template>
-	<view>
-		<view class="pad-zy20 fon24">
-			<view class="disjbac fon30 bbot pad-sx30">
-				<view class="colb bold flexs">序号</view>
-				<view class="col9">LH20220729130234</view>
-			</view>
-			<view class="disjbac fon30 bbot pad-sx30">
-				<view class="colb bold flexs">审核状态</view>
-				<view class="col9">待审核</view>
-			</view>
-			<view class="disjbac bbot pad-sx20">
-				<view class="fon30 colb bold flexs">真实姓名</view>
-				<view class="col9">测试村</view>
-			</view>
-			<view class="disjbac bbot pad-sx20">
-				<view class="fon30 colb bold flexs">联系方式</view>
-				<view class="col9">测试村</view>
-			</view>
-			<view class="disjbac fon30 bbot pad-sx30">
-				<view class="colb bold flexs">社区</view>
-				<view class="col9">新华社区</view>
-			</view>
-			<view class="disjbac fon30 bbot pad-sx30">
-				<view class="colb bold flexs">村</view>
-				<view class="col9">测试村</view>
-			</view>
-			<view class="dis fon30 bbot pad-sx30">
-				<view class="colb bold flexs">图片</view>
-				<view class="disac width100 fe">
-					<image src="" mode="aspectFill" class="width155 radius30 mar-z20"></image>
-				</view>
-			</view>
-			<view class="dis fon30 bbot pad-sx30">
-				<view class="colb bold flexs">视频</view>
-				<view class="disac width100 fe">
-					<image src="" mode="aspectFill" class="width155 radius30 mar-z20"></image>
-				</view>
-			</view>
-			<view class="disjb bbot pad-sx20">
-				<view class="fon30 colb bold flexs">描述文案</view>
-				<view class="col9 tright line-h40" style="max-width: 60%;">我想问下我们村的机耕道什么 时候可以弄好？当前以及严重 影响我们出行了！</view>
-			</view>
-			<view class="dis fon30 bbot pad-sx30">
-				<view class="colb bold flexs">语音</view>
-				<view class="disac col9 width100 fe">
-					<view @tap="playVoice" class="col9 radius30 disjcac fc posir mar-y20 item-box width155" style="border: 1px solid #d9d9d9;">
-						<image src="/static/icon/icon-audio.png" mode="aspectFill" style="width: 74rpx;height: 85rpx;"></image>
-					</view>
-				</view>
-			</view>
-			<view class="disjbac fon30 bbot pad-sx30">
-				<view class="colb bold flexs">类别</view>
-				<view class="col9">测试村</view>
-			</view>
-			<view class="" style="margin: 0 -20rpx;" v-if="ifManager!=2">
-				<view class="disac pad-zy20 pad-x30 pad-s40">
-					<view class="cricle-box"></view>
-					<view class="fon36 mar-z20 bold">处理反馈</view>
-				</view>
-				<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
-					<view class="col9 pad-sx30">2021年7月19日 21：30</view>
-					<view class="disjb bbot pad-x30">
-						<view class="">调查情况</view>
-						<view class="col9 tright" style="max-width: 50%;">情况属实，马上安排人员 处理，请耐心等待</view>
-					</view>
-					<view class="disjb bbot pad-sx30">
-						<view class="">处理结果</view>
-						<view class="col9 tright" style="max-width: 50%;">情况属实，马上安排人员 处理，请耐心等待</view>
-					</view>
-				</view>
-				<view class="disac pad-zy20 pad-x30 pad-s40">
-					<view class="cricle-box"></view>
-					<view class="fon36 mar-z20 bold">群众反馈</view>
-				</view>
-				<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
-					<view class="col9 pad-sx30">2021年7月19日 21：30</view>
-					<view class="disjb bbot pad-x30">
-						<view class="">反馈意见（不满意）</view>
-						<view class="col9 tright" style="max-width: 50%;">等了好久了还没有上门 处理！</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="disjcac pad-sx50" v-if="ifManager==0">
-			<view class="disjcac enter-btn" style="margin: 0;" @tap="handleEv">立即办理</view>
-		</view>
-		<view class="disjcac pad-sx50" v-if="ifManager==1">
-			<view class="disjcac enter-btn" style="margin: 0;background-color: #f71200;border-color: #f71200;" @tap="handleEv">督办复审</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	const recorderManager = uni.getRecorderManager();
-	const innerAudioContext = uni.createInnerAudioContext();
-	innerAudioContext.autoplay = true;
-	export default {
-		data() {
-			return {
-				audioText:'',
-				ifManager:0//是否是管理员
-			}
-		},
-		onLoad(op) {
-			if(op.manager) this.ifManager = op.manager;
-		},
-		onHide() {
-			innerAudioContext.stop();
-		},
-		methods: {
-			// 播放录音
-			playVoice() {
-				if (this.audioText) {
-					innerAudioContext.src = this.audioText;
-					innerAudioContext.play();
-				}
-			},
-			// 前往立即办理页面
-			handleEv(id){
-				uni.navigateTo({
-					url:`/pagesA/community/handle/handle?id=${id}`
-				})
-			},
-		}
-	}
-</script>
-
-<style>
-.del-btn{
-	background-color: #39d091;width: 45rpx;height: 45rpx;border-radius: 100%;top: -20rpx;right: -20rpx;
-}
-.width155{
-	width: 155rpx;
-	height: 150rpx;
-}
-.item-box{border: 1px solid #FFFFFF;}
-</style>
+<template>
+	<view>
+		<view class="pad-zy20 fon24">
+			<view class="disjbac fon30 bbot pad-sx30">
+				<view class="colb bold flexs">序号</view>
+				<view class="col9">LH20220729130234</view>
+			</view>
+			<view class="disjbac fon30 bbot pad-sx30">
+				<view class="colb bold flexs">审核状态</view>
+				<view class="col9">待审核</view>
+			</view>
+			<view class="disjbac bbot pad-sx20">
+				<view class="fon30 colb bold flexs">真实姓名</view>
+				<view class="col9">测试村</view>
+			</view>
+			<view class="disjbac bbot pad-sx20">
+				<view class="fon30 colb bold flexs">联系方式</view>
+				<view class="col9">测试村</view>
+			</view>
+			<view class="disjbac fon30 bbot pad-sx30">
+				<view class="colb bold flexs">社区</view>
+				<view class="col9">新华社区</view>
+			</view>
+			<view class="disjbac fon30 bbot pad-sx30">
+				<view class="colb bold flexs">村</view>
+				<view class="col9">测试村</view>
+			</view>
+			<view class="dis fon30 bbot pad-sx30">
+				<view class="colb bold flexs">图片</view>
+				<view class="disac width100 fe">
+					<image src="" mode="aspectFill" class="width155 radius30 mar-z20"></image>
+				</view>
+			</view>
+			<view class="dis fon30 bbot pad-sx30">
+				<view class="colb bold flexs">视频</view>
+				<view class="disac width100 fe">
+					<image src="" mode="aspectFill" class="width155 radius30 mar-z20"></image>
+				</view>
+			</view>
+			<view class="disjb bbot pad-sx20">
+				<view class="fon30 colb bold flexs">描述文案</view>
+				<view class="col9 tright line-h40" style="max-width: 60%;">我想问下我们村的机耕道什么 时候可以弄好？当前以及严重 影响我们出行了！</view>
+			</view>
+			<view class="dis fon30 bbot pad-sx30">
+				<view class="colb bold flexs">语音</view>
+				<view class="disac col9 width100 fe">
+					<view @tap="playVoice" class="col9 radius30 disjcac fc posir mar-y20 item-box width155" style="border: 1px solid #d9d9d9;">
+						<image src="/static/icon/icon-audio.png" mode="aspectFill" style="width: 74rpx;height: 85rpx;"></image>
+					</view>
+				</view>
+			</view>
+			<view class="disjbac fon30 bbot pad-sx30">
+				<view class="colb bold flexs">类别</view>
+				<view class="col9">测试村</view>
+			</view>
+			<view class="" style="margin: 0 -20rpx;" v-if="ifManager!=2">
+				<view class="disac pad-zy20 pad-x30 pad-s40">
+					<view class="cricle-box"></view>
+					<view class="fon36 mar-z20 bold">处理反馈</view>
+				</view>
+				<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
+					<view class="col9 pad-sx30">2021年7月19日 21：30</view>
+					<view class="disjb bbot pad-x30">
+						<view class="">调查情况</view>
+						<view class="col9 tright" style="max-width: 50%;">情况属实，马上安排人员 处理，请耐心等待</view>
+					</view>
+					<view class="disjb bbot pad-sx30">
+						<view class="">处理结果</view>
+						<view class="col9 tright" style="max-width: 50%;">情况属实，马上安排人员 处理，请耐心等待</view>
+					</view>
+				</view>
+				<view class="disac pad-zy20 pad-x30 pad-s40">
+					<view class="cricle-box"></view>
+					<view class="fon36 mar-z20 bold">群众反馈</view>
+				</view>
+				<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
+					<view class="col9 pad-sx30">2021年7月19日 21：30</view>
+					<view class="disjb bbot pad-x30">
+						<view class="">反馈意见（不满意）</view>
+						<view class="col9 tright" style="max-width: 50%;">等了好久了还没有上门 处理！</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="disjcac pad-sx50" v-if="ifManager==0">
+			<view class="disjcac enter-btn" style="margin: 0;" @tap="handleEv">立即办理</view>
+		</view>
+		<view class="disjcac pad-sx50" v-if="ifManager==1">
+			<view class="disjcac enter-btn" style="margin: 0;background-color: #f71200;border-color: #f71200;" @tap="reexamineEv">督办复审</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	const recorderManager = uni.getRecorderManager();
+	const innerAudioContext = uni.createInnerAudioContext();
+	innerAudioContext.autoplay = true;
+	export default {
+		data() {
+			return {
+				audioText:'',
+				detail:{}, //工单详情
+				ifManager:0, // 是否是管理员
+				id:0, //工单id
+			}
+		},
+		onLoad(op) {
+			if(op.manager) this.ifManager = op.manager;
+			if(op.id) this.id = op.id;
+			// 查询详情
+			this.getDetailEv();
+		},
+		onHide() {
+			innerAudioContext.stop();
+		},
+		methods: {
+			// 播放录音
+			playVoice() {
+				if (this.audioText) {
+					innerAudioContext.src = this.audioText;
+					innerAudioContext.play();
+				}
+			},
+			
+			// 查询工单详情
+			getDetailEv(){
+				this.$requst.post('user/opinionInfo',{id:this.id}).then(res => {
+					if(res.code==0){
+						console.log(res,'社区工单详情');
+						this.detail = res.data;
+					} else {
+						this.$toolAll.tools.showToast(res.msg);
+					}
+					uni.hideLoading();
+					this.isLoading = true;
+				})
+			},
+			
+			// 督办复审
+			reexamineEv(){
+				this.$requst.post('/api/administrator/examine',{id:this.id}).then(res => {
+					if(res.code==0){
+						console.log(res,'督办复审');
+						// 返回
+						uni.navigateBack({
+							delta:1
+						})
+					} else {
+						this.$toolAll.tools.showToast(res.msg);
+					}
+					uni.hideLoading();
+					this.isLoading = true;
+				})
+			},
+			
+			// 前往立即办理
+			handleEv(id){
+				uni.navigateTo({
+					url:`/pagesA/community/handle/handle?id=${id}`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+.del-btn{
+	background-color: #39d091;width: 45rpx;height: 45rpx;border-radius: 100%;top: -20rpx;right: -20rpx;
+}
+.width155{
+	width: 155rpx;
+	height: 150rpx;
+}
+.item-box{border: 1px solid #FFFFFF;}
+</style>
diff --git a/pagesA/manager/examine-list/examine-list.vue b/pagesA/manager/examine-list/examine-list.vue
index db6e202..e2d64f0 100644
--- a/pagesA/manager/examine-list/examine-list.vue
+++ b/pagesA/manager/examine-list/examine-list.vue
@@ -1,70 +1,146 @@
-<template>
-	<view>
-		<statusContainer titlet="民意审核" :ifReturn="false">
-			<view slot="content">
-				<view class="bacf disja pad-sx20 fon30" :style="{top:newtop+42+'px'}" style="margin: -20rpx -20rpx 0 -20rpx;position: sticky;z-index: 10;">
-					<view @tap="switchEv(0)" class="pad-sx20 disjcac radius20" :style="switchIndex==0?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">已处理</view>
-					<view @tap="switchEv(1)" class="pad-sx20 disjcac radius20" :style="switchIndex==1?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">未处理</view>
-				</view>
-				<view class="mar-s20 radius20 fon24 bacf posir" v-for="(item,index) in 50" :key="index">
-					<view class="pad-sx20 pad-zy50 status-box" :style="{backgroundColor:['#39d091','#f8bf00','#f41500'][switchIndex]}">{{['已处理','待处理','已督办'][switchIndex]}}</view>
-					<view class="pad20 bbot line-h46 pad-x40">
-						<view class="fon30">LH20220729130234</view>
-						<view class="">用户名：匿名提交</view>
-						<view class="">金牛社区A村</view>
-						<view class="">反馈问题：我就是想问下我们村的路多久能修好？</view>
-					</view>
-					<view class="dis fon30" v-if="switchIndex==0">
-						<view @tap="goDetail(0)" class="width50 pad-sx30 disjcac border-r">
-							<image class="mar-y20" src="/static/icon/icon-check.png" mode="" style="width: 34rpx;height: 34rpx;"></image>查看处理详情
-						</view>
-						<view class="width50 pad-sx30 disjcac">
-							<image class="mar-y20" src="/static/icon/icon-revie.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
-							督办复审
-						</view>
-					</view>
-					<view class="dis fon30 disjcac" v-if="switchIndex==1">
-						<view @tap="goDetail(0)" class="pad-sx30 disac">
-							<image class="mar-y20" src="/static/icon/icon-check.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
-							查看处理详情
-						</view>
-					</view>
-				</view>
-			</view>
-		</statusContainer>
-	</view>
-</template>
-
-<script>
-	import statusContainer from '@/components/containers/status-container.vue';
-	export default {
-		components:{
-			statusContainer
-		},
-		data() {
-			return {
-				switchIndex:0,
-				newtop:uni.getSystemInfoSync().statusBarHeight
-			}
-		},
-		methods: {
-			// 切换事件
-			switchEv(index){
-				this.switchIndex = index;
-			},
-			// 前往详情页
-			goDetail(id){
-				uni.navigateTo({
-					url:`/pagesA/detail/detail?id=${id}&manager=1`
-				})
-			},
-		}
-	}
-</script>
-
-<style>
-page{
-	background-color: #f5f5f5;
-}
-.status-box{position: absolute;right: 0;top: 0;background-color: #39d091;border-radius: 0 0 0 30rpx;}
-</style>
+<template>
+	<view v-if="isLoading">
+		<statusContainer titlet="民意审核" :ifReturn="false">
+			<view slot="content">
+				<view class="bacf disja pad-sx20 fon30" :style="{top:newtop+42+'px'}" style="margin: -20rpx -20rpx 0 -20rpx;position: sticky;z-index: 10;">
+					<view @tap="switchEv(0)" class="pad-sx20 disjcac radius20" :style="switchIndex==0?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">已处理</view>
+					<view @tap="switchEv(1)" class="pad-sx20 disjcac radius20" :style="switchIndex==1?'background-color:#39d091;color:#FFFFFF;':''" style="width: 288rpx;">未处理</view>
+				</view>
+				<view class="mar-s20 radius20 fon24 bacf posir" v-for="(item,index) in reviewedList" :key="index">
+					<view class="pad-sx20 pad-zy50 status-box" :style="{backgroundColor:['#39d091','#f8bf00','#f41500'][switchIndex]}">{{['已处理','待处理','已督办'][switchIndex]}}</view>
+					<view class="pad20 bbot line-h46 pad-x40">
+						<view class="fon30">{{item.coding}}</view>
+						<view class="">用户名：{{item.is_anonymous==1?'匿名提交':item.u_name}}</view>
+						<view class="">{{item.state_text}}</view>
+						<view class="">反馈问题：{{item.description}}</view>
+					</view>
+					<view class="dis fon30" v-if="switchIndex==0">
+						<view @tap="goDetail(item.id)" class="width50 pad-sx30 disjcac border-r">
+							<image class="mar-y20" src="/static/icon/icon-check.png" mode="" style="width: 34rpx;height: 34rpx;"></image>查看处理详情
+						</view>
+						<view @tap="reexamineEv(item.id)" class="width50 pad-sx30 disjcac">
+							<image class="mar-y20" src="/static/icon/icon-revie.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
+							督办复审
+						</view>
+					</view>
+					<view class="dis fon30 disjcac" v-if="switchIndex==1">
+						<view @tap="goDetail(item.id)" class="pad-sx30 disac">
+							<image class="mar-y20" src="/static/icon/icon-check.png" mode="" style="width: 34rpx;height: 34rpx;"></image>
+							查看处理详情
+						</view>
+					</view>
+				</view>
+			</view>
+		</statusContainer>
+	</view>
+</template>
+
+<script>
+	import statusContainer from '@/components/containers/status-container.vue';
+	export default {
+		components:{
+			statusContainer
+		},
+		data() {
+			return {
+				switchIndex:0,
+				newtop:uni.getSystemInfoSync().statusBarHeight,
+				reviewedList:[], //数据列表
+				type:[1,0], // 办理状态
+				page:1, //页数
+				size:15, //条数
+				total:0, //总数
+				noMore:false, // 没有更多
+				isLoading:false,
+			}
+		},
+		onShow() {
+			// 查询列表
+			this.getListEv();
+		},
+		onReachBottom() {
+			if(!this.noMore){
+				this.page++;
+				// 查询列表
+				this.getListEv();
+			}
+		},
+		methods: {
+			// 切换事件
+			switchEv(index){
+				if(index!==this.switchIndex){
+					this.switchIndex = index;
+					// 重置数据
+					this.reviewedList= [];
+					this.page = 0;
+					// 查询列表
+					this.getListEv();
+				}
+			},
+			// 查询列表
+			getListEv(){
+				uni.showLoading({
+					title:'加载中'
+				})
+				let params = {
+					page:this.page,
+					size:this.size,
+					state:this.type[this.switchIndex]
+				}
+				this.$requst.post('administrator/reviewedList',params).then(res => {
+					if(res.code==0){
+						console.log(res,'处理情况列表');
+						this.total = res.data.total;
+						let reviewedArr = [];
+						res.data.list.forEach(item=>{
+							let obj = {
+								id:item.id,
+								coding:item.coding,
+								state_text:item.state_text,
+								u_name:item.u_name,
+								u_phone:item.u_phone,
+								description:item.description,
+								is_anonymous:item.is_anonymous,
+							}
+							reviewedArr.push(obj);
+						})
+						this.reviewedList = this.reviewedList.concat(reviewedArr)
+						if(this.reviewedList.length == this.total){
+							this.noMore =true;
+						}
+					} else {
+						this.$toolAll.tools.showToast(res.msg);
+					}
+					uni.hideLoading();
+					this.isLoading = true;
+				})
+			},
+			// 督办复审
+			reexamineEv(id){
+				this.$requst.post('administrator/examine',{id:id}).then(res => {
+					if(res.code==0){
+						console.log(res,'督办复审');
+						this.$toolAll.tools.showToast('审核成功');
+					} else {
+						this.$toolAll.tools.showToast(res.msg);
+					}
+					uni.hideLoading();
+					this.isLoading = true;
+				})
+			},
+			// 前往详情页
+			goDetail(id){
+				uni.navigateTo({
+					url:`/pagesA/detail/detail?id=${id}&manager=1`
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+page{
+	background-color: #f5f5f5;
+}
+.status-box{position: absolute;right: 0;top: 0;background-color: #39d091;border-radius: 0 0 0 30rpx;}
+</style>
diff --git a/store/index.js b/store/index.js
index 5eaa368..6fe4ffd 100644
--- a/store/index.js
+++ b/store/index.js
@@ -1,14 +1,14 @@
-// 组装模块并导出 store 的地方
-import Vue from 'vue'
-import Vuex from 'vuex'
-import moduleA from '@/store/modules/moduleA'
-
-Vue.use(Vuex);//vue的插件机制
-
-//Vuex.modules 模块选项
-const store = new Vuex.Store({
-	modules: {
-		moduleA
-	}
-})
+// 组装模块并导出 store 的地方
+import Vue from 'vue'
+import Vuex from 'vuex'
+import moduleA from '@/store/modules/moduleA'
+
+Vue.use(Vuex);//vue的插件机制
+
+//Vuex.modules 模块选项
+const store = new Vuex.Store({
+	modules: {
+		moduleA
+	}
+})
 export default store
\ No newline at end of file
diff --git a/store/modules/moduleA.js b/store/modules/moduleA.js
index 33ed795..8f25ae8 100644
--- a/store/modules/moduleA.js
+++ b/store/modules/moduleA.js
@@ -1,14 +1,14 @@
-// 用户模块
-export default {
-	state:{//存放状态
-		userInfo:{},
-		ifAnonymous:false//是否匿名通道
-	},
-	// Vuex中store数据改变的唯一方法就是mutations 不适合异步方法
-	mutations: {
-		// 设置是否是匿名通道
-		setAnonymous(state,str) {
-			state.ifAnonymous = str;
-		},
-	}
+// 用户模块
+export default {
+	state:{//存放状态
+		userInfo:{},
+		ifAnonymous:false//是否匿名通道
+	},
+	// Vuex中store数据改变的唯一方法就是mutations 不适合异步方法
+	mutations: {
+		// 设置是否是匿名通道
+		setAnonymous(state,str) {
+			state.ifAnonymous = str;
+		},
+	}
 }
\ No newline at end of file
diff --git a/uni.scss b/uni.scss
index f0f426c..0b7deda 100644
--- a/uni.scss
+++ b/uni.scss
@@ -1,76 +1,76 @@
-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-
-/* 颜色变量 */
-
-/* 行为相关颜色 */
-$uni-color-primary: #007aff;
-$uni-color-success: #4cd964;
-$uni-color-warning: #f0ad4e;
-$uni-color-error: #dd524d;
-
-/* 文字基本颜色 */
-$uni-text-color:#333;//基本色
-$uni-text-color-inverse:#fff;//反色
-$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
-$uni-text-color-placeholder: #808080;
-$uni-text-color-disable:#c0c0c0;
-
-/* 背景颜色 */
-$uni-bg-color:#ffffff;
-$uni-bg-color-grey:#f8f8f8;
-$uni-bg-color-hover:#f1f1f1;//点击状态颜色
-$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
-
-/* 边框颜色 */
-$uni-border-color:#c8c7cc;
-
-/* 尺寸变量 */
-
-/* 文字尺寸 */
-$uni-font-size-sm:24upx;
-$uni-font-size-base:28upx;
-$uni-font-size-lg:32upx;
-
-/* 图片尺寸 */
-$uni-img-size-sm:40upx;
-$uni-img-size-base:52upx;
-$uni-img-size-lg:80upx;
-
-/* Border Radius */
-$uni-border-radius-sm: 4upx;
-$uni-border-radius-base: 6upx;
-$uni-border-radius-lg: 12upx;
-$uni-border-radius-circle: 50%;
-
-/* 水平间距 */
-$uni-spacing-row-sm: 10px;
-$uni-spacing-row-base: 20upx;
-$uni-spacing-row-lg: 30upx;
-
-/* 垂直间距 */
-$uni-spacing-col-sm: 8upx;
-$uni-spacing-col-base: 16upx;
-$uni-spacing-col-lg: 24upx;
-
-/* 透明度 */
-$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
-
-/* 文章场景相关 */
-$uni-color-title: #2C405A; // 文章标题颜色
-$uni-font-size-title:40upx;
-$uni-color-subtitle: #555555; // 二级标题颜色
-$uni-font-size-subtitle:36upx;
-$uni-color-paragraph: #3F536E; // 文章段落颜色
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24upx;
+$uni-font-size-base:28upx;
+$uni-font-size-lg:32upx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40upx;
+$uni-img-size-base:52upx;
+$uni-img-size-lg:80upx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4upx;
+$uni-border-radius-base: 6upx;
+$uni-border-radius-lg: 12upx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20upx;
+$uni-spacing-row-lg: 30upx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8upx;
+$uni-spacing-col-base: 16upx;
+$uni-spacing-col-lg: 24upx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40upx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36upx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:30upx;
\ No newline at end of file