用户相关功能修改

src/views/base/personDeviceRelation-BoundList.vue

@@ -5,7 +5,7 @@
     :modal-append-to-body="false"
     append-to-body
     :modal="true"
-    style="text-align:left;"
+    style="text-align: left"
     @close="closeDialog"
     :close-on-click-modal="false"
     width="970px"
@@ -22,66 +22,126 @@
           plain
           icon="el-icon-remove"
           @click="handleRemoveAll"
-        >解绑所有设备</el-button>
+          >解绑所有设备</el-button
+        >
         <el-button
           type="primary"
           size="small"
           plain
           icon="el-icon-refresh"
           @click="handleUpdateIsWrite"
-        >更新图片状态</el-button>
+          >更新图片状态</el-button
+        >
         <el-button
           type="primary"
           size="small"
           plain
           icon="el-icon-refresh"
-          :disabled="multipleSelection.length==0"
+          :disabled="multipleSelection.length == 0"
           @click="dataSync"
-        >数据同步</el-button>
+          >数据同步</el-button
+        >
+        <el-button
+          type="primary"
+          size="small"
+          plain
+          @click="handleReLoad"
+          >刷新</el-button
+        >
       </el-row>
       <el-table
         :data="tableData"
-        style="min-height:400px;"
+        style="min-height: 400px"
         v-loading="loading"
         stripe
         @sort-change="sortChange"
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="deviceInfo.aliasName" label="设备名称" width="220"></el-table-column>
-        <el-table-column prop="personInfo.name" label="人员名称" width="120"></el-table-column>
+        <el-table-column
+          prop="deviceInfo.aliasName"
+          label="设备名称"
+          width="220"
+        ></el-table-column>
+        <el-table-column
+          prop="personInfo.name"
+          label="人员名称"
+          width="120"
+        ></el-table-column>
         <el-table-column prop="deviceInfo.isOnline" label="运行状态" width="80">
-          <template slot-scope="{row}">
+          <template slot-scope="{ row }">
             <div
               v-if="row.deviceInfo.isOnline"
-              style="border-radius: 30px;background-color:#67C23A;width:20px;height:20px;"
+              style="
+                border-radius: 30px;
+                background-color: #67c23a;
+                width: 20px;
+                height: 20px;
+              "
             ></div>
             <div
               v-if="!row.deviceInfo.isOnline"
-              style="border-radius: 30px;background-color:#F56C6C;width:20px;height:20px;"
+              style="
+                border-radius: 30px;
+                background-color: #f56c6c;
+                width: 20px;
+                height: 20px;
+              "
             ></div>
           </template>
         </el-table-column>
         <el-table-column prop="isBound" label="照片是否存在" width="120">
-          <template slot-scope="{row}">
+          <template slot-scope="{ row }">
             <div
               v-if="!row.deviceInfo.isOnline"
-              style="border-radius: 30px;background-color:#767676;width:20px;height:20px;"
+              style="
+                border-radius: 30px;
+                background-color: #767676;
+                width: 20px;
+                height: 20px;
+              "
             ></div>
             <div
               v-if="row.deviceInfo.isOnline && row.isBound"
-              style="border-radius: 30px;background-color:#67C23A;width:20px;height:20px;"
+              style="
+                border-radius: 30px;
+                background-color: #67c23a;
+                width: 20px;
+                height: 20px;
+              "
             ></div>
             <div
-              v-if="row.deviceInfo.isOnline &&!row.isBound"
-              style="border-radius: 30px;background-color:#F56C6C;width:20px;height:20px;"
+              v-if="row.deviceInfo.isOnline && !row.isBound"
+              style="
+                border-radius: 30px;
+                background-color: #f56c6c;
+                width: 20px;
+                height: 20px;
+              "
             ></div>
           </template>
         </el-table-column>
-        <el-table-column prop="createTime" label="关联时间" width="150"></el-table-column>
+        <el-table-column prop="remoteOpen" label="远程开门" width="80">
+          <template slot-scope="{ row }">
+            <el-switch
+              v-model="row.remoteOpen"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              @change="changeRemote(row)"
+              :disabled="row.isDefault"
+            ></el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          label="关联时间"
+          width="150"
+        ></el-table-column>
         <el-table-column label="操作">
