ipanel-rnapp-ajb-base 1.0.0

package/app/components/iot/AddDeviceActionSheet/index.js

@@ -0,0 +1,934 @@
+import React, {useState, useEffect} from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  Alert,
+  TouchableHighlight,
+  Platform,
+} from 'react-native';
+import ActionSheet, {SheetManager} from 'react-native-actions-sheet';
+import {Icon, Button} from '@rneui/themed';
+import {Cell} from '../../index';
+import {
+  getBarcodeInfo,
+  getTvIrCode,
+  getTemplateCode,
+  getDeviceCode,
+  addDevice,
+  moveDevice,
+} from '../../../api';
+
+const {navigate} = global.base;
+
+const switchUsages = [
+  {
+    name: '控制灯',
+    value: 'IGOT_LIGHT',
+  },
+  {
+    name: '控制排气风扇',
+    value: 'IGOT_FAN',
+  },
+  {
+    name: '默认',
+    value: '',
+  },
+];
+
+const lightUsages = [
+  {
+    name: '吊灯',
+    value: 'PENDENT_LAMP',
+  },
+  {
+    name: '吸顶灯',
+    value: 'CEILING_LIGHT',
+  },
+  {
+    name: '筒灯',
+    value: 'DOWN_LIGHT',
+  },
+  {
+    name: '灯带',
+    value: 'LIGHT_BELT',
+  },
+  {
+    name: '床头灯',
+    value: 'BEDSIDE_LAMP',
+  },
+  {
+    name: '镜前灯',
+    value: 'MIRROR_LIGHT',
+  },
+  {
+    name: '过道灯',
+    value: 'CORRIDOR_LAMP',
+  },
+  {
+    name: '玄关灯',
+    value: 'PORCH_LIGHT',
+  },
+  {
+    name: '台灯',
+    value: 'DESK_LAMP',
+  },
+  {
+    name: '壁灯',
+    value: 'WALL_LAMP',
+  },
+  {
+    name: '餐厅灯',
+    value: 'RESTAURANT_LIGHT',
+  },
+  {
+    name: '浴室灯',
+    value: 'BATHROOM_LIGHT',
+  },
+  {
+    name: '厨房灯',
+    value: 'KITCHEN_LIGHT',
+  },
+  {
+    name: '默认',
+    value: '',
+  },
+];
+
+// 公共设备类型，只能添加到“储物间”（room_type === "STORAGEROOM"）
+const publicDeviceTypes = ['scale', 'hematometer'];
+
+// 跳转到添加设备导航页前需要初始化该参数对象，并传递过去
+let currentPageOptions = {};
+
+async function getSub1gJsonByBarcode(params) {
+  const result = await getBarcodeInfo(params).catch(() => {});
+
+  if (result && result.code === 0) {
+    return result.result.coding;
+  }
+
+  return false;
+}
+
+function isStorageRoom(room) {
+  return room.room_type === 'STORAGEROOM';
+}
+
+function iteeConfigureNetwork(barcode) {
+  const screen = 'Itee';
+
+  if (barcode) {
+    // 添加itee流程-传递机身条码，用于配网页面向云端请求sn（当需要写入sn时）
+    currentPageOptions.action = 'addDevice';
+    currentPageOptions.barcode = barcode;
+    navigate(screen, currentPageOptions);
+  } else {
+    navigate(screen, currentPageOptions);
+  }
+}
+
+function sub1gLearning() {
+  const screen = 'Sub1gStudy'; // todo 填写实际的screen name
+
+  navigate(screen, currentPageOptions);
+}
+
+function LingPuPair() {
+  const screen = 'Lingpu'; // todo 填写实际的screen name
+
+  navigate(screen, currentPageOptions);
+}
+
+function WuxiandaoLightPair(room_id) {
+  const screen = 'WuXianDao';
+
+  currentPageOptions.room_id = room_id;
+  navigate(screen, currentPageOptions);
+}
+
+function yhwlLightPair(room_id) {
+  const screen = 'YHWL'; // todo 填写实际的screen name
+
+  currentPageOptions.room_id = room_id;
+  navigate(screen, currentPageOptions);
+}
+
+function kangwlHematometerPair(room_id) {
+  const screen = 'Kangwl';
+
+  currentPageOptions.room_id = room_id;
+  navigate(screen, currentPageOptions);
+}
+
+function lefuScalePair(room_id) {
+  const screen = 'LeFuScale';
+
+  currentPageOptions.room_id = room_id;
+  navigate(screen, currentPageOptions);
+}
+
+// 扫码获取到结果后的回调函数
+let scanCodeCallback;
+
+const DeviceActionSheet = ({sheetId, payload}) => {
+  let title = '添加设备';
+
+  useEffect(() => {
+    const unsubscribe = payload.navigation.addListener('focus', () => {
+      // Home
+      try {
+        const homeNavigation = payload.navigation.getParent();
+        const homeRoutes = homeNavigation.getState().routes;
+        const homeRouteParams = homeRoutes[homeRoutes.length - 1].params;
+        if (homeRouteParams.scanResult && scanCodeCallback) {
+          scanCodeCallback(homeRouteParams.scanResult);
+          scanCodeCallback = null;
+          homeRouteParams.scanResult = undefined;
+        }
+      } catch (e) {
+        console.log(e);
+      }
+    });
+
+    return unsubscribe;
+  }, [payload.navigation]);
+
+  // 设备类型
+  const deviceTypes = payload.deviceTypeList.map(item => ({
+    name: item.title,
+    value: item.class,
+  }));
+  let defaultDeviceTypeIndex = payload.defaultData
+    ? payload.defaultData.defaultDeviceTypeIndex
+    : 0;
+  let defaultDeviceTypeName = deviceTypes[defaultDeviceTypeIndex]
+    ? deviceTypes[defaultDeviceTypeIndex].name
+    : '';
+  const [deviceTypeIndex, setDeviceTypeIndex] = useState(
+    defaultDeviceTypeIndex,
+  );
+  const [deviceTypeName, setDeviceTypeName] = useState(defaultDeviceTypeName);
+  const handleShowDeviceTypePicker = async () => {
+    const result = await SheetManager.show('action-picker', {
+      context: 'global',
+      payload: {
+        title: '选择设备类型',
+        defaultIndex: deviceTypeIndex,
+        columns: deviceTypes,
+        nameProp: 'name',
+      },
+    });
+    if (result) {
+      setDeviceTypeIndex(result.index);
+      setDeviceTypeName(result.data.name);
+    }
+  };
+
+  const targetDeviceType = payload.deviceTypeList[deviceTypeIndex];
+
+  // 品牌型号
+  const [brandModelColumns, setBrandModelColumns] = useState([]);
+
+  const hasDefaultBrandModelData =
+    payload.defaultData &&
+    payload.defaultData.selectedBrand &&
+    payload.defaultData.selectedModel;
+
+  const [defaultBrandModelIndex, setDefaultBrandModelIndex] = useState(
+    hasDefaultBrandModelData ? payload.defaultData.defaultBrandModelIndex : [],
+  );
+  const [selectedBrand, setSelectedBrand] = useState(
+    hasDefaultBrandModelData ? payload.defaultData.selectedBrand : {},
+  );
+  const [selectedModel, setSelectedModel] = useState(
+    hasDefaultBrandModelData ? payload.defaultData.selectedModel : {},
+  );
+  const [brandModelText, setBrandModelText] = useState(
+    hasDefaultBrandModelData
+      ? payload.defaultData.brandModelText
+      : '请选择品牌型号',
+  );
+  useEffect(() => {
+    setDeviceName('');
+
+    if (
+      targetDeviceType &&
+      targetDeviceType.brands &&
+      targetDeviceType.brands[0] &&
+      targetDeviceType.brands[0].models
+    ) {
+      const columns = targetDeviceType.brands.map(brand => ({
+        name: brand.name,
+        value: brand.code,
+        children: (brand.models || []).map(model => ({
+          name: model.name,
+          value: model.code,
+          emit: model.emit,
+        })),
+      }));
+      setBrandModelColumns(columns);
+    } else {
+      setBrandModelColumns([]);
+    }
+    setDefaultBrandModelIndex([0, 0]);
+    setSelectedBrand({});
+    setSelectedModel({});
+    setBrandModelText('请选择品牌型号');
+
+    const storageRoomIndex = payload.roomList.findIndex(room =>
+      isStorageRoom(room),
+    );
+    if (storageRoomIndex > -1) {
+      const storageRoom = payload.roomList[storageRoomIndex];
+      if (publicDeviceTypes.includes(curDeviceType)) {
+        // 公共设备，默认选中“默认储物间”
+        setRoomIndex(storageRoomIndex);
+        setRoomName(storageRoom.room_name);
+      } else {
+        // 非公共设备，不能选择“默认储物间”
+        if (payload.roomList[roomIndex].room_id === storageRoom.room_id) {
+          const defaultRoomIndex = payload.roomList.findIndex(
+            room => !isStorageRoom(room),
+          );
+          if (defaultRoomIndex > -1) {
+            const defaultRoom = payload.roomList[defaultRoomIndex];
+            setRoomIndex(defaultRoomIndex);
+            setRoomName(defaultRoom.room_name);
+          }
+        }
+      }
+    }
+  }, [deviceTypeIndex]);
+  const handleShowBrandModelPicker = async () => {
+    if (brandModelColumns.length > 0) {
+      const result = await SheetManager.show('action-picker', {
+        context: 'global',
+        payload: {
+          title: '选择设备品牌型号',
+          defaultIndex: defaultBrandModelIndex,
+          columns: brandModelColumns,
+          depth: 2,
+          nameProp: 'name',
+        },
+      });
+      if (result) {
+        setDefaultBrandModelIndex(result.index);
+        const brand = result.data[0];
+        const model = result.data[1];
+        setSelectedBrand(brand);
+        setSelectedModel(model);
+        const text = `${brand.name} ${model.name}`;
+        setBrandModelText(text);
+        if (!['igot', 'ifree'].includes(curDeviceType)) {
+          setDeviceName(text);
+        }
+      }
+    }
+  };
+
+  const [tvid, setTvid] = useState('');
+  const [barcode, setBarcode] = useState(
+    payload.defaultData ? payload.defaultData.barcode : '',
+  );
+  const [deviceName, setDeviceName] = useState('');
+
+  const handleScanTvId = () => {
+    navigate('ScanQRCodeScreen');
+    scanCodeCallback = scanResult => {
+      const qrdata = {};
+      scanResult.split('\n').forEach(kvStr => {
+        const [k, v] = kvStr.split('=');
+        qrdata[k] = v;
+      });
+
+      if (qrdata.tv_id) {
+        setTvid(qrdata.tv_id);
+      } else {
+        Alert.alert('未识别到电视ID');
+      }
+    };
+  };
+  const handleScanBarcode = () => {
+    navigate('ScanQRCodeScreen');
+    scanCodeCallback = setBarcode;
+  };
+
+  // 开关用途
+  let defaultSwitchUsageIndex = switchUsages.findIndex(
+    item => item.value === '',
+  );
+  let defaultSwitchUsageName = switchUsages[defaultSwitchUsageIndex]
+    ? switchUsages[defaultSwitchUsageIndex].name
+    : '';
+  const [switchUsageIndex, setSwitchUsageIndex] = useState(
+    defaultSwitchUsageIndex,
+  );
+  const [switchUsage, setSwitchUsage] = useState(defaultSwitchUsageName);
+  const handleShowSwitchUsagePicker = async () => {
+    const result = await SheetManager.show('action-picker', {
+      context: 'global',
+      payload: {
+        title: '选择开关用途',
+        defaultIndex: switchUsageIndex,
+        columns: switchUsages,
+        nameProp: 'name',
+      },
+    });
+    if (result) {
+      setSwitchUsageIndex(result.index);
+      setSwitchUsage(result.data.name);
+    }
+  };
+
+  // 灯光用途
+  let defaultLightUsageIndex = lightUsages.findIndex(item => item.value === '');
+  let defaultLightUsageName = lightUsages[defaultLightUsageIndex]
+    ? lightUsages[defaultLightUsageIndex].name
+    : '';
+  const [lightUsageIndex, setLightUsageIndex] = useState(
+    defaultLightUsageIndex,
+  );
+  const [lightUsage, setLightUsage] = useState(defaultLightUsageName);
+  const handleShowLightUsagePicker = async () => {
+    const result = await SheetManager.show('action-picker', {
+      context: 'global',
+      payload: {
+        title: '选择灯光用途',
+        defaultIndex: lightUsageIndex,
+        columns: lightUsages,
+        nameProp: 'name',
+      },
+    });
+    if (result) {
+      setLightUsageIndex(result.index);
+      setLightUsage(result.data.name);
+
+      if (!deviceName) {
+        setDeviceName(result.data.name);
+      }
+    }
+  };
+
+  // 选择房间
+  let defaultRoomIndex = 0;
+  let defaultRoomName = payload.roomList[defaultRoomIndex]
+    ? payload.roomList[defaultRoomIndex].room_name
+    : '';
+  const [roomIndex, setRoomIndex] = useState(defaultRoomIndex);
+  const [roomName, setRoomName] = useState(defaultRoomName);
+  const handleShowRoomPicker = async () => {
+    const result = await SheetManager.show('action-picker', {
+      context: 'global',
+      payload: {
+        title: '选择房间',
+        defaultIndex: roomIndex,
+        columns: payload.roomList,
+        nameProp: 'room_name',
+      },
+    });
+
+    if (result) {
+      if (curDeviceType) {
+        const isPickingStorageRoom = isStorageRoom(result.data);
+        if (
+          publicDeviceTypes.includes(curDeviceType) &&
+          !isPickingStorageRoom
+        ) {
+          Alert.alert('公共设备不能加入储物间以外的房间');
+          return;
+        }
+        if (
+          !publicDeviceTypes.includes(curDeviceType) &&
+          isPickingStorageRoom
+        ) {
+          Alert.alert('非公共设备不能加入储物间');
+          return;
+        }
+      }
+
+      setRoomIndex(result.index);
+      setRoomName(result.data.room_name);
+    }
+  };
+
+  const curDeviceType = targetDeviceType ? targetDeviceType.class : '';
+  const curBrand = selectedBrand.value;
+  const curModel = selectedModel.value;
+
+  // 支持根据条码生成码值的通断器
+  const hasBarcodeSwitch = (() => {
+    if (curDeviceType === 'igot') {
+      if (
+        (curBrand === 'kingserry' && curModel === 'IGRL0012') ||
+        (curBrand === 'yibailong' && curModel === 'IGRL0021') ||
+        (curBrand === 'shengbiao' && curModel === 'IGRLN041')
+      ) {
+        return true;
+      }
+    }
+    return false;
+  })();
+  // 易百珑随意贴
+  const isYblSyt = (() => {
+    if (curDeviceType === 'ifree') {
+      if (curBrand === 'yibailong' && curModel === 'ITFKE101W') {
+        return true;
+      }
+    }
+    return false;
+  })();
+  // 当前要添加的设备是否为需要学习码值的433随意贴
+  const isSub1gLearningSuiyitieSelected = (() => {
+    if (curDeviceType === 'ifree') {
+      if (
+        (curBrand === 'kingserry' && curModel === 'ITFBT101W') ||
+        (curBrand === 'lingpu' && curModel === 'ITFKR101W')
+      ) {
+        return true;
+      }
+    }
+    return false;
+  })();
+  // 本页面添加设备时是否需要填写设备名称、开关用途、灯光用途、设备位置等信息
+  // 根据设备类型+品牌+型号来判断，有些设备要走进一步流程的，因此不在这里做上述信息的填写
+  const addDeviceNeedMoreInfo = (() => {
+    if (
+      isSub1gLearningSuiyitieSelected ||
+      (curDeviceType === 'ifree' && curBrand === 'lingpu')
+    ) {
+      return false;
+    }
+    return true;
+  })();
+
+  const submitBtnText = (() => {
+    let text = '添加设备';
+
+    switch (curDeviceType) {
+      case 'itee':
+        return '开始配网';
+      case 'light':
+        return '开始配对';
+      case 'igot':
+        return '添加通断器';
+    }
+
+    if (isSub1gLearningSuiyitieSelected) {
+      text = '学习码值';
+    }
+    if (isYblSyt) {
+      text = '添加易百珑随意贴';
+    }
+
+    return text;
+  })();
+
+  const [isSaveBtnDisabled, setIsSaveBtnDisabled] = useState(false);
+  const handleSaveDevice = async () => {
+    if (curDeviceType === '') {
+      Alert.alert('请选择设备');
+      return;
+    }
+    if (curDeviceType === 'tv' && tvid === '') {
+      Alert.alert('请输入电视ID');
+      return;
+    }
+
+    currentPageOptions = {
+      device_type: curDeviceType,
+    };
+    if (curBrand && curModel) {
+      currentPageOptions.brand = curBrand;
+      currentPageOptions.model = curModel;
+    }
+    if (curDeviceType === 'itee' || hasBarcodeSwitch || isYblSyt) {
+      if (barcode === '') {
+        Alert.alert('请扫一扫机身条码');
+        return;
+      }
+      if (curDeviceType === 'itee') {
+        // 跳转到配网页面，之后添加itee再由单独的页面进行
+        iteeConfigureNetwork(barcode);
+        SheetManager.hide(sheetId);
+        return;
+      }
+    }
+    if (
+      targetDeviceType &&
+      targetDeviceType.brands &&
+      targetDeviceType.brands.length > 0 &&
+      (!curBrand || !curModel)
+    ) {
+      Alert.alert('请选择品牌型号');
+      return;
+    }
+    if (isSub1gLearningSuiyitieSelected) {
+      // 需要学习码值的随意贴_RF版(433版)
+
+      // 进入433学习添加流程
+      sub1gLearning();
+      SheetManager.hide(sheetId);
+      return;
+    }
+    if (curDeviceType === 'ifree' && curBrand === 'lingpu') {
+      if (Platform.OS === 'ios') {
+        Alert.alert('暂不支持ios');
+      } else {
+        LingPuPair();
+        SheetManager.hide(sheetId);
+      }
+      return;
+    }
+    if (deviceName === '') {
+      Alert.alert('请输入设备名称');
+      return;
+    }
+    if (roomName === '') {
+      Alert.alert('请选择设备位置');
+      return;
+    }
+    const roomId = payload.roomList[roomIndex].room_id;
+    if (curDeviceType === 'light') {
+      if (curBrand === 'WXD') {
+        // 无线道蓝牙灯
+        WuxiandaoLightPair(roomId);
+        SheetManager.hide(sheetId);
+        return;
+      } else if (curBrand === 'YHWL') {
+        // 云海物联蓝牙灯
+        yhwlLightPair(roomId);
+        SheetManager.hide(sheetId);
+        return;
+      } else if (selectedModel.emit === 'blebc') {
+        Alert.alert('此类型蓝牙灯暂未支持添加');
+        return;
+      }
+    }
+    if (curDeviceType === 'hematometer' && curBrand === 'kangwl') {
+      // 康维乐蓝牙血压计（维乐高）
+      kangwlHematometerPair(roomId);
+      SheetManager.hide(sheetId);
+      return;
+    }
+    if (curDeviceType === 'scale' && curBrand === 'lefuscale') {
+      // 乐福蓝牙体脂称
+      lefuScalePair(roomId);
+      SheetManager.hide(sheetId);
+      return;
+    }
+
+    setIsSaveBtnDisabled(true);
+
+    const params = {
+      room_id: roomId,
+      device_type: curDeviceType,
+      device_name: deviceName,
+      extend: {
+        code_groups: [],
+      },
+    };
+    let fcodes;
+    if (hasBarcodeSwitch) {
+      // 获取通断器码值
+      // fcodes: type === "device" ? "1543,1544,2000,2002"/* 通断器device */ : "1543,1544,2001,2003"/* 通断器group */,
+      fcodes = '1543,1544,2000,2002';
+    } else if (isYblSyt) {
+      // 获取易百珑随意贴码值
+      fcodes = '1669';
+    }
+    if (fcodes) {
+      const sub1g_code = await getSub1gJsonByBarcode({
+        type: 'device',
+        fcodes: fcodes,
+        barcode: barcode,
+      });
+      if (sub1g_code) {
+        params.extend.sub1g_code = sub1g_code;
+      } else {
+        Alert.alert('获取码值失败！');
+        setIsSaveBtnDisabled(false);
+        return;
+      }
+    }
+    if (curBrand && curModel) {
+      const extend = {
+        brand: curBrand,
+        model: curModel,
+        emit: selectedModel.emit,
+      };
+
+      Object.assign(params.extend, extend);
+    } else {
+      if (['tv', 'ac'].includes(curDeviceType)) {
+        params.extend.emit = 'ir';
+      }
+    }
+    if (curDeviceType === 'tv') {
+      params.device_mac = tvid;
+
+      if (params.extend.emit === 'ir') {
+        // 获取tv红外码库id
+        const result = await getTvIrCode({
+          tv_id: params.device_mac,
+        }).catch(() => {});
+
+        if (result && result.code === 0 && result.result && result.result.ir) {
+          params.extend.ir_code = result.result.ir;
+        }
+      }
+    }
+    if (
+      params.extend.emit === 'sub1g' &&
+      !params.extend.sub1g_code &&
+      params.extend.brand &&
+      params.extend.model
+    ) {
+      // 小程序添加设备时，如果判断emit是sub1g，
+      if (
+        (curDeviceType === 'curtain' && params.extend.brand === 'dooya') ||
+        (curDeviceType === 'curtain' && params.extend.brand === 'raex')
+      ) {
+        // 如果该类433设备属于特定设备的（尚未约定条码和码值映射规则），则走谢振南的接口获取随机生成的码值（临时方案）
+        const result = await getTemplateCode({
+          type_code: curDeviceType,
+          brand_code: params.extend.brand,
+          model_code: params.extend.model,
+        });
+        if (result.code === 0) {
+          params.extend.sub1g_code = result.result;
+        }
+      } else {
+        // 如果该类433设备不属于学习获取码值、扫码获取码值或上述特定设备的，则走谢振南的新接口获取相应模版的码值。谢振南从段中虎那边取数据
+        const result = await getDeviceCode({
+          type_code: curDeviceType,
+          brand_code: params.extend.brand,
+          model_code: params.extend.model,
+        });
+        if (result.code === 0) {
+          params.extend.sub1g_code = result.result;
+        }
+      }
+    }
+    if (barcode) {
+      params.extend.barcode = barcode;
+
+      // 当没有device_mac时，以机身条码作为唯一标识
+      if (!params.device_mac) {
+        params.device_mac = params.extend.barcode;
+      }
+    }
+    if (curDeviceType === 'igot') {
+      params.extend.switch_usage = switchUsages[switchUsageIndex].value;
+    }
+
+    if (
+      curDeviceType === 'light' ||
+      (curDeviceType === 'igot' &&
+        switchUsages[switchUsageIndex].value === 'IGOT_LIGHT')
+    ) {
+      params.extend.light_usage = lightUsages[lightUsageIndex].value;
+    }
+
+    console.log(params);
+    const result = await addDevice(params);
+
+    setIsSaveBtnDisabled(false);
+
+    if (result.code === 0) {
+      SheetManager.hide(sheetId, {
+        payload: {
+          room_id: params.room_id,
+        },
+      });
+    } else {
+      if (result.code === 20512) {
+        // 该设备已被自己的某个房间关联
+        Alert.alert('移动设备', '设备已绑定房间，是否移动至目标房间？', [
+          {
+            text: '确定',
+            onPress: async () => {
+              const res = await moveDevice({
+                room_id: result.result.room_id,
+                device_id: result.result.device_id,
+                new_room_id: params.room_id,
+              });
+              if (res.code === 0) {
+                Alert.alert('设备移动成功');
+                SheetManager.hide(sheetId, {
+                  payload: {
+                    room_id: params.room_id,
+                  },
+                });
+              }
+            },
+          },
+          {
+            text: '取消',
+          },
+        ]);
+      } else if (result.code === 20511) {
+        // 该设备已被其它家庭关联
+        Alert.alert('设备已被其它家庭绑定了');
+      }
+    }
+  };
+
+  return (
+    <>
+      <ActionSheet id={sheetId} isModal={false} useBottomSafeAreaPadding>
+        <View style={styles.title}>
+          <Text style={styles.titleText}>{title}</Text>
+          <View style={styles.closeBtn}>
+            <Icon
+              name="close"
+              type="ionicon"
+              size={28}
+              color="#999"
+              onPress={() => {
+                SheetManager.hide(sheetId);
+              }}
+            />
+          </View>
+        </View>
+
+        <Cell
+          type="link"
+          label="智能设备"
+          value={deviceTypeName}
+          onRightPress={handleShowDeviceTypePicker}
+        />
+        {targetDeviceType &&
+          targetDeviceType.brands &&
+          targetDeviceType.brands.length > 0 &&
+          curDeviceType !== 'itee' && (
+            <Cell
+              type="link"
+              label="品牌型号"
+              value={brandModelText}
+              onRightPress={handleShowBrandModelPicker}
+            />
+          )}
+
+        {curDeviceType === 'tv' && (
+          <Cell
+            type="input"
+            label="电视ID"
+            value={tvid}
+            placeholder="请输入电视ID"
+            inputIcon={
+              <TouchableHighlight
+                onPress={handleScanTvId}
+                activeOpacity={0.9}
+                underlayColor="#f0f0f0">
+                <Icon
+                  name="scan-outline"
+                  type="ionicon"
+                  size={40}
+                  color="#aaa"
+                />
+              </TouchableHighlight>
+            }
+            onChangeText={text => setTvid(text)}
+          />
+        )}
+        {(curDeviceType === 'itee' || hasBarcodeSwitch || isYblSyt) && (
+          <Cell
+            type="input"
+            label="机身条码"
+            value={barcode}
+            placeholder="请输入机身条码"
+            inputIcon={
+              <TouchableHighlight
+                onPress={handleScanBarcode}
+                activeOpacity={0.9}
+                underlayColor="#f0f0f0">
+                <Icon
+                  name="scan-outline"
+                  type="ionicon"
+                  size={40}
+                  color="#aaa"
+                />
+              </TouchableHighlight>
+            }
+            onChangeText={text => setBarcode(text)}
+          />
+        )}
+
+        {addDeviceNeedMoreInfo && (
+          <>
+            {!['itee', 'light'].includes(curDeviceType) && (
+              <Cell
+                type="input"
+                label="设备名称"
+                value={deviceName}
+                placeholder="请输入设备名称"
+                onChangeText={text => setDeviceName(text)}
+              />
+            )}
+            {curDeviceType === 'igot' && (
+              <Cell
+                type="link"
+                label="开关用途"
+                value={switchUsage}
+                onRightPress={handleShowSwitchUsagePicker}
+              />
+            )}
+            {((curDeviceType === 'igot' &&
+              switchUsages[switchUsageIndex].value === 'IGOT_LIGHT') ||
+              curDeviceType === 'light') && (
+              <Cell
+                type="link"
+                label="灯光用途"
+                value={lightUsage}
+                onRightPress={handleShowLightUsagePicker}
+              />
+            )}
+            {!['itee'].includes(curDeviceType) && (
+              <Cell
+                type="link"
+                label="设备位置"
+                value={roomName}
+                onRightPress={handleShowRoomPicker}
+              />
+            )}
+          </>
+        )}
+
+        <View>
+          <Button
+            title={submitBtnText}
+            disabled={isSaveBtnDisabled}
+            size="lg"
+            onPress={handleSaveDevice}
+          />
+        </View>
+      </ActionSheet>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  title: {
+    position: 'relative',
+    height: 50,
+    paddingHorizontal: 60,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  titleText: {
+    fontSize: 18,
+    color: '#333',
+  },
+  closeBtn: {
+    position: 'absolute',
+    height: '100%',
+    top: 0,
+    right: 0,
+    width: 60,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default DeviceActionSheet;