|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<view class="page">
|
|
|
- <uv-navbar title="纠错上报" bgColor="#C6171E" leftIconColor="#FFFFFF" :titleStyle="{ color: '#FFFFFF' }" :autoBack="true" :placeholder="true"></uv-navbar>
|
|
|
+ <uv-navbar title="故障反馈" bgColor="#C6171E" leftIconColor="#FFFFFF" :titleStyle="{ color: '#FFFFFF' }" :autoBack="true" :placeholder="true"></uv-navbar>
|
|
|
<view class="sheet">
|
|
|
<uv-list border>
|
|
|
<uv-list-item
|
|
|
@@ -20,21 +20,6 @@
|
|
|
</view>
|
|
|
|
|
|
|
|
|
- <view
|
|
|
- class="flex-center flex-column contact mt-20"
|
|
|
- hover-class="hover-scale"
|
|
|
- @click="call"
|
|
|
- >
|
|
|
-
|
|
|
- <image
|
|
|
- @click="handleCallPhone"
|
|
|
- class="width-96"
|
|
|
- mode="widthFix"
|
|
|
- src="/static/contact-customer.png"/>
|
|
|
-
|
|
|
- <view class="mt-16 color-666 fs-28">电话客服</view>
|
|
|
- </view>
|
|
|
-
|
|
|
<view class="feedback-plus" @click="handleAddFeedback">
|
|
|
<uv-icon name="plus" color="#FFFFFF"></uv-icon>
|
|
|
</view>
|
|
|
@@ -45,75 +30,31 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import {onHide, onShow} from "@dcloudio/uni-app";
|
|
|
+import {onShow} from "@dcloudio/uni-app";
|
|
|
import {reactive, ref} from "vue";
|
|
|
import {body} from "@/utils/https"
|
|
|
|
|
|
import add from '@/pages-user/feedback/add.vue';
|
|
|
-import {getServicePhone} from "@/utils/common";
|
|
|
|
|
|
const add_ref = ref()
|
|
|
const detail_ref = ref()
|
|
|
|
|
|
const initState = () => ({
|
|
|
- feedbackList: [
|
|
|
- // {
|
|
|
- // title: '洗车扣费异常问题',
|
|
|
- // status: 1,
|
|
|
- // createTime: '2022-09-01 10:00:00',
|
|
|
- // },
|
|
|
- // {
|
|
|
- // title: '洗车扣费异常问题',
|
|
|
- // status: 1,
|
|
|
- // createTime: '2022-09-01 10:00:00',
|
|
|
- // }
|
|
|
- ] as any[],
|
|
|
- servicerPhone: "",
|
|
|
+ feedbackList: [] as any[],
|
|
|
})
|
|
|
|
|
|
const state = reactive(initState())
|
|
|
|
|
|
-const call = () => {
|
|
|
- uni.makePhoneCall({
|
|
|
- phoneNumber: state.servicerPhone,
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-const toggle = (index: number) => {
|
|
|
- state.feedbackList = state.feedbackList.map((item, i) => {
|
|
|
- return {
|
|
|
- ...item,
|
|
|
- open: item.open ? false : i === index,
|
|
|
- };
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
onShow(() => {
|
|
|
- let gd = getApp<any>().globalData;
|
|
|
- state.servicerPhone = getServicePhone();
|
|
|
- // getApp<any>().globalData.config?.servicePhone;
|
|
|
loadDataList()
|
|
|
});
|
|
|
|
|
|
-const handleCallPhone = () => {
|
|
|
- let servicePhone = getServicePhone();
|
|
|
- uni.makePhoneCall({
|
|
|
- phoneNumber: servicePhone,
|
|
|
- fail: (error) => {
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-
|
|
|
const loadDataList = () => {
|
|
|
body(`/feedback/list`).then((res: any) => {
|
|
|
state.feedbackList = res.list;
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-onHide(() => {
|
|
|
- Object.assign(state, initState());
|
|
|
-})
|
|
|
-
|
|
|
const handleClickFaq = (item: any) => {
|
|
|
detail_ref.value?.open(item, 'detail')
|
|
|
}
|
|
|
@@ -131,12 +72,6 @@ const handleAddFeedback = () => {
|
|
|
padding: 40rpx 32rpx;
|
|
|
}
|
|
|
|
|
|
-.contact {
|
|
|
- height: 216rpx;
|
|
|
- border-radius: 24rpx;
|
|
|
- background: $uni-bg-color-card;
|
|
|
-}
|
|
|
-
|
|
|
.sheet {
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 24rpx;
|