学校班级策略

src/views/schoolSection/strategy/publicStrategy.vue

@@ -15,11 +15,18 @@
           >时间限制策略
         </div>
         <div>
-          <Checkbox v-if="curState === 1" v-model="strategyInfo.hastime"
+          <Checkbox v-if="curState === 2" v-model="strategyInfo.hastime"
             >启用</Checkbox
           >
         </div>
       </div>
+      <div style="margin-bottom: 10px" v-if="strategyInfo.hastime">
+        <TimeStrategy
+          :times="strategyInfo.padTimes"
+          @timesChange="timesChange"
+        ></TimeStrategy>
+      </div>
+      <div class="nodata" v-else>未设置时间限制策略</div>
     </div>
     <div class="strategy_list">
       <div class="strategy_title">
@@ -27,7 +34,7 @@
           <span class="ivu-icon iconfont icon-yingyongcelve"></span>应用策略
         </div>
         <div>
-          <Checkbox v-if="curState === 1" v-model="strategyInfo.hasapp"
+          <Checkbox v-if="curState === 2" v-model="strategyInfo.hasapp"
             >启用</Checkbox
           >
         </div>
@@ -62,14 +69,14 @@
       <div class="strategy_title">
         <div><span class="ivu-icon iconfont icon-shezhi"></span>设备策略</div>
         <div>
-          <Checkbox v-if="curState === 1" v-model="strategyInfo.hasdevice"
+          <Checkbox v-if="curState === 2" v-model="strategyInfo.hasdevice"
             >启用</Checkbox
           >
         </div>
       </div>
-      <div class="strategy_content">
+      <div class="strategy_content" v-if="strategyInfo.hasdevice">
         <div class="strategy_top">
-          <span>授权应用</span>
+          <span>设备功能管理</span>
         </div>
         <div class="strategy_bottom" style="min-height: 160px">
           <div
@@ -94,6 +101,7 @@
           </div>
         </div>
       </div>
+      <div class="nodata" v-else>未设置设备策略</div>
     </div>
     <div class="strategy_list">
       <div class="strategy_title">
@@ -105,12 +113,12 @@
           >Wifi白名单策略
         </div>
         <div>
-          <Checkbox v-if="curState === 1" v-model="strategyInfo.haswifi"
+          <Checkbox v-if="curState === 2" v-model="strategyInfo.haswifi"
             >启用</Checkbox
           >
         </div>
       </div>
-      <div class="strategy_content">
+      <div class="strategy_content" v-if="strategyInfo.haswifi">
         <div class="strategy_top">
           <span>SSID</span>
           <span v-if="curState === 2">
@@ -140,6 +148,7 @@
           </div>
         </div>
       </div>
+      <div class="nodata" v-else>未设置Wifi白名单</div>
     </div>
     <div class="strategy_list">
       <div class="strategy_title">
@@ -147,12 +156,17 @@
           <span class="ivu-icon iconfont icon-weiguiguanli"></span>违规处理
         </div>
         <div>
-          <Checkbox v-if="curState === 1" v-model="strategyInfo.hasviolate"
+          <Checkbox v-if="curState === 2" v-model="strategyInfo.hasviolate"
             >启用</Checkbox
           >
         </div>
       </div>
-      <Table class="table" :columns="columns" :data="strategyInfo.padViolates">
+      <Table
+        v-if="strategyInfo.hasviolate"
+        class="table"
+        :columns="columns"
+        :data="strategyInfo.padViolates"
+      >
         <template slot-scope="{ row }" slot="violationEvents">
           <Checkbox
             :disabled="curState === 1"
@@ -165,7 +179,10 @@
           }}</span>
         </template>
         <template slot-scope="{ row }" slot="violationHandling">
-          <CheckboxGroup v-model="row.handleMethod">
+          <CheckboxGroup
+            @on-change="checkboxChange(row)"
+            v-model="row.handleMethod"
+          >
             <Checkbox :disabled="curState === 1" label="通知管理员"></Checkbox>
             <Checkbox
               :disabled="curState === 1"
@@ -179,6 +196,7 @@
           </CheckboxGroup>
         </template>
       </Table>
+      <div class="nodata" v-if="!strategyInfo.hasviolate">未设置违规处理</div>
       <div
         class="footer"
         style="text-align: center; margin-top: 20px"
@@ -202,21 +220,30 @@
 </template>
 
 <script>
-import { stApp_detail_obj } from "@/api/stPad";
+import {
+  stApp_add,
+  stApp_detail_obj,
+  stApp_edit,
+  stPad_add, stPad_detail_obj,
+  stPad_edit
+} from "@/api/stPad";
 import { app_list } from "@/api/appgroup";
