🎈 perf: 优化部分细节

src/pages/lepao/accountList/index.vue

@@ -54,91 +54,94 @@
       </div>
 
       <AppQueryFilter>
-      <a-row class="queryForm app-query-form query-row">
-        <a-col :flex="'1000px'" class="query-main">
-          <a-form :model="queryDataForm" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
-            label-align="left">
-            <a-row :gutter="16">
-              <a-col :span="6">
-                <a-form-item field="area" label="跑区">
-                  <a-select v-model="queryDataForm.area" placeholder="请选择乐跑跑区" default-value="">
-                    <a-option value="">所有跑区</a-option>
-                    <a-option v-for="(item, index) in area" :key="index" :value="item">
-                      {{ item }}
-                    </a-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="email" label="邮箱">
-                  <EmailAutoComplete v-model="queryDataForm.email" allow-clear />
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="username" label="姓名">
-                  <a-input v-model="queryDataForm.username" allow-clear />
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="student_num" label="学号">
-                  <a-input v-model="queryDataForm.student_num" allow-clear />
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="area" label="状态">
-                  <a-select v-model="queryDataForm.state" :options="state" placeholder="请选择账号状态" :default-value="-1" />
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="auto_time" label="乐跑时段">
-                  <a-select v-model="queryDataForm.auto_time" placeholder="请选择自动乐跑时段" :default-value="-1">
-                    <a-option :value="0">所有时段</a-option>
-                    <a-option v-for="(item, index) in auto_time" :key="index" :value="item.value">
-                      {{ item.label }}
-                    </a-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="notes" label="备注">
-                  <a-input v-model="queryDataForm.notes" allow-clear />
-                </a-form-item>
-              </a-col>
-              <a-col :span="6">
-                <a-form-item field="queryTime" label="更新时间">
-                  <a-range-picker v-model="queryDataForm.queryTime" show-time format="YY-MM-DD HH:mm" value-format="x"
-                    popup-container="body"
-                    @ok="search()" />
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </a-form>
-        </a-col>
-        <a-divider class="query-divider" style="height: 84px" direction="vertical" />
-        <a-col :flex="1" class="app-query-actions">
-          <a-space class="query-actions-space" direction="vertical" :size="18">
-            <a-button type="primary" @click="search">
-              <template #icon>
-                <icon-search />
-              </template>
-              搜索
-            </a-button>
-            <a-button @click="reset">
-              <template #icon>
-                <icon-refresh />
-              </template>
-              重置
-            </a-button>
-          </a-space>
-        </a-col>
-      </a-row>
+        <a-row class="queryForm app-query-form query-row">
+          <a-col :flex="'1000px'" class="query-main">
+            <a-form :model="queryDataForm" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
+              label-align="left">
+              <a-row :gutter="16">
+                <a-col :span="6">
+                  <a-form-item field="area" label="跑区">
+                    <a-select v-model="queryDataForm.area" placeholder="请选择乐跑跑区" default-value="">
+                      <a-option value="">所有跑区</a-option>
+                      <a-option v-for="(item, index) in area" :key="index" :value="item">
+                        {{ item }}
+                      </a-option>
+                    </a-select>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="email" label="邮箱">
+                    <EmailAutoComplete v-model="queryDataForm.email" allow-clear />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="username" label="姓名">
+                    <a-input v-model="queryDataForm.username" allow-clear />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="student_num" label="学号">
+                    <a-input v-model="queryDataForm.student_num" allow-clear />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="area" label="状态">
+                    <a-select v-model="queryDataForm.state" :options="state" placeholder="请选择账号状态"
+                      :default-value="-1" />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="auto_time" label="乐跑时段">
+                    <a-select v-model="queryDataForm.auto_time" placeholder="请选择自动乐跑时段" :default-value="-1">
+                      <a-option :value="0">所有时段</a-option>
+                      <a-option v-for="(item, index) in auto_time" :key="index" :value="item.value">
+                        {{ item.label }}
+                      </a-option>
+                    </a-select>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-form-item field="notes" label="备注">
+                    <a-input v-model="queryDataForm.notes" allow-clear />
+                  </a-form-item>
+                </a-col>
+                <a-col :span="6">
+                  <a-popconfirm content="查看本学期之前添加的账号请在此处修改时间后查看" okText="知道了" position="br" unmount-on-close :default-popup-visible="true">
+                    <a-form-item field="queryTime" label="更新时间">
+                      <a-range-picker v-model="queryDataForm.queryTime" show-time format="YY-MM-DD HH:mm"
+                        value-format="x" popup-container="body" @ok="search()" />
+                    </a-form-item>
+                  </a-popconfirm>
+                </a-col>
+              </a-row>
+            </a-form>
+          </a-col>
+          <a-divider class="query-divider" style="height: 84px" direction="vertical" />
+          <a-col :flex="1" class="app-query-actions">
+            <a-space class="query-actions-space" direction="vertical" :size="18">
+              <a-button type="primary" @click="search">
+                <template #icon>
+                  <icon-search />
+                </template>
+                搜索
+              </a-button>
+              <a-button @click="reset">
+                <template #icon>
+                  <icon-refresh />
+                </template>
+                重置
+              </a-button>
+            </a-space>
+          </a-col>
+        </a-row>
       </AppQueryFilter>
 
       <a-alert v-if="notice" style="margin-bottom: 15px;">{{ notice }}</a-alert>
 
