步骤条

src/apps/AppMonitoringObject/Add.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="add">
+    <div class="steps">
+      <u-steps :list="numList" :current="0" mode="number"></u-steps>
+    </div>
     <div class="form-group">
       <div class="form-item">
         <div class="form-item__wrapper">
@@ -280,6 +283,11 @@ import {mapState} from 'vuex'
 export default {
   data() {
     return {
+      numList:  [
+        {name: '基本信息'}, 
+        {name: '情况描述'}, 
+        {name: '等待审核'}, 
+        ],
       form: {
         name: '',
         objectType: '',
@@ -312,7 +320,7 @@ export default {
       $areaId: '',
       isEdit: false,
       id: '',
-      girdInfo: {}
+      girdInfo: {},
     }
   },
   computed: {
@@ -444,6 +452,14 @@ export default {
 .add {
   padding-bottom: 120px;
 
+  .steps {
+    height: 176px;
+    ::v-deep .u-steps {
+      box-sizing: border-box;
+      padding-top: 40px;
+    }
+  }
+
   .aiArea {
     display: flex;
     align-items: center;