个人信息组件done

src/views/flow/index.vue

 <template>
-  <div>预约流程</div>
+  <div class="flow">
+    <div class="content">
+      <div class="left">
+        <div class="title"><span class="point"></span>客户信息</div>
+        <div class="info">
+          <div class="item">
+            <span class="label">姓名：</span> <a-input readonly>小京巴</a-input>
+          </div>
+          <div class="item">
+            <span class="label">性别：</span> <a-input readonly>小京巴</a-input>
+          </div>
+          <div class="item">
+            <span class="label">身份证：</span>
+            <a-input readonly>小京巴</a-input>
+          </div>
+          <div class="item">
+            <span class="label">手机号码：</span>
+            <a-input readonly>小京巴</a-input>
+          </div>
+          <div class="item">
+            <span class="label">出生日期：</span>
+            <a-input readonly>小京巴</a-input>
+          </div>
+        </div>
+        <div class="reset">
+          <a-button type="primary">点击修改</a-button>
+        </div>
+      </div>
+
+      <div class="right">step</div>
+    </div>
+    <a-button type="primary" @click="onSubmit">下一步</a-button>
+    <div class="btn"></div>
+  </div>
 </template>
 
 <script>
@@ -15,4 +48,52 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.flow {
+  background: #fafafa;
+  .content {
+    .point {
+      display: inline-block;
+      border-radius: 5px;
+      width: 6px;
+      height: 6px;
+      background-color: #3f7ffb;
+      margin-right: 6px;
+      position: relative;
+      top: -1px;
+    }
+    display: flex;
+    justify-content: center;
+    .left {
+      .reset {
+        text-align: center;
+        margin-top: 25px;
+      }
+      .info {
+        ::v-deep .ant-input {
+          border: none;
+          background-color: #fafafa;
+        }
+        .item {
+          display: flex;
+          margin-top: 10px;
+          .label {
+            display: inline-block;
+            width: 90px;
+            line-height: 32px;
+            font-size: 12px;
+            color: #aaaaaa;
+          }
+        }
+      }
+    }
+    .left,
+    .right {
+      background: white;
+      box-shadow: 0px 7px 14px 1px rgba(223, 223, 219, 0.18);
+      border-radius: 8px;
+      padding: 19px 12px;
+    }
+  }
+}
+</style>