ipanel-rnapp-ajb-base 1.0.0

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

@@ -0,0 +1,421 @@
+import React, {useState, useEffect, useMemo} from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  Alert,
+  ScrollView,
+  TouchableOpacity,
+  Image,
+} from 'react-native';
+import {Icon, Divider} from '@rneui/themed';
+
+const {Cell, ScreenBackHeader} = global.base.commonComponents;
+
+import {
+  adjustAddress,
+  getUserInfo,
+  getAddressUser,
+  ACCOUNT_SERVICE,
+  delAddress,
+} from '../../../api/';
+
+const px = global.base.scaleSize;
+const storage = global.base.storage;
+const fontStyle = global.base.styles.fontStyle;
+
+const {useNavigationFocus, useUser, useAddress} = global.base.hooks;
+const {confirmWithContent} = global.base.notice;
+
+const ROLE_MAP = {
+  0: '无权限',
+  1: '普通用户',
+  7: '管理员权限',
+  15: '创建者',
+  31: '超级用户',
+};
+
+const FROM_MAP = {
+  reg_wx: '微信注册',
+  reg_phone: '手机号注册',
+  reg_name: '用户名注册',
+  reg_homed: 'homed账号注册',
+  inv_tv: 'tv二维码',
+  inv_qrcode: 'App二维码',
+  inv_smscode: '短信',
+  inv_link: '分享链接',
+  self_add: '主动创建',
+};
+
+const FamilyDetailScreen = ({navigation, route}) => {
+  // const deviceNum = route.params.deviceNum;
+  const {addressList, updateAddrFromStorage, updateAddrFromNetwork} =
+    useAddress();
+  const currentAddr = useMemo(() => {
+    return (
+      addressList.find(addr => addr.address_id === route.params.address_id) ||
+      {}
+    );
+  }, [addressList]);
+  // const roomList = addr.room_list || [];
+  // let deviceNum = 0;
+  // roomList.forEach(room => {
+  //   deviceNum += (room.device_list || []).length;
+  // });
+  const deviceNum = useMemo(() => {
+    const roomList = currentAddr.room_list || [];
+    let count = 0;
+    roomList.forEach(room => {
+      count += (room.device_list || []).length;
+    });
+    return count;
+  }, [currentAddr]);
+  const [showOperation, setShowOperation] = useState(false);
+  const {memberList, isCreator, refresh, currentUser, isAdministrator} =
+    useUser(route.params.address_id);
+
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', async function (data) {
+      try {
+        // 从本地存储中更新数据到当前内存
+        updateAddrFromStorage();
+      } catch (e) {
+        console.log(e);
+      }
+    });
+
+    return unsubscribe;
+  }, [navigation]);
+
+  useNavigationFocus(() => {
+    refresh();
+  }, []);
+
+  const headerRight = () => {
+    return (
+      <TouchableOpacity
+        onPress={() => {
+          setShowOperation(true);
+        }}
+        style={{
+          justifyContent: 'center',
+          paddingLeft: px(20),
+          height: '100%',
+        }}>
+        <Icon
+          name="ellipsis-horizontal"
+          type="ionicon"
+          size={30}
+          color="#000"
+        />
+      </TouchableOpacity>
+    );
+  };
+
+  const handleAddrNamePress = () => {
+    global.dialog.prompt({
+      title: '修改家庭名称',
+      input: currentAddr.address_name,
+      confirmButtonText: '确定',
+      confirmCallback: async val => {
+        if (val.trim() === '') {
+          global.toast.showToast('家庭名称不能为空');
+          return;
+        }
+
+        const result = await adjustAddress({
+          address_id: currentAddr.address_id,
+          address_name: val,
+        });
+        if (result.code === 0) {
+          global.toast.showToast('保存成功');
+          await updateAddrFromNetwork();
+        }
+      },
+      cancelButtonText: '取消',
+      cancelCallback: () => {},
+    });
+  };
+  const handleAddrDetailPress = () => {
+    navigation.navigate('SelectAddressToCreateFamilyScreen', {
+      address_id: currentAddr.address_id,
+      address_name: currentAddr.address_name,
+      address_detail: currentAddr.address_detail,
+    });
+  };
+  const handleGoRoomManageScreen = () => {
+    navigation.navigate('RoomManageScreen', {
+      address_id: currentAddr.address_id,
+    });
+  };
+  const handleAddMember = () => {
+    Alert.alert('添加新成员（待开发）');
+  };
+
+  // 跳转更多
+  const handleFamilyMoreScreen = () => {
+    navigation.navigate('FamilyMoreScreen');
+  };
+
+  const handleDeleteFamily = () => {
+    setShowOperation(false);
+    // return;
+    if (deviceNum > 0 && isCreator) {
+      global.toast.showToast('无法删除家庭，请将所有设备移除后再操作！');
+      return;
+    }
+    confirmWithContent({
+      title: '确定删除家庭？',
+      component: isCreator
+        ? '家庭下所有数据将被删除'
+        : '删除家庭后，您将从这个家庭退出，并无法查看和控制这个家庭下的设备',
+      confirmButtonText: '确定',
+      confirmCallback: async () => {
+        global.loading.showLoading('请稍候');
+        const result = await delAddress({
+          address_id: currentAddr.address_id,
+        });
+        if (result.code === 0) {
+          await updateAddrFromNetwork();
+          global.loading.hideLoading();
+          global.toast.showToast('删除家庭成功');
+          navigation.goBack();
+        } else {
+          global.loading.hideLoading();
+          global.toast.showToast('删除家庭失败');
+        }
+      },
+      cancelButtonText: '取消',
+      cancelCallback: () => {},
+    });
+  };
+
+  //
+  const goMemberDetail = user => {
+    // 是否有修改权限
+    let hasPermission = false;
+    /*
+      1. 自己本身
+      2. 创建者
+      3. 当前用户是管理员，修改普通成员
+     */
+    if (user.user_id === currentUser.user_id) {
+      hasPermission = true;
+    }
+    if (isCreator) {
+      hasPermission = true;
+    }
+    if (isAdministrator && user.role === 1) {
+      hasPermission = true;
+    }
+    navigation.navigate('MemberDetailScreen', {
+      userInfo: user,
+      address_id: currentAddr.address_id,
+      editable: hasPermission,
+      editPermissionAble: hasPermission && (isCreator || isAdministrator),
+    });
+  };
+
+  return (
+    <View style={styles.container}>
+      <ScreenBackHeader title="家庭主页" headerRight={headerRight} />
+      <Divider color="#eee" />
+
+      <View style={styles.familyDetail}>
+        <Cell
+          style={{
+            minHeight: px(151),
+          }}
+          type="link"
+          label="家庭名称"
+          value={currentAddr.address_name}
+          onRightPress={handleAddrNamePress}
+        />
+        <Cell
+          style={{
+            minHeight: px(151),
+          }}
+          type="link"
+          label="家庭位置"
+          value={currentAddr.address_detail}
+          onRightPress={handleAddrDetailPress}
+        />
+        <Cell
+          style={{
+            minHeight: px(151),
+          }}
+          type="link"
+          label="房间与设备"
+          onRightPress={handleGoRoomManageScreen}
+        />
+        <Cell
+          style={{
+            minHeight: px(151),
+          }}
+          type="link"
+          label="更多"
+          onRightPress={handleFamilyMoreScreen}
+        />
+      </View>
+
+      <View style={styles.familyMemberTitle}>
+        <Text style={styles.familyMemberTitleText}>
+          家庭成员({memberList.length})
+        </Text>
+        <TouchableOpacity
+          style={styles.addMember}
+          onPress={() =>
+            navigation.navigate('InviteMemberScreen', {
+              address_id: currentAddr.address_id,
+            })
+          }>
+          <Icon
+            name="add-outline"
+            type="ionicon"
+            size={px(50)}
+            color="#ea6000"
+          />
+          <Text style={styles.addMemberText}>添加成员</Text>
+        </TouchableOpacity>
+      </View>
+      <View style={styles.memberList}>
+        <ScrollView showsVerticalScrollIndicator={false}>
+          {memberList.map((item, index) => (
+            <Cell
+              style={{
+                height: px(198),
+              }}
+              type="link"
+              key={index}
+              leftComponent={
+                <View style={styles.memberLeft}>
+                  {/*<Icon name="person-outline" type="ionicon" size={px(99)} />*/}
+                  <Image
+                    source={
+                      item.icon_url
+                        ? {
+                            uri: `${ACCOUNT_SERVICE}/icon?file=${
+                              item.icon_url
+                            }&time=${new Date().getTime()}`,
+                          }
+                        : require('../../../assets/img/personal2.png')
+                    }
+                    style={{
+                      width: px(99),
+                      height: px(99),
+                      borderRadius: 50,
+                    }}
+                  />
+                  <Text style={styles.memberName}>{item.nick_name}</Text>
+                </View>
+              }
+              value={ROLE_MAP[item.role] || item.role}
+              onRightPress={() => goMemberDetail(item)}
+            />
+          ))}
+        </ScrollView>
+      </View>
+      {showOperation && (
+        <TouchableOpacity
+          style={styles.mask}
+          activeOpacity={1}
+          onPress={() => setShowOperation(false)}>
+          <View style={styles.operation}>
+            <TouchableOpacity
+              style={styles.operationItem}
+              onPress={() => {
+                navigation.navigate('InviteMemberScreen', {
+                  address_id: currentAddr.address_id,
+                });
+                setShowOperation(false);
+              }}>
+              <Text style={styles.operationItemText}>添加成员</Text>
+            </TouchableOpacity>
+            <Divider color="#eee" width={1} />
+            <TouchableOpacity
+              style={styles.operationItem}
+              onPress={handleDeleteFamily}>
+              <Text style={styles.operationItemText}>删除家庭</Text>
+            </TouchableOpacity>
+          </View>
+        </TouchableOpacity>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'rgba(238, 238, 238, 1)',
+    position: 'relative',
+  },
+  familyDetail: {
+    backgroundColor: '#fff',
+  },
+  familyMemberTitle: {
+    height: px(99),
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: px(38),
+  },
+  addMember: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  addMemberText: {
+    fontWeight: '400',
+    color: '#ea6000',
+    fontSize: px(38),
+  },
+  familyMemberTitleText: {
+    color: '#333',
+    fontSize: px(38),
+    fontWeight: '400',
+  },
+  memberList: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  memberLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: '100%',
+    paddingLeft: px(38),
+  },
+  memberName: {
+    marginLeft: px(19),
+    color: '#333',
+    fontSize: px(44),
+    fontWeight: 'bold',
+  },
+  memberAvatar: {},
+
+  mask: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+  operation: {
+    width: px(363),
+    position: 'absolute',
+    top: px(200),
+    right: px(38),
+    backgroundColor: '#fff',
+    borderRadius: px(22),
+    borderWidth: 1,
+    borderColor: '#eee',
+  },
+  operationItem: {
+    paddingVertical: px(40),
+  },
+  operationItemText: {
+    ...fontStyle(49),
+    textAlign: 'center',
+  },
+});
+
+export default FamilyDetailScreen;

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

