src/views/base/personInfo-list.vue

@@ -149,16 +149,10 @@
       </el-table-column>
       <el-table-column prop="popedom" label="用户身份" width="180">
         <template slot-scope="{row}">
-          <span v-if="row.popedom=='1'">
-          个人用户
-          </span>
-          <span v-if="row.popedom=='2'">
-            企业管理员
-          </span>
-          <span v-if="row.popedom=='3'">
-            监管人员
-          </span>
-          </template>
+          <span v-if="row.popedom=='1'">个人用户</span>
+          <span v-if="row.popedom=='2'">企业管理员</span>
+          <span v-if="row.popedom=='3'">监管人员</span>
+        </template>
       </el-table-column>
       <el-table-column label="人脸授权">
         <template slot-scope="{row}">
@@ -217,7 +211,12 @@
               <el-link type="danger" :underline="false" @click="handleDelete(row)">删除</el-link>-
               <el-link type="primary" :underline="false" @click="bindDevice(row)">绑定设备</el-link>-
               <span v-if="row.faceBound">
-                <el-link type="primary" :underline="false" :disabled="true" @click="uploadData(row)">上传数据</el-link>-
+                <el-link
+                  type="primary"
+                  :underline="false"
+                  :disabled="true"
+                  @click="uploadData(row)"
+                >上传数据</el-link>-
               </span>
               <span v-if="!row.faceBound">
                 <el-link type="primary" :underline="false" @click="uploadData(row)">上传数据</el-link>-
@@ -381,7 +380,7 @@ export default {
       totalElements: 0,
       field: "",
       direction: "",
-      pageSizeList: [30, 50, 100],
+      pageSizeList: [30, 100, 500],
       multipleSelection: [],
       showModal: false,
       modalTitle: "",
@@ -422,6 +421,24 @@ export default {
   created() {
     var self = this;
 
+    companyInfoApi.list().then(function(response) {
+      var jsonData = response.data;
+      if (jsonData.result) {
+        if (jsonData.data != null && jsonData.data != "") {
+          self.companyResult = jsonData.data;
+        }
+      }
+    });
+
+    deviceInfoApi.list().then(function(response) {
+      var jsonData = response.data;
+      if (jsonData.result) {
+        if (jsonData.data != null && jsonData.data != "") {
+          self.deviceResult = jsonData.data;
+        }
+      }
+    });
+
     companyPositionApi.detailForCompany().then(function(response) {
       var jsonData = response.data.data;
       if (jsonData.position1Name != null) {
@@ -490,11 +507,10 @@ export default {
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
+      this.changePage(this.pageIndex);
     },
     sortChange(data) {
       this.field = data.column.field;
-      this.direction = data.order;
-
       this.changePage(this.pageIndex);
     },
     handleSelectionChange(val) {
@@ -853,20 +869,6 @@ export default {
   async mounted() {
     var self = this;
     this.changePage(1);
-
-    companyInfoApi.list().then(function(response) {
-      var jsonData = response.data;
-      if (jsonData.result) {
-        self.companyResult = jsonData.data;
-      }
-    });
-
-    deviceInfoApi.list().then(function(response) {
-      var jsonData = response.data;
-      if (jsonData.result) {
-        self.deviceResult = jsonData.data;
-      }
-    });
   },
   components: {
     "personInfo-detail": PersonInfoDetail,