新增了投诉反馈页面

pages.json

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

pages/otherSetting/otherSetting.vue

@@ -28,8 +28,7 @@ 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: '联系我们'
           },
@@ -58,11 +61,26 @@ import { destroyAccount } from '@/api/oaUser.js';
     methods: {
       clickItem(e) {
         switch (e.name) {
-          case '版本更新': this.updateVersion();break;
-          case '注销账户': this.unsubscribe();break;
-          case '联系我们': this.connectUs();break;
-          case '隐私政策': this.navToWebView(e.url,'隐私政策');break;
-          case '用户协议': this.navToWebView(e.url,'用户协议');break;
+          case '版本更新':
+            this.updateVersion();
+            break;
+          case '注销账户':
+            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() {

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>