邮箱-登录记录

src/views/users/UserRecordAdminView.vue

@@ -16,6 +16,10 @@
                    class="input-sm validate[required]"
                    name="phone"
                    id="phone">
+            邮箱:<input type="text"
+                       class="input-sm validate[required]"
+                       name="email"
+                       id="email">
             设备号:<input type="text"
                    class="input-sm validate[required]"
                    name="deviceId"
@@ -32,12 +36,9 @@
                     id="loginType"
                     class="input-sm">
               <option value="">---全部---</option>
-              <option value="1">微信登录</option>
-              <option value="2">qq登录</option>
-              <option value="3">手机号登录</option>
-              <option value="4">一键登录</option>
-              <option value="5">苹果登录</option>
-              <option value="6">ticket登录</option>
+              <option v-for="(value, key) in loginTypeMap" :key="key" :value="key">
+                {{value}}
+              </option>
             </select>
             <button id="btnSearch" class="btn btn-primary">查询</button>
             <button id="btnExport" class="btn">导出</button>
@@ -61,53 +62,44 @@ export default {
       this.initData();
     });
   },
+  data () {
+    return {
+      loginTypeMap: {
+        1: '微信登录',
+        2: 'QQ登录',
+        3: '手机登录或者平台号登录',
+        4: '一键登录',
+        5: '苹果登录',
+        6: '冷启动',
+        7: '账号密码登录',
+        8: '谷歌登录',
+        9: 'Line登录',
+        10: 'Facebook登录',
+        11: '邮箱登录',
+      }
+    };
+  },
   methods: {
+    getLoginType(val) {
+      return this.loginTypeMap[val] || '未知登录方式';
+    },
     initData () {
+      // 保存当前的 this 上下文
+      const self = this;
       $(function () {
         $('#table').bootstrapTable('destroy');
         $('#table').bootstrapTable({
           columns: [
-            { field: 'phone', title: '手机号', align: 'center', valign: 'middle', width: '5%' },
             { field: 'erbanNo', title: '平台号', align: 'center', valign: 'middle', width: '5%' },
+            { field: 'phone', title: '手机号', align: 'center', valign: 'middle', width: '5%' },
+            { field: 'email', title: '邮箱', align: 'center', valign: 'middle', width: '5%' },
             {
               field: 'loginType',
               title: '登录类型',
               align: 'center',
               width: '10%',
               valign: 'middle',
-              formatter: function (val, row, index) {
-                switch (val) {
-                  case 1:
-                    return '微信登录';
-
-                  case 2:
-                    return 'QQ登录';
-
-                  case 3:
-                    return '手机登录或者平台号登录';
-
-                  case 4:
-                    return '一键登录';
-
-                  case 5:
-                    return '苹果登录';
-
-                  case 6:
-                    return '冷启动';
-
-                  case 7:
-                    return '账号密码登录';
-
-                  case 8:
-                    return '谷歌登录';
-
-                  case 9:
-                    return 'line登录';
-
-                  case 10:
-                    return 'fackbook登录';
-                }
-              }
+              formatter: (val, row, index) => self.getLoginType(val)
             },
             {
               field: 'loginIp',
@@ -123,18 +115,6 @@ export default {
               width: '10%',
               valign: 'middle'
             },
-            /*{
-                field: 'weixinOpenid',
-                title: '微信号',
-                align: 'center',
-                width: '10%',
-                valign: 'middle'
-            },
-            {field: 'qqOpenid',
-                title: 'qq号',
-                align: 'center', width: '10%',
-                valign: 'middle'
-            },*/
             { field: 'appVersion', title: 'app版本', align: 'center', width: '5%', valign: 'middle' },
             {
               field: 'os',
@@ -187,6 +167,7 @@ export default {
               pageSize: params.pageSize,
               pageNum: params.pageNumber,
               phone: $('#phone').val(),
+              email: $('#email').val(),
               erbanNo: $('#erbanNo').val(),
               deviceId: $('#deviceId').val(),
               ip: $('#ip').val(),
@@ -214,12 +195,14 @@ export default {
         // 导出
         $('#btnExport').on('click', function () {
           const phone = $('#phone').val();
+          const email = $('#email').val();
           const erbanNo = $('#erbanNo').val();
           const deviceId = $('#deviceId').val();
           const ip = $('#ip').val();
           const ipRegion = $('#ipRegion').val();
           const loginType = $('#loginType').val();
-          window.location.href = `/admin/accountLoginRecord/export?phone=${phone}&erbanNo=${erbanNo}&deviceId=${deviceId}&ip=${ip}&ipRegion=${ipRegion}&loginType=${loginType}`;
+          window.location.href = `/admin/accountLoginRecord/export?
+          phone=${phone}&email=${email}&erbanNo=${erbanNo}&deviceId=${deviceId}&ip=${ip}&ipRegion=${ipRegion}&loginType=${loginType}`;
         })
       })
     }