ipanel-rnapp-ajb-base 1.0.21 → 1.0.24

package/app/screens/CommonScreens/DeviceFeedbackScreen/index.js

@@ -1,4 +1,4 @@
-import React, {useEffect, useMemo, useState, useLayoutEffect} from 'react';
+import React, { useEffect, useMemo, useState, useLayoutEffect } from "react";
 import {
   View,
   StyleSheet,
@@ -10,18 +10,20 @@ import {
   KeyboardAvoidingView,
   Keyboard,
   NativeModules,
-} from 'react-native';
-import {Divider, Icon, Input, Slider, Text} from '@rneui/themed';
-import {launchImageLibrary} from 'react-native-image-picker';
-import useKeyboard from '../../../hooks/useKeyboard';
+} from "react-native";
+import { Divider, Icon, Input, Slider, Text } from "@rneui/themed";
+import { launchImageLibrary } from "react-native-image-picker";
+import useKeyboard from "../../../hooks/useKeyboard";
 
-const {ScreenBackHeader} = global.base.commonComponents;
+const { ScreenBackHeader } = global.base.commonComponents;
 
 const px = global.base.scaleSize;
 
-const appName = NativeModules?.RNToNativeEmitter?.appName || global.base?.config?.LOCALTEST_APP_NAME;
+const appName =
+  NativeModules?.RNToNativeEmitter?.appName ||
+  global.base?.config?.LOCALTEST_APP_NAME;
 
