beautify ui; fix current ticket card title display bug

src/pages/index/index.tsx

@@ -20,7 +20,7 @@ class CardContent {
 
 function mainPageCard(c: CardContent): JSX.Element {
   return (
-    <View style={{ marginTop: 10 }}>
+    <View style={{ marginTop: 10, marginBottom: 20 }}>
       <AtCard note={c.note} extra={c.extra} title={c.title}>
         {c.content()}
       </AtCard>

src/pages/repair/repair.tsx

@@ -38,7 +38,7 @@ const submitInterval = 5000;
 const middleButton = <View></View>;
 
 const isInfoShow = {
-  device: true,
+  device: false,
   createdTime: true,
   description: false,
   current: true,
@@ -183,29 +183,34 @@ export default class RepairPage extends Component<{}, RepairPageState> {
   }
 
   render(): ReactNode {
-    const ticketsRenderer = this.state.currentTicketsIdName.map((pair, idx) => (
-      <AtCard
-        key={idx}
-        title={pair.get(pair.keys()[0])} //pair.keys()[0] == id
-        extra={pt.get().repairPage.currentTicket.extra}
-        onClick={() => {
-          Taro.navigateTo({
-            url: '/pages/TicketDetail/TicketDetail?id=' + pair.keys()[0],
-          });
-        }}
-        note={
-          pt.get().tips.tipsText[
-            randomInt(0, pt.get().tips.tipsText.length - 1)
-          ]
-        }
-      >
-        <DetailFramework
-          id={pair.keys()[0]}
-          isInfoShow={isInfoShow}
-          middleButton={middleButton}
-        />
-      </AtCard>
-    ));
+    const ticketsRenderer =
+      this.state.currentTicketsIdName.length !== 0 ? (
+        this.state.currentTicketsIdName.map((pair, idx) => (
+          <AtCard
+            key={idx}
+            title={pair.get(pair.keys().next().value)} //pair.keys().next().value == id
+            extra={pt.get().repairPage.currentTicket.extra}
+            onClick={() => {
+              Taro.navigateTo({
+                url: '/pages/TicketDetail/TicketDetail?id=' + pair.keys()[0],
+              });
+            }}
+            note={
+              pt.get().tips.tipsText[
+                randomInt(0, pt.get().tips.tipsText.length - 1)
+              ]
+            }
+          >
+            <DetailFramework
+              id={pair.keys()[0]}
+              isInfoShow={isInfoShow}
+              middleButton={middleButton}
+            />
+          </AtCard>
+        ))
+      ) : (
+        <View></View>
+      );
     return (
       <View style={{ width: '94%', marginLeft: '3%' }}>
         <AtMessage />