新增了投诉反馈页面

pages.json

@@ -688,6 +688,15 @@
         "navigationBarTextStyle": "white"
       }
 
+    }, {
+      "path": "complaint/complaint",
+      "style": {
+        "navigationBarTitleText": "投诉反馈",
+        "enablePullDownRefresh": false,
+        "navigationBarBackgroundColor": "#0122C7",
+        "navigationBarTextStyle": "white"
+      }
+
     }]
   }],
   "globalStyle": {

pages/otherSetting/otherSetting.vue

@@ -1,19 +1,19 @@
 <template>
   <view style="padding: 28rpx 0;">
     <view class="other_guide">
-    	<block v-for="(item,i) in myOaData" :key="i">
+      <block v-for="(item,i) in myOaData" :key="i">
-    		<view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
+        <view class="other_item flex_a_c_j_sb" @click="clickItem(item)">
-    			<view class="flex_a_c left">
+          <view class="flex_a_c left">
-    				<!-- <view class="iconfont2" :class="item.icon"></view> -->
+            <!-- <view class="iconfont2" :class="item.icon"></view> -->
-    				<image v-if="item.icon" :src="item.icon"></image>
+            <image v-if="item.icon" :src="item.icon"></image>
-    				<view class="text">{{ item.name }}</view>
+            <view class="text">{{ item.name }}</view>
-    			</view>
+          </view>
-    			<view style="display: flex;align-items: center;">
+          <view style="display: flex;align-items: center;">
             <view v-if="i==0">{{version}}</view>
             <uni-icons type="forward"></uni-icons>
           </view>
-    		</view>
+        </view>
-    	</block>
+      </block>
     </view>
     <view class="us" @click="copyPhone">
       <view>联系我们</view>
@@ -23,13 +23,12 @@
 </template>
 
 <script>
-import { Toast } from '../../libs/uniApi';
+  import { Toast } from '../../libs/uniApi';
-import { destroyAccount } from '@/api/oaUser.js';
+  import { destroyAccount } from '@/api/oaUser.js';
   export default {
     data() {
       return {
-        myOaData: [
+        myOaData: [{
-          {
             name: '版本更新'
           },
           {
@@ -43,6 +42,10 @@ import { destroyAccount } from '@/api/oaUser.js';
             name: '用户协议',
             url: 'https://worker-task.lihaink.cn/pc/policy/service'
           },
+          {
+            name: '投诉反馈',
+            url: '/subpkg/complaint/complaint'
+          },
           {
             name: '联系我们'
           },
@@ -53,26 +56,41 @@ import { destroyAccount } from '@/api/oaUser.js';
     },
     onLoad() {
       let os = uni.getSystemInfoSync();
-      this.version = 'v' + (os?.appWgtVersion||os?.appVersion);
+      this.version = 'v' + (os?.appWgtVersion || os?.appVersion);
     },
-    methods:{
+    methods: {
-      clickItem(e){
+      clickItem(e) {
-        switch(e.name){
+        switch (e.name) {
-          case '版本更新': this.updateVersion();break;
+          case '版本更新':
-          case '注销账户': this.unsubscribe();break;
+            this.updateVersion();
-          case '联系我们': this.connectUs();break;
+            break;
-          case '隐私政策': this.navToWebView(e.url,'隐私政策');break;
+          case '注销账户':
-          case '用户协议': this.navToWebView(e.url,'用户协议');break;
+            this.unsubscribe();
+            break;
+          case '联系我们':
+            this.connectUs();
+            break;
+          case '隐私政策':
+            this.navToWebView(e.url, '隐私政策');
+            break;
+          case '用户协议':
+            this.navToWebView(e.url, '用户协议');
+            break;
+          case '投诉反馈':
+            uni.navigateTo({
+              url: e.url
+            });
+            break;
         }
       },
-      updateVersion(){
+      updateVersion() {
         this.$store.dispatch('initConfig', true);
       },
-      async unsubscribe(){
+      async unsubscribe() {
         uni.showModal({
           content: '注销账号后不可恢复,确认要注销吗?',
-          success: async (e)=> {
+          success: async (e) => {
-            if(e.confirm){
+            if (e.confirm) {
               let res = await destroyAccount();
               uni.reLaunch({
                 url: '/pages/oaLogin/oaLogin'
@@ -81,7 +99,7 @@ import { destroyAccount } from '@/api/oaUser.js';
           }
         })
       },
-      connectUs(){
+      connectUs() {
         //拨打电话
         uni.makePhoneCall({
           phoneNumber: this.us + "",
@@ -94,7 +112,7 @@ import { destroyAccount } from '@/api/oaUser.js';
           }
         });
       },
-      copyPhone(){
+      copyPhone() {
         //复制号码
         uni.setClipboardData({
           data: this.us + "",
@@ -107,9 +125,9 @@ import { destroyAccount } from '@/api/oaUser.js';
           }
         })
       },
-      navToWebView(uri, title){
+      navToWebView(uri, title) {
         uni.navigateTo({
-          url:`/pages/webView/webView?title=${title}&uri=${uri}`
+          url: `/pages/webView/webView?title=${title}&uri=${uri}`
         })
       }
     }
@@ -117,40 +135,40 @@ import { destroyAccount } from '@/api/oaUser.js';
 </script>
 
 <style lang="scss">
-.other_guide {
+  .other_guide {
-		width: 694.74rpx;
+    width: 694.74rpx;
-		margin: 0 auto;
+    margin: 0 auto;
-		padding: 28.07rpx;
+    padding: 28.07rpx;
-		background-color: #fff;
+    background-color: #fff;
-		border-radius: 12px;
+    border-radius: 12px;
 
-		.other_item {
+    .other_item {
-			height: 87.72rpx;
+      height: 87.72rpx;
-			border-bottom: 1px solid #F0F5F7;
+      border-bottom: 1px solid #F0F5F7;
 
-			.text {
+      .text {
-				font-size: 28.07rpx;
+        font-size: 28.07rpx;
-				margin-left: 20.56rpx;
+        margin-left: 20.56rpx;
-			}
+      }
 
-			.left {
+      .left {
-				align-items: center;
+        align-items: center;
-			}
+      }
 
-			image {
+      image {
-				width: 42rpx;
+        width: 42rpx;
-				height: 42rpx;
+        height: 42rpx;
-			}
+      }
 
-			.iconfont2 {
+      .iconfont2 {
-				font-size: 42.11rpx;
+        font-size: 42.11rpx;
-			}
+      }
-		}
+    }
-	}
+  }
-  
+
-  .us{
+  .us {
     margin: 60rpx 0;
     text-align: center;
     color: #aaa;
   }
-</style>
+</style>

subpkg/complaint/complaint.vue

@@ -0,0 +1,105 @@
+<template>
+  <view class="page">
+    <view class="card">
+      <view class="c_title">内容</view>
+      <u--textarea v-model="content" placeholder="请输入内容"
+        placeholderStyle="font-size: 22rpx;" style="font-size: 28rpx;background-color: #eee;min-height: 100px;"
+        autoHeight maxlength="-1"></u--textarea>
+    </view>
+    <mybtn text="确认提交"></mybtn>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        content: ''
+      }
+    },
+    onLoad() {},
+    onShow() {},
+    methods: {},
+  }
+</script>
+
+<style lang="scss" scoped>
+  .page {
+    padding-top: 30rpx;
+
+    .card {
+      margin: 0 auto;
+      margin-bottom: 28rpx;
+      width: 694rpx;
+      background-color: #fff;
+      border-radius: 26rpx;
+      padding: 28rpx;
+
+      .c_title {
+        font-size: 32rpx;
+        font-weight: bold;
+        color: #333333;
+        margin-bottom: 20rpx;
+      }
+
+      .file {
+        display: flex;
+        justify-content: left;
+        flex-wrap: wrap;
+
+        &_item {
+          flex-shrink: 0;
+          width: 200rpx;
+          height: 200rpx;
+          margin: 0 auto;
+          margin-bottom: 16rpx;
+          border: 2px solid #ccc;
+          border-radius: 10rpx;
+          overflow: hidden;
+          position: relative;
+
+          .image {
+            width: 100%;
+            height: 100%;
+          }
+
+          .del {
+            position: absolute;
+            height: 40rpx;
+            width: 40rpx;
+            top: 10rpx;
+            right: 10rpx;
+          }
+        }
+
+        &_btn {
+          flex-shrink: 0;
+          width: 200rpx;
+          height: 200rpx;
+          margin: 0 auto;
+          margin-bottom: 16rpx;
+          border: 2px solid #ccc;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          border-radius: 10rpx;
+
+          image {
+            width: 100rpx;
+            height: 100rpx;
+          }
+        }
+
+        &_empty {
+          flex-shrink: 0;
+          width: 200rpx;
+          height: 200rpx;
+          margin: 0 auto;
+          margin-bottom: 16rpx;
+          border: 2px solid transparent;
+        }
+      }
+    }
+  }
+</style>