-import {getProductAnswers} from '../../../api';
+import { getProductAnswers } from "../../../api";
 
 // 设备类型对应题库
 const DEVICE_TO_QUESTION = {
@@ -42,17 +44,17 @@ const DEVICE_TO_QUESTION = {
   oximeter: 16,
 };
 
-export default ({route, navigation}) => {
-  const {device_type} = route.params;
+export default ({ route, navigation }) => {
+  const { device_type } = route.params;
   const [questionList, setQuestionList] = useState([]);
-  const [feedbackText, setFeedbackText] = useState('');
+  const [feedbackText, setFeedbackText] = useState("");
   // 用于反馈的图片列表
   const [imgList, setImgList] = useState([]);
   const buttonDisabled = useMemo(() => {
     return !feedbackText;
   }, [feedbackText]);
   const [showQuestion, setShowQuestion] = useState(true);
-  const {keyboardShow} = useKeyboard();
+  const { keyboardShow } = useKeyboard();
 
   useLayoutEffect(() => {
     init();
@@ -73,14 +75,14 @@ export default ({route, navigation}) => {
   // 选择相册图片
   const handleSelectPicture = async () => {
     const result = await launchImageLibrary({
-      mediaType: 'mixed',
+      mediaType: "mixed",
       selectionLimit: 5,
       // includeBase64: true,
     });
     if (result.didCancel) {
-      console.log('cancel');
+      console.log("cancel");
     } else if (result.errorCode) {
-      console.log('error', result);
+      console.log("error", result);
     } else {
       const files = result.assets;
       setImgList([...imgList, ...files]);
@@ -91,55 +93,62 @@ export default ({route, navigation}) => {
   const submitFeedback = () => {
     const formData = new FormData();
     formData.append(
-      'productId',
-      route.params.questionId || DEVICE_TO_QUESTION[device_type] + '',
+      "productId",
+      route.params.questionId || DEVICE_TO_QUESTION[device_type] + ""
     );
-    formData.append('questionDescription', feedbackText);
-    imgList.forEach(img => {
-      formData.append('file', {
-        uri: Platform.OS === 'ios' ? img.uri.replace('file://', '') : img.uri,
-        type: 'multipart/form-data',
+    formData.append("questionDescription", feedbackText);
+    imgList.forEach((img) => {
+      formData.append("file", {
+        uri: Platform.OS === "ios" ? img.uri.replace("file://", "") : img.uri,
+        type: "multipart/form-data",
         name: img.fileName,
         // name: img.type,
       });
     });
-    global.loading.showLoading('提交中...');
-    console.log(formData, 'formData');
-    fetch(`https://${appName === '禺乐慧家' ? 'szjtyfw.panyu.gd.cn:50443' : 'api.cloud.ipanel.cn'}/vgatehelp/ajb/problemFeedback`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
-      body: formData,
-    })
-      .then(res => {
+    global.loading.showLoading("提交中...");
+    console.log(formData, "formData");
+    fetch(
+      `https://${
+        ["禺乐慧家", "悦慧家"].includes(appName)
+          ? "szjtyfw.panyu.gd.cn:50443"
+          : "api.cloud.ipanel.cn"
+      }/vgatehelp/ajb/problemFeedback`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "multipart/form-data",
+        },
+        body: formData,
+      }
+    )
+      .then((res) => {
         global.loading.hideLoading();
         return res.json();
       })
-      .then(data => {
+      .then((data) => {
         console.log(data);
         if (data.error_code === 0) {
-          global.toast.showToast('提交成功');
+          global.toast.showToast("提交成功");
         } else {
-          global.toast.showToast('提交失败');
+          global.toast.showToast("提交失败");
         }
       })
-      .catch(err => {
+      .catch((err) => {
         console.log(err);
         global.loading.hideLoading();
-        global.toast.showToast('提交失败');
+        global.toast.showToast("提交失败");
       });
   };
 
   // 删除图片
-  const deleteImg = index => {
+  const deleteImg = (index) => {
     return setImgList([...imgList.filter((item, i) => i !== index)]);
   };
 
   return (
     <View style={styles.container}>
       <ScreenBackHeader title="帮助与反馈" backgroundColor="#fff" />
-      <View style={{flex: 1}}>
+      <View style={{ flex: 1 }}>
         <ScrollView showsVerticalScrollIndicator={false}>
           <View style={styles.titleBox}>
             <Text style={styles.title}>常见问题</Text>
@@ -147,18 +156,20 @@ export default ({route, navigation}) => {
 
           <View
             style={{
-              backgroundColor: '#fff',
-            }}>
-            {questionList.map(item => (
+              backgroundColor: "#fff",
+            }}
+          >
+            {questionList.map((item) => (
               <React.Fragment key={item.id}>
                 <TouchableOpacity
                   style={styles.cellBox}
                   onPress={() =>
-                    navigation.navigate('DeviceAnswerDetailScreen', {
+                    navigation.navigate("DeviceAnswerDetailScreen", {
                       question: item.product_question_name,
                       answer: item.product_question_answer,
                     })
-                  }>
+                  }
+                >
                   <Text style={styles.cellLabel}>
                     {item.product_question_name}
                   </Text>
@@ -169,7 +180,7 @@ export default ({route, navigation}) => {
                   {/*  color="#aaa"*/}
                   {/*/>*/}
                   <Image
-                    source={require('../../../assets/img/link.png')}
+                    source={require("../../../assets/img/link.png")}
                     style={{
                       width: px(30),
                       height: px(30),
@@ -198,8 +209,8 @@ export default ({route, navigation}) => {
                 borderWidth: 0,
               }}
               inputContainerStyle={{
-                height: '100%',
-                width: '100%',
+                height: "100%",
+                width: "100%",
                 padding: 0,
                 margin: 0,
                 borderBottomWidth: 0,
@@ -208,9 +219,9 @@ export default ({route, navigation}) => {
                 fontSize: px(44),
                 paddingLeft: px(82),
                 // height: px(350),
-                justifyContent: 'flex-start',
-                alignItems: 'flex-start',
-                color: '#333',
+                justifyContent: "flex-start",
+                alignItems: "flex-start",
+                color: "#333",
               }}
               placeholder="请详细描述问题~"
               placeholderTextColor="#999"
@@ -218,37 +229,41 @@ export default ({route, navigation}) => {
             <View
               style={{
                 paddingLeft: px(82),
-                flexDirection: 'row',
-                alignItems: 'center',
-                position: 'absolute',
+                flexDirection: "row",
+                alignItems: "center",
+                position: "absolute",
                 bottom: px(38),
                 left: 0,
                 right: 0,
-              }}>
+              }}
+            >
               <TouchableOpacity
                 style={styles.addImgBox}
-                onPress={handleSelectPicture}>
+                onPress={handleSelectPicture}
+              >
                 <Image
-                  source={require('../../../assets/img/add_img.png')}
+                  source={require("../../../assets/img/add_img.png")}
                   style={styles.addImg}
                 />
               </TouchableOpacity>
               <View style={styles.imgList}>
                 <ScrollView
                   showsHorizontalScrollIndicator={true}
-                  horizontal={true}>
+                  horizontal={true}
+                >
                   {imgList.map((img, index) => (
                     <View style={styles.imgBox} key={img.fileName}>
                       <Image
-                        source={{uri: img.uri}}
+                        source={{ uri: img.uri }}
                         style={styles.imgItem}
                         resizeMode="contain"
                       />
                       <TouchableOpacity
                         style={styles.deleteImgButton}
-                        onPress={() => deleteImg(index)}>
+                        onPress={() => deleteImg(index)}
+                      >
                         <Image
-                          source={require('../../../assets/img/delete_pic.png')}
+                          source={require("../../../assets/img/delete_pic.png")}
                           resizeMode="contain"
                           style={styles.deleteImg}
                         />
@@ -264,10 +279,11 @@ export default ({route, navigation}) => {
             style={{
               ...styles.button,
               backgroundColor: buttonDisabled
-                ? 'rgba(234, 96, 0, 0.3)'
-                : 'rgba(234, 96, 0, 1)',
+                ? "rgba(234, 96, 0, 0.3)"
+                : "rgba(234, 96, 0, 1)",
             }}
-            disabled={buttonDisabled}>
+            disabled={buttonDisabled}
+          >
             <Text style={styles.buttonText}>提交反馈</Text>
           </TouchableOpacity>
         </ScrollView>
@@ -279,7 +295,7 @@ export default ({route, navigation}) => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#eee',
+    backgroundColor: "#eee",
   },
   titleBox: {
     paddingTop: px(25),
@@ -288,32 +304,32 @@ const styles = StyleSheet.create({
   },
   title: {
     fontSize: px(38),
-    color: '#333',
-    fontWeight: '400',
+    color: "#333",
+    fontWeight: "400",
   },
 
   cellBox: {
     paddingVertical: px(30),
     minHeight: px(150),
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
     paddingLeft: px(38),
     paddingRight: px(44),
   },
 
   cellLabel: {
     fontSize: px(49),
-    color: '#333',
-    fontWeight: '400',
+    color: "#333",
+    fontWeight: "400",
     marginRight: px(50),
     flex: 1,
   },
 
   feedbackBox: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     height: px(555),
-    position: 'relative',
+    position: "relative",
   },
 
   addImgBox: {
@@ -326,16 +342,16 @@ const styles = StyleSheet.create({
 
   // 反馈图片列表
   imgList: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
   },
   imgBox: {
     marginLeft: px(38),
     width: px(148 + 11),
     height: px(148 + 11),
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'relative',
+    justifyContent: "center",
+    alignItems: "center",
+    position: "relative",
   },
   imgItem: {
     width: px(148),
@@ -343,7 +359,7 @@ const styles = StyleSheet.create({
     borderRadius: px(16),
   },
   deleteImgButton: {
-    position: 'absolute',
+    position: "absolute",
     right: px(0),
     top: px(0),
   },
@@ -355,14 +371,14 @@ const styles = StyleSheet.create({
   button: {
     marginHorizontal: px(82),
     marginVertical: px(115),
-    backgroundColor: '#EA6000',
+    backgroundColor: "#EA6000",
     paddingVertical: px(33),
     borderRadius: px(69),
   },
   buttonText: {
     fontSize: px(49),
-    color: '#fff',
-    textAlign: 'center',
-    fontWeight: '500',
+    color: "#fff",
+    textAlign: "center",
+    fontWeight: "500",
   },
 });