王明 / DeYangHighTechApp

  <template>

  	<!-- 管理员查看页面 -->

  	<view class="page" v-if="isAdmin">

  		<!-- <zb-tab
  		  :activeStyle="{
  		    fontWeight: 'bold',
  		    transform: 'scale(1.1)'
  		    }"
  		  :data="list"
  		  v-model="active"
  		 ></zb-tab> -->
  		<view class="item-box" v-for="(it,index) in appealList" :key="index" @click="toReponse(it.id)">
  			<view class="lef">
  				{{it.content}}
  			</view>
  			<view class="rig">
  				<view class="status" v-if="it.status == null" style="color: red;">
  					未处理
  				</view>
  				<view class="status" v-else>
  					{{it.status}}
  				</view>
  				<view class="button">
  					<button >查看/处理</button>
  				</view>
  			</view>
  		</view>
  	</view>
  	<!-- 普通用户页面 -->
  	<view class="page" v-else>

  		<!-- 反馈内容 -->
  		<view class="feedback-data">
  			<view class="titleall-box">
  				<view class="titleall-left"><view class="titleall-left-line"></view>填写诉求</view>
  			</view>
  			<view class="content">
  				<textarea v-model="requires" placeholder="请填写您的诉求..." />
  			</view>
  			<view class="voucher-img">
  				<view class="list">
  					<image src="/static/voucher_bg.png"></image>
  				</view>
  				<view class="list">
  					<image src="/static/img/yf_01.png"></image>
  				</view>
  				<view class="list">
  					<image src="/static/img/yf_01.png"></image>
  				</view>
  			</view>
  		</view>
  		<!-- 选择反馈类型 -->
  		<view class="feedback-type">
  			<view class="feedback-type-left">隶属类别</view>
  			<view class="feedback-type-right">
  				<view class="title">
  					<text>{{TypeArray[TypeIndex]}}</text>
  				</view>
  				<view class="picker">
  					<picker @change="FeedbackTypeCh" :value="TypeIndex" :range="TypeArray">
  							<view class="uni-input">{{TypeArray[TypeIndex]}}</view>
  					</picker>
  				</view>
  				<view class="more">
  					<image src="../../static/down1.png"></image>
  				</view>
  			</view>
  		</view>
  		<!-- 提交 -->
  		<view class="submit-btn" @click="submitContent">
  			<text>提交</text>
  		</view>
  	</view>

  </template>
  
  <script>
  import { data } from '../../uview-ui/libs/mixin/mixin';
  import request from '@/utils/request.js'

  import { use } from 'echarts';

  	export default {
  		data() {
  			return {
  				TypeArray: ['行政审批', '生产运营', '金融服务', '其他'],
  				TypeIndex: 0,
  				// 填写诉求内容
  				requires:'',
  				type:"",

  				lastModifyUserId:'',
  				userCode:'',
  				list:[{
  				    name: '未处理',
  				    value: 0,
  				}, {
  				    name: '已处理',
  				    value: 1,
  				}, {
  				    name: '忽略',
  				    value: 2,
  				}, {
  				    name: '无效',
  				    value: 3,
  				}],

  				appealList:[],
  				isAdmin:false,

  			};
  			
  		},

  		onShow() {

  			this.getUser()
  			let user = uni.getStorageSync('user')
  			this.lastModifyUserId = user.userInfo.userId

  			this.getAppealList()

  		},

  		// onLoad() {
  		// 	this.getUser()
  		// 	let user = uni.getStorageSync('user')
  		// 	this.lastModifyUserId = user.userInfo.userId
  		// 	this.getAppealList()
  		// },

  		methods:{

  			// 获取用户信息判断是否有诉求管理的ID,权限判断authority = 359968822326723845

  			getUser(){
  				if (uni.getStorageSync('user')) {

  					let userCode = uni.getStorageSync('user')

  					console.log('this.userCode',userCode)
  					this.userCode = userCode

  					// this.userInfo = this.userCode.userAccount
  					// this.userInfo = '123456'

  					let authorityID = userCode.permissionList
  					this.isAdmin = authorityID.some(it => it.modelId === '359968822326723845')
  					if(this.isAdmin && !userCode.userInfo.isCompany){
  						uni.showToast({
  							icon:"error",
  							title:"您无该权限！"
  						})
  					}
  					console.log('是否有诉求管理权限',this.isAdmin)
  					console.log(userCode)

  					console.log('用户已登录！')
  				} else {
  					uni.showToast({
  						title: '请登录',
  						icon: 'none'
  					})
  					setTimeout(() => {
  						uni.reLaunch({
  							url: '/pages/login/index'
  						})
  					})
  				}
  			},
  			// 提交内容
  			submitContent(){
  				let that = this
  				let query = {
  					content:this.requires,
  					type:this.TypeArray[this.TypeIndex],
  					creatorUserId:this.lastModifyUserId,
  					lastModifyUserId:this.lastModifyUserId,
  					plate:'诉求模块'
  				}
  				console.log(query)
  				request({
  					url: '/api/Extend/baseappealinformation',
  					method: 'post',
  					data: {
  						content:this.requires,
  						type:this.TypeArray[this.TypeIndex],
  						creatorUserId:this.lastModifyUserId,
  						lastModifyUserId:this.lastModifyUserId,
  						plate:'诉求模块'
  					},
  				}).then(res=>{
  					console.log(res)
  					if(res.code === 200){
  						uni.showToast({
  							icon:"success",
  							title:"提交成功"
  						})
  					}else{
  						uni.showToast({
  							icon:"error",
  							title:'提交失败'
  						})
  					}
  				})
  			},
  			/**
  			 * 反馈类型
  			 * @param {Object} val
  			 */
  			FeedbackTypeCh(val){
  				console.log(val);
  				this.TypeIndex = val.detail.value;

  			},
  			// 获取诉求列表
  			getAppealList(){
  				request({
  					url:'/api/Extend/baseappealinformation',
  					method:'get',
  					data:{
  						pageSize:10000,
  						// status:status
  					}
  				}).then(res=>{
  					console.log(res)
  					if(res.code === 200){
  						this.appealList = res.data.list
  					}
  				})
  			},
  			// 跳转到查看和修改页面
  			toReponse(id){
  				uni.navigateTo({
  					url:'/pages/Feedback/reponseAppeal/reponseAppeal?data=' + JSON.stringify(id)
  				})
  			},

  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'Feedback.scss';
  </style>