设置

src/api/setting.js

@@ -44,3 +44,15 @@ export const password_edit = (data) => setRequest("password/edit", data);
  * 8.3.3 设备设置-重置
  */
 export const password_delete = (data) => setRequest("password/delete", data);
+/**
+ * 8.4.1 开机设置-详情
+ */
+export const autoapp_detail = (data) => setRequest("autoapp/detail", data);
+/**
+ * 8.4.2 开机设置-保存
+ */
+export const autoapp_edit = (data) => setRequest("autoapp/edit", data);
+/**
+ * 8.4.3 开机设置-重置
+ */
+export const autoapp_delete = (data) => setRequest("autoapp/delete", data);

src/views/login/login.vue

@@ -137,7 +137,7 @@ export default {
         ],
         phone: [{ required: true, validator: phoneCheck, trigger: "blur" }],
         msgcode: [
-          { required: true, message: "短信验证码不能为空", trigger: "blur" }
+          { required: true, message: "验证码不能为空", trigger: "blur" }
         ]
       },
       isaccount: false,

src/views/regionSection/index.vue

@@ -115,7 +115,7 @@
               tag="div"
               to="/region/settingDevice"
               class="drop_down_list_item"
-              >设置设置</router-link
+              >设备设置</router-link
             >
             <router-link
               @click.native="routeDropdownChange()"

src/views/regionSection/networkManage/whitelist.vue

