diff --git a/src/pages/repair/repair.tsx b/src/pages/repair/repair.tsx
index 9d0742a..90ba00b 100644
--- a/src/pages/repair/repair.tsx
+++ b/src/pages/repair/repair.tsx
@@ -5,9 +5,10 @@ import {
   AtForm,
   AtInput,
   AtButton,
-  AtRadio,
   AtCheckbox,
   AtCard,
+  AtSegmentedControl,
+  AtMessage,
 } from 'taro-ui';
 import pt from '@/plain-text';
 import PageFooter from '@/components/PageFooter/PageFooter';
@@ -139,19 +140,20 @@ export default class RepairPage extends Component<{}, RepairPageState> {
   render(): ReactNode {
     return (
       <View>
+        <AtMessage />
         <AtCard
           note={pt.get().repairPage.cardText.note}
           title={pt.get().repairPage.cardText.title}
           thumb={repairLogo}
         >
           <AtForm onSubmit={this.onSubmit.bind(this)}>
-            <AtRadio
-              options={[
-                { label: pt.get().repairPage.typeText.appliance, value: 0 },
-                { label: pt.get().repairPage.typeText.computer, value: 1 },
+            <AtSegmentedControl
+              values={[
+                pt.get().repairPage.typeText.appliance,
+                pt.get().repairPage.typeText.computer,
               ]}
-              value={this.state.type}
               onClick={this.handleTypeChange.bind(this)}
+              current={this.state.type}
             />
             <AtInput
               clear