-          <template slot-scope="{row}">
-            <el-button size="mini" type="danger" @click="handleDelete(row)">解除关联</el-button>
+          <template slot-scope="{ row }">
+            <el-button size="mini" type="danger" @click="handleDelete(row)"
+              >解除关联</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -110,14 +170,14 @@ import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
 
 export default {
-  props: ["personId","delFlag"],
+  props: ["personId", "delFlag"],
   data() {
     var self = this;
 
     return {
       queryModel: {
         deviceId: "",
-        personId: ""
+        personId: "",
       },
       loading: false,
       tableData: [],
@@ -131,7 +191,7 @@ export default {
       multipleSelection: [],
       showModal: false,
       modalTitle: "",
-      showDialog: true
+      showDialog: true,
     };
   },
   methods: {
@@ -151,7 +211,7 @@ export default {
 
       formData.append("deviceId", self.queryModel.deviceId);
       formData.append("personId", self.personId);
-      if(self.delFlag == null){
+      if (self.delFlag == null) {
         self.delFlag = false;
       }
       formData.append("delFlag", self.delFlag);
@@ -166,7 +226,7 @@ export default {
 
       personDeviceRelationApi
         .pageList(formData)
-        .then(function(response) {
+        .then(function (response) {
           self.loading = false;
 
           var jsonData = response.data.data;
@@ -175,7 +235,7 @@ export default {
           self.totalPages = jsonData.totalPages;
           self.totalElements = jsonData.recordsTotal;
         })
-        .catch(error => {
+        .catch((error) => {
           self.loading = false;
           // self.$message.error(error + "");
         });
@@ -201,12 +261,12 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           self.loading = true;
 
-          personDeviceRelationApi.remove(record.id).then(function(response) {
+          personDeviceRelationApi.remove(record.id).then(function (response) {
             var jsonData = response.data;
             self.loading = false;
             if (jsonData.result) {
@@ -216,12 +276,12 @@ export default {
 
               self.$message({
                 type: "success",
-                message: "解绑成功!"
+                message: "解绑成功!",
               });
             }
           });
         })
-        .catch(error => {
+        .catch((error) => {
           self.loading = false;
           // self.$message.error(error + "");
         });
@@ -233,7 +293,7 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           self.loading = true;
@@ -242,7 +302,7 @@ export default {
 
           personDeviceRelationApi
             .unbindDevice(formData)
-            .then(function(response) {
+            .then(function (response) {
               var jsonData = response.data;
               self.loading = false;
               if (jsonData.result) {
@@ -250,17 +310,17 @@ export default {
 
                 self.$message({
                   type: "success",
-                  message: "解绑成功!"
+                  message: "解绑成功!",
                 });
               } else {
                 self.$message({
                   type: "warning",
-                  message: jsonData.message
+                  message: jsonData.message,
                 });
               }
             });
         })
-        .catch(error => {
+        .catch((error) => {
           self.loading = false;
           // self.$message.error(error + "");
         });
@@ -280,14 +340,14 @@ export default {
       formData.append("personId", self.personId);
       personDeviceRelationApi
         .updatePersonIsWrite(formData)
-        .then(function(response) {
+        .then(function (response) {
           var jsonData = response.data;
           self.loading = false;
           if (jsonData.result) {
             self.changePage(self.pageIndex);
             self.$message({
               type: "success",
-              message: "更新成功!"
+              message: "更新成功!",
             });
           }
         });
@@ -295,14 +355,14 @@ export default {
     dataSync() {
       //批量同步人脸
       var self = this;
-      var deviceIdList = this.multipleSelection.map(record => {
+      var deviceIdList = this.multipleSelection.map((record) => {
         return record.deviceId;
       });
 
       this.$confirm("是否确认同步选中项？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
           self.loading = true;
@@ -312,7 +372,7 @@ export default {
 
           personDeviceRelationApi
             .devicesPersonSync(formData)
-            .then(function(response) {
+            .then(function (response) {
               var jsonData = response.data;
               self.loading = false;
               if (jsonData.result) {
@@ -320,7 +380,7 @@ export default {
                   self.changePage(self.pageIndex);
                   self.$message({
                     type: "success",
-                    message: "同步成功!"
+                    message: "同步成功!",
                   });
                 } else {
                   if (jsonData.message != null) {
@@ -332,14 +392,14 @@ export default {
                       message:
                         "错误" +
                         `,<a href="${jsonData.message}" target="_blank">点击下载错误报表</a>&nbsp;`,
-                      duration: 30000
+                      duration: 30000,
                     });
                   }
                 }
               } else {
                 self.$message({
                   type: "warning",
-                  message: jsonData.message
+                  message: jsonData.message,
                 });
               }
             });
@@ -347,14 +407,21 @@ export default {
         .catch(() => {
           self.loading = false;
         });
-    }
+    },
+    changeRemote(row) {
+      personDeviceRelationApi.update(row);
+    },
+    handleReLoad() {
+      var self = this;
+      self.changePage(self.pageIndex);
+    },
   },
-  mounted: function() {
+  mounted: function () {
     this.changePage(1);
   },
   components: {
-    "personDeviceRelation-detail": PersonDeviceRelationDetail
-  }
+    "personDeviceRelation-detail": PersonDeviceRelationDetail,
+  },
 };
 </script>
 <style lang="scss" scoped>

src/views/base/personInfo-detail.vue

@@ -20,7 +20,7 @@
         :rules="ruleValidate"
         :label-width="'100px'"
       >
-        <el-row>
+        <!-- <el-row>
           <el-col :span="12">
             <el-form-item label="单位" prop="companyId">
               <el-select-tree
@@ -31,6 +31,8 @@
               ></el-select-tree>
             </el-form-item>
           </el-col>
+        </el-row> -->
+        <el-row>
           <el-col :span="12">
             <el-form-item label="姓名" prop="name">
               <el-input
@@ -39,8 +41,6 @@
               ></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
           <el-col :span="12">
             <el-form-item label="园区" prop="parkId">
               <el-select-tree
@@ -70,26 +70,25 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <!-- <el-row>
           <el-col :span="24">
             <el-form-item label="用户身份" prop="popedom">
               <el-select
                 v-model="formModel.popedom"
                 filterable
-                multiple
                 placeholder="请选择"
-                style="width: 100%"
+                style="width: 280px"
               >
                 <el-option
-                  v-for="popedom in popedomList"
-                  :key="popedom.value"
-                  :label="popedom.name"
-                  :value="popedom.value"
+                  v-for="role in personRoleResult"
+                  :key="role.personRoleName"
+                  :label="role.personRoleName"
+                  :value="role.personRoleName"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
+        </el-row> -->
         <el-row>
           <el-col :span="24">
             <el-form-item label="关联单位" prop="personCompany">
@@ -173,7 +172,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <!-- <el-row>
           <el-col :span="12">
             <el-form-item :label="companyPosition1" prop="position1">
               <el-input
@@ -218,7 +217,7 @@
               ></el-input>
             </el-form-item>
           </el-col>
-        </el-row>
+        </el-row> -->
       </el-form>
     </div>
     <span slot="footer" class="dialog-footer">
@@ -235,6 +234,7 @@ import personInfoApi from "@/api/base/personInfo";
 import dataDictionaryApi from "@/api/sys/dataDictionary";
 import personCompanyApi from "@/api/base/personCompany";
 import companyInfoApi from "@/api/base/companyInfo";
+import personRoleInfoApi from "@/api/base/personRoleInfo";
 import SelectTree from "@/components/SelectTree";
 
 import { getToken } from "@/utils/auth"; // get token from cookie
@@ -292,7 +292,7 @@ export default {
       headers: {
         Authorization: getToken(),
       },
-      popedomList: [],
+      personRoleResult: [],
       treeData: [],
       props: {
         // 配置项（必选）
@@ -300,13 +300,13 @@ export default {
         label: "name",
         children: "children",
       },
-      parkList:[]
+      parkList: [],
     };
   },
   created() {
     var self = this;
 
-    companyInfoApi.list({type:"3"}).then(response => {
+    companyInfoApi.list({ type: "3" }).then((response) => {
       var jsonData = response.data;
       this.parkList = jsonData.data;
     });
@@ -317,7 +317,7 @@ export default {
     getSelectedValue(value) {
       this.formModel.companyId = value;
     },
-    getSelectedParkValue(value){
+    getSelectedParkValue(value) {
       this.formModel.parkId = value;
     },
     loadTree() {
@@ -469,16 +469,18 @@ export default {
             }
           }
 
-          var formData = new FormData();
-          if (self.formModel.companyType == "2") {
-            formData.append("catalogName", "学校身份");
-          } else {
-            formData.append("catalogName", "用户身份");
-          }
-          dataDictionaryApi.findByCatalogName(formData).then((response) => {
-            var jsonData = response.data;
-            this.popedomList = jsonData.data;
-          });
+          var formData5 = new FormData();
+          formData5.append("companyId", self.formModel.companyId);
+          personRoleInfoApi
+            .listByCompanyId(formData5)
+            .then(function (response) {
+              var jsonData = response.data;
+              if (jsonData.result) {
+                if (jsonData.data != null && jsonData.data != "") {
+                  self.personRoleResult = jsonData.data;
+                }
+              }
+            });
         } else {
           self.$message.error(jsonData.message + "");
         }

src/views/base/personInfo-list.vue

@@ -313,6 +313,28 @@
         label="单位"
         width="250"
       ></el-table-column>
+      <el-table-column prop="popedomName" label="用户身份" width="200">
+        <!-- <template slot-scope="{ row }">
+          <el-row>
+            <el-col :span="10" v-if="row.popedom.indexOf('1') != -1"
+              >个人用户</el-col
+            >
+            <el-col
+              :span="10"
+              v-if="row.popedom.indexOf('2') != -1 && row.companyType == 1"
+              >单位管理员</el-col
+            >
+            <el-col
+              :span="10"
+              v-if="row.popedom.indexOf('2') != -1 && row.companyType == 2"
+              >班主任</el-col
+            >
+            <el-col :span="10" v-if="row.popedom.indexOf('3') != -1"
+              >监管专员</el-col
+            >
+          </el-row>
+        </template> -->
+      </el-table-column>
       <el-table-column
         prop="parkName"
         label="园区"
@@ -375,28 +397,6 @@
           row.faceBound ? "是" : "否"
         }}</template>
       </el-table-column>
-      <el-table-column prop="popedom" label="用户身份" width="200">
-        <!-- <template slot-scope="{ row }">
-          <el-row>
-            <el-col :span="10" v-if="row.popedom.indexOf('1') != -1"
-              >个人用户</el-col
-            >
-            <el-col
-              :span="10"
-              v-if="row.popedom.indexOf('2') != -1 && row.companyType == 1"
-              >单位管理员</el-col
-            >
-            <el-col
-              :span="10"
-              v-if="row.popedom.indexOf('2') != -1 && row.companyType == 2"
-              >班主任</el-col
-            >
-            <el-col :span="10" v-if="row.popedom.indexOf('3') != -1"
-              >监管专员</el-col
-            >
-          </el-row>
-        </template> -->
-      </el-table-column>
       <el-table-column label="是否自动同步" width="120">
         <template slot-scope="{ row }">
           <el-switch
@@ -610,14 +610,14 @@
       <el-form label-width="150px">
         <el-form-item label="模板下载">
           <el-link
-            href="http://rccs.oss-cn-hangzhou.aliyuncs.com/smart/companyInfo/2020/3/16170226996.xls"
+            href="http://rccs.oss-cn-hangzhou.aliyuncs.com/smart/personInfo/2020/10/16170226996.xls"
             type="primary"
             target="_blank"
             >点击下载模板</el-link
           >
         </el-form-item>
         <el-form-item label="单位">
-          <el-select
+          <!-- <el-select
             v-model="uploadCompanyId"
             filterable
             placeholder="请选择"
@@ -630,7 +630,16 @@
               :label="company.name"
               :value="company.id"
             ></el-option>
-          </el-select>
+          </el-select> -->
+          <el-select-tree
+            size="mini"
+            :props="props"
+            :options="companyResult"
+            v-model="uploadCompanyId"
+            @input="changeUploadCompayId($event)"
+            height="200"
+          ></el-select-tree
+          >
         </el-form-item>
         <el-form-item label="上传文件">
           <el-upload

src/views/base/personPopedom-list.vue

@@ -213,6 +213,11 @@ export default {
                 type: "success",
                 message: "解绑成功!",
               });
+            }else{
+              self.$message({
+                type: "error",
+                message: jsonData.message,
+              });
             }
           });
         })