From 67b6b6f8c9588a471f0cf8df07ac91dce1aaedd4 Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Tue, 9 Apr 2024 19:23:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=AE=A1=E7=90=86=E7=9A=84=EF=BC=8C?=
 =?UTF-8?q?=E6=88=91=E8=B4=9F=E8=B4=A3=E7=9A=84=E5=81=87=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.build_prod                   |   2 +-
 .env.dev_prod                     |   2 +-
 auto-imports.d.ts                 |   4 +-
 components.d.ts                   |   5 +-
 src/icons/svg/component.svg       |   2 +-
 src/utils/request.js              |   2 +-
 src/views/login/index.vue         |   2 +-
 src/views/table/complex-table.vue | 111 +++++++++++++++++++++++++++---
 src/views/table/drag-table.vue    |  96 +++++++++++++++++++++++++-
 9 files changed, 206 insertions(+), 20 deletions(-)

diff --git a/.env.build_prod b/.env.build_prod
index 5612e0c..b633924 100644
--- a/.env.build_prod
+++ b/.env.build_prod
@@ -2,4 +2,4 @@
 NODE_ENV = 'production'
 
 # 打包模式连生产服
-VUE_APP_BASE_API = '/api-prod'
\ No newline at end of file
+VUE_APP_BASE_API = '/api-prod'
diff --git a/.env.dev_prod b/.env.dev_prod
index 08f44b5..aea24a6 100644
--- a/.env.dev_prod
+++ b/.env.dev_prod
@@ -3,4 +3,4 @@ NODE_ENV = 'development'
 
 # 开发模式连生产服
 VUE_APP_BASE_API = '/api-prod'
-VUE_APP_COOKIE = ''
\ No newline at end of file
+VUE_APP_COOKIE = ''
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 08908ed..07b6235 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -1,5 +1,7 @@
 // Generated by 'unplugin-auto-import'
 export {}
 declare global {
-
+  const ElMessage: typeof import('element-plus/es')['ElMessage']
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox']
+  const ElNotification: typeof import('element-plus/es')['ElNotification']
 }
