From 106b6a6859b5490d642742af65228127c93f7614 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Thu, 12 Dec 2024 18:06:56 +0800
Subject: [PATCH] add tid1731 logic

---
 src/pages.json                                    |  11 ++
 src/pages/index/index.vue                         |  37 +++-
 src/subpackage/complaint/js/api.js                |   6 +
 src/subpackage/complaint/js/server.js             |  10 +
 src/subpackage/complaint/pages/operate.vue        | 224 ++++++++++++++++++++++
 src/subpackage/complaint/static/images/camera.png | Bin 0 -> 862 bytes
 src/subpackage/complaint/static/images/close.png  | Bin 0 -> 215 bytes
 7 files changed, 280 insertions(+), 8 deletions(-)
 create mode 100644 src/subpackage/complaint/js/api.js
 create mode 100644 src/subpackage/complaint/js/server.js
 create mode 100644 src/subpackage/complaint/pages/operate.vue
 create mode 100644 src/subpackage/complaint/static/images/camera.png
 create mode 100644 src/subpackage/complaint/static/images/close.png

diff --git a/src/pages.json b/src/pages.json
index df82c08..a09940a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -901,6 +901,17 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "subpackage/complaint",
+			"pages": [
+				{
+					"path": "pages/operate",
+					"style" : {
+						"navigationBarTitleText": "投诉建议" 
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index bca99c3..0e584c4 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -80,7 +80,9 @@
 			<image class="f_icon" src="/static/images/icon/index/scan_icon_white.png" mode="scaleToFill"/>
 			<text>核销</text>
 		</view>
+		<view class="complaint-btn" @click="toComplaint">
 
+		</view>
 	</view>
 </template>
 <script>
@@ -224,6 +226,10 @@
 			if(JSON.stringify(indexData)!='{}'&&!!app.isLogin())this.getIndexInfo();
 		},
 		methods: {
+			toComplaint(){
+				let { indexData } = this;
+				util.routeTo(`/subpackage/complaint/pages/operate?brand_id=${indexData?.brand?.id ?? ''}`,'nT');
+			},
 			// 账号有开启了权限的才显示菜单，否则不显示【ID1000840】
 			isPermissionShowTab(e){
 				let { indexData } = this;
@@ -737,24 +743,29 @@
 	// fly_btn
 	.fly_btn{
 		position: fixed;
-		bottom: 100rpx;
-		right: 80rpx;
+		bottom: 20rpx;
+		bottom: calc( 20rpx + constant(safe-area-inset-bottom));
+		bottom: calc( 20rpx + env(safe-area-inset-bottom));
+		right: 0rpx;
+		width: 148upx;
+		height: 148upx;
 		@include centerFlex(center);
 		flex-direction: column;
 		.f_bg{
 			position: absolute;
-			width: 148upx;
-			height: 148upx;
+			width: 100%;
+			height: 100%;
 		}
 		.f_icon{
-			z-index: 3;
+			position: relative;
 			width: 40rpx;
 			height: 40rpx;
 		}
 		>text{
-			z-index: 3;
-			font-size: 20rpx;
-			color: #fff;
+			position: relative;
+			text-align: center;
+			margin-top: 8upx;
+			@include flcw(20rpx, 28rpx, #fff, 500);
 		}
 	}
 	
@@ -762,4 +773,14 @@
 		height:250rpx;
 		width: 1rpx;
 	}
+	.complaint-btn{
+		position: fixed;
+		bottom: 190rpx;
+		bottom: calc( 190rpx + constant(safe-area-inset-bottom));
+		bottom: calc( 190rpx + env(safe-area-inset-bottom));
+		right: 00rpx;
+		width: 148upx;
+		height: 148upx;
+		background: skyblue;
+	}
 </style>
diff --git a/src/subpackage/complaint/js/api.js b/src/subpackage/complaint/js/api.js
new file mode 100644
index 0000000..3eacbb5
--- /dev/null
+++ b/src/subpackage/complaint/js/api.js
@@ -0,0 +1,6 @@
+import { ORIGIN } from "@/js/api";
+
+export const COMPLAINT_API = {
+    uploadComplaintImgs:`${ORIGIN}/upload/file/complaint_imgs`,  // 反馈图片上传
+    complaintSubmit:`${ORIGIN}/admin/assistant/complaint/submit`,  // 商家助手 - 商家投诉建议
+}
\ No newline at end of file
diff --git a/src/subpackage/complaint/js/server.js b/src/subpackage/complaint/js/server.js
new file mode 100644
index 0000000..449baf7
--- /dev/null
+++ b/src/subpackage/complaint/js/server.js
@@ -0,0 +1,10 @@
+import { Server } from '@/js/server';
+
+class C_Server extends Server {
+    constructor(props){
+        super(props)
+    }
+}
+
+
+export default new C_Server();
\ No newline at end of file
diff --git a/src/subpackage/complaint/pages/operate.vue b/src/subpackage/complaint/pages/operate.vue
new file mode 100644
index 0000000..3ba36a7
--- /dev/null
+++ b/src/subpackage/complaint/pages/operate.vue
@@ -0,0 +1,224 @@
+<template>
+    <view class="complaint-operate">
+        <view class="co-box">
+            <view class="co-tit"><text class="ct-star">*</text>反馈内容</view>
+            <view class="co-space"></view>
+            <textarea class="co-textarea" placeholder="请输入" v-model="iptTxt"></textarea>
+        </view>
+        <view class="co-space"></view>
+        <view class="co-box co-upload">
+            <view class="co-tit">上传图片</view>
+            <view class="co-space"></view>
+            <view class="co-ls">
+                <view class="cl-item" v-for="(e, i) in imgTempLs" :key="i">
+                    <image class="ci-close" @click="delImg(i)" src="/subpackage/complaint/static/images/close.png"></image>
+                    <image class="ci-img" mode="aspectFill" :src="e"></image>
+                </view>
+                <view class="cl-item cl-add" @click="chooseImg">
+                    <image class="ca-icon" mode="aspectFit" src="/subpackage/complaint/static/images/camera.png"></image>
+                </view>
+            </view>
+        </view>
+
+        <view class="co-fixed">
+            <view class="cf-btn">取消</view>
+            <view class="cf-btn" @click="submitBtn">提交</view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { routeTo, showModal, jsonPar, showLoad, hideLoad, showNone } from "@/utils/util.js";
+import server from '../js/server';
+import { COMPLAINT_API } from '../js/api';
+export default {
+    data(){
+        return {
+            iptTxt: '',
+            imgTempLs: [],
+            brand_id: ''
+        }
+    },
+    onLoad(options){
+        this.brand_id = options?.brand_id ?? '';
+    },
+    methods: {
+        chooseImg(){
+            uni.chooseImage({
+                success: imgRes =>{
+                    console.log(imgRes);
+                    this.imgTempLs = imgRes?.tempFilePaths || []
+                },
+                failMsg: imgErr => {
+                    console.warn('complaint operate chooseImage err --->' , imgErr);
+                }
+            })
+        },
+        delImg(idx){
+            this.imgTempLs.splice(idx, 1);
+        },
+        async submitBtn(){
+            let { iptTxt, imgTempLs, brand_id } = this;
+            if(!iptTxt)return showModal({ title: '提示', content: '请输入反馈内容' });
+            try{
+                showLoad();
+                let _imgLs = await Promise.all(imgTempLs.map((e, i) => {
+                    return this.uploadImg(e)
+                }));
+                hideLoad();
+
+                this.submitComplaintInfo({
+                    brand_id: brand_id,
+                    mc_text: iptTxt ?? '',
+                    mc_imgs: _imgLs?.map(e => e?.url ?? '') || []
+                })
+            }catch(err){
+                hideLoad();
+                console.warn('complaint operate submitBtn err --->', err);
+            }
+        },
+        uploadImg(imgPath){
+            return server.uploadFile({
+                url: COMPLAINT_API.uploadComplaintImgs,
+                filePath: imgPath,
+            })
+            .then(res => {
+                let _res = jsonPar(res.data);
+                if(_res.code == 0){
+                    return _res.data;
+                }else{
+                    return Promise.reject(_res);
+                }
+            })
+            .catch(err => {
+                console.warn('complaint operate uploadImg err --->', err);
+                return ({
+                    type: 'error',
+                    tempPath: imgPath
+                })
+            })
+        },
+        //获取核销信息 预兑换
+        submitComplaintInfo({ brand_id, mc_text, mc_imgs }){
+            showLoad();
+            return server.post({
+                url: COMPLAINT_API.complaintSubmit,
+                data: { brand_id, mc_text, mc_imgs },
+                isDefaultGet: false,
+            })
+            .then(res=>{
+                hideLoad();
+                let _data = res?.data || {};
+                if(_data?.code === 0){
+                    showNone('操作成功！');
+                    setTimeout(routeTo, 1000);
+                }else{
+                    return Promise.reject(_data);
+                }
+                
+            })
+            .catch(err=>{
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '操作失败！'
+                })
+                console.warn('complaint operate submitComplaintInfo err --->', err);
+            })
+        },
+    }
+}
+</script>
+
+<style lang='scss'>
+    page {
+        background-color: #F2F2F7;
+    }
+    .complaint-operate{
+        padding: 24upx;
+        @include isPd(122upx);
+        .co-space{
+            height: 24upx
+        }
+        .co-tit{
+            @include flcw(32upx, 44upx, #1a1a1a, 500);
+            .ct-star{
+                color: #EA5061;
+            }
+        }
+        .co-box{
+            padding: 30upx;
+            border-radius: 20upx;
+            background: #fff;
+
+        }
+        .co-textarea{
+            padding: 20upx;
+            width: auto;
+            height: 306upx;
+            border-radius: 16upx;
+            background: #F6F8F9;
+            @include flcw(32upx, 44upx, #1a1a1a);
+        }
+        .co-upload{
+            padding: 30upx 20upx;
+            .co-ls{
+                font-size: 0;
+                .cl-item{
+                    position: relative;
+                    margin: 24upx 10upx 0upx;
+                    display: inline-block;
+                    vertical-align: middle;
+                    width: 200upx;
+                    height: 200upx;
+                    border-radius: 10upx;
+                    overflow: hidden;
+                    &.cl-add{
+                        padding-top: 36upx;
+                        border: 2upx dashed #D8D8D8;
+                        .ca-icon{
+                            display: block;
+                            margin: 0 auto;
+                            width: 120upx;
+                            height: 120upx;
+                        }
+                    }
+                    .ci-close{
+                        position: absolute;
+                        top: 6upx;
+                        right: 6upx;
+                        width: 40upx;
+                        height: 40upx;
+                    }
+                    .ci-img{
+                        width: 100%;
+                        height: 100%;
+                    }
+                }
+            }
+        }
+        .co-fixed{
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            padding: 10upx 30upx;
+            width: 100%;
+            background: #F2F2F7;
+            @include ctf(center);
+            .cf-btn{
+                margin: 0 20upx;
+                width: 240upx;
+                text-align: center;
+                border: 1px solid $mColor;
+                border-radius: 50upx;
+                @include flcw(32upx, 92upx, $mColor);
+                background: #fff;
+                &+.cf-btn{
+                    background: $mColor;
+                    color: #fff;
+                }
+            }
+        }
+        
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/complaint/static/images/camera.png b/src/subpackage/complaint/static/images/camera.png
new file mode 100644
index 0000000000000000000000000000000000000000..42f8f815c0199128b460003fcb4843259de5191a
GIT binary patch
literal 862
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw3=&b&bO2J51AIbUf%MIrH}BuS4<WByxpMpV
zZ6F&0Zr!>CWI#x`2#^aG0W$8~xdW5}>Vg2UB#5|i;|7p~XosjlGXW?FR{&uEwE)%F
zt2}lCI?JFW$S;`Tqxf%jZt13X6U(AkTs-)FYm({Xt8Rj~+N*6X4OGSM%}>*Mefs#i
z#oazL3bUq!1m!0SUt(Zj^73?X4DmSrcFOUlMGhja@=QzDHZ`ae=WIUr_y79Y(QR^p
zTe>69<owFfnKx&ZIK$6}|AkoZ9uw}~k@-kXcFJbM3F;M%bL(FBF=z*!FF5~j`zL`9
zOIjp4c>LDsxIf%isaUUAeZc**SH=FbYr3m%r4}_*t1XO?_^oka#`Kea+c|%&6uAEQ
z5?7ymc$Jse%<K8(GR)mw&y6gevJ~sBdhl$^a+zM<GfRxv<t(Sj3Y>@+*zmim?zR@^
z`KsxbxnDhQ9+|Z#$!3~TCffrAmyM?naW4;f^FC>I>(S%;{w(CXR9MRO=lxWhh)3P$
z8}DQ|8&~N+H#3>W+8aAvyLv+Fo~gHQ%}~?q_PJIye``zu)4LgarrJw<ao5>>Gv!$E
z|9{3pxxtm{>OH=5y{ljS+F{DvDN>=CZWI2*Tg}GWc(T7to7SmS%zum~F~=qbPUGER
zG|6(_&&4(=lYO5|lzXyZY2?Q}pOq%DE#P^=xM7MW*PAcuISC5if7;lc_Fj;$uzAnA
zGq+|*d^p!Vv*acR^UbY|ACnJf?YU|=;i<5N%_;WS?#?~w_xu9OW`4cr;iqfmYWaLd
zuySNo&(?QO#h85!CzoC=>)*fdef#yZHHK4<3%fnOZ24|ZQd~-Ma%7gb!0Gt)fB8;K
zTDMWh&+nz1dijzjpDW9%19$Hfs#Lt)p#8LGTjCB`PfJbXNv(AmzLhnsObgVnUi{3R
z!ln~a8gAMUAam|Y@YGoT85=Hkp6$G*9BS;w`%0{OE(d33_;J3cK9fSrH}AWXv365i
is*iH?)+g=tXY=RS_s&j}m5c?ZNCr<=KbLh*2~7azslem_

literal 0
HcmV?d00001

diff --git a/src/subpackage/complaint/static/images/close.png b/src/subpackage/complaint/static/images/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..348cf1b9f9e10b7c8e145c13baf0fdca0395bed4
GIT binary patch
literal 215
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc0wmQNuC@Uw#^NA%Cx&(BWL^R}6FprVLn?0d
zPIlyCQRHFa)~`#u|M+Nk|E%~Q8j{bR2-~E#HnyELa^9uyB(8Fd!(*mb`i5=nbG_Q?
zMfJ}7T=Ze_kw)7e3W}9y7Hehg+0Bshwd~RiF7@8vy=g1Dq&_6xyJ6=T9JVld#v$pe
zo{{a1l~<B)GmAY7?9W~A67cZS!_zIth2<(fa31y+jNkm@QQQ7Q;#FV%+Ph8v5(9J`
NgQu&X%Q~loCIA`%RtNw9

literal 0
HcmV?d00001