feat: [登录日志] 导出

src/views/business/systemLog/comp/dlrz.vue

@@ -1,53 +1,37 @@
 <template>
 <div class="system-log-list">
   <div class="ytbd-search">
-    <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="110px">
-      <el-form-item :label="$t('page.system.systemLog.czr')" prop="qmrMc">
-        <el-input v-model="searchForm.qmrMc" :placeholder="$t('form.placeholderInput')" clearable
-          style="width: 200px" />
+    <el-form :model="searchForm" ref="searchForm" :inline="true" label-width="80px">
+      <el-form-item :label="$t('page.system.systemLog.czr')" prop="nickName">
+        <el-input v-model="searchForm.nickName" :placeholder="$t('form.placeholderInput')" clearable
+          style="width: 120px" />
       </el-form-item>
       <el-form-item :label="$t('page.system.systemLog.czsj')">
           <el-date-picker v-model="daterange" clearable type="daterange" range-separator="-" :start-placeholder="$t('page.business.study.study.startDate')"
-            :end-placeholder="$t('page.business.study.study.endDate')" value-format="yyyy-MM-dd" @change="search" style="width: 220px" />
+            :end-placeholder="$t('page.business.study.study.endDate')" value-format="yyyy-MM-dd" @change="search" style="width: 200px" />
         </el-form-item>
-      <el-form-item prop="jcmc" :label="$t('page.system.systemLog.czlx')">
-        <el-select
-          v-model="searchForm.jcmc"
-          :placeholder="$t('form.placeholderSelect')"
-          clearable
-          style="width: 200px"
-          @change="search"
-        >
-          <el-option :label="$t('page.business.study.study.sqgd')" :value="$t('page.business.study.study.sqgd')" />
-          <el-option :label="$t('page.business.study.study.tygd')" :value="$t('page.business.study.study.tygd')" />
-          <el-option :label="$t('page.business.study.study.jjgd')" :value="$t('page.business.study.study.jjgd')" />
-          <el-option :label="$t('page.business.study.study.sqjd')" :value="$t('page.business.study.study.sqjd')" />
-          <el-option :label="$t('page.business.study.study.tyjd')" :value="$t('page.business.study.study.tyjd')" />
-          <el-option :label="$t('page.business.study.study.jjjd')" :value="$t('page.business.study.study.jjjd')" />
-          <el-option :label="$t('page.business.study.study.sqjy')" :value="$t('page.business.study.study.sqjy')" />
-          <el-option :label="$t('page.business.study.study.tyjy')" :value="$t('page.business.study.study.tyjy')" />
-          <el-option :label="$t('page.business.study.study.jjjy')" :value="$t('page.business.study.study.jjjy')" />
-          <el-option :label="$t('page.business.study.study.qrgh')" :value="$t('page.business.study.study.qrgh')" />
-        </el-select>
-      </el-form-item>
-
-      <el-form-item :label="$t('page.system.systemLog.czxq')" prop="jcnr">
-        <el-input v-model="searchForm.jcnr" :placeholder="$t('form.placeholderInput')" clearable
-          style="width: 200px" />
-      </el-form-item>
 
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="search">{{ $t('page.business.study.study.search') }}</el-button>
         <el-button icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button>
+        <el-button type="warning" plain icon="el-icon-download" @click="handleExport" v-hasPermi="['business:systemLog:operate:export']">{{$t('form.export')}}</el-button>
       </el-form-item>
     </el-form>
   </div>
   <div class="ytbd-content">
     <el-table v-loading="loading" :data="list">
-      <el-table-column :label="$t('page.system.systemLog.czr')" :prop="$i18n.locale === 'zh_CN'?'qmcMc':'qmcMc'" />
-      <el-table-column :label="$t('page.system.systemLog.czlx')" :prop="$i18n.locale === 'zh_CN'?'jcmc':'jcmcEn'" />
-      <el-table-column :label="$t('page.system.systemLog.czxq')" align="center" :prop="$i18n.locale === 'zh_CN'?'jcnr':'jcnrEn'" width="150" />
-      <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="createTime" width="200" />
+      <el-table-column :label="$t('page.system.systemLog.czr')" prop="nickName" width="200" />
+      <el-table-column :label="$t('page.system.systemLog.czlx')" width="200">
+        <template slot-scope="scope">
+          <span>{{$t('login.logIn')}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('page.system.systemLog.czxq')">
+        <template slot-scope="scope">
+          <span>{{scope.row.msg}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('page.business.archive.czsj')" align="center" prop="accessTime" width="200" />
     </el-table>
     <pagination v-show="total > 0" :total="total" :page.sync="searchForm.pageNum" :limit.sync="searchForm.pageSize"
       @pagination="getList" />
@@ -57,9 +41,9 @@
 </template>
 
 <script>
-import { systemLog_list } from "@/api/business/systemLog/systemLog"
+import { list} from "@/api/system/logininfor"
 export default {
-  name: 'Czrz',
+  name: 'Dlrz',
   props: {
   },
   computed: {
@@ -70,9 +54,7 @@ export default {
       searchForm: {
         pageNum: 1,
         pageSize: 10,
-        qmrMc: '',
-        jcmc: '',
-        jcnr: '',
+        nickName: '',
         startDate:'',
         endDate:'',
       },
@@ -90,9 +72,7 @@ export default {
       this.getList()
     },
     reset() {
-      this.searchForm.qmrMc = ''
-      this.searchForm.jcmc = ''
-      this.searchForm.jcnr = ''
+      this.searchForm.nickName = ''
       this.searchForm.startDate = ''
       this.searchForm.endDate = ''
       
@@ -104,12 +84,18 @@ export default {
       this.searchForm.startDate = this.daterange && this.daterange.length > 0 ? this.daterange[0] : ''
       this.searchForm.endDate = this.daterange && this.daterange.length > 1 ? this.daterange[1] : ''
 
-      systemLog_list(this.searchForm).then(response => {
+      list(this.searchForm).then(response => {
         this.list = response.rows
         this.total = response.total
         this.loading = false
       })
     },
+    handleExport(){
+      this.saveSimpleLog({name:'',nameEn:'',jcmc:'登录日志导出',jcmcEn:'User Login Log Export'})
+      this.searchForm.startDate = this.daterange && this.daterange.length > 0 ? this.daterange[0] : ''
+      this.searchForm.endDate = this.daterange && this.daterange.length > 1 ? this.daterange[1] : ''
+      this.download('system/logininfor/export', this.searchForm, `userLoginLog_${new Date().getTime()}.xlsx`)
+    }
   }
 }
 </script>