【新增】接口状态

src/api/setting.js

@@ -439,4 +439,13 @@ export function getDepartmentDetail(params) {
     method: 'get',
     params
   })
+}
+
+// 获取接口状态列表
+export function getApiList(params) {
+  return request({
+    url: '/common/interface/list',
+    method: 'get',
+    params
+  })
 }

src/views/setting/api.vue

@@ -5,13 +5,15 @@
       <el-form ref="screenForm" :model="screenForm" label-width="70px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
-            <el-form-item label="接口名称" prop="account">
-              <el-input v-model="screenForm.account" placeholder="请输入接口名称"></el-input>
+            <el-form-item label="接口名称" prop="name">
+              <el-input v-model="screenForm.name" placeholder="请输入接口名称"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
-            <el-form-item label="接口状态" prop="name">
-              <el-input v-model="screenForm.name" placeholder="请输入接口状态"></el-input>
+            <el-form-item label="接口状态" prop="status">
+              <el-select v-model="screenForm.status" placeholder="请选择接口状态" clearable>
+                <el-option :label="item.label" :value="item.value" v-for="(item, index) in statusList" :key="index"></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           
@@ -29,16 +31,20 @@
       <div class="btn-group clearfix">
         <div class="fl" />
         <div class="fr">
-          <el-button size="small" type="primary" @click="handleExport">导出</el-button>
+          <ExportButton :exUrl="'admin/user/mch/export'" :exParams="exParams" />
         </div>
       </div>
 
       <div class="table">
         <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
-          <el-table-column align="center" label="接口名称" prop="moduleName"></el-table-column>
-          <el-table-column align="center" label="接口描述" prop="moduleName"></el-table-column>
-          <el-table-column align="center" label="接口状态" prop="createTime"></el-table-column>
-          <el-table-column align="center" label="更新时间" prop="ip"></el-table-column>
+          <el-table-column align="center" label="接口名称" prop="name"></el-table-column>
+          <el-table-column align="center" label="接口描述" prop="description"></el-table-column>
+          <el-table-column align="center" label="接口状态" prop="status">
+            <template slot-scope="scope">
+              {{scope.row.status | statusFilter}}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" prop="syncTime"></el-table-column>
         </el-table>
       </div>
       
@@ -61,20 +67,30 @@
 </template>
 
 <script>
-import { getOplogList } from '@/api/setting'
-import { downloadFiles } from '@/utils/util'
+import { getApiList } from '@/api/setting'
 
+let that
 export default {
+  filters: {
+    statusFilter(val) {
+      let obj = that.statusList.find(o => o.value == val);
+      return obj ? obj.label : ''
+    },
+  },
   data() {
     return {
       dataList: null, // 列表数据
       listLoading: true, // 列表加载loading
       screenForm: { // 筛选表单数据
-        account: '',
+        status: '',
         name: '',
-        date: '',
-        region: '',
       },
+      statusList: [
+        { label: '未同步', value: 0 },
+        { label: '已同步', value: 1 },
+        { label: '同步失败', value: 2 },
+      ],
+
       currentPage: 1, // 当前页码
       pageSize: 10, // 每页数量
       listTotal: 0, // 列表总数
@@ -82,6 +98,19 @@ export default {
     }
   },
 
+  computed: {
+    exParams() {
+      return {
+        name: this.screenForm.name,
+        status: this.screenForm.status,
+      }
+    },
+  },
+
+  beforeCreate() {
+    that = this;
+  },
+
   created() {
     this.getList();
   },
@@ -100,16 +129,13 @@ export default {
       this.listLoading = true;
 
       let params = {
-        account: this.screenForm.account,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
         name: this.screenForm.name,
-        region: this.screenForm.region,
-        startTime: this.screenForm.date ? this.screenForm.date[0] : '',
-        endTime: this.screenForm.date ? this.screenForm.date[1] : '',
-        pageNo: this.currentPage,
-        pageSize: this.pageSize
+        status: this.screenForm.status,
       };
 
-      getOplogList(params).then(res => {
+      getApiList(params).then(res => {
         this.dataList = res.data.records;
         this.listTotal = res.data.total;
         this.listLoading = false;
@@ -148,15 +174,6 @@ export default {
       this.getList();
     },
 
-    // 导出
-    handleExport() {
-      let screenData = {
-        orderId: this.screenForm.orderId,
-        status: this.screenForm.status,
-      };
-      downloadFiles('tax/export', screenData);
-    },
-
   }
 }
 </script>