增加一键反馈页面

src/api/indexAI.js

@@ -334,6 +334,15 @@ export function GetProductInfo(query) {
     })
 }
 
+// 提交反馈信息
+export function UpdateFeedBack(query) {
+    return request({
+        url: '/aidesign/outside/UpdateFeedBack',
+        method: 'post',
+        data: query
+    })
+}
+
 //获取确认下单地址
 export function GetOrderAddress() {
     const formData = new FormData();

src/router/index.ts

@@ -82,6 +82,12 @@ const router = new VueRouter({
           component: () => import("../views/AIDesign/diagnoseResult.vue"),
           meta: { requiresAuth: true } // 标记需要登录的页面
         },
+        //反馈页面
+          {
+              path: "/AIDesign/feedback",
+              component: () => import("../views/AIDesign/feedback.vue"),
+              meta: { requiresAuth: true }
+          },
         // 生成方案
         {
           path: "/AIDesign/GeneratePlan",

src/views/AIDesign/feedback.vue

@@ -0,0 +1,133 @@
+<template>
+    <div class="resout-container AI-Design-container">
+        <div class="header">
+            <van-nav-bar title="一键反馈" left-arrow @click-left="returnPage" @click-right="toHome">
+                <template #right>
+                    <van-icon name="wap-home-o" color="#333" size="26" />
+                </template>
+            </van-nav-bar>
+        </div>
+        <div class="card" style="padding-top: 15px;">
+            <div v-if="feedbackResult == 0" class="title">写反馈</div>
+            <van-field
+                    v-if="feedbackResult == 0"
+                    v-model="feedbackMessage"
+                    rows="12"
+                    autosize
+                    @input="messageInput"
+                    style="padding: 0;"
+                    type="textarea"
+                    maxlength="300"
+                    placeholder="差点意思？再生成一张会更好也可以在此提出您的宝贵意见..."
+                    show-word-limit
+            />
+            <img v-if="feedbackResult == 1" src="@/assets/AIDesign/feedback_result.png" class="feedback-result-img" />
+            <div v-if="feedbackResult == 1" class="feedback-result-txt">您已成功提交反馈，我们将尽快处理~</div>
+        </div>
+        <van-button
+                v-if="feedbackResult == 0"
+                type="primary"
+                size="large"
+                color="#2484F2"
+                :disabled="isBtnDisabled"
+                style="width: 90%;margin-top: 20px;border-radius: 15px;"
+                @click="applyFeedback">
+            提交反馈
+        </van-button>
+    </div>
+</template>
+
+<script lang="ts">
+    import { Component, Vue } from "vue-property-decorator";
+    import { UpdateFeedBack } from "@/api/indexAI";
+    import { toLBHome } from '@/utils/index';
+    @Component
+    export default class extends Vue {
+
+        private isBtnDisabled = true;
+        private feedbackMessage = '';
+        private feedbackResult = 0;
+
+        activated(){
+            this.feedbackResult =  this.$route.query.feedbackResult;
+        }
+        
+        applyFeedback(){
+            let that = this;
+            const F_ID = this.$route.query.F_id || "";
+            const formData = new FormData();
+            formData.append('F_id', F_ID);
+            formData.append('Feedback', that.feedbackMessage);
+            UpdateFeedBack(formData).then(response => {
+                if (response.StatusCode == 200) {
+                    that.feedbackResult = 1;
+                }
+            })
+        }
+
+        messageInput(value){
+            let that = this;
+            if (value.trim() === "") {
+                that.isBtnDisabled = true;
+            }else {
+                that.isBtnDisabled = false;
+            }
+        }
+
+        returnPage() {
+            this.$router.back();
+        }
+
+        toHome() {
+            toLBHome()
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .resout-container {
+        background: linear-gradient(to bottom, #dffef6, #e7f8f4);
+        min-height: 100vh;
+        flex-direction: column;
+        display: flex;
+        align-items: center;
+    }
+    .header {
+        border-bottom: 1px solid #f8f8f8;
+        .van-nav-bar__title {
+            font-size: 20px;
+            color: #333;
+        }
+        .van-icon {
+            font-size: 20px;
+            color: #333 !important;
+        }
+    }
+    .card{
+        width: 90%;
+        height: 60vh;
+        min-height: 60vh;
+        background-color: #FFFFFF;
+        border-radius: 15px;
+        margin-top: 70px;
+        flex-direction: column;
+        display: flex;
+        box-sizing: border-box;
+        padding: 15px;
+        .title{
+            font-size: 20px;
+            margin-bottom: 15px;
+        }
+        .feedback-result-img{
+            width: 70%;
+            margin-left: 15%;
+            margin-top: 10%;
+        }
+        .feedback-result-txt{
+            font-size: 16px;
+            color: rgb(134, 144, 156);
+            text-align: center;
+            margin-top: 15px;
+        }
+    }
+</style>

src/views/AIDesign/result.vue

@@ -29,13 +29,13 @@
             </div>
           </div>
           <div class="imgbox-b">
-            <div class="image-wrapper" @click="imgClick(UserFilePathUrl)">
+            <div class="image-wrapper" @click="imgClick(0)">
               <img :src="UserFilePathUrl" alt="房屋效果图" class="house-image" @error="handleImageError" />
               <div v-on="{
                 'click.stop': imgHasErr ? () => reloadImage('userFile') : () => { }
               }"></div>
             </div>
-            <div class="image-wrapper" @click="imgClick(imageUrl)">
+            <div class="image-wrapper" @click="imgClick(1)">
               <img :src="imageUrlSmall" alt="房屋效果图" class="house-image" @error="handleImageError" />
               <div v-on="{
                 'click.stop': imgHasErr ? () => reloadImage('imageSmall') : () => { }
@@ -49,6 +49,11 @@
             '生成失败，\n' + StateInfo :
             '正在为您加速生成中，先喝杯茶吧~\n退出本页不影响生成')) : '加载中...' }}</p>
         </div>
+        <div class="feedback" @click="toFeedback">
+          <img src="@/assets/AIDesign/feedback_icon.png" class="feedback-icon" />
+          <span v-if="F_Feedback == null">一键反馈</span>
+          <span v-if="F_Feedback != null">查看反馈</span>
+        </div>
       </div>
 
       <!-- 功能按钮组 -->
@@ -124,6 +129,7 @@ export default class extends Vue {
   private type = '';
   private wallType = '';
   private F_OutsideType = null;
+  private F_Feedback = null;
   private defaultImg = require('@/assets/AIDesign/imgErrIcon.jpg'); // 替换为实际图片路径
   private imgHasErr = false;
   // 处理内外墙api
@@ -322,8 +328,8 @@ export default class extends Vue {
   toHome() {
     toLBHome()
   }
-  imgClick(url) {
-    ImagePreview([url]);
+  imgClick(index) {
+    ImagePreview([this.UserFilePathUrl,this.imageUrl],index);
   }
   private startPolling(): void {
     // 立即执行一次检查
@@ -372,6 +378,7 @@ export default class extends Vue {
           this.StateInfo = response.Data.Description;
           this.projectId = response.Data.ProjectID;
           this.F_OutsideType = response.Data.F_OutsideType;
+          this.F_Feedback = response.Data.F_Feedback;
           let DesignCount = response.Data.DesignCount || 0;
           // 外墙-服务商随身邦
           if (this.agentFrom === 'stoneLikePaint' && this.wallType === 'outside') {
@@ -430,6 +437,7 @@ export default class extends Vue {
           this.StateCode = response.Data.StateCode;
           this.StateInfo = response.Data.Description;
           this.F_OutsideType = response.Data.F_OutsideType;
+          this.F_Feedback = response.Data.F_Feedback;
           this.projectId = response.Data.ProjectID;
           let DesignCount = response.Data.DesignCount || 0;
           // 外墙-服务商随身邦
@@ -556,6 +564,12 @@ export default class extends Vue {
     });
   }
 
+  private toFeedback(){
+      let that = this;
+      const F_ID = this.$route.query.F_id || "";
+      this.$router.push({ path: '/AIDesign/feedback', query: { F_id: F_ID, feedbackResult: that.F_Feedback == null ? 0 : 1 } });
+  }
+
   private viewHistory(): void {
     this.UpdateReadStateFn();
     // console.log('查看历史生成');
@@ -663,7 +677,16 @@ export default class extends Vue {
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-
+  .feedback{
+    padding: 15px 10px 15px 10px;
+    font-size: 16px;
+    color: rgba(22, 93, 255, 1);
+    .feedback-icon{
+      width: 20px;
+      margin-right: 5px;
+      margin-bottom: -5px;
+    }
+  }
   .comparisonWrapper {
     display: flex;
     flex-direction: column;