屏蔽配置

src/apps/AppHandSnapshot/AddSet.vue

@@ -2,19 +2,18 @@
   <div class="AddSet">
     <div class="contents">
       <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
-        <u-form-item label="事项分组" prop="status" required :border-bottom="false" right-icon="arrow-right">
+        <u-form-item label="事项分组" prop="title" required :border-bottom="false" right-icon="arrow-right">
-          <u-input v-model="forms.status" placeholder="请选择事项分组" />
+          <u-input v-model="forms.title" placeholder="请输入事项分组" />
-        </u-form-item>
-        <u-form-item label="类别" prop="status" required :border-bottom="false">
         </u-form-item>
+        <u-form-item label="类别" prop="status" required :border-bottom="false"> </u-form-item>
         <div class="remove-item">
-          <img src="./components/img/remove-icon.png" alt="">
+          <img src="./components/img/remove-icon.png" alt="" />
           <div class="input">
             <u-input v-model="forms.status" placeholder="请输入" />
           </div>
         </div>
         <div class="remove-item">
-          <img src="./components/img/add-icon.png" alt="">
+          <img src="./components/img/add-icon.png" alt="" />
           <div class="input color-2270F1">添加分类</div>
         </div>
       </u-form>
@@ -23,7 +22,7 @@
     <!-- <div class="btn" @click="submit">保存</div> -->
     <div class="footer">
       <div class="remove">删除</div>
-      <div class="confirm">保存</div>
+      <div class="confirm" @click="submit">保存</div>
     </div>
   </div>
 </template>
@@ -41,7 +40,7 @@ export default {
         fileIds: [],
       },
       flag: false,
-      show: false
+      show: false,
     }
   },
   methods: {
@@ -50,8 +49,8 @@ export default {
 
       this.$refs.uForm.validate((valid) => {
         if (valid) {
-          if (!this.forms.content) {
+          if (!this.forms.title) {
-            return this.$u.toast('请选择转交人')
+            return this.$u.toast('请输入事项分组')
           }
 
           const imgs = []
@@ -63,7 +62,7 @@ export default {
 
           this.flag = true
           this.$http
-            .post(`/app/appvisitvondolence/addOrUpdate`, {
+            .post(`/app/appclapeventgroup/addOrUpdate`, {
               title: this.forms.title,
               content: this.forms.content,
               // images: JSON.stringify(imgs) || [],
@@ -89,7 +88,7 @@ export default {
     toSelectUser() {
       console.log(123)
       uni.navigateTo({ url: './SelectUser' })
-    }
+    },
   },
 }
 </script>
@@ -161,7 +160,7 @@ export default {
       line-height: 36px;
     }
     .color-2270F1 {
-      color: #2270F1;
+      color: #2270f1;
       font-size: 30px;
       font-family: PingFangSC-Regular, PingFang SC;
       line-height: 42px;
@@ -208,7 +207,7 @@ export default {
     }
     .confirm {
       flex: 2;
-      background: #3975C6;
+      background: #3975c6;
       color: #fff;
     }
   }

src/apps/AppHandSnapshot/AppHandSnapshot.vue

@@ -1,14 +1,9 @@
 <template>
   <div class="AppHandSnapshot">
-    <component
+    <component v-if="refresh" :is="component" @change="onChange" :params="params"> </component>
-      v-if="refresh"
-      :is="component"
-      @change="onChange"
-      :params="params">
-    </component>
     <div class="tabs" v-if="isTab">
       <div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
-        <img :src="tabIndex == index ? item.activeImg : item.img" alt="">
+        <img :src="tabIndex == index ? item.activeImg : item.img" alt="" />
         <p :class="tabIndex == index ? 'color-3267F0' : ''">{{ item.text }}</p>
       </div>
     </div>
@@ -26,38 +21,38 @@ export default {
 
   data() {
     return {
-      component: 'Set',
+      component: 'List',
       params: {},
       refresh: true,
-      tabIndex: 2,
+      tabIndex: 0,
       tabs: [
         {
           img: require('./components/img/handle-icon.png'),
           activeImg: require('./components/img/handle-icon-active.png'),
           text: '办理',
-          component: 'List'
+          component: 'List',
         },
         {
           img: require('./components/img/statistics-icon.png'),
           activeImg: require('./components/img/statistics-icon-active.png'),
           text: '统计',
-          component: 'Statistics'
+          component: 'Statistics',
         },
-        {
+        // {
-          img: require('./components/img/set-icon.png'),
+        //   img: require('./components/img/set-icon.png'),
-          activeImg: require('./components/img/set-icon-active.png'),
+        //   activeImg: require('./components/img/set-icon-active.png'),
-          text: '配置',
+        //   text: '配置',
-          component: 'Set'
+        //   component: 'Set'
-        }
+        // }
       ],
-      isTab: true
+      isTab: true,
     }
   },
 
   components: {
     List,
     Statistics,
-    Set
+    Set,
   },
 
   methods: {
@@ -72,10 +67,10 @@ export default {
       this.$nextTick(() => {
         this.refresh = true
       })
-    }
+    },
   },
   onShow() {
-    document.title = "随手拍"
+    document.title = '随手拍'
     uni.$on('hideTab', () => {
       this.isTab = false
     })
@@ -85,7 +80,7 @@ export default {
   },
   onReachBottom() {
     uni.$emit('nextList')
-  }
+  },
 }
 </script>
 
@@ -96,7 +91,7 @@ export default {
 .tabs {
   width: 100%;
   height: 98px;
-  background: #FFF;
+  background: #fff;
   border-top: 1px solid #ddd;
   position: fixed;
   bottom: 0;
@@ -114,11 +109,11 @@ export default {
       font-size: 22px;
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
-      color: #C4CAD4;
+      color: #c4cad4;
       line-height: 8px;
     }
     .color-3267F0 {
-      color: #3267F0;
+      color: #3267f0;
     }
   }
 }