From 4387fba497d1b895e566a02466a5c2f2b42ae007 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Wed, 24 Jul 2024 09:38:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=B7=A5=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |  12 +
 pages/component/commonComponents/list.vue |   2 -
 pages/homePage/index/workOrder.vue        | 417 ++++++++++++++++++++++
 pages/mine/mine/index.vue                 |   7 +
 4 files changed, 436 insertions(+), 2 deletions(-)
 create mode 100644 pages/homePage/index/workOrder.vue

diff --git a/pages.json b/pages.json
index 7bd8b25..85905c8 100644
--- a/pages.json
+++ b/pages.json
@@ -800,6 +800,18 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/homePage/index/workOrder",
+			"style": {
+				"navigationBarTitleText": "反馈工单",
+				"enablePullDownRefresh": false, // 禁止下拉刷新，
+				"app-plus": {
+					"bounce": "none",
+					"titleNView": false,
+					"popGesture": "none"
+				}
+			}
 		}
 	],
 	"subPackages": [
diff --git a/pages/component/commonComponents/list.vue b/pages/component/commonComponents/list.vue
index ec8f38b..dbced30 100644
--- a/pages/component/commonComponents/list.vue
+++ b/pages/component/commonComponents/list.vue
@@ -59,8 +59,6 @@
 				this.$emit("lower");
 			},
 			gotoDetail(data, index) {
-
-
 				this.$emit("hancleClick", data, index);
 			},
 		},
