屏蔽配置

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) || [],
@@ -88,8 +87,8 @@ export default {
 
     toSelectUser() {
       console.log(123)
-      uni.navigateTo({url: './SelectUser'})
+      uni.navigateTo({ url: './SelectUser' })
-    }
+    },
   },
 }
 </script>
@@ -144,24 +143,24 @@ export default {
       }
     }
   }
-  .remove-item{
+  .remove-item {
     padding: 42px 0 42px 32px;
     box-sizing: border-box;
     background-color: #fff;
-    img{
+    img {
       width: 36px;
       height: 36px;
       margin-right: 12px;
       vertical-align: middle;
     }
-    .input{
+    .input {
       display: inline-block;
       width: calc(100% - 48px);
       height: 36px;
       line-height: 36px;
     }
-    .color-2270F1{
+    .color-2270F1 {
-      color: #2270F1;
+      color: #2270f1;
       font-size: 30px;
       font-family: PingFangSC-Regular, PingFang SC;
       line-height: 42px;
@@ -181,7 +180,7 @@ export default {
     color: #ffffff;
   }
 
-  .footer{
+  .footer {
     position: fixed;
     bottom: 0;
     width: 100%;
@@ -190,7 +189,7 @@ export default {
     padding: 32px;
     display: flex;
     justify-content: space-between;
-    div{
+    div {
       height: 92px;
       line-height: 92px;
       box-sizing: border-box;
@@ -200,15 +199,15 @@ export default {
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
     }
-    .remove{
+    .remove {
       flex: 1;
       border: 1px solid #f46;
       color: #f46;
       margin-right: 32px;
     }
-    .confirm{
+    .confirm {
       flex: 2;
-      background: #3975C6;
+      background: #3975c6;
       color: #fff;
     }
   }

src/apps/AppHandSnapshot/AppHandSnapshot.vue

@@ -1,15 +1,10 @@
 <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>
+        <p :class="tabIndex == index ? 'color-3267F0' : ''">{{ item.text }}</p>
       </div>
     </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,40 +80,40 @@ export default {
   },
   onReachBottom() {
     uni.$emit('nextList')
-  }
+  },
 }
 </script>
 
 <style lang="scss" scoped>
-.AppHandSnapshot{
+.AppHandSnapshot {
   height: 100%;
 }
-.tabs{
+.tabs {
   width: 100%;
   height: 98px;
-  background: #FFF;
+  background: #fff;
   border-top: 1px solid #ddd;
   position: fixed;
   bottom: 0;
   left: 0;
   display: flex;
-  .item{
+  .item {
     flex: 1;
     text-align: center;
-    img{
+    img {
       width: 56px;
       height: 56px;
       margin-top: 8px;
     }
-    p{
+    p {
       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;
+      color: #3267f0;
     }
   }
 }