add support for rendering ui on various devices

src/pages/repair/repair.tsx

@@ -188,11 +188,13 @@ export default class RepairPage extends Component<{}, RepairPageState> {
         this.state.currentTicketsIdName.map((pair, idx) => (
           <AtCard
             key={idx}
-            title={pair.get(pair.keys().next().value)} //pair.keys().next().value == id
+            title={pair.values().next().value} //pair.keys().next().value == ticket['device'] + ' ' + ticket['deviceModel']
             extra={pt.get().repairPage.currentTicket.extra}
             onClick={() => {
               Taro.navigateTo({
-                url: '/pages/TicketDetail/TicketDetail?id=' + pair.keys()[0],
+                url:
+                  '/pages/TicketDetail/TicketDetail?id=' +
+                  pair.keys().next().value,
               });
             }}
             note={
@@ -202,7 +204,7 @@ export default class RepairPage extends Component<{}, RepairPageState> {
             }
           >
             <DetailFramework
-              id={pair.keys()[0]}
+              id={pair.keys().next().value} //pair.keys().next().value == id
               isInfoShow={isInfoShow}
               middleButton={middleButton}
             />
@@ -216,8 +218,8 @@ export default class RepairPage extends Component<{}, RepairPageState> {
         <AtMessage />
         <View
           style={{
-            marginTop: 10,
-            marginBottom: 20,
+            marginTop: '20rpx',
+            marginBottom: '40rpx',
           }}
         >
           {ticketsRenderer}