From c89ba3ceda431d7cc511ee0894fa7be9fcdc41db Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Fri, 5 Jul 2024 19:12:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AE=B0=E8=B4=A6=E8=B4=A6=E6=88=B7?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=EF=BC=8C=E5=8E=BB=E6=8E=89=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                               |  9 ++++
 src/views/invest/accountCalendar/index.vue | 57 ++++++++++++++++++++++
 src/views/invest/accounts/index.vue        |  6 +--
 3 files changed, 69 insertions(+), 3 deletions(-)
 create mode 100644 src/views/invest/accountCalendar/index.vue

diff --git a/package.json b/package.json
index 13632e9..85eeadc 100644
--- a/package.json
+++ b/package.json
@@ -30,11 +30,20 @@
     "@editorjs/quote": "^2.6.0",
     "@editorjs/table": "^2.3.0",
     "@element-plus/icons-vue": "^2.0.10",
+    "@fullcalendar/bootstrap5": "^6.1.14",
+    "@fullcalendar/core": "^6.1.14",
+    "@fullcalendar/daygrid": "^6.1.14",
+    "@fullcalendar/interaction": "^6.1.14",
+    "@fullcalendar/list": "^6.1.14",
+    "@fullcalendar/timegrid": "^6.1.14",
+    "@fullcalendar/vue3": "^6.1.14",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vueuse/core": "9.5.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "0.27.2",
+    "bootstrap": "^5.3.3",
+    "bootstrap-icons": "^1.11.3",
     "echarts": "5.4.0",
     "element-plus": "2.2.27",
     "eslint-config-prettier": "^8.6.0",
diff --git a/src/views/invest/accountCalendar/index.vue b/src/views/invest/accountCalendar/index.vue
new file mode 100644
index 0000000..6fa97a4
--- /dev/null
+++ b/src/views/invest/accountCalendar/index.vue
@@ -0,0 +1,57 @@
+<template>
+  <br />
+  <FullCalendar :options="calendarOptions" />
+</template>
+
+<script>
+import FullCalendar from '@fullcalendar/vue3'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import interactionPlugin from '@fullcalendar/interaction'
+import timeGridPlugin from '@fullcalendar/timegrid'
+import listPlugin from '@fullcalendar/list'
+export default {
+  name: 'ListByCalendar',
+  components: { FullCalendar },
+  data() {
+    return {
+      calendarOptions: {
+        plugins: [dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin],
+        initialView: 'dayGridMonth',
+        // themeSystem: 'bootstrap5',
+        // 语言
+        locale: 'zh-cn',
+        // 周起始日
+        firstDay: 1,
+        allDayText: '全天',
+        // 是否可以选中日历格
+        selectable: true,
+        // 周次
+        weekNumbers: true,
+        headerToolbar: {
+          left: 'today',
+          center: 'prevYear,prev title next,nextYear',
+          right: 'dayGridMonth,timeGridWeek,timeGridDay,listDay'
+        },
+        buttonText: {
+          today: '今天',
+          month: '月',
+          week: '周',
+          day: '日',
+          list: '列表',
+          prev: '‹',
+          next: '›',
+          prevYear: '«',
+          nextYear: '»'
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+:deep(h2) {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>
diff --git a/src/views/invest/accounts/index.vue b/src/views/invest/accounts/index.vue
index 1d898c8..750cb00 100644
--- a/src/views/invest/accounts/index.vue
+++ b/src/views/invest/accounts/index.vue
@@ -26,8 +26,8 @@
       <div class="title-con">
         <div class="title">基本信息</div>
         <div class="operate-btn-con">
-          <el-button @click="handleAdd" icon="Plus" v-hasPermi="['invest:accounts:add']">新增</el-button>
-          <el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:accounts:remove']">删除</el-button>
+          <!-- <el-button @click="handleAdd" icon="Plus" v-hasPermi="['invest:accounts:add']">新增</el-button> -->
+          <!-- <el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:accounts:remove']">删除</el-button> -->
           <el-button @click="handleExport" icon="Download" v-hasPermi="['invest:accounts:export']">导出</el-button>
         </div>
       </div>
@@ -241,7 +241,7 @@ const queryTransferRecordParams = ref({
 const operateList = ref([
   { id: 'view', icon: 'View', title: '查看', hasPermi: ['invest:accounts:query'] },
   { id: 'edit', icon: 'Edit', title: '修改', hasPermi: ['invest:accounts:edit'] },
-  { id: 'delete', icon: 'Delete', title: '删除', hasPermi: ['invest:accounts:remove'] },
+  // { id: 'delete', icon: 'Delete', title: '删除', hasPermi: ['invest:accounts:remove'] },
   { id: 'dealRecord', icon: 'Tickets', title: '交易记录', hasPermi: ['invest:accounts:query'] },
   { id: 'transDeal', icon: 'Cellphone', title: '转账记录', hasPermi: ['invest:accounts:query'] }
 ])