-
+import TimeStrategy from "@/components/TimeStrategy/TimeStrategy";
 export default {
+  components: {
+    TimeStrategy
+  },
   props: ["curClass"],
   data() {
     return {
       showLoading: false,
       curState: 1, //1查看/2编辑
       strategyInfo: {
-        hastime: false, // 是否开启时间策略：0否 1是
+        hastime: true, // 是否开启时间策略：0否 1是
         padTimes: [], // 平板策略时间
-        hasapp: false, //是否开启应用策略：0否 1是
+        hasapp: true, //是否开启应用策略：0否 1是
         padApps: [], //appid集合
-        hasdevice: false, //是否开启设备策略：0否 1是
+        hasdevice: true, //是否开启设备策略：0否 1是
         padDevices: [
           {
             id: 1,
@@ -279,9 +306,9 @@ export default {
             icon: "ivu-icon iconfont icon-icon-OTG"
           }
         ], //授权应用
-        haswifi: false, //是否开启wifi白名单策略：0否 1是
-        padWifis: ["wifi白名单"], //wifi白名单
-        hasviolate: false, //是否开启违规通知：0否 1是
+        haswifi: true, //是否开启wifi白名单策略：0否 1是
+        padWifis: ["xhkjedu"], //wifi白名单
+        hasviolate: true, //是否开启违规通知：0否 1是
         padViolates: [
           {
             title: "已ROOT",
@@ -322,7 +349,8 @@ export default {
           align: "center"
         }
       ],
-      ssidName: ""
+      ssidName: "",
+      hasSave: null
     };
   },
   watch: {
@@ -339,17 +367,124 @@ export default {
     }
   },
   created() {
-    this.curState = 1;
+    this.curState = 2;
     this.init();
   },
   methods: {
-    save() {},
+    timesChange(times) {
+      this.strategyInfo.padTimes = times;
+      console.log(this.strategyInfo.padTimes);
+    },
+    save() {
+      console.log(this.strategyInfo);
+
+      let padDevices = [],
+        padViolates = [],
+        padApps = [];
+      //获取授权应用
+      for (let item of this.strategyInfo.padApps) {
+        if (item.checked) {
+          padApps.push(item.appid);
+        }
+      }
+      //获取设备
+      let pdorder = 0;
+      for (let item of this.strategyInfo.padDevices) {
+        if (item.enabled === 1) {
+          pdorder++;
+          padDevices.push({ pdtype: item.title, pdorder });
+        }
+      }
+
+      //获取违规处理
+      for (let item of this.strategyInfo.padViolates) {
+        if (item.checked) {
+          let handleMethod = item.handleMethod.join(";");
+          padViolates.push({ violateType: item.violateType, handleMethod });
+        }
+      }
+      if (this.strategyInfo.hastime) {
+        if (this.strategyInfo.padTimes.length === 0) {
+          this.$Message.error("请选择时间限制!");
+          return;
+        }
+      }
+      if (this.strategyInfo.hasapp) {
+        if (padApps.length === 0) {
+          this.$Message.error("请选择授权应用!");
+          return;
+        }
+      }
+      if (this.strategyInfo.hasdevice) {
+        if (padDevices.length === 0) {
+          this.$Message.error("请选择设备!");
+          return;
+        }
+      }
+      if (this.strategyInfo.haswifi) {
+        if (this.strategyInfo.padWifis.length === 0) {
+          this.$Message.error("请输入SSID!");
+          return;
+        }
+      }
+      if (this.strategyInfo.hasviolate) {
+        if (padViolates.length === 0) {
+          this.$Message.error("请选择违规事件!");
+          return;
+        }
+        //违规处理选项
+        for (let item of padViolates) {
+          if (item.handleMethod.length === 0) {
+            this.$Message.error("请选择违规处理!");
+            return;
+          }
+        }
+      }
+      let form = {
+        sttype: this.curClass.type, //1学校策略 2班级策略 3个人策略
+        objectid: this.curClass.id,
+        hastime: this.strategyInfo.hastime ? 1 : 0,
+        hasapp: this.strategyInfo.hasapp ? 1 : 0,
+        hasdevice: this.strategyInfo.hasdevice ? 1 : 0,
+        haswifi: this.strategyInfo.haswifi ? 1 : 0,
+        hasviolate: this.strategyInfo.hasviolate ? 1 : 0,
+        padTimes: this.strategyInfo.hastime ? this.strategyInfo.padTimes : [],
+        padDevices: this.strategyInfo.hasdevice ? padDevices : [],
+        padViolates: this.strategyInfo.hasviolate ? padViolates : [],
+        padWifis: this.strategyInfo.haswifi ? this.strategyInfo.padWifis : [],
+        padApps: this.strategyInfo.hasapp ? padApps : []
+      };
+      let api = this.hasSave ? stPad_edit : stPad_add;
+      console.log(form);
+      api(form).then((res) => {
+        if (res.code === 0) {
+          console.log(res.obj);
+          this.$Message.success(res.msg);
+          this.detail();
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    checkboxChange(row) {
+      row.checked = row.handleMethod.length > 0 ? true : false;
+      this.strategyInfo.padViolates.forEach((item) => {
+        if (item.violateType === row.violateType) {
+          item.checked = row.handleMethod.length > 0 ? true : false;
+          item.handleMethod = row.handleMethod;
+        }
+      });
+    },
     //违规事件
     checkedChange(row) {
-      if (!row.checked) {
-        //清空违规处理
-        row.handleMethod = [];
-      }
+      this.strategyInfo.padViolates.forEach((item) => {
+        if (item.violateType === row.violateType) {
+          if (!row.checked) {
+            //清空违规处理
+            item.handleMethod = [];
+          }
+        }
+      });
     },
     delWifi(val) {
       //删除wifi白名单
@@ -368,21 +503,27 @@ export default {
       );
       console.log(this.strategyInfo.padWifis);
     },
-    async init() {
-      console.log(this.curClass);
+    async detail(){
       this.showLoading = true;
       //获取学校/班级策略详情
-      let res = await stApp_detail_obj({
+      let res = await stPad_detail_obj({
         rtype: this.powerParams.rtype,
         objectid: this.curClass.id,
         sttype: this.curClass.type
       });
       this.showLoading = false;
       if (res.code === 0) {
-        console.log(res.obj);
+        this.hasSave = res.obj;
+        if(this.hasSave){
+
+        }
+        console.log(this.hasSave);
       } else {
         this.$Message.error(res.msg);
       }
+    },
+    async init() {
+       await this.detail();
       //获取应用列表
       let res1 = await app_list({
         rtype: this.powerParams.rtype,
@@ -533,7 +674,7 @@ export default {
         }
       }
     }
-    .nodata{
+    .nodata {
       color: #798cb5;
       font-size: 16px;
       line-height: 30px;