接入反馈

api/mine/feedback.js

+import request from "@/utils/request.js"
+
+export function add(data) {
+    return request({
+        url: `/rest/feedback`,
+        method: 'POST',
+        data,
+        noLoading:true
+    })
+}
+
+export function getType() {
+    return request({
+        url: `/rest/feedback/getType`,
+        method: 'GET',
+        noLoading:true
+    })
+}
\ No newline at end of file

components/pop-back/index.vue

+<template>
+ <u-popup v-model="show" safe-area-inset-bottom border-radius="24" mode="center" width="86%" :closeable="false"
+	:customStyle="{backgroundColor:'transparent' }" @close="handleClose">
+    <view class="pop-back">
+	  <image class="success-image" :src="titleImage"></image>
+	  <view class="success-title">{{titleText}}</view>
+	  <view class="success-text">{{descText}}</view>
+	  <button class="success-btn" @tap="popViewClick"><text class="btnText">{{sureButtonText}}</text></button>
+    </view>
+  </u-popup>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    titleImage: {
+      type: String,
+      default: ''
+    },
+	titleText:{
+		type: String,
+		default: ''
+	},
+	descText:{
+		type: String,
+		default: ''
+	},
+	sureButtonText:{
+		type: String,
+		default: ''
+	}
+  },
+  data () {
+    return {
+      show: false,
+    }
+  },
+  watch: {
+    visible (val) {
+	console.log("pop back",this.show)
+      this.show = val
+    },
+  },
+  computed: {
+    platform () {
+      return uni.$u.platform
+    },
+  },
+  methods: {
+    changeVisibleValue (val) {
+      this.show = val
+      this.$emit('update:visible', val)
+    },
+    handleClose () {
+      this.changeVisibleValue(false)
+    },
+    popViewClick () {
+      this.changeVisibleValue(false)
+      this.$emit('click')
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.pop-back {
+  // margin: 0 64rpx;
+  border-radius: 24rpx;
+  text-align: center;
+  background-color: #ffffff;
+
+.success-view {
+	text-align: center;
+}
+
+.success-image {
+	width: 160rpx;
+	height: 160rpx;
+	margin-top: 64rpx;
+}
+
+.success-title {
+	margin-top: 56rpx;
+	font-size: 48rpx;
+	font-weight: bold;
+	color: $default-color;
+}
+
+.success-text {
+	margin-top: 24rpx;
+	font-size: 28rpx;
+	color: #8D8D8D;
+	padding: 0 70rpx;
+}
+
+.success-btn {
+	margin-top: 56rpx;
+	margin-bottom: 56rpx;
+	width: 558rpx;
+	height: 104rpx;
+	background-color: $default-color;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 16rpx;
+	color: white;
+}
+
+
+  .popCenterView {
+    height: 60%;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .popViewImage {
+    width: 100%;
+    height: 100%;
+    background-color: white;
+  }
+
+  .closeBtnView {
+    width: 70%;
+    height: 40px;
+    background-color: white;
+    display: flex;
+  }
+
+  .closeBtn {
+    margin-top: 10px;
+    width: 40px;
+    height: 40px;
+    border-radius: 20px;
+  }
+}
+</style>

manifest.json

@@ -5,6 +5,7 @@
     "versionName" : "1.3.6",
     "versionCode" : 136,
     "transformPx" : false,
+    "sassImplementationName" : "node-sass",
     /* 5+App特有相关 */
     "app-plus" : {
         "usingComponents" : true,

pages.json

@@ -236,6 +236,16 @@
 		{
 			"root": "pages/mine",
 			"pages": [
+				{
+					"path": "feedback/feedback",
+					"style": {
+						"navigationBarTitleText": "需求反馈",
+						"enablePullDownRefresh": false,
+						"backgroundColor": "#F6F7FB",
+						"navigationBarBackgroundColor": "#F6F7FB",
+						"navigationBarTextStyle": "black"
+					}
+				},
 				{
 					"path": "shop-setting/shop-setting",
 					"style": {

static/styles/common.scss

@@ -18,6 +18,7 @@ $base-line-height: 28upx;
 
 // 主题颜色
 $default-color: #02a074;
+$default-disabled-color: #7dcfb8;
 
 .ellipsis {
 	white-space: nowrap;

utils/options/mine/index.js

@@ -2,7 +2,7 @@ const baseUrl = process.uniEnv.qn_base_url + 'mine/'
 
 // 常用功能
 export const usedOptions = [
-	
+
 	{
 		id: 1,
 		title: '店铺设置',
@@ -42,12 +42,18 @@ export const packageOptions = [
 		id: 4,
 		title: '我的奖金',
 		path: "/pages/bonus/index"
-	}, 
+	},
 	{
 		id: 7,
 		title: '我的订单',
 		path: "/pages/mine/order/order"
 	},
+	{
+		id: 8,
+		title: '反馈建议',
+		icon: baseUrl + 'fankuijianyi@3x.png',
+		path: `/pages/mine/feedback/feedback?source=${'我的'}`
+	},
 	{
 		id: 6,
 		title: '使用帮助',
@@ -59,13 +65,13 @@ export const packageOptions = [
 		title: '数据导出/导入',
 		icon: 'file-text',
 		path: "/pages/mine/import-export/import-export"
-	}, 
+	},
 	{
 		id: 5,
 		title: '账单回收站',
 		icon: 'file-text',
 		path: "/pages/mine/recyled/recyled"
-	}, 
+	},
 	{
 		id: 1,
 		title: '关于',
@@ -87,23 +93,23 @@ export const packageOptions = [
 ]
 
 export const shopSettingOptions = [{
-		label: '店铺名称',
-		value: 'name',
-		path: "/pages/mine/shop-setting/shop-name/shop-name"
-	},
-	{
-		label: '店铺地址',
-		value: 'address',
-		path: "/pages/mine/shop-setting/shop-address/shop-address"
-	},
-	{
-		label: '联系电话',
-		value: 'phone',
-		path: "/pages/mine/shop-setting/shop-phone/shop-phone"
-	},
-	{
-		label: '收款人',
-		value: 'lister',
-		path: "/pages/mine/shop-setting/shop-lister/shop-lister"
-	}
+	label: '店铺名称',
+	value: 'name',
+	path: "/pages/mine/shop-setting/shop-name/shop-name"
+},
+{
+	label: '店铺地址',
+	value: 'address',
+	path: "/pages/mine/shop-setting/shop-address/shop-address"
+},
+{
+	label: '联系电话',
+	value: 'phone',
+	path: "/pages/mine/shop-setting/shop-phone/shop-phone"
+},
+{
+	label: '收款人',
+	value: 'lister',
+	path: "/pages/mine/shop-setting/shop-lister/shop-lister"
+}
 ]