-      <a-table :data="data" :bordered="false" hoverable class="table table-clickable" :loading="loading" expandable :scroll="{
-        x: 2400
-      }" @row-click="onRowClick" :pagination="{
+      <a-table :data="data" :bordered="false" hoverable class="table table-clickable" :loading="loading" expandable
+        :scroll="{
+          x: 2400
+        }" @row-click="onRowClick" :pagination="{
         showPageSize: true,
         showJumper: true,
         showTotal: true,
@@ -283,14 +286,19 @@
               <a-dropdown :popup-max-height="false" trigger="hover" @click.stop>
                 <a-button>操作 <icon-down /></a-button>
                 <template #content>
-                  <a-doption v-if="hasPermission('action.lepao.updateAccount')" @click="editAccount(record)"><icon-edit /> 编辑账号</a-doption>
+                  <a-doption v-if="hasPermission('action.lepao.updateAccount')"
+                    @click="editAccount(record)"><icon-edit /> 编辑账号</a-doption>
                   <!-- <a-doption @click="faceRecoRef.openModal(record)"><icon-video-camera /> 人脸采集</a-doption> -->
                   <!-- <a-doption @click="bindBotRef.openModal(record)"><icon-robot-add /> 绑定智能机器人</a-doption> -->
-                  <a-doption v-if="hasPermission('action.lepao.singleRun')" @click="SingleRun(record)"><icon-play-circle /> 开始单次乐跑</a-doption>
-                  <a-doption v-if="hasPermission('action.lepao.changeAutoRun')" @click="ChangeAutoRun(record)"><icon-translate /> {{ record.auto_run ? '关闭' :
-                    '开启' }}自动乐跑</a-doption>
-                  <a-doption v-if="hasPermission('action.lepao.updateAccount')" @click="UpdateSelfAccount(record)"><icon-refresh /> 更新账号信息</a-doption>
-                  <a-doption v-if="hasPermission('action.lepao.deleteAccount')" @click="DeleteAccount(record)"><icon-minus-circle /> 解绑账号</a-doption>
+                  <a-doption v-if="hasPermission('action.lepao.singleRun')"
+                    @click="SingleRun(record)"><icon-play-circle /> 开始单次乐跑</a-doption>
+                  <a-doption v-if="hasPermission('action.lepao.changeAutoRun')"
+                    @click="ChangeAutoRun(record)"><icon-translate /> {{ record.auto_run ? '关闭' :
+                      '开启' }}自动乐跑</a-doption>
+                  <a-doption v-if="hasPermission('action.lepao.updateAccount')"
+                    @click="UpdateSelfAccount(record)"><icon-refresh /> 更新账号信息</a-doption>
+                  <a-doption v-if="hasPermission('action.lepao.deleteAccount')"
+                    @click="DeleteAccount(record)"><icon-minus-circle /> 解绑账号</a-doption>
                 </template>
               </a-dropdown>
             </template>
@@ -305,17 +313,12 @@
     :ok-loading="ok_loading" esc-to-close closable>
     <a-form :model="form">
       <a-form-item label="自动识别" v-if="!form.id">
-        <a-textarea
-          v-model="autoFillText"
-          no-trim
-          placeholder="粘贴包含学号、邮箱、跑区等信息的文本，点击“识别并填入”自动填写"
-          :auto-size="{ minRows: 2, maxRows: 4 }"
-          allow-clear
-        />
+        <a-textarea v-model="autoFillText" no-trim placeholder="粘贴包含学号、邮箱、跑区等信息的文本，点击“识别并填入”自动填写"
+          :auto-size="{ minRows: 2, maxRows: 4 }" allow-clear />
         <template #extra>
           <a-space>
             <a-button type="primary" @click="handleAutoFill" size="small">识别并填入</a-button>
-            <span class="auto-fill-tip">示例：2023012345，abc@ctbu.edu.cn，主校区北跑区</span>
+            <span class="auto-fill-tip">示例：2023012345，12345@qq.com，主校区北跑区</span>
           </a-space>
         </template>
       </a-form-item>

src/router/index.js

@@ -347,26 +347,6 @@ const routes = [
             }
         ]
     },
-    // {
-    //     path: "/download",
-    //     name: "download",
-    //     component: DEFAULT_LAYOUT,
-    //     meta: {
-    //         title: '下载专区',
-    //         onlyWeb: true,
-    //         icon: 'icon-download'
-    //     },
-    //     children: [
-    //         {
-    //             path: 'down',
-    //             name: 'download.down',
-    //             component: () => import('../pages/download/index.vue'),
-    //             meta: {
-    //                 title: '客户端下载'
-    //             }
-    //         }
-    //     ]
-    // },
     {
         path: "/admin",
         name: 'admin',