社区、管理员列表调用
parent
14cae43bb6
commit
3a13f8feef
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
|
@ -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;
|
||||
},
|
||||
}
|
||||
}
|
150
uni.scss
150
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;
|
Loading…
Reference in New Issue