diff --git a/components.d.ts b/components.d.ts
index 2b26012..f6d0d87 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -19,10 +19,9 @@ declare module '@vue/runtime-core' {
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
     ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
-    ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDialog: typeof import('element-plus/es')['ElDialog']
@@ -54,8 +53,6 @@ declare module '@vue/runtime-core' {
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElTree: typeof import('element-plus/es')['ElTree']
-    ElUpload: typeof import('element-plus/es')['ElUpload']
     ErrorLog: typeof import('./src/components/ErrorLog/index.vue')['default']
     GithubCorner: typeof import('./src/components/GithubCorner/index.vue')['default']
     Hamburger: typeof import('./src/components/Hamburger/index.vue')['default']
diff --git a/src/icons/svg/component.svg b/src/icons/svg/component.svg
index 207ada3..c1831df 100644
--- a/src/icons/svg/component.svg
+++ b/src/icons/svg/component.svg
@@ -1 +1 @@
-<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h54.857v54.857H0V0zm0 73.143h54.857V128H0V73.143zm73.143 0H128V128H73.143V73.143zm27.428-18.286C115.72 54.857 128 42.577 128 27.43 128 12.28 115.72 0 100.571 0 85.423 0 73.143 12.28 73.143 27.429c0 15.148 12.28 27.428 27.428 27.428z"/></svg>
\ No newline at end of file
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h54.857v54.857H0V0zm0 73.143h54.857V128H0V73.143zm73.143 0H128V128H73.143V73.143zm27.428-18.286C115.72 54.857 128 42.577 128 27.43 128 12.28 115.72 0 100.571 0 85.423 0 73.143 12.28 73.143 27.429c0 15.148 12.28 27.428 27.428 27.428z"/></svg>
diff --git a/src/utils/request.js b/src/utils/request.js
index 42922e1..9e4e175 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,7 +4,7 @@ import { getToken } from '@/utils/auth';
 
 // create an axios instance
 const service = axios.create({
-  baseURL: process.env.VUE_APP_BASE_API = 'https://nbxt.oa.x-lf.cn', // url = base url + request url
+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
   // withCredentials: true, // send cookies when cross-domain requests
   timeout: 5000 // request timeout
 });
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d744fb6..a8fc437 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -87,7 +87,7 @@ export default defineComponent({
     return {
       loginForm: {
         username: 'admin',
-        password: '111111'
+        password: '123456'
       },
       loginRules: {
         username: [{ required: true, trigger: 'blur', validator: validateUsername }],
diff --git a/src/views/table/complex-table.vue b/src/views/table/complex-table.vue
index baa129b..281df00 100644
--- a/src/views/table/complex-table.vue
+++ b/src/views/table/complex-table.vue
@@ -1,3 +1,95 @@
+<template>
+  <el-card style="max-width: 100vw;margin: 1.5vw;">
+    <template #header>
+      <div class="card-header">
+        <span>项目1</span>
+      </div>
+    </template>
+    <div style="display: flex; gap: 100px">
+      <el-input
+          v-model="input1"
+          style="width: 550px"
+          placeholder="请输入"
+      >
+        <template #prepend>名称</template>
+      </el-input>
+      <el-input
+          v-model="input2"
+          style="width: 550px"
+          placeholder="请输入"
+      >
+        <template #prepend>状态</template>
+      </el-input>
+      <div>
+        <el-button-group>
+          <el-button type="primary">查询</el-button>
+          <el-button>重置</el-button>
+        </el-button-group>
+      </div>
+    </div>
+    <template #footer>Footer content</template>
+  </el-card>
+  <el-card  style="max-width: 100vw;margin: 1.5vw;">
+    <div>
+      <el-table :data="tableData" ref="multipleTableRef" style="width: 100%"  @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="date" label="序号"/>
+        <el-table-column prop="name" label="子系统名称"/>
+        <el-table-column prop="address" label="工作量" />
+        <el-table-column prop="address" label="周期" />
+        <el-table-column prop="address" label="负责人" />
+        <el-table-column prop="address" label="状态" />
+        <el-table-column prop="address" label="子系统简介" />
+        <el-table-column prop="address" label="截止时间" />
+        <el-table-column prop="address" label="操作" />
+      </el-table>
+    </div>
+    <div style="display: flex; justify-content: center;margin-top: 2vh">
+      <el-pagination background layout="prev, pager, next" :total="1000" />
+    </div>
+  </el-card>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { ElTable } from 'element-plus';
+const input1 = ref('');
+const input2 = ref('');
+interface User {
+  date: string
+  name: string
+  address: string
+}
+
+const multipleTableRef = ref<InstanceType<typeof ElTable>>();
+const multipleSelection = ref<User[]>([]);
+
+const handleSelectionChange = (val: User[]) => {
+  multipleSelection.value = val;
+};
+const tableData = [
+  {
+    date: '2016-05-03',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-02',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-04',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-01',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+];
+</script>
+<!--
 <template>
   <div class="app-container">
     <div class="filter-container">
@@ -35,51 +127,51 @@
       style="width: 100%;"
       @sort-change="sortChange"
     >
-      <el-table-column label="ID" prop="id" sortable="custom" align="center" width="80" :class-name="getSortClass('id')">
+      <el-table-column label="序号" prop="id" sortable="custom" align="center" width="80" :class-name="getSortClass('id')">
         <template v-slot="{row}">
           <span>{{ row.id }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Date" width="150px" align="center">
+      <el-table-column label="子系统名称" width="150px" align="center">
         <template v-slot="{row}">
           <span>{{ parseTime(row.timestamp, '{y}-{m}-{d} {h}:{i}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Title" min-width="150px">
+      <el-table-column label="工作量" min-width="150px">
         <template v-slot="{row}">
           <span class="link-type" @click="handleUpdate(row)">{{ row.title }}</span>
           <el-tag>{{ typeFilter(row.type) }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="Author" width="110px" align="center">
+      <el-table-column label="周期" width="110px" align="center">
         <template v-slot="{row}">
           <span>{{ row.author }}</span>
         </template>
       </el-table-column>
-      <el-table-column v-if="showReviewer" label="Reviewer" width="110px" align="center">
+      <el-table-column v-if="showReviewer" label="负责人" width="110px" align="center">
         <template v-slot="{row}">
           <span style="color:red;">{{ row.reviewer }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Imp" width="80px">
+      <el-table-column label="状态" width="80px">
         <template v-slot="{row}">
           <svg-icon v-for="n in row.importance" :key="n" icon-class="star" class="meta-item__icon" />
         </template>
       </el-table-column>
-      <el-table-column label="Readings" align="center" width="95">
+      <el-table-column label="子系统简介" align="center" width="95">
         <template v-slot="{row}">
           <span v-if="row.pageviews" class="link-type" @click="handleFetchPv(row.pageviews)">{{ row.pageviews }}</span>
           <span v-else>0</span>
         </template>
       </el-table-column>
-      <el-table-column label="Status" class-name="status-col" width="100">
+      <el-table-column label="截止时间" class-name="status-col" width="100">
         <template v-slot="{row}">
           <el-tag :type="statusFilter(row.status)">
             {{ row.status }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="Actions" align="center" width="230" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
         <template v-slot="{row,$index}">
           <el-button type="primary" size="small" @click="handleUpdate(row)">
             Edit
@@ -385,3 +477,4 @@ export default defineComponent({
   }
 });
 </script>
+-->
diff --git a/src/views/table/drag-table.vue b/src/views/table/drag-table.vue
index b67e774..c1e35a5 100644
--- a/src/views/table/drag-table.vue
+++ b/src/views/table/drag-table.vue
@@ -1,6 +1,99 @@
+<template>
+  <el-card style="max-width: 100vw;margin: 1.5vw;">
+    <template #header>
+      <div class="card-header">
+        <span>我管理的项目</span>
+      </div>
+    </template>
+    <div style="display: flex; gap: 100px">
+      <el-input
+          v-model="input1"
+          style="width: 550px"
+          placeholder="请输入"
+      >
+        <template #prepend>名称</template>
+      </el-input>
+      <el-input
+          v-model="input2"
+          style="width: 550px"
+          placeholder="请输入"
+      >
+        <template #prepend>状态</template>
+      </el-input>
+      <div>
+        <el-button-group>
+          <el-button type="primary">查询</el-button>
+          <el-button>重置</el-button>
+        </el-button-group>
+      </div>
+    </div>
+    <template #footer>Footer content</template>
+  </el-card>
+  <el-card  style="max-width: 100vw;margin: 1.5vw;">
+    <div>
+      <el-table :data="tableData" ref="multipleTableRef" style="width: 100%"  @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="date" label="序号"/>
+        <el-table-column prop="name" label="项目名称"/>
+        <el-table-column prop="address" label="工作量" />
+        <el-table-column prop="address" label="周期" />
+        <el-table-column prop="address" label="负责人" />
+        <el-table-column prop="address" label="状态" />
+        <el-table-column prop="address" label="标签" />
+        <el-table-column prop="address" label="文档（点击下载）" />
+        <el-table-column prop="address" label="截止时间" />
+        <el-table-column prop="address" label="操作" />
+      </el-table>
+    </div>
+    <div style="display: flex; justify-content: center;margin-top: 2vh">
+      <el-pagination background layout="prev, pager, next" :total="1000" />
+    </div>
+  </el-card>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { ElTable } from 'element-plus';
+const input1 = ref('');
+const input2 = ref('');
+interface User {
+  date: string
+  name: string
+  address: string
+}
+
+const multipleTableRef = ref<InstanceType<typeof ElTable>>();
+const multipleSelection = ref<User[]>([]);
+
+const handleSelectionChange = (val: User[]) => {
+  multipleSelection.value = val;
+};
+const tableData = [
+  {
+    date: '2016-05-03',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-02',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-04',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+  {
+    date: '2016-05-01',
+    name: 'Tom',
+    address: 'No. 189, Grove St, Los Angeles',
+  },
+];
+</script>
+<!--
 <template>
   <div class="app-container">
-    <!-- Note that row-key is necessary to get a correct row order. -->
+    &lt;!&ndash; Note that row-key is necessary to get a correct row order. &ndash;&gt;
     <el-table ref="dragTable" v-loading="listLoading" :data="list" row-key="id" border fit highlight-current-row style="width: 100%">
       <el-table-column align="center" label="ID" width="65">
         <template v-slot="{row}">
@@ -152,3 +245,4 @@ export default defineComponent({
   margin-top: 15px;
 }
 </style>
+-->