提交智能人事绩效展示开关

src/views/staff/drawershow.vue

@@ -14,8 +14,6 @@
         label-width="120px"
         style="width: 100%;"
       >
-
-
         <div class="cell2">
           <div class="history">
             <span>姓名：</span>
@@ -57,6 +55,17 @@
             <span>手机号：</span>
             <span class="times">{{ form.phoneNumber }}</span>
           </div>
+          <div class="history">
+            <span>绩效展示：</span>
+            <el-switch
+              :active-value="1"
+              :inactive-value="0"
+              v-model="form.otherCheck"
+              @change="handleSwitch"
+            >
+            </el-switch>
+          </div>
+          <div class="box" v-if="form.otherCheck == 1">
             <div class="history">
               <span>考勤授权：</span>
               <el-switch
@@ -71,7 +80,7 @@
               <el-switch
                 :active-value="1"
                 :inactive-value="0"
-              v-model="form.complainCheck"
+                v-model="form.reviewCheck"
               >
               </el-switch>
             </div>
@@ -107,15 +116,14 @@
               <el-switch
                 :active-value="1"
                 :inactive-value="0"
-              v-model="form.otherCheck"
+                v-model="form.complainCheck"
               >
               </el-switch>
             </div>
           </div>
+        </div>
 
-        <el-row>
-
-        </el-row>
+        <el-row> </el-row>
 
         <form-buttons
           @submit="submitForm"
@@ -207,6 +215,21 @@ export default {
   },
 
   methods: {
+    handleSwitch(val) {
+      if (this.form.otherCheck == 0) {
+        this.form.attendCheck = 0;
+        this.form.reviewCheck = 0;
+        this.form.goworkCheck = 0;
+        this.form.effectCheck = 0;
+        this.form.complainCheck = 0;
+      } else {
+        this.form.attendCheck = 1;
+        this.form.reviewCheck = 1;
+        this.form.goworkCheck = 1;
+        this.form.effectCheck = 1;
+        this.form.complainCheck = 1;
+      }
+    },
     renderContent: function(h, { node, data, store }) {
       return (
         <span>