diff --git a/pages/homePage/index/workOrder.vue b/pages/homePage/index/workOrder.vue
new file mode 100644
index 0000000..0719ae1
--- /dev/null
+++ b/pages/homePage/index/workOrder.vue
@@ -0,0 +1,417 @@
+<template>
+	<view class="page">
+		<z-nav-bar></z-nav-bar>
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="title">问题反馈/申诉</view>
+		<uni-forms :modelValue="form" :rules="rules" ref="form">
+			<view class="input_box " style="">
+				<uni-forms-item label="" name="type" label-width="0">
+					<view class="">
+						<text class="input_tit"><i>*</i>问题类型：</text>
+					</view>
+					<view class="in" style="flex: 1; border: none;">
+						<!-- <input type="text" v-model="form.type" placeholder="请输入手机号/邮箱" />
+													 -->
+						<uni-data-select style="width: 100%;" v-model="form.type"
+							:localdata="typeLIst"></uni-data-select>
+					</view>
+				</uni-forms-item>
+			</view>
+			<view class="input_box">
+				<uni-forms-item label="" name="account" label-width="0">
+					<text class="input_tit"><i>*</i>吴门医述账号:</text>
+					<view class="in">
+						<input placeholder-style="font-size:26rpx" type="text" v-model="form.account"
+							placeholder="请输入手机号/邮箱" />
+					</view>
+				</uni-forms-item>
+			</view>
+			<view class="input_box" v-if="form.type == 3">
+				<uni-forms-item label="" name="relation" label-width="0">
+					<text class="input_tit"><i>*</i>订单编号:</text>
+					<view class="in">
+						<input type="number" @input="relationInput" placeholder-style="font-size:26rpx"
+							v-model="form.relation" placeholder="请输入订单编号" />
+					</view>
+					<text v-show="relationError" style="font-size: 24rpx; color: red; margin-top: 10rpx;">请填写订单编号</text>
+					<text v-show="relationErrorPattern"
+						style="font-size: 24rpx; color: red; margin-top: 10rpx;">订单编号格式错误</text>
+				</uni-forms-item>
+			</view>
+			<view class="input_box">
+				<uni-forms-item label="" name="content" label-width="0">
+					<text class="input_tit"><i>*</i>问题描述:</text>
+					<view class="in">
+						<view class="uni-textarea">
+							<textarea placeholder-style="font-size:26rpx" v-model="form.content" maxlength="200"
+								placeholder="请输入您要反馈的问题" />
+						</view>
+					</view>
+				</uni-forms-item>
+			</view>
+			<view class="input_box">
+				<uni-forms-item label="" name="contactInformation" label-width="0">
+					<text class="input_tit"><i>*</i>联系电话:</text>
+					{{reversedMessage}}				
+					<view class="in">
+						<input type="number" placeholder-style="font-size:26rpx" @input="telInput"
+							v-model="form.contactInformation" placeholder="请输入与您联系的手机号" />
+					</view>
+					<text v-show="telError" style="font-size: 24rpx; color: red; margin-top: 10rpx;">手机号格式错误</text>
+				</uni-forms-item>
+			</view>
+
+			<view class="input_box">
+				<text class="input_tit">问题截图:</text>
+				<view class="in" style="border: none;" @click="checkPermision">
+					<u-upload :fileList="fileList1" @afterRead="addPic" @delete="deletePic" multiple :maxCount="4"
+						width="40" height="40" :previewFullImage="true">
+					</u-upload>
+					<text style="font-size: 24rpx; color: #999;">可上传4张问题截图</text>
+				</view>
+				<!-- <input type="password" maxlength="8" v-model="confirmPassword" placeholder="请确认密码" /> -->
+			</view>
+		</uni-forms>
+		<view class="btn_box"><button @click="onSubmit">提 交</button></view>
+	</view>
+</template>
+<script>
+	import $http from '@/config/requestConfig.js';
+	import permission from "@/js_sdk/wa-permission/permission.js"
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	export default {
+		data() {
+			return {
+				fileList1: [],
+				playData: {},
+				//手机号账号
+				form: {
+					account: '', // 账号
+					content: '', // 描述
+					image: '', //图片
+					contactInformation: '', // 联系电话
+					relation: '', // 订单号
+					type: null, // 反馈类型
+				},
+				telError: false,
+				relationError: false,
+				relationErrorPattern:false,
+				rules: {
+					account: {
+						rules: [{
+								required: true,
+								errorMessage: '请输入账号',
+							}
+
+						]
+					},
+					content: {
+						rules: [{
+								required: true,
+								errorMessage: '请输入问题描述',
+							}
+
+						]
+					},
+					contactInformation: {
+						rules: [{
+								required: true,
+								errorMessage: '请输入联系电话',
+							}
+
+						]
+					},
+					type: {
+						rules: [{
+								required: true,
+								errorMessage: '请选择反馈类型',
+							}
+
+						]
+					}
+				},
+				pageType: '',
+				typeLIst: [
+					// { value: 0, text: "请选择" },
+					{
+						value: "1",
+						text: "登陆相关问题"
+					},
+					{
+						value: "2",
+						text: "账号相关问题"
+					},
+					{
+						value: "3",
+						text: "订单相关问题"
+					},
+					{
+						value: "4",
+						text: "购买相关问题"
+					},
+					{
+						value: "5",
+						text: "VIP相关问题"
+					},
+					{
+						value: "6",
+						text: "充值相关问题"
+					},
+					{
+						value: "7",
+						text: "网络暴力举报"
+					},
+					{
+						value: "8",
+						text: "其他"
+					},
+				],
+			};
+		},
+		//第一次加载
+		onLoad(e) {
+			console.log('收到的值', e);
+			this.pageType = e.name
+			switch (this.pageType) {
+				case "login":
+					this.form.type = '1'
+					break;
+
+				case "order":
+					this.form.type = '3'
+					break;
+			}
+
+		},
+		//页面显示
+		onShow() {
+
+		},
+		computed: {
+			...mapState(['userInfo']),
+			reversedMessage: function() {
+				// `this` 指向 vm 实例
+				this.form.account = this.userInfo.tel
+			}
+		},
+		//方法
+		methods: {
+			relationInput(e) {
+				this.relationError = false
+				this.relationErrorPattern = false
+			},
+			telInput(e) {
+				// console.log('键盘输入',e);
+				this.telError = false
+			},
+			async checkPermision(){
+					  var result = await permission.premissionCheck("CAMERA_EXTERNAL_STORAGE")
+					  if (result != 1) {			 
+					  	return false
+					  }		  
+			},
+			async addPic(e) {				
+				 console.log("添加图片");
+				let that = this;
+				for (var i = 0; i < e.file.length; i++) {
+					//console.log(i,e.file[i].url)
+					uni.uploadFile({
+						url: this.$baseUrl + "oss/fileoss",
+						filePath: e.file[i].url,
+						//files:e.file,
+						name: "file",
+						formData: {},
+						success: (res) => {
+							that.fileList1.push({
+								url: JSON.parse(res.data).url,
+							});							
+							console.log(that.fileList1, "that.uploadPicLIst");
+						},
+						fail: (error) => {
+							console.log("上传失败", error);
+						},
+					});
+				}
+			},
+			deletePic(event) {
+				this.fileList1.splice(event.index, 1)
+			},
+			onSubmit() {
+				this.$refs.form.validate().then(res => {					
+					if (this.form.type == 3) {
+						if (this.form.relation == '') {
+							this.relationError = true
+							return
+						} else {
+							if (!this.$base.orderRegular.test(this.form.relation)) {
+								this.relationErrorPattern = true
+								return
+							}
+						}
+					}
+					if (this.fileList1.length > 0) {
+						let _list = this.fileList1
+						_list = _list.map(item => item.url)
+						// console.log('this.fileList1',_list);
+						this.form.image = _list.join(',')
+					}
+					if (!this.$base.phoneRegular.test(this.form.contactInformation)) {
+						this.telError = true
+						uni.showToast({
+							title: '手机格式不正确',
+							icon: 'none'
+						});
+						return;
+					}
+					// console.log('this.fileList1',this.form.image);			
+					$http.request({
+							url: "common/sysFeedback/addSysFeedback",
+							method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+							data: {
+								...this.form
+							},
+							header: { //默认 无 说明：请求头
+								'Content-Type': 'application/json'
+							},
+						})
+						.then(res => {
+							uni.showModal({
+								title: "提示",
+								content: "提交成功！",
+								showCancel: false,
+								success: (res) => {
+									this.fileList1 = []
+									// this.$nextTick(() => {
+										uni.navigateBack({
+											delta: 1
+										});	
+									// })
+
+								}
+							});
+						}).catch(e => {
+					// console.log('表单错误信息：', err);
+					uni.showToast({
+						title: '提交失败',
+						icon: 'error'
+					})
+				});
+				}).catch(err => {
+					console.log('表单错误信息：', err);
+					uni.showToast({
+						title: '页面有未填写的内容哦',
+						icon: 'none'
+					})
+				})
+			}
+		},
+		//页面隐藏
+		onHide() {},
+		//页面卸载
+		onUnload() {},
+		//页面下来刷新
+		onPullDownRefresh() {},
+		//页面上拉触底
+		onReachBottom() {},
+		//用户点击分享
+		onShareAppMessage(e) {
+			return this.wxShare();
+		}
+	};
+</script>
+<style lang="scss" scoped>
+	@import '@/style/mixin.scss';
+	::v-deep .uni-forms-item{
+		margin-bottom: 26rpx !important;
+	}
+	.input_tit{
+		font-weight: bold;
+	}
+	.page {
+		background-color: #ffffff;
+		padding: 0 65rpx;
+		min-height: 100vh;
+
+		.title {
+			padding: 30rpx 0 40rpx 0;
+			font-size: 40rpx;
+			color: #333333;
+		}
+
+		.input_box {
+			display: block;
+			// justify-content: space-between;
+			// overflow: hidden;
+			// height: 100rpx;
+			padding-top: 10rpx;
+
+			// border-bottom: 1rpx solid #eeeeee;
+			align-items: center;
+
+			i {
+				font-size: 24rpx;
+				color: red;
+				padding-right: 10rpx;
+			}
+
+			.in {
+				border: 1rpx solid #eeeeee;
+				border-radius: 8rpx;
+				padding: 8rpx;
+				margin-top: 10rpx;
+			}
+
+			text {
+				font-size: 30rpx;
+				width: 180rpx;
+			}
+
+			input {
+
+				flex: 1;
+				height: 50rpx;
+				// line-height: 70rpx;
+				font-size: 30rpx;
+			}
+
+			button {
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 30rpx;
+				color: $themeColor;
+
+				&:active {
+					background-color: transparent;
+				}
+			}
+		}
+
+		.btn_box {
+			margin-top: 70rpx;
+			padding-bottom: 20rpx;
+
+			button {
+				font-size: 32rpx;
+				@include theme('btn_bg') color: #fff;
+				height: 80rpx;
+				line-height: 80rpx;
+				border-radius: 50rpx;
+			}
+		}
+
+		.protocol {
+			font-size: 24rpx;
+			color: #999999;
+			text-align: center;
+			margin-top: 20rpx;
+
+			text {
+				color: $themeColor;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/mine/mine/index.vue b/pages/mine/mine/index.vue
index 06a7d0b..3db4a8a 100644
--- a/pages/mine/mine/index.vue
+++ b/pages/mine/mine/index.vue
@@ -580,6 +580,7 @@ export default {
           url: "/pages/mine/aboutUs/index",
           type: "pageJump",
         },
+		 { name: "问题反馈/申诉", url: "/pages/homePage/index/workOrder", type: "workOrder" },
         //{ name: "设置", url: "/pages/mine/set/index", type: "pageJump" },
         // { name: "退出登录", type: "quitLogin" },
         // { name: "注销帐号", type: "loginOut" },
@@ -701,6 +702,12 @@ export default {
           //注销账号
           this.logout();
           break;
+		case "workOrder":
+		uni.navigateTo({
+			url:`${v.url}?name=userPage`
+		})
+		  // this.onPageJump(v.url);
+		  break;
       }
     },
     // 获得操作系统