Forráskód Böngészése

人脸批量授权,页面样式调整,查询条件等

xiao547607 5 éve
szülő
commit
e804f3679f

+ 11 - 2
src/api/base/personInfo.js

@@ -53,6 +53,15 @@ function enabledFace(formData) {
   return request.post(constant.serverUrl + "/base/personInfo/enabledFace", formData);
 }
 
+function enabledFaceList(ids) {
+  //批量人脸授权
+  return request.post(constant.serverUrl + "/base/personInfo/enabledFaceList", ids, {
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+}
+
 function enabledCard(formData) {
   //刷卡授权
   return request.post(constant.serverUrl + "/base/personInfo/enabledCard", formData);
@@ -68,7 +77,7 @@ function enabledGuest(formData) {
   return request.post(constant.serverUrl + "/base/personInfo/enabledGuest", formData);
 }
 
-function dataSync(idList){
+function dataSync(idList) {
   //数据同步
   return request.post(constant.serverUrl + "/base/personInfo/dataSync", idList, {
     headers: {
@@ -79,5 +88,5 @@ function dataSync(idList){
 
 export default {
   pageList, create, edit, add, update, remove, batchRemove, exportXls,
-  enabledFace, enabledCard, enabledApp, enabledGuest,dataSync
+  enabledFace, enabledCard, enabledApp, enabledGuest, dataSync, enabledFaceList
 }

+ 13 - 3
src/views/base/companyInfo-detail.vue

@@ -25,11 +25,15 @@
               <el-input v-model="formModel.sortNo" placeholder="请输入序号" style="width:200px"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="20">
+        </el-row>
+        <el-row>
+          <el-col :span="24">
             <el-form-item label="备注" prop="remark">
-              <el-input type="textarea" v-model="formModel.remark" :rows="2" placeholder="请输入备注"></el-input>
+              <el-input type="textarea" v-model="formModel.remark" :rows="2" style="width:80%;" placeholder="请输入备注"></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="12">
             <el-form-item label="一级位置" prop="position1Name">
               <el-input v-model="formModel.position1Name" placeholder="请输入一级位置" style="width:200px"></el-input>
@@ -40,6 +44,8 @@
               <el-input v-model="formModel.position2Name" placeholder="请输入二级位置" style="width:200px"></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="12">
             <el-form-item label="三级位置" prop="position3Name">
               <el-input v-model="formModel.position3Name" placeholder="请输入三级位置" style="width:200px"></el-input>
@@ -50,12 +56,16 @@
               <el-input v-model="formModel.position4Name" placeholder="请输入四级位置" style="width:200px"></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="12">
             <el-form-item label="五级位置" prop="position5Name">
               <el-input v-model="formModel.position5Name" placeholder="请输入五级位置" style="width:200px"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="20">
+        </el-row>
+        <el-row>
+          <el-col :span="24">
             <el-form-item label="公司logo" prop="logo">
               <el-upload
                 class="avatar-uploader"

+ 20 - 6
src/views/base/deviceInfo-detail.vue

@@ -15,6 +15,20 @@
   >
     <div class="user-panel" v-loading="loading">
       <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="企业" prop="companyId">
+              <el-select v-model="formModel.companyId" filterable placeholder="请选择">
+                <el-option
+                  v-for="company in companyResult"
+                  :key="company.id"
+                  :label="company.name"
+                  :value="company.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="ip地址" prop="ipAddress">
@@ -115,12 +129,12 @@ export default {
             trigger: "blur"
           }
         ],
-        unlockPassword: [
-          { required: true, message: "开锁密码不能为空", trigger: "blur" }
-        ],
-        codeAddress: [
-          { required: true, message: "二维码地址不能为空", trigger: "blur" }
-        ],
+        // unlockPassword: [
+        //   { required: true, message: "开锁密码不能为空", trigger: "blur" }
+        // ],
+        // codeAddress: [
+        //   { required: true, message: "二维码地址不能为空", trigger: "blur" }
+        // ],
         ipAddress: [
           { required: true, message: "ip地址不能为空", trigger: "blur" }
         ],

+ 38 - 8
src/views/base/deviceInfo-list.vue

@@ -14,6 +14,22 @@
       要resetFields起作用,必须配置:model和prop
     -->
     <el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
+      <el-form-item label="所属企业" prop="companyId">
+        <el-select
+          v-model="queryModel.companyId"
+          size="mini"
+          filterable
+          placeholder="请选择"
+          style="width:300px"
+        >
+          <el-option
+            v-for="company in companyResult"
+            :key="company.id"
+            :label="company.name"
+            :value="company.id"
+          ></el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="设备编号" prop="deviceNo">
         <el-input type="text" size="mini" v-model="queryModel.deviceNo"></el-input>
       </el-form-item>
@@ -57,13 +73,14 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55"></el-table-column>
-      <el-table-column prop="deviceNo" label="设备编号" width="250"></el-table-column>
-      <el-table-column prop="aliasName" label="设备别名" width="180"></el-table-column>
-      <el-table-column prop="isOnlineN" label="运行状态" width="180"></el-table-column>
-      <el-table-column prop="unlockPassword" label="开锁密码" width="180"></el-table-column>
+      <el-table-column prop="companyName" label="企业" width="150"></el-table-column>
+      <el-table-column prop="deviceNo" label="设备编号" width="200" fixed="left"></el-table-column>
+      <el-table-column prop="aliasName" label="设备别名" width="150"></el-table-column>
+      <el-table-column prop="isOnlineN" label="运行状态" width="150"></el-table-column>
+      <el-table-column prop="ipAddress" label="ip地址" width="150"></el-table-column>
+      <el-table-column prop="port" label="端口" width="80"></el-table-column>
+      <el-table-column prop="unlockPassword" label="开锁密码" width="150"></el-table-column>
       <el-table-column prop="codeAddress" label="二维码地址" width="180"></el-table-column>
-      <el-table-column prop="ipAddress" label="ip地址" width="180"></el-table-column>
-      <el-table-column prop="port" label="端口" width="180"></el-table-column>
       <el-table-column prop="typeN" label="类型" width="180"></el-table-column>
       <el-table-column label="操作" width="450" fixed="right">
         <template slot-scope="{row}">
@@ -88,6 +105,7 @@
       :businessKey="businessKey"
       :title="modalTitle"
       :typeData="typeData"
+      :companyResult="companyResult"
       @close="onDetailModalClose"
     ></deviceInfo-detail>
   </div>
@@ -97,6 +115,8 @@ import Constant from "@/constant";
 import DeviceInfoDetail from "./deviceInfo-detail";
 import deviceInfoApi from "@/api/base/deviceInfo";
 import dataDictionaryApi from "@/api/sys/dataDictionary";
+import companyInfoApi from "@/api/base/companyInfo";
+
 import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
 
@@ -107,7 +127,8 @@ export default {
     return {
       queryModel: {
         deviceNo: "",
-        aliasName: ""
+        aliasName: "",
+        companyId: ""
       },
       loading: false,
       tableData: [],
@@ -122,7 +143,8 @@ export default {
       showModal: false,
       modalTitle: "",
       businessKey: "",
-      typeData: []
+      typeData: [],
+      companyResult: ""
     };
   },
   created() {
@@ -147,6 +169,7 @@ export default {
 
       formData.append("deviceNo", self.queryModel.deviceNo);
       formData.append("aliasName", self.queryModel.aliasName);
+      formData.append("companyId", self.queryModel.companyId);
 
       if (this.field != null) {
         formData.append("field", this.field);
@@ -268,7 +291,14 @@ export default {
     }
   },
   mounted: function() {
+    var self = this;
     this.changePage(1);
+    companyInfoApi.list().then(function(response) {
+      var jsonData = response.data;
+      if (jsonData.result) {
+        self.companyResult = jsonData.data;
+      }
+    });
   },
   components: {
     "deviceInfo-detail": DeviceInfoDetail

+ 27 - 3
src/views/base/personDeviceLog-list.vue

@@ -162,6 +162,10 @@ export default {
       businessKey: ""
     };
   },
+  created() {
+    var self = this;
+    this.getCurrentMonthFirst();
+  },
   methods: {
     changePage(pageIndex) {
       var self = this;
@@ -226,9 +230,7 @@ export default {
     },
     handleReset(name) {
       this.$refs[name].resetFields();
-      //this.queryModel.timeRanges = "";
-      this.queryModel.temperatureBegin = "";
-      this.queryModel.temperatureEnd = "";
+      this.queryModel.timeRanges = "";
     },
     onDetailModalClose(refreshed) {
       //保存成功后回调
@@ -266,6 +268,28 @@ export default {
           }
         }
       });
+    },
+    //初始化日期
+    getCurrentMonthFirst() {
+      var self = this;
+      var date = new Date();
+      date.setDate(1);
+      var month = parseInt(date.getMonth() + 1);
+      var day = date.getDate();
+      if (month < 10) month = "0" + month;
+      if (day < 10) day = "0" + day;
+      var startTime = date.getFullYear() + "-" + month + "-" + day;
+      
+
+      var lastDate = new Date();
+      lastDate.setMonth(date.getMonth() + 1);
+      //设置当前月份+1
+      lastDate.setDate(0);
+      //获取上个月最后一天=本月最后一天
+      var lastDay = lastDate.getDate();
+      var endTime = date.getFullYear()+ "-" + month + "-" + lastDay;
+
+      self.queryModel.timeRanges = [startTime, endTime];
     }
   },
   mounted: function() {

+ 95 - 56
src/views/base/personInfo-detail.vue

@@ -15,62 +15,101 @@
   >
     <div class="user-panel" v-loading="loading">
       <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
-        <el-form-item label="企业编号" prop="companyId">
-          <el-select v-model="formModel.companyId" filterable placeholder="请选择" style="width:300px">
-            <el-option
-              v-for="company in companyResult"
-              :key="company.id"
-              :label="company.name"
-              :value="company.id"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="formModel.name" placeholder="请输入姓名" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="formModel.phone" placeholder="请输入手机号" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item label="身份证" prop="idCard">
-          <el-input v-model="formModel.idCard" placeholder="请输入身份证" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item label="照片" prop="faceImageUrl">
-          <el-upload
-            class="avatar-uploader"
-            name="photoFile"
-            :action="uploadUrl"
-            :show-file-list="false"
-            :headers="headers"
-            :data="uploadData"
-            :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload"
-          >
-            <img v-if="fileUrl" :src="fileUrl" class="avatar" />
-            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-          </el-upload>
-        </el-form-item>
-
-        <el-form-item label="开放权限">
-          <el-checkbox v-model="formModel.faceEnabled">人脸识别</el-checkbox>
-          <el-checkbox v-model="formModel.cardEnabled">门禁卡</el-checkbox>
-          <el-checkbox v-model="formModel.appEnabled">手机开锁</el-checkbox>
-          <el-checkbox v-model="formModel.guestEnabled">访客权限</el-checkbox>
-        </el-form-item>
-        <el-form-item :label="companyPosition1" prop="position1">
-          <el-input v-model="formModel.position1" placeholder="请输入一级位置" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item :label="companyPosition2" prop="position2">
-          <el-input v-model="formModel.position2" placeholder="请输入二级位置" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item :label="companyPosition3" prop="position3">
-          <el-input v-model="formModel.position3" placeholder="请输入三级位置" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item :label="companyPosition4" prop="position4">
-          <el-input v-model="formModel.position4" placeholder="请输入四级位置" style="width:300px"></el-input>
-        </el-form-item>
-        <el-form-item :label="companyPosition5" prop="position5">
-          <el-input v-model="formModel.position5" placeholder="请输入五级位置" style="width:300px"></el-input>
-        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="企业" prop="companyId">
+              <el-select
+                v-model="formModel.companyId"
+                filterable
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="company in companyResult"
+                  :key="company.id"
+                  :label="company.name"
+                  :value="company.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="formModel.name" placeholder="请输入姓名"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="formModel.phone" placeholder="请输入手机号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="身份证" prop="idCard">
+              <el-input v-model="formModel.idCard" placeholder="请输入身份证"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="照片" prop="faceImageUrl">
+              <el-upload
+                class="avatar-uploader"
+                name="photoFile"
+                :action="uploadUrl"
+                :show-file-list="false"
+                :headers="headers"
+                :data="uploadData"
+                :on-success="handleAvatarSuccess"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img v-if="fileUrl" :src="fileUrl" class="avatar" />
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="开放权限">
+              <el-checkbox v-model="formModel.faceEnabled">人脸识别</el-checkbox>
+              <el-checkbox v-model="formModel.cardEnabled">门禁卡</el-checkbox>
+              <el-checkbox v-model="formModel.appEnabled">手机开锁</el-checkbox>
+              <el-checkbox v-model="formModel.guestEnabled">访客权限</el-checkbox>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item :label="companyPosition1" prop="position1">
+              <el-input v-model="formModel.position1" placeholder="请输入一级位置"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="companyPosition2" prop="position2">
+              <el-input v-model="formModel.position2" placeholder="请输入二级位置"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item :label="companyPosition3" prop="position3">
+              <el-input v-model="formModel.position3" placeholder="请输入三级位置"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="companyPosition4" prop="position4">
+              <el-input v-model="formModel.position4" placeholder="请输入四级位置"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item :label="companyPosition5" prop="position5">
+              <el-input v-model="formModel.position5" placeholder="请输入五级位置"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
     </div>
     <span slot="footer" class="dialog-footer">

+ 107 - 50
src/views/base/personInfo-list.vue

@@ -90,8 +90,16 @@
         plain
         icon="el-icon-circle-plus"
         :disabled="multipleSelection.length==0"
-        @click="batchImportVisible = true"
+        @click="dataSync"
       >数据同步</el-button>
+      <el-button
+        type="primary"
+        size="small"
+        plain
+        icon="el-icon-circle-plus"
+        :disabled="multipleSelection.length==0"
+        @click="handleBatchEnabledFace"
+      >人脸授权</el-button>
       <el-button
         type="primary"
         size="small"
@@ -112,7 +120,7 @@
       <el-table-column type="selection" width="55"></el-table-column>
       <el-table-column prop="id" label="序号" width="100"></el-table-column>
       <el-table-column prop="companyName" label="企业" width="180"></el-table-column>
-      <el-table-column prop="faceImageUrl" label="人员照片" width="110">
+      <el-table-column prop="faceImageUrl" label="人员照片" width="110" fixed="left">
         <template slot-scope="{row}">
           <a :href="row.faceImageUrl" target="_blank">
             <el-avatar
@@ -123,7 +131,7 @@
           </a>
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="姓名" width="150"></el-table-column>
+      <el-table-column prop="name" label="姓名" width="150" fixed="left"></el-table-column>
       <el-table-column prop="phone" label="手机号" width="180"></el-table-column>
       <el-table-column prop="idCard" label="身份证" width="200"></el-table-column>
       <el-table-column prop="openId" label="是否绑定公众号" width="180">
@@ -186,21 +194,29 @@
       <el-table-column prop="position3" :label="position3" width="180"></el-table-column>
       <el-table-column prop="position4" :label="position4" width="180"></el-table-column>
       <el-table-column prop="position5" :label="position5" width="180"></el-table-column>-->
-      <el-table-column label="操作" width="450" fixed="right">
+      <el-table-column label="操作" width="290" fixed="right">
         <template slot-scope="{row}">
-          <el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
-          <el-button size="mini" type="danger" @click="handleDelete(row)">删除</el-button>
-          <el-button size="mini" type="success" @click="bindDevice(row)">绑定设备</el-button>
-          <span v-if="row.faceBound">
-            &#8195;&#8195;&#8195;
-            <el-button size="mini" type="success" disabled="true" @click="uploadData(row)">上传数据</el-button>
-          </span>
-          <span v-if="!row.faceBound">
-            &#8195;&#8195;&#8195;
-            <el-button size="mini" type="success" @click="uploadData(row)">上传数据</el-button>
-          </span>
-          &#8195;&#8195;&#8195;
-          <el-button size="mini" type="info" @click="showBound(row)">已绑定设备</el-button>
+          <el-row>
+            <el-col :span="24">
+              <el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
+              <el-button size="mini" type="danger" @click="handleDelete(row)">删除</el-button>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-button size="mini" type="success" @click="bindDevice(row)">绑定设备</el-button>
+              <span v-if="row.faceBound != null && row.faceBound">
+                &#8195;&#8195;&#8195;
+                <el-button size="mini" type="success" :disabled="true" @click="uploadData(row)">上传数据</el-button>
+              </span>
+              <span v-if="row.faceBound != null && !row.faceBound">
+                &#8195;&#8195;&#8195;
+                <el-button size="mini" type="success" @click="uploadData(row)">上传数据</el-button>
+              </span>
+              &#8195;&#8195;&#8195;
+              <el-button size="mini" type="info" @click="showBound(row)">已绑定设备</el-button>
+            </el-col>
+          </el-row>
         </template>
       </el-table-column>
     </el-table>
@@ -291,7 +307,6 @@
       </div>
     </el-dialog>
     <!--批量导入E-->
-
     <!-- 批量绑定设备 -->
     <el-dialog
       title="绑定设备"
@@ -466,7 +481,7 @@ export default {
     },
     handleDelete(record) {
       var self = this;
-
+      self.loading = true;
       self
         .$confirm("是否确认删除?", "提示", {
           confirmButtonText: "确定",
@@ -476,7 +491,7 @@ export default {
         .then(() => {
           personInfoApi.remove(record.id).then(function(response) {
             var jsonData = response.data;
-
+            self.loading = false;
             if (jsonData.result) {
               // var index = self.tableData.indexOf(record);
               // self.tableData.splice(index, 1);
@@ -488,11 +503,14 @@ export default {
               });
             }
           });
+        })
+        .catch(() => {
+          self.loading = false;
         });
     },
     handleBatchDelete() {
       var self = this;
-
+      self.loading = true;
       var idList = this.multipleSelection.map(record => {
         return record.id;
       });
@@ -502,18 +520,23 @@ export default {
         cancelButtonText: "取消",
         type: "warning"
       }).then(() => {
-        personInfoApi.batchRemove(idList).then(function(response) {
-          var jsonData = response.data;
-
-          if (jsonData.result) {
-            self.changePage(self.pageIndex);
+        personInfoApi
+          .batchRemove(idList)
+          .then(function(response) {
+            var jsonData = response.data;
+            self.loading = false;
+            if (jsonData.result) {
+              self.changePage(self.pageIndex);
 
-            self.$message({
-              type: "success",
-              message: "删除成功!"
-            });
-          }
-        });
+              self.$message({
+                type: "success",
+                message: "删除成功!"
+              });
+            }
+          })
+          .catch(() => {
+            self.loading = false;
+          });
       });
     },
     onDetailModalClose(refreshed) {
@@ -625,7 +648,6 @@ export default {
         formData.append("id", row.id);
         if ("face" == type) {
           personInfoApi.enabledFace(formData);
-          row.faceBound = false;
         } else if ("card" == type) {
           personInfoApi.enabledCard(formData);
         } else if ("app" == type) {
@@ -681,25 +703,29 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
-      }).then(() => {
-        personInfoApi.dataSync(idList).then(function(response) {
-          var jsonData = response.data;
-          self.loading = false;
-          if (jsonData.result) {
-            self.changePage(self.pageIndex);
+      })
+        .then(() => {
+          personInfoApi.dataSync(idList).then(function(response) {
+            var jsonData = response.data;
+            self.loading = false;
+            if (jsonData.result) {
+              self.changePage(self.pageIndex);
 
-            self.$message({
-              type: "success",
-              message: "同步成功!"
-            });
-          } else {
-            self.$message({
-              type: "warning",
-              message: jsonData.message
-            });
-          }
+              self.$message({
+                type: "success",
+                message: "同步成功!"
+              });
+            } else {
+              self.$message({
+                type: "warning",
+                message: jsonData.message
+              });
+            }
+          });
+        })
+        .catch(() => {
+          self.loading = false;
         });
-      });
     },
     handleBatchBoundDevice() {
       //批量同步人脸
@@ -740,6 +766,37 @@ export default {
       var self = this;
       self.batchBoundDevice = false;
       self.boundDeviceId = "";
+    },
+    handleBatchEnabledFace() {
+      //批量人脸授权
+      var self = this;
+      self.loading = true;
+
+      let boundDeviceId = self.boundDeviceId;
+
+      var idList = this.multipleSelection.map(record => {
+        return record.id;
+      });
+      var formData = new FormData();
+
+      formData.append("ids", idList);
+
+      personInfoApi.enabledFaceList(idList).then(function(response) {
+        var jsonData = response.data;
+        self.loading = false;
+        if (jsonData.result) {
+          self.changePage(self.pageIndex);
+          self.$message({
+            type: "success",
+            message: "授权成功!"
+          });
+        } else {
+          self.$message({
+            type: "warning",
+            message: jsonData.message
+          });
+        }
+      });
     }
   },
   async mounted() {