项目使用能力列表修改

back/src/views/modules/project/use.vue

@@ -1,24 +1,28 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-bscatalogue__bscatalogue">
-      <el-form :inline="true">
+      <el-form
+        :inline="true"
+        :model="dataForm"
+        @keyup.enter.native="getDataList()"
+      >
         <el-form-item label="项目名称:">
           <el-input
-            v-model="queryData.projectName"
+            v-model="dataForm.projectName"
             placeholder="请输入项目名称"
             clearable
           ></el-input>
         </el-form-item>
         <el-form-item label="应用名称:">
           <el-input
-            v-model="queryData.resourceName"
+            v-model="dataForm.resourceName"
             placeholder="请输入应用名称"
             clearable
           ></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="searchTableData">查询</el-button>
+          <el-button type="primary" @click="getDataList()">查询</el-button>
-          <el-button @click="resetTableData">重置</el-button>
+          <el-button @click="reset">重置</el-button>
         </el-form-item>
       </el-form>
       <el-table row-key="id" :data="dataList" border style="width: 100%">
@@ -58,14 +62,13 @@
       </el-table>
       <!-- 分页组件 -->
       <el-pagination
-        style="margin-top: 20px; text-align: right"
+        :current-page="page"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="queryData.pageIndex"
         :page-sizes="[10, 20, 50, 100]"
-        :page-size="queryData.pageSize"
+        :page-size="limit"
+        :total="total"
         layout="total, sizes, prev, pager, next, jumper"
-        :total="queryData.total"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle"
       >
       </el-pagination>
     </div>
@@ -73,90 +76,38 @@
 </template>
 
 <script>
-//import mixinViewModule from "@/mixins/view-module";
+import mixinViewModule from "@/mixins/view-module";
 // import AddOrUpdate from './order-add-or-update'
 import { addDynamicRoute } from "@/router";
 export default {
-  //  mixins: [mixinViewModule],
+  mixins: [mixinViewModule],
   data() {
     return {
-      queryData: {
+      mixinViewModuleOptions: {
+        getDataListURL: "/projectuse/page",
+        getDataListIsPage: true,
+        deleteURL: "",
+        deleteIsBatch: false,
+      },
+      dataForm: {
         projectName: "",
         resourceName: "",
-        pageIndex: 1,
-        pageSize: 10,
-        total: 0,
       },
-      /*  dataList: [
-        {
-          projectName: "",
-          resourceName: "",
-          abilityName: "",
-          abilityType: "",
-          browseNum: "",
-        },
-      ], */
     };
   },
   components: {
     // AddOrUpdate
   },
-  mounted() {
+  mounted() {},
-    this.getTableData();
-  },
   methods: {
-    getTableData() {
-      //修改查询接口
-      this.$http
-        .get("/projectuse/page", {
-          params: {
-            page: this.queryData.pageIndex,
-            limit: this.queryData.pageSize,
-            projectName: this.queryData.projectName,
-            resourceName: this.queryData.applyName,
-          },
-        })
-        .then((res) => {
-          console.log("uuurrrr", res);
-          if (res.data && res.data.list) {
-            this.dataList = res.data.list;
-            this.queryData.total = parseInt(res.data.total);
-          }
-        })
-        .catch(() => {});
-    },
-    getStatusCnName(val) {
-      const arr = this.statusOptions.filter((i) => {
-        return i.value === val;
-      });
-
-      if (arr.length >= 0) {
-        return arr[0].label;
-      }
-
-      return "未知状态";
-    },
-
     // 重置
-    resetTableData() {
+    reset() {
-      this.queryData.projectName = "";
+      this.dataForm = {
-      this.queryData.resourceName = "";
+        projectName: "",
-      this.getTableData();
+        resourceName: "",
-    },
+      };
-
+      this.page = 1; // 当前页码
-    searchTableData() {
+      this.query();
-      this.queryData.pageIndex = 1;
-      this.getTableData();
-    },
-    // 分页大小更改
-    handleSizeChange(value) {
-      this.queryData.pageSize = value;
-      this.getTableData();
-    },
-    // 当前索引更改
-    handleCurrentChange(val) {
-      this.queryData.pageIndex = val;
-      this.getTableData();
     },
   },
 };