refactor: clean up codebase and add new features
Replace SCSS variable usages with explicit pixel/hex values for consistent styling across all components Fix broken template syntax including missing class spaces and incorrect closing tags Migrate constant and API imports to centralized @/constants and @/api modules Add new utility classes: IdUtils, CallbackUtils, and TimerUtils Add new chat conversation API endpoints for recent conversations and message lists Add new Discovery page components (FindTabs, QuickQuestions, CardSwiper) and their styles Update app store config to use environment variables for base API and WebSocket URLs Add new selected tab icon assets
This commit is contained in:
@@ -1,44 +1,26 @@
|
||||
<template>
|
||||
<div class="create-service-order">
|
||||
<div
|
||||
class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
|
||||
>
|
||||
<div
|
||||
class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50"
|
||||
>
|
||||
<spanclass="font-size-18 font-500 color-171717 text-left ml-12">
|
||||
<div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
|
||||
<div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
|
||||
<span class="font-size-18 font-500 color-171717 text-left ml-12">
|
||||
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
|
||||
</text>
|
||||
<img
|
||||
class="header-icon"
|
||||
src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png"
|
||||
/>
|
||||
</span>
|
||||
<img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
|
||||
</div>
|
||||
|
||||
<div v-if="!isCallSuccess" class="border-box p-12">
|
||||
<div
|
||||
class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
|
||||
>
|
||||
<spanclass="font-500 line-height-22 mr-20">联系电话</text>
|
||||
<div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
|
||||
<span class="font-500 line-height-22 mr-20">联系电话</span>
|
||||
<input placeholder="请填写联系电话" v-model="contactPhone" />
|
||||
</div>
|
||||
<div
|
||||
class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12"
|
||||
>
|
||||
<div class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
|
||||
<div class="font-500 line-height-22 mb-12">意见内容</div>
|
||||
<textarea
|
||||
class="h-80"
|
||||
placeholder="请输入反馈意见"
|
||||
placeholder-class="font-size-14 font-400"
|
||||
maxlength="100"
|
||||
v-model="contactText"
|
||||
/>
|
||||
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
|
||||
v-model="contactText" />
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
|
||||
@click="handleCall"
|
||||
>
|
||||
<div class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
|
||||
@click="handleCall">
|
||||
立即提交
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,9 +36,9 @@
|
||||
|
||||
<div class="footer-help flex flex-items-center pl-12 mb-12">
|
||||
<img class="help-icon mr-4" src="./images/icon_volume.png" />
|
||||
<spanclass="font-size-12 font-500 color-FA7319">
|
||||
<span class="font-size-12 font-500 color-FA7319">
|
||||
{{ appName }}收到您的意见将第一时间为您处理!
|
||||
</text>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -64,8 +46,8 @@
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, nextTick, computed } from "vue";
|
||||
import { SCROLL_TO_BOTTOM } from "@/constant/constant";
|
||||
import { getCurrentConfig } from "@/constant/base";
|
||||
import { SCROLL_TO_BOTTOM } from "@/constants/constant";
|
||||
import { getCurrentConfig } from "@/constants/base";
|
||||
import { submitFeedback } from "@/request/api/FeedbackApi";
|
||||
|
||||
const contactPhone = ref("");
|
||||
|
||||
Reference in New Issue
Block a user