@@ -0,0 +1,118 @@
+import React, {useState} from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  ScrollView,
+  Image,
+} from 'react-native';
+import {Divider} from '@rneui/themed';
+import {getInvoiceTitle} from '../../../api';
+import useNavigationFocus from '../../../hooks/useNavigationFocus';
+
+const {commonComponents, scaleSize: px, hooks} = global.base;
+const fontStyle = global.base.styles.fontStyle;
+// const useNavigationFocus = hooks;
+
+const {ScreenBackHeader, Cell} = commonComponents;
+
+export default ({navigation, route}) => {
+  const [invoiceTitleList, setInvoiceTitleList] = useState([]);
+  const jumpPage = route.params?.jumpPage; // 商城跳转
+  useNavigationFocus(() => {
+    getInvoiceTitle().then(res => {
+      if (res.code === 0) {
+        setInvoiceTitleList(res.result || []);
+      }
+    });
+  }, []);
+
+  const headerRight = () => {
+    return (
+      <TouchableOpacity
+        onPress={() => {
+          navigation.navigate('EditInvoiceTitleScreen');
+        }}>
+        <Image
+          source={require('../../../assets/img/add.png')}
+          style={{
+            width: px(58),
+            height: px(58),
+          }}
+        />
+      </TouchableOpacity>
+    );
+  };
+
+  const selectInvoice = item => {
+    if (jumpPage) {
+      navigation.navigate({
+        name: jumpPage,
+        params: {
+          invoice: item,
+        },
+        merge: true,
+      });
+    } else {
+      navigation.navigate('EditInvoiceTitleScreen', {
+        usage: 1,
+        invoiceTitle: item,
+      });
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+      <ScreenBackHeader title="发票抬头" headerRight={headerRight} />
+      <Divider color="#eee" />
+      <View style={styles.content}>
+        <ScrollView showsVerticalScrollIndicator={false}>
+          {invoiceTitleList.map(item => (
+            <Cell
+              style={{
+                minHeight: px(230),
+              }}
+              key={item.title_id}
+              leftComponent={
+                <View
+                  style={{
+                    paddingLeft: px(38),
+                  }}>
+                  <Text style={styles.titleName}>{item.name}</Text>
+                  <Text style={styles.titleType}>
+                    {item.type === '01' ? '单位' : '个人'}
+                  </Text>
+                </View>
+              }
+              type="link"
+              onRightPress={() => {
+                selectInvoice(item);
+              }}
+            />
+          ))}
+        </ScrollView>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  content: {
+    flex: 1,
+  },
+  titleName: {
+    ...fontStyle(49, '#333', '500'),
+    marginBottom: px(22),
+    marginTop: px(44),
+    // marginRight: px(22),
+    maxWidth: px(900),
+  },
+  titleType: {
+    ...fontStyle(38, '#666'),
+  },
+});