@@ -319,7 +319,7 @@ export default {
         },
         {
           title: "所属区域",
-          key: "regionName",
+          key: "name",
           align: "center"
         },
         {
@@ -383,7 +383,7 @@ export default {
       //获取区域学校
       region_list_rs({
         regionid: this.userInfo.regionid,
-        regionName: this.whiteLibraryInfo.schoolname
+        name: this.whiteLibraryInfo.schoolname
       }).then((res) => {
         if (res.code === 0) {
           this.getHandleData(res.obj[0]);
@@ -394,7 +394,7 @@ export default {
       });
     },
     getHandleData(node) {
-      node.title = node.regionName;
+      node.title = node.name;
       node.expand = true;
       if (node.children && node.children.length > 0) {
         for (let child of node.children) {

src/views/regionSection/regionManage/regionManage.vue

@@ -68,7 +68,7 @@
         </FormItem>
         <FormItem
           label="登录账号"
-          prop="loginname"
+          prop="admin.loginname"
           style="width: calc(50% - 10px)"
         >
           <Input
@@ -76,7 +76,11 @@
             placeholder="请输入登录账号"
           ></Input>
         </FormItem>
-        <FormItem label="密码" prop="loginpwd" style="width: calc(50% - 10px)">
+        <FormItem
+          label="密码"
+          prop="admin.loginpwd"
+          style="width: calc(50% - 10px)"
+        >
           <Input
             v-model="regionInfo.admin.loginpwd"
             placeholder="请输入密码"
@@ -84,7 +88,7 @@
         </FormItem>
         <FormItem
           label="确认密码"
-          prop="loginpwd1"
+          prop="admin.loginpwd1"
           style="width: calc(50% - 10px)"
         >
           <Input
@@ -92,7 +96,7 @@
             placeholder="请输入确认密码"
           ></Input>
         </FormItem>
-        <FormItem label="手机号码" prop="phone" style="width: calc(50% - 10px)">
+        <FormItem label="手机号码" style="width: calc(50% - 10px)">
           <Input
             v-model="regionInfo.admin.phone"
             placeholder="请输入手机号码"
@@ -195,21 +199,16 @@ export default {
     // 密码验证
     const pwdCheck = (rule, value, callback) => {
       if (!reg.test(this.regionInfo.admin.loginpwd)) {
-        new Error("密码格式不正确!");
-      } else {
-        callback();
+        return callback(new Error("密码格式不正确!"));
       }
     };
     // 重复密码验证
     const pwdAgainCheck = async (rule, value, callback) => {
       if (!reg.test(this.regionInfo.admin.loginpwd1)) {
-        new Error("密码格式不正确!");
-      } else if (
-        this.regionInfo.admin.loginpwd != this.regionInfo.admin.loginpwd1
-      ) {
+        return callback(new Error("密码格式不正确!"));
+      }
+      if (this.regionInfo.admin.loginpwd != this.regionInfo.admin.loginpwd1) {
         return callback(new Error("两次输入密码不一致！"));
-      } else {
-        callback();
       }
     };
     return {
@@ -294,14 +293,14 @@ export default {
             trigger: "blur"
           }
         ],
-        loginpwd: [
+        "admin.loginpwd": [
           {
             required: true,
             validator: pwdCheck,
             trigger: "blur"
           }
         ],
-        loginpwd1: [
+        "admin.loginpwd1": [
           {
             required: true,
             validator: pwdAgainCheck,

src/views/regionSection/setting/allApps.vue

@@ -1,14 +0,0 @@
-<template>
-  <div class="main_root"></div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {}
-};
-</script>
-
-<style lang="less" scoped></style>

src/views/regionSection/setting/device.vue

@@ -9,13 +9,16 @@
     <div class="content">
       <Form ref="addForm" :model="adminInfo" :label-width="100" inline>
         <FormItem label="动态密码" style="width: 100%">
-          <RadioGroup v-model="adminInfo.whited">
+          <RadioGroup v-model="adminInfo.trend">
             <Radio :label="1">是</Radio>
             <Radio :label="0">否</Radio>
           </RadioGroup>
         </FormItem>
         <FormItem label="管理密码" style="width: 100%">
-          <Input v-model="adminInfo.name" placeholder="请输入管理密码"></Input>
+          <Input
+            v-model="adminInfo.password"
+            placeholder="请输入管理密码"
+          ></Input>
         </FormItem>
       </Form>
     </div>
@@ -25,17 +28,78 @@
         >保存</Button
       >
     </div>
+    <Spin fix v-if="showLoading" style="background-color: transparent">
+      <Icon type="ios-loading" size="18" class="demo-spin-icon-load"></Icon>
+      <div>加载中</div>
+    </Spin>
   </div>
 </template>
 
 <script>
+import {
+  password_detail,
+  password_edit
+} from "@/api/setting";
+
 export default {
   data() {
     return {
-      adminInfo: {}
+      adminInfo: {
+        trend: 1,
+        password: ""
+      },
+      userInfo: {},
+      showLoading: false
     };
   },
-  methods: {}
+  created() {
+    this.userInfo = JSON.parse(
+      localStorage.getItem("xh_control_userInfo")
+    ).content;
+    this.init();
+  },
+  methods: {
+    init() {
+      password_detail({}).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          if (res.obj) {
+            this.adminInfo = {
+              trend: res.obj.trend,
+              password: res.obj.password
+            };
+          }
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    //刷新页面
+    Refresh() {
+      location.reload();
+    },
+    saveInfo() {
+      if (!this.adminInfo.password) {
+        this.$Message.error("请输入管理密码！");
+        return;
+      }
+      let form = {
+        trend: this.adminInfo.trend,
+        password: this.adminInfo.password
+      };
+      console.log(form);
+      this.showLoading = true;
+      password_edit(form).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          console.log(res.obj);
+          this.$Message.success(res.msg);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    }
+  }
 };
 </script>
 
@@ -55,6 +119,15 @@ export default {
       padding-left: 20px;
       height: 40px;
       line-height: 40px;
+      &::before {
+        content: "*" !important;
+        display: inline-block;
+        margin-right: 4px;
+        line-height: 1;
+        font-family: SimSun;
+        font-size: 14px;
+        color: #ed4014;
+      }
     }
   }
   .content {

src/views/regionSection/setting/logo.vue

@@ -8,7 +8,8 @@
     <div class="content">
       <div class="header">
         <div class="LOGO">
-          <img src="../../../assets/img/setting/LOGO.png" />
+          <img v-if="form.logoPath" :src="$api.showImageUrl + form.logoPath" />
+          <img v-else src="../../../assets/img/setting/LOGO.png" />
         </div>
       </div>
       <div class="navigation">
@@ -73,14 +74,114 @@
 </template>
 
 <script>
+import axios from "axios";
+import { logo_delete, logo_detail, logo_edit } from "@/api/setting";
 export default {
   data() {
-    return {};
+    return {
+      userInfo: {},
+      form: {
+        logoPath: "",
+        rversion: "",
+        objectid: "",
+        logoid: ""
+      }
+    };
+  },
+  created() {
+    this.userInfo = JSON.parse(
+      localStorage.getItem("xh_control_userInfo")
+    ).content;
+    this.init();
   },
   methods: {
-    upLoad() {},
-    resetting() {},
-    saveInfo() {},
+    init() {
+      logo_detail({ objectid: this.userInfo.regionid, llevel: 2 }).then(
+        (res) => {
+          this.showLoading = false;
+          if (res.code === 0) {
+            if (res.obj) {
+              this.form = {
+                logoPath: res.obj.logoPath,
+                rversion: res.obj.rversion,
+                objectid: res.obj.objectid,
+                logoid: res.obj.logoid
+              };
+            }
+          } else {
+            this.$Message.error(res.msg);
+          }
+        }
+      );
+    },
+    upLoad(file) {
+      let str = file.name.split(".");
+      let suffix = str[str.length - 1];
+      suffix = suffix.toLowerCase();
+      if (suffix !== "png" && suffix !== "jpeg" && suffix !== "jpg") {
+        this.$Message.warning("请上传png、jpeg、jpg类型的文件");
+        return false;
+      }
+      let formData = new FormData();
+      formData.append("file", file);
+      formData.append("savefolder", "app");
+      formData.append("isrename", "1");
+      let Url = this.$api.baseImageUrl + "up/upfile";
+      this.showLoading = true;
+      axios
+        .post(Url, formData, {
+          timeout: 1000 * this.$api.axiosFileTimeout
+        })
+        .then((res) => {
+          this.showLoading = false;
+          if (res.data.code === 0) {
+            console.log(res.data);
+            this.form.logoPath = res.data.obj;
+            this.$Message.success(res.data.msg);
+          } else {
+            this.$Message.error(res.data.msg);
+          }
+        })
+        .catch(() => {
+          this.showLoading = false;
+          this.$Message.error("图片上传失败");
+        });
+    },
+    //重置
+    resetting() {
+      this.showLoading = true;
+      logo_delete({
+        rversion: this.form.rversion,
+        logoid: this.form.logoid
+      }).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          this.form.logoPath = "";
+          console.log(res.obj);
+          this.$Message.success(res.msg);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    saveInfo() {
+      let form = {
+        logoPath: this.form.logoPath,
+        llevel: 2,
+        objectid: this.userInfo.regionid
+      };
+      console.log(form);
+      this.showLoading = true;
+      logo_edit(form).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          console.log(res.obj);
+          this.$Message.success(res.msg);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
     //刷新页面
     Refresh() {
       location.reload();
@@ -91,13 +192,22 @@ export default {
 
 <style lang="less" scoped>
 .main_root {
-  padding: 40px 100px 100px;
+  padding: 40px 100px 40px;
   position: relative;
   .comm {
     height: 40px;
     line-height: 40px;
     font-size: 16px;
     color: #253a70;
+    &::before {
+      content: "*" !important;
+      display: inline-block;
+      margin-right: 4px;
+      line-height: 1;
+      font-family: SimSun;
+      font-size: 14px;
+      color: #ed4014;
+    }
   }
   .content {
     margin-top: 10px;
@@ -162,7 +272,7 @@ export default {
   }
   .footer {
     position: absolute;
-    bottom: 100px;
+    bottom: 40px;
     width: 100%;
     height: 32px;
     text-align: center;

src/views/regionSection/setting/powerUp.vue

@@ -8,19 +8,21 @@
       <Form ref="addForm" :model="adminInfo" :label-width="140" inline>
         <FormItem label="开机启动应用包名" style="width: 100%">
           <Input
-            v-model="adminInfo.name"
+            v-model="adminInfo.appPackage"
             placeholder="请输入开机启动应用包名"
           ></Input>
         </FormItem>
         <FormItem label="页面地址" style="width: 100%">
-          <Input v-model="adminInfo.name" placeholder="请输入页面地址"></Input>
+          <Input
+            v-model="adminInfo.authUrl"
+            placeholder="请输入页面地址"
+          ></Input>
         </FormItem>
         <FormItem label="约定标识" style="width: 100%">
-          <RadioGroup v-model="adminInfo.whited">
+          <RadioGroup v-model="adminInfo.singleType">
             <Radio :label="1">账号</Radio>
-            <Radio :label="0">学号</Radio>
-            <Radio :label="1">手机号码</Radio>
-            <Radio :label="0">身份证号码</Radio>
+            <Radio :label="2">手机号码</Radio>
+            <Radio :label="3">身份证号码</Radio>
           </RadioGroup>
         </FormItem>
       </Form>
@@ -31,17 +33,84 @@
         >保存</Button
       >
     </div>
+    <Spin fix v-if="showLoading" style="background-color: transparent">
+      <Icon type="ios-loading" size="18" class="demo-spin-icon-load"></Icon>
+      <div>加载中</div>
+    </Spin>
   </div>
 </template>
 
 <script>
+import {
+  autoapp_detail,
+  autoapp_edit
+} from "@/api/setting";
+
 export default {
   data() {
     return {
-      adminInfo: {}
+      adminInfo: {
+        regionid: "",
+        appPackage: "",
+        authUrl: "",
+        singleType: 1
+      },
+      userInfo: {},
+      showLoading: false
     };
   },
-  methods: {}
+  created() {
+    this.userInfo = JSON.parse(
+      localStorage.getItem("xh_control_userInfo")
+    ).content;
+    this.init();
+  },
+  methods: {
+    init() {
+      autoapp_detail({ regionid: this.userInfo.regionid }).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          if (res.obj) {
+            console.log(res.obj);
+            this.adminInfo = {
+              appPackage: res.obj.appPackage,
+              authUrl: res.obj.authUrl,
+              singleType: res.obj.singleType
+            };
+          }
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    //刷新页面
+    Refresh() {
+      location.reload();
+    },
+    saveInfo() {
+      if (!this.adminInfo.password) {
+        this.$Message.error("请输入管理密码！");
+        return;
+      }
+      let form = {
+        regionid: this.userInfo.regionid,
+        appPackage: this.adminInfo.appPackage,
+        authUrl: this.adminInfo.authUrl,
+        singleType: this.adminInfo.singleType
+      };
+      console.log(form);
+      this.showLoading = true;
+      autoapp_edit(form).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          console.log(res.obj);
+          this.$Message.success(res.msg);
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    }
+  }
 };
 </script>
 
@@ -61,6 +130,15 @@ export default {
       padding-left: 20px;
       height: 40px;
       line-height: 40px;
+      &::before {
+        content: "*" !important;
+        display: inline-block;
+        margin-right: 4px;
+        line-height: 1;
+        font-family: SimSun;
+        font-size: 14px;
+        color: #ed4014;
+      }
     }
   }
   .content {

src/views/regionSection/setting/wallpaper.vue

@@ -2,16 +2,27 @@
   <div class="main_root">
     <div class="search_header">
       <Input
-        v-model="searchForm.regionName"
+        v-model="searchForm.name"
         placeholder="请输入壁纸名称"
         search
         @on-search="searchList()"
         style="width: 150px"
       />
-      <Button type="primary" class="primary_btn" @click="toAdd()">新建</Button>
+      <Button
+        v-if="searchForm.list.length === 0"
+        type="primary"
+        class="primary_btn"
+        @click="toAdd()"
+        >新建</Button
+      >
     </div>
     <div class="table_wrap">
       <Table :columns="columns" :data="searchForm.list">
+        <template slot-scope="{ row }" slot="hpath">
+          <div class="hpath">
+            <img v-if="row.hpath" :src="$api.showImageUrl + row.hpath" />
+          </div>
+        </template>
         <template slot-scope="{ row }" slot="actionSlot">
           <div class="action_list">
             <div @click="toView(row)">查看</div>
@@ -39,7 +50,7 @@
       class="modal1"
       :mask-closable="false"
       v-model="wallpaperInfo.show"
-      :title="wallpaperInfo.id ? '编辑' : '新建'"
+      :title="wallpaperInfo.wallpaperid ? '编辑' : '新建'"
     >
       <Form
         v-if="wallpaperInfo.show"
@@ -49,13 +60,13 @@
         :label-width="100"
         inline
       >
-        <FormItem label="名称" prop="Name" style="width: 100%">
+        <FormItem label="名称" prop="wname" style="width: 100%">
           <Input
-            v-model="wallpaperInfo.name"
+            v-model="wallpaperInfo.wname"
             placeholder="请输入壁纸名称"
           ></Input>
         </FormItem>
-        <FormItem label="壁纸" prop="img" style="width: 100%">
+        <FormItem label="壁纸" style="width: 100%">
           <div class="up">
             <Upload
               class="Upload"
@@ -67,14 +78,26 @@
                   return false;
                 }
               "
-              accept=".png,.jpeg,.jpg,gif"
+              accept=".png,.jpeg,.jpg,.gif"
             >
-              <div class="icon">横屏壁纸</div>
+              <div v-if="!wallpaperInfo.hpath" class="icon">横屏壁纸</div>
+              <div v-else class="hpath">
+                <img :src="$api.showImageUrl + wallpaperInfo.hpath" />
+              </div>
             </Upload>
             <span>支持图片格式：jpg、jgeg、gif、png</span>
           </div>
         </FormItem>
-        <FormItem label="适配类型" style="width: 100%"> </FormItem>
+        <FormItem label="适配类型" class="require" style="width: 100%">
+          <div v-for="item in device_list" :key="item.dgroupid">
+            <CheckboxDevice
+              @CheckboxDevice="CheckboxDevice"
+              :dgroupid="item.dgroupid"
+              ref="checkbevice"
+              :module="item"
+            ></CheckboxDevice>
+          </div>
+        </FormItem>
       </Form>
       <div slot="footer">
         <div>
@@ -87,39 +110,66 @@
     </Modal>
     <!-- 查看 -->
     <Modal
-      class="modal1"
+      class="modal1 view"
       :mask-closable="false"
       v-model="viewInfo.show"
       title="查看"
     >
-      <div class="view_title">{{ viewInfo.regionName }}</div>
-      <Table
-        style="border: 1px solid #e8eaec; border-bottom: none"
-        :columns="viewInfo.columns"
-        :data="viewInfo.list"
-      ></Table>
+      <div class="view_titles">{{ viewInfo.wname }}</div>
+      <div class="view_content">
+        <div class="view_title">壁纸效果</div>
+        <div class="hpath">
+          <img :src="$api.showImageUrl + viewInfo.hpath" />
+        </div>
+      </div>
+      <div class="view_content" style="margin-top: 20px">
+        <div class="view_title">适配类型</div>
+        <div class="view_devices">
+          <div
+            class="view_list"
+            v-for="item in viewInfo.devices"
+            :key="item.dgroupid"
+          >
+            <div class="dgname">{{ item.dgname }}</div>
+            <div class="devices">
+              <span v-for="sitem in item.devices" :key="sitem.deviceid">{{
+                sitem.deviceModel
+              }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div slot="footer" style="text-align: center">
         <Button @click="viewInfo.show = false">关闭</Button>
       </div>
     </Modal>
+    <Spin fix v-if="showLoading" style="background-color: transparent">
+      <Icon type="ios-loading" size="18" class="demo-spin-icon-load"></Icon>
+      <div>加载中</div>
+    </Spin>
   </div>
 </template>
 
 <script>
-import { generateRandomString } from "@/utils";
+import axios from "axios";
+import CheckboxDevice from "@/components/Checkbox/CheckboxDevice";
 import {
-  region_list_admin,
-  region_delete,
-  region_add,
-  region_edit,
-  region_list_qy
-} from "@/api/region";
-import { login_msg_code } from "@/api/login";
+  wallpaper_add,
+  wallpaper_delete,
+  wallpaper_detail,
+  wallpaper_edit,
+  wallpaper_list
+} from "@/api/setting";
+import { device_list } from "@/api/appgroup";
 export default {
+  components: {
+    CheckboxDevice
+  },
   data() {
     return {
+      showLoading: false,
       searchForm: {
-        regionName: "",
+        name: "",
         page: 1,
         size: 10,
         list: [],
@@ -127,16 +177,19 @@ export default {
       },
       // 新建
       wallpaperInfo: {
-        show: true,
+        show: false,
         id: null,
-        name: "",
-        img: ""
+        wname: "",
+        hpath: "",
+        wlevel: "",
+        objectid: "",
+        deviceids: []
       },
       // 编辑
       modifyRegion: {
         show: false,
         regionid: null,
-        regionName: "",
+        name: "",
         regionCode: "",
         comm: "",
         rversion: null
@@ -144,34 +197,10 @@ export default {
       // 查看
       viewInfo: {
         show: false,
-        regionName: "",
-        list: [],
-        columns: [
-          {
-            title: "序号",
-            type: "index",
-            width: 70,
-            align: "center"
-          },
-          {
-            title: "名称",
-            key: "aname",
-            align: "center"
-          },
-          {
-            title: "账号",
-            key: "loginname",
-            align: "center"
-          },
-          {
-            title: "手机号码",
-            key: "phone",
-            align: "center"
-          }
-        ]
+        name: ""
       },
       rules: {
-        regionName: [
+        wname: [
           {
             required: true,
             message: "请输入区域名称",
@@ -179,6 +208,9 @@ export default {
           }
         ]
       },
+      userInfo: {},
+      device_list: [],
+      deviceids: {}, //设备类型
       columns: [
         {
           title: "序号",
@@ -195,17 +227,17 @@ export default {
         },
         {
           title: "横屏壁纸",
-          key: "regionName",
+          slot: "hpath",
           align: "center"
         },
         {
           title: "壁纸名称",
-          key: "createname",
+          key: "wname",
           align: "center"
         },
         {
           title: "操作人",
-          key: "createtime",
+          key: "updatename",
           align: "center"
         },
         {
@@ -224,10 +256,60 @@ export default {
     };
   },
   created() {
-    // this.searchList();
+    this.userInfo = JSON.parse(
+      localStorage.getItem("xh_control_userInfo")
+    ).content;
+    this.init();
+    this.searchList();
   },
   methods: {
-    upLoad() {},
+    CheckboxDevice(dgroupid, val) {
+      this.deviceids[dgroupid] = val;
+    },
+    init() {
+      //获取分组下设备
+      this.showLoading = true;
+      device_list({}).then((res) => {
+        this.showLoading = false;
+        if (res.code === 0) {
+          this.device_list = res.obj;
+        } else {
+          this.$Message.error(res.msg);
+        }
+      });
+    },
+    upLoad(file) {
+      let str = file.name.split(".");
+      let suffix = str[str.length - 1];
+      suffix = suffix.toLowerCase();
+      if (suffix !== "png" && suffix !== "jpeg" && suffix !== "jpg") {
+        this.$Message.warning("请上传png、jpeg、jpg类型的文件");
+        return false;
+      }
+      let formData = new FormData();
+      formData.append("file", file);
+      formData.append("savefolder", "app");
+      formData.append("isrename", "1");
+      let Url = this.$api.baseImageUrl + "up/upfile";
+      this.showLoading = true;
+      axios
+        .post(Url, formData, {
+          timeout: 1000 * this.$api.axiosFileTimeout
+        })
+        .then((res) => {
+          this.showLoading = false;
+          if (res.data.code === 0) {
+            this.wallpaperInfo.hpath = res.data.obj;
+            this.$Message.success(res.data.msg);
+          } else {
+            this.$Message.error(res.data.msg);
+          }
+        })
+        .catch(() => {
+          this.showLoading = false;
+          this.$Message.error("图片上传失败");
+        });
+    },
     // 搜索
     searchList() {
       this.searchForm.page = 1;
@@ -246,11 +328,14 @@ export default {
     },
     // 获取列表
     getList() {
-      region_list_qy({
+      this.showLoading = true;
+      wallpaper_list({
         page: this.searchForm.page,
         size: this.searchForm.size,
-        regionName: this.searchForm.regionName
+        name: this.searchForm.name,
+        regionid: this.userInfo.regionid
       }).then((data) => {
+        this.showLoading = false;
         if (data.code === 0) {
           this.searchForm.list = data.obj.data;
           this.searchForm.total = data.obj.total;
@@ -261,57 +346,55 @@ export default {
     },
     // 新建
     toAdd() {
-      this.$refs.addForm.resetFields();
       this.wallpaperInfo = {
         show: true,
-        // 验证码计时
-        timer: null,
-        name:"",
-        img:""
+        id: null,
+        wname: "",
+        hpath: "",
+        wlevel: "",
+        objectid: "",
+        deviceids: []
       };
-
     },
     // 保存新建
     saveAddInfo() {
       this.$refs.addForm.validate((valid) => {
         if (valid) {
-          this.wallpaperInfo.show = false;
-          region_add({
-            regionName: this.wallpaperInfo.regionName,
-            regionCode: this.wallpaperInfo.regionCode,
-            admin: {
-              aname: this.wallpaperInfo.admin.aname,
-              loginname: this.wallpaperInfo.admin.loginname,
-              loginpwd: this.wallpaperInfo.admin.loginpwd,
-              phone: this.wallpaperInfo.admin.phone,
-              msgcode: this.wallpaperInfo.admin.msgcode,
-              address: this.wallpaperInfo.admin.address,
-              comm: this.wallpaperInfo.admin.comm
+          //获取选中设备
+          let deviceids = [];
+          for (let key in this.deviceids) {
+            for (let deviceid of this.deviceids[key]) {
+              deviceids.push(deviceid);
             }
-          }).then((data) => {
-            if (data.code === 0) {
-              this.searchList();
-              this.$Message.success(data.msg);
-            } else {
-              this.$Message.error(data.msg);
-            }
-          });
-        }
-      });
-    },
-    // 保存编辑
-    saveModifyInfo() {
-      this.$refs.modifyForm.validate((valid) => {
-        if (valid) {
-          this.wallpaperInfo.show = false;
-          region_edit({
-            regionName: this.modifyRegion.regionName,
-            regionCode: this.modifyRegion.regionCode,
-            comm: this.modifyRegion.comm,
-            regionid: this.modifyRegion.regionid,
-            rversion: this.modifyRegion.rversion
-          }).then((data) => {
+          }
+          if (deviceids.length === 0) {
+            this.$Message.error("请选择设备!");
+            return;
+          }
+          if (!this.wallpaperInfo.hpath) {
+            this.$Message.error("请上传横屏壁纸!");
+            return;
+          }
+          let api = this.wallpaperInfo.wallpaperid
+            ? wallpaper_edit
+            : wallpaper_add;
+          let form = {
+            wname: this.wallpaperInfo.wname,
+            hpath: this.wallpaperInfo.hpath,
+            wlevel: 2,
+            objectid: this.userInfo.regionid,
+            deviceids
+          };
+          if (this.wallpaperInfo.wallpaperid) {
+            //编辑
+            form.rversion = this.wallpaperInfo.rversion;
+            form.wallpaperid = this.wallpaperInfo.wallpaperid;
+          }
+          this.showLoading = true;
+          api(form).then((data) => {
+            this.showLoading = false;
             if (data.code === 0) {
+              this.wallpaperInfo.show = false;
               this.searchList();
               this.$Message.success(data.msg);
             } else {
@@ -323,13 +406,18 @@ export default {
     },
     // 查看
     toView(row) {
-      region_list_admin({
-        regionid: row.regionid
+      this.showLoading = true;
+      wallpaper_detail({
+        wallpaperid: row.wallpaperid
       }).then((data) => {
+        this.showLoading = false;
         if (data.code === 0) {
-          this.viewInfo.show = true;
-          this.viewInfo.regionName = row.regionName;
-          this.viewInfo.list = data.obj;
+          this.viewInfo = {
+            show: true,
+            wname: data.obj.wname,
+            hpath: data.obj.hpath,
+            devices: data.obj.devices
+          };
         } else {
           this.$Message.error(data.msg);
         }
@@ -337,13 +425,48 @@ export default {
     },
     // 编辑
     toEdit(row) {
-      this.$refs.addForm.resetFields();
+      this.showLoading = true;
+      wallpaper_detail({
+        wallpaperid: row.wallpaperid
+      }).then((data) => {
+        this.showLoading = false;
+        if (data.code === 0) {
+          this.wallpaperInfo = {
+            show: true,
+            wallpaperid: data.obj.wallpaperid,
+            wname: data.obj.wname,
+            hpath: data.obj.hpath,
+            wlevel: data.obj.wlevel,
+            objectid: data.obj.objectid,
+            deviceids: data.obj.devices,
+            rversion: data.obj.rversion
+          };
+          this.$nextTick(() => {
+            //回显设备
+            let checkedArr = this.$refs.checkbevice;
+            if (checkedArr) {
+              for (let m = 0; m < checkedArr.length; m++) {
+                let dgroupid = checkedArr[m].module.dgroupid;
+                let marr = data.obj.devices;
+                for (let h = 0; h < marr.length; h++) {
+                  let arr = marr[h].devices;
+                  if (dgroupid == marr[h].dgroupid) {
+                    checkedArr[m].getCheckedDevices(arr);
+                  }
+                }
+              }
+            }
+          });
+        } else {
+          this.$Message.error(data.msg);
+        }
+      });
       this.wallpaperInfo = {
         show: true,
         // 验证码计时
         timer: null,
-        name:"",
-        img:""
+        name: "",
+        img: ""
       };
     },
     // 删除
@@ -352,8 +475,8 @@ export default {
         title: "提示",
         content: "您确定删除选中数据吗？",
         onOk: () => {
-          region_delete({
-            regionid: row.regionid,
+          wallpaper_delete({
+            wallpaperid: row.wallpaperid,
             rversion: row.rversion
           }).then((data) => {
             if (data.code === 0) {
@@ -378,11 +501,63 @@ export default {
   align-items: center;
   margin: 16px 16px;
 }
-.view_title {
-  margin-bottom: 16px;
-  font-size: 18px;
-  font-weight: bold;
-  text-align: center;
+.view {
+  .view_titles {
+    margin-bottom: 16px;
+    font-size: 18px;
+    font-weight: bold;
+    text-align: center;
+  }
+  .view_content {
+    display: flex;
+    .view_title {
+      width: 70px;
+      flex: none;
+      margin: 0 10px;
+    }
+    .hpath {
+      width: 180px;
+      height: 120px;
+      border-radius: 8px;
+      overflow: hidden;
+      border: 3px solid #333333;
+      background-color: #f0f6fc;
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+    .view_devices {
+      .view_list {
+        margin-bottom: 20px;
+      }
+      .dgname {
+        line-height: 30px;
+      }
+      .devices {
+        display: flex;
+        flex-wrap: wrap;
+        span {
+          margin-right: 20px;
+          margin-bottom: 10px;
+        }
+      }
+    }
+  }
+}
+
+.table_wrap {
+  .hpath {
+    width: 100px;
+    height: 60px;
+    margin: 10px auto;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
 }
 .up {
   display: flex;
@@ -399,6 +574,18 @@ export default {
     .icon {
       color: #b8c2d9;
     }
+    .hpath {
+      width: 180px;
+      height: 120px;
+      border-radius: 8px;
+      overflow: hidden;
+      padding: 3px;
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
   }
   span {
     margin-left: 20px;