From ab93488683042f1bdfe58f0d0b1ac4e9cbc2ee06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BD=90=E6=96=8C?= <1134087124@qq.com>
Date: Tue, 23 Sep 2025 09:15:13 +0800
Subject: [PATCH] fixbug

---
 public/static/loading.css                     |    8 +-
 src/router/common.routes.js                   |   18 +-
 src/router/workbench.routes.js                |   17 +-
 .../workbench/components/oaWorkbench.vue      | 1817 -----------------
 src/views/workbench/components/quickIndex.vue |  880 --------
 src/views/workbench/index.vue                 |    8 +-
 vite.config.js                                |    1 -
 7 files changed, 11 insertions(+), 2738 deletions(-)
 delete mode 100644 src/views/workbench/components/oaWorkbench.vue
 delete mode 100644 src/views/workbench/components/quickIndex.vue

diff --git a/public/static/loading.css b/public/static/loading.css
index 618ab10..d2234ed 100644
--- a/public/static/loading.css
+++ b/public/static/loading.css
@@ -3,10 +3,10 @@
 
 .first-loading-wrp .content {
     box-sizing: content-box!important;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     overflow: hidden;
     display: flex;
     align-items: center;
diff --git a/src/router/common.routes.js b/src/router/common.routes.js
index 7c0aff6..818b464 100644
--- a/src/router/common.routes.js
+++ b/src/router/common.routes.js
@@ -19,22 +19,8 @@ const commonRoute = [
     },
     component: () => import("../views/workbench/index"),
   },
-  {
-    path: "/szhWorkBentch",
-    name: "SzhWorkBentch",
-    meta: {
-      title: "数字化工作台",
-    },
-    component: () => import("../views/workbench/components/quickIndex"),
-  },
-  {
-    path: "/jzWorkBentch",
-    name: "JzWorkBentch",
-    meta: {
-      title: "鉴证科工作台",
-    },
-    component: () => import("../views/workbench/components/quickIndex"),
-  },
+
+
   {
     path: "/masterBench",
     name: "MasterBench",
diff --git a/src/router/workbench.routes.js b/src/router/workbench.routes.js
index 5ccf44c..8428e09 100644
--- a/src/router/workbench.routes.js
+++ b/src/router/workbench.routes.js
@@ -1,22 +1,7 @@
 /* 工作台模块-----路由 */
 
 const workbenchRoute = [
-  {
-    path: "/szhWorkBentch",
-    name: "SzhWorkBentch",
-    meta: {
-      title: "数字化工作台",
-    },
-    component: () => import("../views/workbench/components/quickIndex"),
-  },
-  {
-    path: "/jzWorkBentch",
-    name: "JzWorkBentch",
-    meta: {
-      title: "鉴证科工作台",
-    },
-    component: () => import("../views/workbench/components/quickIndex"),
-  },
+
   {
     path: "/masterBench",
     name: "MasterBench",
diff --git a/src/views/workbench/components/oaWorkbench.vue b/src/views/workbench/components/oaWorkbench.vue
deleted file mode 100644
index b5b7c94..0000000
--- a/src/views/workbench/components/oaWorkbench.vue
+++ /dev/null
@@ -1,1817 +0,0 @@
-<template>
-  <div class="index-container height-100" id="index-container">
-    <a-layout>
-      <a-layout-header style="position: relative">
-        <div style="display: flex; justify-content: space-between">
-          <div class="time-box">
-            <span class="today">今日</span>
-            <span class="day">{{ moment().format("YYYY年M月DD日") }}</span>
-            <span class="week">{{ weekDay }}</span>
-          </div>
-          <!--          <div class="out-select">
-            <a-select v-model:value="state.kqType"
-                      style="background-color: #380e9b"
-                      class="msg fl-mx-xs"
-                      dropdownClassName="dropDownme"
-                      :getPopupContainer="getContainer"
-                      @change="changeOaType">
-              <a-select-option value="kq">员工考勤</a-select-option>
-              <a-select-option value="gl">员工管理</a-select-option>
-            </a-select>
-          </div>-->
-          <div class="search-box">
-            <Search
-              style="width: 344px; margin-bottom: 0; margin-right: 15px"
-              :placeholder="state.placeholder"
-              v-model:searchValue="state.searchData.searchValue"
-              @searchEvent="getSearch"
-            />
-            <fl-form-item
-              class="col-3 fl-pa-xs"
-              placeholder="选择日期"
-              picker="month"
-              format="YYYY-MM"
-              type="date"
-              field="month"
-              :val="state.searchData.month"
-              @triggerValChange="handleValChange"
-            />
-            <fl-form-item
-              v-show="state.kqType === 'kq'"
-              class="col-3 fl-pa-xs"
-              type="select"
-              field="type"
-              placeholder="全部"
-              :config="{
-                body: true,
-                size: 'large',
-                options: [
-                  {
-                    label: '异常',
-                    value: 2,
-                  },
-                  {
-                    label: '正常',
-                    value: 1,
-                  },
-                ],
-              }"
-              :val="state.searchData.type"
-              @triggerValChange="handleValChange"
-            />
-            <fl-form-item
-              v-show="state.kqType === 'gl'"
-              class="col-3 fl-pa-xs"
-              type="select"
-              field="status"
-              placeholder="员工状态"
-              :config="{
-                body: true,
-                size: 'large',
-                options: [
-                  {
-                    label: '在职',
-                    value: 'live',
-                  },
-                  {
-                    label: '离职',
-                    value: 'left',
-                  },
-                ],
-              }"
-              :val="state.searchData.status"
-              @triggerValChange="handleValChange"
-            />
-            <fl-form-item
-              class="col-3 fl-pa-xs"
-              type="select"
-              field="departmentName"
-              placeholder="员工部门"
-              :config="{
-                body: true,
-                size: 'large',
-                options: state.depOpt,
-              }"
-              :val="state.searchData.departmentName"
-              @triggerValChange="handleValChange"
-            />
-          </div>
-        </div>
-        <div class="action-box" v-show="state.kqType === 'gl'">
-          <a-button
-            style="
-              background-color: #764cf6;
-              color: #fff;
-              width: 160px;
-              margin-top: 14px;
-              margin-right: 10px;
-            "
-            :disabled="state.selectedRows.length === 0"
-            shape="round"
-            @click="addMachine"
-            >添加绑定打卡机</a-button
-          >
-          <a-button
-            style="
-              background-color: #764cf6;
-              color: #fff;
-              width: 160px;
-              margin-top: 14px;
-            "
-            :disabled="state.selectedRows.length === 0"
-            shape="round"
-            @click="removeMachine"
-            >解绑打卡机</a-button
-          >
-        </div>
-        <div style="display: grid; justify-items: end">
-          <n-button type="primary" style="margin-top: 10px" @click="exportEx"
-            >导出</n-button
-          >
-        </div>
-        >
-      </a-layout-header>
-      <a-layout>
-        <a-layout-content>
-          <div class="main-box">
-            <a-table
-              v-if="state.kqType === 'kq'"
-              :rowKey="(record) => record.staffUID"
-              class="artwork-table"
-              ref="tableRef"
-              :loading="loading"
-              bordered
-              :columns="state.columns"
-              :data-source="state.kqTableData"
-              :pagination="false"
-              :scroll="{ y: 370 }"
-              @change="handlekqTableChange"
-              @expand="expand"
-              :expandedRowKeys="openRowKeys"
-              @expandedRowsChange="expandedRowsChange"
-            >
-              <template #bodyCell="{ column, record }">
-                <template v-if="column.hasErr">
-                  <div
-                    v-if="column.dataIndex === 'status'"
-                    :style="
-                      record[column.dataIndex] == false
-                        ? 'color:red'
-                        : 'color:black'
-                    "
-                  >
-                    {{ record[column.dataIndex] == false ? "异常" : "正常" }}
-                  </div>
-                  <div
-                    v-else
-                    :style="
-                      record[column.dataIndex] > 0 ? 'color:red' : 'color:black'
-                    "
-                  >
-                    {{ record[column.dataIndex] }}
-                  </div>
-                </template>
-                <template v-if="column.canEdit && record.editType === 'input'">
-                  <div style="color: red">
-                    <a-input-number
-                      class="num-select"
-                      v-model:value="record[column.dataIndex]"
-                      w
-                    />
-                  </div>
-                </template>
-                <template v-if="column.dataIndex === 'actions'">
-                  <a style="color: #764cf6" @click="getMonthDetail(record)"
-                    >详情</a
-                  >
-                </template>
-              </template>
-              <template #expandedRowRender>
-                <a-table
-                  :rowKey="(record) => record.ApprovalID"
-                  :loading="loading"
-                  bordered
-                  :columns="state.childColumns"
-                  :data-source="state.childkqTableData"
-                  :pagination="false"
-                  :scroll="{ y: 370 }"
-                >
-                  <template #bodyCell="{ column, record }">
-                    <template v-if="column.key === 'startTime'">
-                      <div>
-                        {{
-                          record.ApplyTimes[0].Date +
-                          " " +
-                          record.ApplyTimes[0].Hour +
-                          " " +
-                          record.ApplyTimes[0].M
-                        }}
-                      </div>
-                    </template>
-                    <template v-if="column.key === 'endTime'">
-                      <div>
-                        {{
-                          record.ApplyTimes[1].Date +
-                          " " +
-                          record.ApplyTimes[1].Hour +
-                          " " +
-                          record.ApplyTimes[1].M
-                        }}
-                      </div>
-                    </template>
-                    <template v-if="column.key === 'Days'">
-                      <div>
-                        {{ record.Days || record.Hours }}
-                      </div>
-                    </template>
-                    <template v-if="column.key === 'VerifyFile'">
-                      <div
-                        style="margin-bottom: 20px"
-                        v-for="(item, index) in record.VerifyFile"
-                        :key="index"
-                      >
-                        <span style="margin-right: 20px"
-                          >材料{{ index + 1 }}：</span
-                        >
-                        <span v-if="isPic(item)">
-                          <a-image
-                            style="width: 80px; height: 80px"
-                            :src="item"
-                        /></span>
-                        <span
-                          v-else
-                          @click="handleOpenLink(item)"
-                          style="cursor: pointer"
-                        >
-                          {{ item }}
-                        </span>
-                      </div>
-                    </template>
-                  </template>
-                </a-table>
-              </template>
-              <template #footer>
-                <img
-                  class="totop"
-                  @click="scrollToFirstRow"
-                  src="../../../assets/image/workBench/totop.png"
-                />
-              </template>
-            </a-table>
-            <a-table
-              v-else
-              :rowKey="(record) => record.ID"
-              class="artwork-table"
-              ref="tableRef"
-              :loading="loading"
-              bordered
-              :columns="state.glCloums"
-              :data-source="state.userList"
-              :pagination="pagination"
-              :row-selection="{
-                selectedRowKeys: state.selectedRowKeys,
-                onChange: onSelectChange,
-              }"
-              @change="handleTableChange"
-              :scroll="{ y: 370 }"
-            >
-              <template #bodyCell="{ column, record }">
-                <template v-if="column.dataIndex === 'LeftDate'">
-                  <div
-                    style="color: #b1b1b1"
-                    v-if="record[column.dataIndex]?.length"
-                  >
-                    离职
-                  </div>
-                  <div v-else style="color: black">在职</div>
-                </template>
-                <template v-if="column.dataIndex === 'actions'">
-                  <div v-if="!record.LeftDate?.length">
-                    {{ record.LeftDate }}
-                    <a
-                      style="color: #764cf6"
-                      @click="
-                        updateUser(
-                          (record.Departments && record.Departments[0]?.ID) ||
-                            '',
-                          (record.Positions &&
-                            record.Positions[0]?.PositionID) ||
-                            '',
-                          record
-                        )
-                      "
-                      >修改</a
-                    >
-                    <a-divider type="vertical" />
-                    <a style="color: red" @click="goAway(record)">离职</a>
-                    <a-divider type="vertical" />
-                  </div>
-                  <div v-else>
-                    <a style="color: red" @click="del(record)">删除</a>
-                  </div>
-                </template>
-              </template>
-
-              <template #footer>
-                <img
-                  class="totop"
-                  @click="scrollToFirstRow"
-                  src="../../../assets/image/workBench/totop.png"
-                />
-              </template>
-            </a-table>
-            <div class="main-fotter">
-              <!-- <a-button
-                v-if="state.kqType === 'kq'"
-                style="
-                  background-color: rgb(192, 178, 231);
-                  color: #fff;
-                  width: 120px;
-                  margin-left: 10px;
-                "
-                shape="round"
-                >导出表格</a-button
-              > -->
-              <a-button
-                style="
-                  background-color: #764cf6;
-                  color: #fff;
-                  width: 120px;
-                  margin-left: 10px;
-                "
-                v-if="state.kqType === 'gl'"
-                @click="addArtwork"
-                shape="round"
-                >新增员工</a-button
-              >
-            </div>
-          </div>
-          <div class="foot-box">
-            <div class="task">
-              <a-row class="task-box" type="flex">
-                <!-- <a-col class="one" :flex="2.2">
-                  <div class="outbox">
-                    <div class="item" style="color: black">当前班次:</div>
-                    <div
-                      class="item"
-                      v-for="(item, index) in state.nowWorkTime"
-                      :key="index"
-                    >
-                      {{ item }}
-                    </div>
-                    <span v-if="state.nowWorkCount > 3" class="item">
-                      ......
-                    </span>
-                    <a-button style="
-                        background-color: #6779e0;
-                        color: #fff;
-                        width: 160px;
-                        margin-top: 8px;
-                      "
-                              shape="round"
-                              @click="shiftVisible = true">设置班次</a-button>
-                  </div>
-                </a-col> -->
-                <!-- <span class="fenge"></span> -->
-                <a-col :flex="2">
-                  <div class="outbox">
-                    <div class="item-center" style="margin-bottom: 10px">
-                      {{ state.searchData.month }}
-                    </div>
-                    <div class="item-center" style="font-weight: bold">
-                      有<span
-                        style="
-                          font-size: 20px;
-                          color: #764cf6;
-                          margin: 0 10px 0 10px;
-                        "
-                        >{{ state.outWorkTotal }}</span
-                      >次外勤申请
-                    </div>
-
-                    <a-button
-                      style="
-                        background-color: #764cf6;
-                        color: #fff;
-                        width: 160px;
-                        margin-top: 14px;
-                      "
-                      shape="round"
-                      @click="checkVisible = true"
-                      >核对</a-button
-                    >
-                  </div>
-                </a-col>
-                <span class="fenge"></span>
-                <a-col :flex="2">
-                  <div class="outbox">
-                    <div class="item-center" style="margin-bottom: 10px">
-                      {{ state.searchData.month }}
-                    </div>
-                    <div class="item-center" style="font-weight: bold">
-                      有<span
-                        style="
-                          font-size: 20px;
-                          color: #764cf6;
-                          margin: 0 10px 0 10px;
-                        "
-                        >{{ state.makeUpTotal }}</span
-                      >次补卡申请
-                    </div>
-                    <a-button
-                      style="
-                        background-color: #764cf6;
-                        color: #fff;
-                        width: 160px;
-                        margin-top: 14px;
-                      "
-                      shape="round"
-                      @click="state.makeUpVisible = true"
-                      >查看</a-button
-                    >
-                  </div>
-                </a-col>
-                <span class="fenge"></span>
-                <a-col :flex="2">
-                  <div
-                    class="outbox"
-                    style="justify-content: center; margin-top: 0"
-                  >
-                    <div class="item-center" style="font-weight: bold">
-                      有<span style="font-size: 20px; margin: 0 20px 0 20px">{{
-                        state.fullAttendance
-                      }}</span
-                      >名员工
-                    </div>
-                    <div
-                      class="item-center"
-                      style="font-weight: 400; font-size: 22px"
-                    >
-                      本月全勤
-                    </div>
-                  </div>
-                </a-col>
-                <span class="fenge"></span>
-                <a-col :flex="3">
-                  <div class="outbox2">
-                    <div class="item-center" style="font-weight: bold">
-                      有<span
-                        style="
-                          font-size: 20px;
-                          color: red;
-                          margin: 0 20px 0 20px;
-                        "
-                        >{{ state.abnormal }}</span
-                      >人存在异常
-                    </div>
-                    <div
-                      class="item-center"
-                      style="font-weight: 400; font-size: 22px; color: #868686"
-                    >
-                      本月内
-                    </div>
-                  </div>
-                </a-col>
-              </a-row>
-            </div>
-            <div class="wyf">
-              <img src="../../../assets/image/workBench/tiger.png" />
-            </div>
-          </div>
-        </a-layout-content>
-      </a-layout>
-    </a-layout>
-    <a-modal
-      v-model:visible="state.actVisiable"
-      @ok="handleActOk"
-      labelAlign="center"
-      @cancel="onActCancel"
-    >
-      <template #title>
-        <div class="act-title">
-          {{ state.actType == "add" ? "添加绑定打卡机" : "解除绑定打卡机" }}
-        </div>
-      </template>
-      <div class="act-body">
-        <span class="text">打卡机</span>
-        <a-checkbox-group style="width: 88%" v-model:value="state.deviceId">
-          <a-row>
-            <a-col :span="8" v-for="item in state.machineOpt">
-              <a-checkbox :value="item.value">{{ item.label }}</a-checkbox>
-            </a-col>
-          </a-row></a-checkbox-group
-        >
-      </div>
-    </a-modal>
-    <shiftDialog :shiftVisible="shiftVisible" @shiftHandleOk="shiftHandleOk" />
-    <checkDialog
-      :checkVisible="checkVisible"
-      :month="state.searchData.month"
-      @checkHandleOk="checkHandleOk"
-    />
-    <makeUpDialog
-      :makeUpVisible="state.makeUpVisible"
-      :month="state.searchData.month"
-      @makeUpHandleOk="makeUpHandleOk"
-    />
-    <User
-      v-model:showModal="state.modalUser.showModal"
-      :title="state.modalUser.title"
-      :data="state.modalUser.data"
-      :hasComment="true"
-      @closeFn="closeFnc"
-    />
-  </div>
-  <MonthDetail
-    v-model:showModal="state.modalDetail.showModal"
-    :detailData="detailData"
-    :title="state.modalDetail.title"
-    :month="state.searchData.month"
-    :MonthRecordDetail="state.MonthRecordDetail"
-    :isPersonal="true"
-    :pid="state.pid"
-  />
-</template>
-<script setup>
-import {
-  ref,
-  reactive,
-  onBeforeMount,
-  onMounted,
-  computed,
-  getCurrentInstance,
-  nextTick,
-} from "vue";
-import { debounce } from "lodash-es";
-import { message, Modal } from "ant-design-vue";
-import flFormItem from "@/components/layout/form/formItem.vue";
-import Search from "@/components/search.vue";
-import { Session, Local } from "@/utils/storage.js";
-import { scrollToTop } from "@/utils/common";
-import shiftDialog from "@/views/workbench/components/shiftDialog";
-import checkDialog from "./checkDialog.vue";
-import User from "../../permission/components/editUser.vue";
-import MonthDetail from "../../workAttendance/components/month-detail.vue";
-import makeUpDialog from "@/views/workbench/components/makeUpDialog";
-import {
-  processError,
-  processSuccess,
-  processWarning,
-} from "@/utils/helper/message";
-import moment from "moment";
-const currentInstance = getCurrentInstance();
-const { $request } = currentInstance.appContext.config.globalProperties;
-const weekDay = computed(() => {
-  switch (moment().day()) {
-    case 1:
-      return "周一";
-    case 2:
-      return "周二";
-    case 3:
-      return "周三";
-    case 4:
-      return "周四";
-    case 5:
-      return "周五";
-    case 6:
-      return "周六";
-    case 0:
-      return "周日";
-  }
-});
-const PageSize = ref(10);
-const Page = ref(1);
-
-const pagination = reactive({
-  total: 0, // 总数
-  current: Page.value, // 当前页数
-  pageSize: PageSize.value, // 每页条数
-  showTotal: (total) => `共 ${total} 条`, // 展示总数
-  showSizeChanger: true, // 是否可以改变pageSize
-  showQuickJumper: false, // 跳转
-});
-const tableRef = ref();
-
-const loading = ref(false);
-const shiftVisible = ref(false);
-const checkVisible = ref(false);
-const shiftHandleOk = () => {
-  shiftVisible.value = false;
-};
-const checkHandleOk = () => {
-  checkVisible.value = false;
-};
-const makeUpHandleOk = () => {
-  state.makeUpVisible = false;
-};
-const handleActOk = () => {
-  if (!state.deviceId.length) {
-    processError("请选择设备");
-    return;
-  }
-  const api =
-    state.actType === "add"
-      ? $request.HTTP.workbench.bindMachine
-      : $request.HTTP.workbench.untieMachine;
-
-  api({ userId: state.selectedRowKeys, deviceId: state.deviceId })
-    .then((res) => {
-      if (res.status === 0) {
-        const message = state.actType === "add" ? "绑定成功" : "解绑成功";
-        processSuccess(message);
-        state.deviceId = [];
-        state.actVisiable = false;
-        searchStaff();
-      } else {
-        const message = state.actType === "add" ? "绑定失败" : "解绑失败";
-        processError(res.msg || message);
-      }
-    })
-    .catch((e) => {
-      const message = state.actType === "add" ? "绑定失败" : "解绑失败";
-      processError(e.msg || message);
-    });
-};
-const addMachine = () => {
-  state.actType = "add";
-  state.actVisiable = true;
-};
-const removeMachine = () => {
-  state.actType = "remove";
-
-  state.actVisiable = true;
-};
-const onActCancel = () => {
-  state.deviceId = [];
-  state.actVisiable = false;
-};
-const state = reactive({
-  actType: "",
-  machineOpt: [],
-  deviceId: [],
-  actVisiable: false,
-  placeholder: "请输入员工姓名",
-  modalDetail: {
-    showModal: false,
-    title: "考勤详情",
-  },
-  nowWorkTime: [],
-  editMode: false,
-  makeUpVisible: false,
-  modalUser: {
-    showModal: false,
-    title: "新增员工",
-    data: null,
-  },
-  searchData: {
-    month: null,
-    searchValue: null,
-    type: null,
-    departmentName: null,
-    status: null,
-  },
-  kqType: "kq",
-  pid: null,
-  abnormal: 0,
-  fullAttendance: 0,
-  makeUpTotal: 0,
-  outWorkTotal: 0,
-  nowWorkCount: 0,
-  MonthRecordDetail: [],
-  columns: [
-    {
-      title: "员工名称",
-      dataIndex: "staffName",
-      align: "center",
-      key: "staffName",
-    },
-    {
-      title: "职位",
-      dataIndex: "positionName",
-      align: "center",
-      width: 200,
-      key: "positionName",
-    },
-    {
-      title: "考勤",
-      dataIndex: "status",
-      align: "center",
-      key: "status",
-      hasErr: true,
-    },
-    {
-      title: "出勤天数",
-      dataIndex: "workDays",
-      align: "center",
-      key: "workDays",
-    },
-    {
-      title: "平均工时",
-      dataIndex: "averageHour",
-      align: "center",
-      key: "averageHour",
-    },
-    {
-      title: "休息",
-      align: "center",
-      dataIndex: "restDays",
-      key: "restDays",
-    },
-    {
-      title: "缺卡",
-      align: "center",
-      dataIndex: "missTimes",
-      key: "missTimes",
-      hasErr: true,
-    },
-    {
-      title: "补卡",
-      dataIndex: "makeUpTimes",
-      align: "center",
-      key: "makeUpTimes",
-    },
-    {
-      title: "迟到",
-      dataIndex: "late",
-      align: "center",
-      key: "late",
-      hasErr: true,
-    },
-    {
-      title: "早退",
-      dataIndex: "before",
-      align: "center",
-      key: "before",
-      hasErr: true,
-    },
-    {
-      title: "旷工",
-      dataIndex: "missDay",
-      align: "center",
-      key: "missDay",
-      hasErr: true,
-    },
-    {
-      title: "外勤",
-      dataIndex: "outWork",
-      align: "center",
-      key: "outWork",
-      hasErr: true,
-    },
-    {
-      title: "加班",
-      dataIndex: "overWork",
-      align: "center",
-      key: "overWork",
-      hasErr: true,
-    },
-    {
-      title: "请假",
-      dataIndex: "leave",
-      align: "center",
-      key: "leave",
-    },
-    {
-      title: "操作",
-      dataIndex: "actions",
-      align: "center",
-      key: "actions",
-    },
-  ],
-
-  userList: [],
-  selectUserIDList: [],
-  apiUserList: [],
-  JoinUsers: [],
-  kqTableData: [],
-  originData: [],
-  selectedRowKeys: [],
-  selectedRows: [],
-  childkqTableData: [],
-  childColumns: [
-    {
-      title: "请假类型",
-      dataIndex: "ApplyTypeZhCN",
-      align: "center",
-      key: "ApplyTypeZhCN",
-    },
-    {
-      title: "开始时间",
-      dataIndex: "startTime",
-      align: "center",
-      key: "startTime",
-    },
-    {
-      title: "结束时间",
-      dataIndex: "endTime",
-      align: "center",
-      key: "endTime",
-      hasErr: true,
-    },
-    {
-      title: "统计时间",
-      dataIndex: "Days",
-      align: "center",
-      key: "Days",
-      hasErr: true,
-    },
-    {
-      title: "请假理由",
-      dataIndex: "Reason",
-      align: "center",
-      key: "Reason",
-      hasErr: true,
-    },
-    {
-      title: "附件",
-      dataIndex: "VerifyFile",
-      align: "center",
-      key: "VerifyFile",
-      hasErr: true,
-    },
-  ],
-  glCloums: [
-    {
-      title: "工号",
-      dataIndex: "JobNum",
-      align: "center",
-      key: "JobNum",
-    },
-    {
-      title: "员工姓名",
-      dataIndex: "NickName",
-      align: "center",
-      key: "NickName",
-    },
-    {
-      title: "手机号",
-      dataIndex: "TelNum",
-      align: "center",
-      key: "TelNum",
-    },
-    {
-      title: "部门名称",
-      dataIndex: "DepartmentName",
-      align: "center",
-      key: "DepartmentName",
-    },
-    {
-      title: "岗位名称",
-      dataIndex: "PositionName",
-      align: "center",
-      key: "PositionName",
-    },
-    {
-      title: "在职日期",
-      align: "center",
-      dataIndex: "workTime",
-      key: "workTime",
-    },
-    {
-      title: "状态",
-      dataIndex: "LeftDate",
-      align: "center",
-      key: "LeftDate",
-      hasErr: true,
-    },
-    {
-      title: "打卡机",
-      dataIndex: "clocksMachine",
-      align: "center",
-      key: "clocksMachine",
-    },
-    {
-      title: "备注",
-      dataIndex: "Remark",
-      align: "center",
-      key: "Remark",
-      hasErr: true,
-    },
-    {
-      title: "操作",
-      dataIndex: "actions",
-      align: "center",
-      key: "actions",
-    },
-  ],
-  depOpt: [],
-});
-
-// 将表格滚动到第一条
-const scrollToFirstRow = () => {
-  let a = document.getElementsByClassName("ant-table-body")[0];
-  scrollToTop(a);
-};
-
-const getContainer = () => {
-  return document.getElementById("index-container");
-};
-
-const openRowKeys = ref([]);
-
-const expand = (expanded, record) => {
-  console.log(record);
-  if (openRowKeys.value.length > 0) {
-    //进这个判断说明当前已经有展开的了
-    //返回某个指定的字符串值在字符串中首次出现的位置，下标为0
-    let index = openRowKeys.value.indexOf(record.staffUID);
-    if (index > -1) {
-      //如果出现则截取这个id,1d到1相当于0，针对重复点击一个
-      openRowKeys.value.splice(index, 1);
-    } else {
-      //如果没出现则截取所有id,添加点击id，0到1，针对已经有一个展开，点另一个会进入判断
-      openRowKeys.value.splice(0, openRowKeys.value.length);
-      openRowKeys.value.push(record.staffUID);
-    }
-  } else {
-    //数组长度小于0，说明都没展开，第一次点击，id添加到数组，数组有谁的id谁就展开
-    openRowKeys.value.push(record.staffUID);
-  }
-  if (expanded) {
-    getChildrenData(record);
-  }
-};
-// 判断是否是图片
-const isPic = (str) => {
-  let reg = /(.*)\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/i;
-  return reg.test(str);
-};
-const handleOpenLink = (url) => {
-  window.open(url);
-};
-// 获取子表格数据
-const getChildrenData = async (record) => {
-  try {
-    const data = {
-      staffUID: record.staffUID,
-      Page: 1,
-      PageSize: 9999,
-      applyStatus: [2, 1],
-      applyType: [
-        "leave",
-        "sick",
-        "annualLeave",
-        "maritalLeave",
-        "matingCheckLeave",
-        "maternityLeave",
-        "paternityLeave",
-        "paternityLeave",
-        "nursingLeave",
-        "funeralLeave",
-        "dayOff",
-      ],
-      BeginTime: moment(state.searchData.month)
-        .startOf("month")
-        .format("YYYY-MM-DD"),
-      EndTime: moment(state.searchData.month)
-        .endOf("month")
-        .format("YYYY-MM-DD"),
-    };
-    const res = await $request.HTTP.workbench.getApplyList(data);
-    if (res.status == 0) {
-      state.childkqTableData = res.data.Data || [];
-    } else {
-      processError(res.msg || "获取考勤列表失败");
-    }
-  } catch (e) {
-    processError(e.msg || "获取考勤列表失败");
-  } finally {
-  }
-};
-// const expandedRowsChange = (expandedRows) => {
-//   if (openRowKeys.value.length === 0) return;
-//   console.log(expandedRows);
-// };
-// 选中
-const onSelectChange = (selectedRowKeys, rows) => {
-  state.selectedRows = rows;
-  state.selectedRowKeys = selectedRowKeys;
-  console.log(state.selectedRows, state.selectedRowKeys);
-};
-// 将选中的表格行变成编辑模式
-const changeEditType = () => {
-  if (!state.selectedRows.length) {
-    processError("请选择要编辑的行");
-    return;
-  }
-  state.editMode = true;
-  state.selectedRows.forEach((v) => {
-    v.editType = "input";
-  });
-};
-const handleTableChange = (event) => {
-  pagination.current = event.current;
-  pagination.pageSize = event.pageSize;
-  searchStaff();
-};
-const handlekqTableChange = (event) => {
-  pagination.current = event.current;
-  pagination.pageSize = event.pageSize;
-  getAttendanceList();
-};
-const detailData = ref({});
-const getDateDetail = async (record) => {
-  let pramas = {
-    staffUID: record.staffUID,
-    month: state.searchData.month,
-  };
-  await $request.HTTP.workAttendance
-    .collectionDetail(pramas)
-    .then((res) => {
-      if (res.status == 0) {
-        detailData.value = res.data;
-      } else {
-        message.error(res.msg);
-      }
-    })
-    .catch((e) => {
-      message.error(e.response.data.msg || "操作失败，请稍后再试");
-    });
-};
-const getMonthDetail = async (record) => {
-  state.MonthRecordDetail = [];
-  loading.value = true;
-  let pramas = {
-    staffUID: record.staffUID,
-    month: state.searchData.month,
-  };
-  const res = await $request.HTTP.workAttendance.collection(pramas);
-  if (res.status == 0) {
-    state.pid = record.staffUID;
-    let arr = [
-      { label: "workDays", value: "出勤天数" },
-      { label: "averageHour", value: "平均工时" },
-      { label: "restDays", value: "休息天数" },
-      { label: "missTimes", value: "缺卡" },
-      { label: "makeUpTimes", value: "补卡申请" },
-      { label: "late", value: "迟到" },
-      { label: "before", value: "早退" },
-      { label: "missDay", value: "旷工" },
-      { label: "outWork", value: "外勤" },
-      { label: "overWork", value: "加班" },
-      { label: "leave", value: "请假" },
-      { label: "dayOff", value: "调休" },
-    ];
-    if (res.data) {
-      for (var i in res.data) {
-        arr.forEach((n) => {
-          if (i == n.label) {
-            state.MonthRecordDetail.push({
-              label: n.value,
-              value: res.data[i],
-            });
-          }
-        });
-      }
-    }
-  }
-  await getDateDetail(record);
-  loading.value = false;
-  state.modalDetail.showModal = true;
-};
-
-// 查询班次列表
-const getShiftList = async () => {
-  const data = {
-    Page: 1,
-    PageSize: 999,
-    InUse: 1,
-  };
-  $request.HTTP.workbench
-    .getWorkTimeList(data)
-    .then((res) => {
-      if (res.status === 0) {
-        // InUse为1表示正在使用，为2表示未使用
-        if (res.data.Data) {
-          // 只展示前三个
-          state.nowWorkTime = res.data.Data.slice(0, 3).map((v) => {
-            return v.Title;
-          });
-          state.nowWorkCount = res.data.Total;
-        } else {
-        }
-      } else {
-        processError(res.msg);
-      }
-    })
-    .catch((e) => {});
-};
-// 保存
-const save = () => {
-  let temp = [];
-  console.log(state.selectedRows);
-  $request.HTTP.workbench
-    .goSave(temp)
-    .then((res) => {
-      if (res.status === 0) {
-        processSuccess("保存成功");
-        getBenchList();
-      } else {
-        processError(res.msg || "保存失败");
-      }
-    })
-    .catch((e) => {
-      processError(e.msg || "保存失败");
-    });
-};
-const closeFnc = (val) => {
-  pagination.current = 1;
-  pagination.pageSize = 10;
-  searchStaff();
-};
-// 新增员工
-const addArtwork = () => {
-  state.modalUser = {
-    showModal: true,
-    title: "新增员工",
-    data: null,
-  };
-};
-// 编辑员工
-const updateUser = (id, ids, item) => {
-  state.modalUser = {
-    showModal: true,
-    title: "修改与删除-员工",
-    data: { Did: id, Pid: ids, Uid: item.ID },
-  };
-};
-// 获取部门人员
-const getDeptUserList = () => {
-  $request.HTTP.workbench
-    .getAllDepartment()
-    .then((res) => {
-      if (res.status === 0) {
-        state.depOpt = res.data.Data;
-        state.depOpt.map((v) => {
-          v.value = v.Name;
-          v.label = v.Name;
-        });
-      }
-    })
-    .catch((e) => {});
-};
-// 删除员工
-const del = (record) => {
-  Modal.confirm({
-    title: "删除",
-    content: "确定删除该员工吗",
-    onOk() {
-      $request.HTTP.permission
-        .userRemove({ ID: record.ID })
-        .then((res) => {
-          if (res.status == 0) {
-            processSuccess("删除成功");
-            state.searchData.searchValue = null;
-            state.searchData.departmentName = null;
-            state.searchData.status = null;
-            getUserList();
-          } else {
-            processError(e.msg || "删除失败");
-          }
-        })
-        .catch((e) => {
-          processError(e.msg || "删除失败");
-        });
-    },
-    onCancel() {},
-  });
-};
-// 离职
-const goAway = (item) => {
-  Modal.confirm({
-    title: "离职",
-    content: "确定离职该员工吗",
-    onOk() {
-      let data = {
-        ID: item.ID,
-        LeftDate: moment().format("YYYY-MM-DD"),
-        Status: "left",
-      };
-      $request.HTTP.permission
-        .userUpdate(data)
-        .then((res) => {
-          if (res.status == 0) {
-            processSuccess("离职成功");
-            // 间隔一秒后刷新
-            state.searchData.searchValue = null;
-            state.searchData.departmentName = null;
-            state.searchData.status = null;
-            getUserList();
-          } else {
-            processError(e.msg || "离职失败");
-          }
-        })
-        .catch((e) => {
-          processError(e.msg || "离职失败");
-        });
-    },
-    onCancel() {},
-  });
-};
-// 更改工作台列表
-const changeOaType = (type) => {
-  state.searchData.searchValue = null;
-  state.searchData.departmentName = null;
-  state.searchData.status = null;
-  if (type === "gl") {
-    state.placeholder = "请输入员工姓名/手机号/岗位/工号";
-    pagination.current = 1;
-    pagination.pageSize = 10;
-    searchStaff();
-    getMachineList();
-  } else {
-    state.placeholder = "请输入员工姓名";
-    getAttendanceList();
-  }
-
-  console.log(state.searchData);
-};
-// 获取打卡机列表
-const getMachineList = async () => {
-  try {
-    const data = {
-      Page: 1,
-      PageSize: 9999,
-    };
-    const res = await $request.HTTP.workbench.getMachineList(data);
-    if (res.status == 0) {
-      state.machineListData = res.data.data;
-      state.machineOpt = res.data.data.map((v) => {
-        return {
-          label: v.deviceName,
-          value: v.id,
-        };
-      });
-    } else {
-      processError(res.msg || "获取打卡机列表失败");
-    }
-  } catch (e) {
-    processError(e.msg || "获取打卡机列表失败");
-  } finally {
-  }
-};
-// 获取考勤列表
-const getAttendanceList = async () => {
-  loading.value = true;
-  try {
-    const data = {
-      staffUID: Local.get("userInfo").ID,
-      // Page: pagination.current,
-      // PageSize: pagination.pageSize,
-      month: state.searchData.month,
-      departmentName: state.searchData.departmentName,
-    };
-    const res = await $request.HTTP.workbench.getAttendanceList(data);
-    if (res.status == 0) {
-      // pagination.total = res.data.Count;
-      state.kqTableData = res.data.staffs;
-      state.originData = state.kqTableData;
-      state.abnormal = res.data.abnormal;
-      state.fullAttendance = res.data.fullAttendance;
-      state.makeUpTotal = res.data.makeUpTotal;
-      state.outWorkTotal = res.data.outWorkTotal;
-    } else {
-      processError(res.msg || "获取考勤列表失败");
-    }
-  } catch (e) {
-    processError(e.msg || "获取考勤列表失败");
-  } finally {
-    loading.value = false;
-  }
-};
-// 获取员工列表
-const getUserList = async () => {
-  loading.value = true;
-  try {
-    const data = {
-      Domain: "fontree",
-      Page: pagination.current,
-      PageSize: pagination.pageSize,
-    };
-    const res = await $request.HTTP.common.getUserList(data);
-    if (res.status == 0) {
-      pagination.total = res.data.Count;
-      state.userList = res.data.Data.map((v) => ({
-        ...v,
-        DepartmentName: v.Departments?.map(
-          (department) => department.Name
-        ).join(","),
-        PositionName: v.Positions?.map(
-          (position) => position.PositionName
-        ).join(","),
-        workTime: `${v.EnterDate}-${v.LeftDate || "至今"}`,
-        clocksMachine: v.clocks
-          ?.map((item) => item.device.deviceSite)
-          .join(","),
-      }));
-    }
-  } catch (e) {
-    processError(e.msg || "获取员工列表失败");
-  } finally {
-    loading.value = false;
-  }
-};
-// 获取工作台列表
-const getBenchList = async (status = 0) => {};
-const handleValChange = (val, field) => {
-  pagination.current = 1;
-  pagination.pageSize = 10;
-  state.searchData[field] = val;
-  if (state.kqType === "gl") {
-    searchStaff();
-  } else {
-    if (field === "type") {
-      searchWithType();
-    } else {
-      getAttendanceList();
-    }
-  }
-};
-// 根据类型搜索
-const searchWithType = () => {
-  if (!state.searchData.type) {
-    state.kqTableData = state.originData;
-  } else {
-    const tempTableData = state.originData.filter(
-      (item) => item.status === (state.searchData.type === 1)
-    );
-    console.log(tempTableData);
-    state.kqTableData = tempTableData;
-  }
-};
-const getSearch = debounce(() => {
-  if (state.kqType === "kq") {
-    let tempTableData = state.originData.filter((item) => {
-      return item.staffName.indexOf(state.searchData.searchValue) > -1;
-    });
-
-    state.kqTableData = tempTableData;
-  } else {
-    pagination.current = 1;
-    pagination.pageSize = 10;
-    searchStaff();
-  }
-}, 300);
-const searchStaff = async () => {
-  loading.value = true;
-  try {
-    const data = {
-      nickName: state.searchData.searchValue,
-      telNum: state.searchData.searchValue,
-      jobNum: state.searchData.searchValue,
-      departmentName: state.searchData.departmentName,
-      status: state.searchData.status,
-      page: pagination.current,
-      pageSize: pagination.pageSize,
-    };
-    const res = await $request.HTTP.workbench.searchStaff(data);
-    if (res.status == 0) {
-      pagination.total = res.data.Count;
-      state.userList = res.data.Data.map((v) => ({
-        ...v,
-        DepartmentName: v.Departments?.map(
-          (department) => department.Name
-        ).join(","),
-        PositionName: v.Positions?.map(
-          (position) => position.PositionName
-        ).join(","),
-        workTime: `${v.EnterDate}-${v.LeftDate || "至今"}`,
-        clocksMachine: v.clocks
-          ?.map((item) => item.device.deviceSite)
-          .join(","),
-      }));
-    }
-  } catch (e) {
-    processError(e.msg || "获取员工列表失败");
-  } finally {
-    loading.value = false;
-  }
-};
-const cancel = () => {};
-const exportEx = () => {
-  console.log(state.searchData.type);
-  const data = {
-    status:
-      state.searchData.type === 1 ? 2 : state.searchData.type === 2 ? 1 : 0,
-    staffName: state.searchData.searchValue,
-    month: state.searchData.month,
-    departmentName: state.searchData.departmentName,
-  };
-  $request.HTTP.workbench.exportExcel(data).then((res) => {
-    const blob = new Blob([res], { type: "application/vnd.ms-excel" });
-    const url = window.URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "员工考勤.xlsx";
-    document.body.appendChild(a);
-    a.click();
-    a.onload = () => {
-      window.URL.revokeObjectURL(url);
-    };
-  });
-};
-onBeforeMount(() => {
-  state.searchData.month = moment().format("YYYY-MM");
-  getAttendanceList();
-  getShiftList();
-  getDeptUserList();
-});
-</script>
-<style scoped lang="scss">
-.index-container {
-  background: rgba(239, 237, 245, 0.33);
-  overflow: hidden !important;
-  :deep(.ant-layout-header) {
-    height: 134px;
-    line-height: normal;
-    background: rgba(239, 237, 245, 0.33);
-    padding: 0;
-    color: #fff;
-
-    .time-box {
-      position: relative;
-      font-size: 20px;
-      margin-top: 20px;
-      min-width: 200px;
-      .day {
-        color: $theme-primary;
-        position: absolute;
-        font-weight: bold;
-        top: -5px;
-      }
-      .week {
-        color: #c1b2e5;
-        font-size: 18px;
-        position: absolute;
-        bottom: 0;
-      }
-      .today {
-        text-align: center;
-        margin: 0 auto;
-        font-size: 15px;
-        background: #764cf6;
-        color: #fff;
-        display: inline-block;
-        width: 20px;
-        height: 45px;
-        margin-right: 10px;
-        border-radius: 20px;
-      }
-    }
-  }
-  :deep(.ant-table-body::-webkit-scrollbar) {
-    width: 2px;
-  }
-  :deep(.ant-table-cell-scrollbar) {
-    display: none;
-  }
-  :deep(.ant-table-body::-webkit-scrollbar-thumb) {
-    background-color: $theme-primary;
-  }
-
-  :deep(.ant-table-body::-webkit-scrollbar-thumb:hover) {
-    background-color: #999;
-    transform: scale(1);
-  }
-
-  .out-select {
-    left: 240px;
-    top: 0;
-    width: 307px;
-    height: 84px;
-    background-color: #764cf6;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 20px;
-  }
-  .msg {
-    width: 190px;
-    border-radius: 20px;
-    margin-right: 70px;
-    text-align: center;
-    :deep(.ant-select-arrow) {
-      color: #764cf6;
-    }
-    :deep(.ant-select-selector) {
-      border-radius: 20px;
-      // background-color: #380e9b;
-      color: #764cf6;
-      font-weight: bold;
-    }
-  }
-  .search-box {
-    // width: 850px;
-    height: 80px;
-    padding: 20px;
-    background-color: #fff;
-    border-radius: 20px;
-    box-shadow: rgba(223, 215, 242, 1);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  .action-box {
-    display: flex;
-    align-items: center;
-    justify-content: right;
-  }
-  // 给表格加上紫色的下边框
-  :deep(.ant-table-tbody > tr > td) {
-    border-bottom: 1px solid #c1b2e5;
-  }
-  :deep(.search-btn) {
-    display: none;
-  }
-  :deep(.my-search .search-input) {
-    height: 40px;
-  }
-  :deep(.ant-picker) {
-    height: 40px;
-    width: 194px;
-  }
-  :deep(.ant-select-selector) {
-    width: 194px;
-  }
-  :deep(.form-item .ant-select-arrow) {
-    color: #fff;
-  }
-  :deep(.ant-picker-suffix) {
-    color: #fff;
-  }
-  :deep(
-    .form-item
-    .ant-select:not(.ant-select-customize-input)
-    .ant-select-selector ) {
-    background-color: #707071 !important;
-  }
-  :deep(.form-item .ant-picker) {
-    background-color: #707071 !important;
-  }
-  .num-select {
-    width: 40px;
-    background: #c1c0cb;
-
-    border-radius: 4px;
-    :deep(.ant-input-number-handler-wrap) {
-      display: none;
-    }
-  }
-  .main-box {
-    position: relative;
-    padding: 20px;
-    height: 500px;
-    background-color: #fff;
-    border-radius: 20px;
-    box-shadow: rgba(223, 215, 242, 1);
-    :deep(.ant-tabs-tab-btn) {
-      color: #7f71a5;
-    }
-    :deep(.ant-pagination) {
-      position: absolute;
-      z-index: 999;
-      right: 26px;
-      bottom: -29px;
-    }
-    :deep(.ant-table-tbody) {
-      max-height: 430px;
-    }
-    :deep(
-      .ant-table.ant-table-bordered
-      > .ant-table-container
-      > .ant-table-header
-      > table ) {
-      border-top: 0;
-    }
-    :deep(
-      .ant-table.ant-table-bordered
-      > .ant-table-container
-      > .ant-table-body
-      > table
-      > tbody
-      > tr
-      > td ) {
-      border-right: 0;
-    }
-    // :deep(
-    //   .ant-table.ant-table-bordered
-    //   > .ant-table-container
-    //   > .ant-table-body
-    //   > table
-    //   > tbody
-    //   > tr
-    //   > td ) {
-    //   color: #5f5f5f;
-    // }
-    :deep(.ant-tabs-ink-bar) {
-      height: 4px !important;
-      background: #764cf6;
-    }
-    :deep(.ant-table-container) {
-      border: 0;
-    }
-    :deep(.ant-table-thead > tr > th) {
-      border: 0 !important;
-      background: none;
-      font-weight: bold;
-    }
-    .main-fotter {
-      position: absolute;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      padding-right: 60px;
-      bottom: 0px;
-      bottom: 0px;
-      border-radius: 0 0 20px 20px;
-      left: 0;
-      height: 60px;
-      background-color: #e0dee6;
-    }
-  }
-
-  :deep(.ant-table-header) {
-    background: #dfd7f2;
-    border-radius: 20px;
-  }
-  :deep(.ant-table-thead > tr > th) {
-    padding: 12px 16px;
-  }
-  // 表头字体颜色黑色
-
-  .foot-box {
-    display: flex;
-    align-items: center;
-    margin-top: 20px;
-    height: 190px;
-    width: 100%;
-    .task {
-      display: inline-flex;
-      height: 100%;
-      width: 100%;
-      background-image: url("../../../assets/image/workBench/paopao.png");
-      background-size: 100% 100%;
-      background-repeat: no-repeat;
-      .task-box {
-        height: 100%;
-        width: 100%;
-        .outbox {
-          display: flex;
-          align-items: center;
-          margin-top: 20px;
-          flex-direction: column;
-
-          height: 100%;
-          width: 100%;
-          .item {
-            font-size: 16px;
-            color: #6779e0;
-            width: 60%;
-            text-align: left;
-          }
-          .item-center {
-            font-size: 16px;
-
-            text-align: center;
-          }
-        }
-        .outbox2 {
-          display: flex;
-
-          justify-content: center;
-          flex-direction: column;
-          align-items: center;
-          height: 100%;
-          width: 72%;
-        }
-      }
-      .fenge {
-        padding: 12px 6px 0px 6px;
-        margin-left: 6px;
-        margin: 15px 0 15px 0;
-        border-left: 1px solid #707070;
-        font-size: 0;
-      }
-    }
-    .wyf {
-      display: inline-flex;
-    }
-  }
-  /* 将checkbox变成圆形 */
-  :deep(.ant-checkbox-wrapper .ant-checkbox-inner) {
-    border-radius: 50%;
-  }
-  :deep(.ant-checkbox-checked .ant-checkbox-inner) {
-    background-color: #764cf6;
-    border-color: #764cf6;
-  }
-  :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after) {
-    background-color: #764cf6;
-  }
-  /* 选中状态下将圆形背景填充 */
-  :deep(.ant-checkbox-wrapper .ant-checkbox-inner::after) {
-    border-radius: 50%;
-  }
-
-  :deep(.ant-checkbox-checked .ant-checkbox-inner::after) {
-    transform: none;
-    border: 0;
-  }
-  :deep(.ant-table-tbody > tr.ant-table-row-selected > td) {
-    background: none;
-  }
-
-  :deep(.ant-form-item-label > label) {
-    color: #6d5c9c;
-    font-weight: bold;
-  }
-  :deep(.ant-form-item-control) {
-    color: #6d5c9c;
-  }
-  :deep(.ant-table) {
-    height: 100%;
-  }
-  .totop {
-    width: 27px;
-    height: 27px;
-    position: absolute;
-    right: -12px;
-    z-index: 99;
-    cursor: pointer;
-  }
-
-  :deep(.ant-table-footer) {
-    background-color: #fff;
-    border: 0;
-  }
-  .user-tags {
-    margin-top: 5px;
-    margin-right: 20px;
-    height: 165px;
-    width: 150px;
-    max-height: 165px;
-    overflow: scroll;
-    overflow-x: hidden;
-  }
-  .button-group {
-    text-align: center;
-
-    .cancel-btn {
-      width: 123px;
-      border-radius: 20px;
-      background: #eeeaf7;
-      margin-right: 10px;
-      color: $theme-primary;
-    }
-  }
-
-  .save-btn {
-    width: 123px;
-    border-radius: 20px;
-    background: $theme-primary;
-    color: #ffff;
-  }
-  :deep(.dropDownme) {
-    border: 1px solid #764cf6 !important;
-    border-radius: 10px;
-    .ant-select-item-option-content {
-      color: #764cf6;
-    }
-  }
-  :deep(.ant-layout-sider) {
-    flex: 0 0 450px !important;
-    max-width: 450px !important;
-    min-width: 450px !important;
-    width: 450px !important;
-    margin-left: 57px;
-    background-color: #cbc4d9;
-    border-radius: 20px;
-    padding: 20px;
-  }
-
-  :deep(.ant-layout) {
-    background: none;
-  }
-}
-.act-title {
-  text-align: center;
-  margin: 0;
-  color: $theme-primary;
-}
-:deep( .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
-.ant-table-tbody > tr > td > .ant-table ) {
-  margin: 0;
-}
-.ant-layout-content {
-  min-width: 600px !important;
-}
-.act-body {
-  display: flex;
-  justify-content: center;
-  .text {
-    font-weight: bold;
-    margin-right: 10px;
-  }
-}
-</style>
diff --git a/src/views/workbench/components/quickIndex.vue b/src/views/workbench/components/quickIndex.vue
deleted file mode 100644
index b13bcd2..0000000
--- a/src/views/workbench/components/quickIndex.vue
+++ /dev/null
@@ -1,880 +0,0 @@
-<template>
-  <div class="index-container height-100 artwork-table" id="index-container">
-    <fl-table
-      :key="state.keyNum"
-      :config="state.tableConfig"
-      :refreshCount="state.tableConfig.refreshCount"
-      class="artwork-table"
-      @triggerRowActions="handleRowActions"
-      @triggerTableData="handleTableData"
-    >
-      <template #top-right>
-        <a-select
-          v-if="state.dep == 2 && checked"
-          v-model:value="ChainState"
-          style="width: 150px; margin-right: 20px"
-          placeholder="上链状态"
-          :options="state.linkOptions"
-          @change="handleLinkChange"
-        ></a-select>
-        <a-switch
-          class="switch"
-          v-model:checked="checked"
-          @change="changeList"
-        /><span style="color: #764cf6; margin-right: 20px">{{
-          checked ? "已完成" : "未完成"
-        }}</span>
-        <a-button
-          type="primary"
-          shape="round"
-          class="fl-mr-sm"
-          style="width: 182px"
-          @click="handleExportArtwork"
-          :loading="state.btnLoading"
-          >导出画作数据</a-button
-        >
-        <a-button
-          type="primary"
-          shape="round"
-          class="fl-mr-sm"
-          style="width: 182px"
-          @click="handleBatchUpload"
-          :loading="state.btnLoading"
-          >批量上传</a-button
-        >
-        <a-button
-          type="primary"
-          shape="round"
-          style="width: 182px"
-          @click="handleCreate"
-          :loading="state.btnLoading"
-          >添加</a-button
-        >
-      </template>
-      <template v-slot:Signpic="Signpic">
-        <div class="drag-img">
-          <commonUpload
-            :type="'drag'"
-            :otherParams="state.otherParams"
-            :val="Signpic.text.Signpic"
-            :height="100"
-            :config="{
-              popover: true,
-            }"
-            @triggerUpload="(e) => handleUpload(Signpic.text, e, 'Signpic')"
-          />
-        </div>
-      </template>
-      <template v-slot:DigiArtImg="DigiArtImg">
-        <div class="drag-img">
-          <commonUpload
-            :type="'drag'"
-            :otherParams="state.otherParams"
-            :val="DigiArtImg.text.DigiArtImg"
-            :height="100"
-            :config="{
-              popover: true,
-            }"
-            @triggerLayoutUpload="
-              (e) => handleLayoutUpload(e, 'DigiArtImg', DigiArtImg.text)
-            "
-          />
-        </div>
-      </template>
-      <template v-slot:Sealpic="Sealpic">
-        <div class="drag-img">
-          <commonUpload
-            :type="'drag'"
-            :otherParams="state.otherParams"
-            :val="Sealpic.text.Sealpic"
-            :height="100"
-            :config="{
-              popover: true,
-            }"
-            @triggerUpload="(e) => handleUpload(Sealpic.text, e, 'Sealpic')"
-          />
-        </div>
-      </template>
-      <template #pagination-left>
-        <div class="count">
-          <!-- <span v-show="!checked" style="margin-right: 20px"
-            >未完成数：{{ state.inCount }}</span
-          >
-          <span v-show="checked">已完完成数：{{ state.doneCount }}</span> -->
-        </div>
-      </template>
-    </fl-table>
-    <!--  -->
-
-    <a-modal
-      v-if="state.batchUploadModalVisible"
-      v-model:visible="state.batchUploadModalVisible"
-      :bodyStyle="{ height: '80vh' }"
-      class="fl-sf-modal"
-      width="60vw"
-      :closable="false"
-      :maskClosable="false"
-      :keyboard="false"
-      :footer="null"
-    >
-      <fl-artwork-batch-upload @triggerCloseModal="handleBatchUploadClose" />
-    </a-modal>
-    <a-modal
-      v-if="state.artworkModalVisible"
-      v-model:visible="state.artworkModalVisible"
-      width="90vw"
-      class="fl-modal-artwork"
-      :bodyStyle="{ height: '85vh' }"
-      :closable="false"
-      :maskClosable="false"
-      :keyboard="false"
-      :footer="null"
-    >
-      <fl-artwork-modal
-        :pageType="state.pageType"
-        :fatherData="state.rowData"
-        @triggerCloseModal="handleCloseModal"
-      ></fl-artwork-modal>
-    </a-modal>
-    <fl-artwork-export-modal
-      v-if="state.exportDialogVisible"
-      :openCount="state.openCount"
-      :extraListParams="{ label: 'SaleStatusMul', value: [4, 5] }"
-      @triggerCloseModal="handleCloseExport"
-    />
-  </div>
-</template>
-<script setup>
-import { SearchOutlined } from "@ant-design/icons-vue";
-import {
-  ref,
-  reactive,
-  onBeforeMount,
-  onMounted,
-  getCurrentInstance,
-  nextTick,
-  watch,
-} from "vue";
-import flTable from "@/components/layout/table/commonTable.vue";
-import flArtworkModal from "./artworkmodal.vue";
-import flArtworkBatchUpload from "../../artwork/components/batchupload.vue";
-import flArtworkExportModal from "../../artwork/artworkexportmodal.vue";
-import commonUpload from "@/components/layout/upload/commonUpload.vue";
-import {
-  processError,
-  processSuccess,
-  processWarning,
-} from "@/utils/helper/message";
-import { onBeforeRouteUpdate, useRoute } from "vue-router";
-import { downImg } from "@/utils/helper/fileDownload";
-const currentInstance = getCurrentInstance();
-const { $request } = currentInstance.appContext.config.globalProperties;
-const checked = ref(false);
-const isTab = ref(true);
-const ChainState = ref(0);
-const Source = ref(null);
-console.log(useRoute());
-const state = reactive({
-  otherParams: {
-    type: "image",
-    source: "artwork",
-  },
-  linkTypeMap: ["", "泰丰艺术区块链", "澄信链", "超级链"],
-  linkOptions: [
-    {
-      label: "所有",
-      value: 0,
-    },
-    {
-      label: "未上链",
-      value: 1,
-    },
-    {
-      label: "已部分上链",
-      value: 2,
-    },
-    {
-      label: "已完成上链",
-      value: 3,
-    },
-  ],
-  action: import.meta.env.VITE_API_URL + "upload/img",
-  fileList: [
-    {
-      url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
-    },
-  ],
-  ChainState: 0,
-  doneCount: 0,
-  inCount: 0,
-  dep: useRoute().name === "JzWorkBentch" ? 2 : 1,
-  openCount: 0,
-  exportDialogVisible: false,
-  btnLoading: false,
-  pageType: "create",
-  rowData: {},
-  artworkModalVisible: false,
-  batchUploadModalVisible: false,
-  keyNum: 0,
-  tableConfig: {
-    slotRight: true,
-    refreshCount: 0,
-    hasActionLoading: false,
-    listUrl: {
-      url: "artwork/my-aw-list",
-      params: [
-        {
-          label: "IsOver",
-          value: 1,
-        },
-        {
-          label: "ChainState",
-          value: ChainState,
-        },
-        {
-          label: "Source",
-          value: Source,
-        },
-      ],
-    },
-    slotRight: true,
-    defaultSearch: {
-      fields: ["Keyword"],
-      placeholder: "在此处输入编号/姓名/推荐人/平尺",
-    },
-    columns: [
-      {
-        title: "作者姓名",
-        field: "artistShowCount",
-      },
-      {
-        title: "画作名称",
-        field: "ArtworkName",
-      },
-      {
-        title: "长度",
-        field: "Length",
-      },
-      {
-        title: "宽度",
-        field: "Width",
-      },
-      {
-        title: "平尺数",
-        field: "Ruler",
-      },
-      {
-        title: "商城编号",
-        field: "Tfnum",
-      },
-      {
-        type: "image",
-        title: "小图",
-        field: "HdPic",
-      },
-      {
-        title: "操作",
-        width: 140,
-        align: "center",
-        actions: [
-          {
-            actionType: "wutong",
-            hasLoading: true,
-            label: "泰丰艺术区块链上链",
-            type: "label",
-            permission: "wutong",
-            show: "[%=WtState%]===1",
-            actionLoadingField: "wutong",
-          },
-          {
-            actionType: "super",
-            label: "超级链上链",
-            hasLoading: true,
-            type: "label",
-            permission: "chaoji",
-            show: "[%=BaiduState%]===1",
-            actionLoadingField: "super",
-          },
-          {
-            actionType: "chengxin",
-            label: "澄信链上链",
-            hasLoading: true,
-            type: "label",
-            permission: "chengxin",
-            show: "[%=Changchainstate%]===1",
-            actionLoadingField: "chengxin",
-          },
-          {
-            actionType: "createBook",
-            label: "下载证书",
-            permission: "quick-work-download",
-            type: "label",
-            show: "[%=WtState%]===2&&[%=Changchainstate%]===2&&[%=BaiduState%]===2",
-          },
-          {
-            actionType: "modal_view",
-            label: "详情",
-            type: "label",
-          },
-          // {
-          //   actionType: "delete",
-          //   label: "删除",
-          //   type: "label",
-          //   tooltip: true,
-          //   class: "color-danger",
-          //   actionUrl: {
-          //     url: "artwork/del",
-          //     params: [
-          //       {
-          //         label: "ArtworkUuid",
-          //         field: "ArtworkUuid",
-          //       },
-          //     ],
-          //   },
-          // },
-        ],
-      },
-      {
-        title: "人工",
-        actions: [
-          {
-            actionType: "update",
-            label: "完成",
-            type: "primary",
-            shape: "round",
-            actionUrl: {
-              url: "artwork/edit-aw-status",
-              params: [
-                {
-                  type: "Array",
-                  label: "ArtworkIds",
-                  field: "Id",
-                },
-                {
-                  label: "ActionType",
-                  value: 2,
-                },
-              ],
-            },
-          },
-        ],
-      },
-    ],
-  },
-});
-// 监听路由参数中的dep变化，如果变化则重新请求列表
-onBeforeRouteUpdate((to, from, next) => {
-  console.log(to.query);
-  handleRenderTable(to.query.dep);
-  Source.value = to.query.dep == 1 ? 2 : 1;
-  next();
-});
-onBeforeMount(() => {
-  handleRenderTable();
-  Source.value = state.dep == 1 ? 2 : 1;
-});
-onMounted(() => {});
-// 上链状态更改
-const handleLinkChange = (val) => {
-  state.tableConfig.refreshCount++;
-};
-// 上传
-const handleBatchUpload = () => {
-  state.batchUploadModalVisible = true;
-};
-// 根据权限重新渲染表格
-const handleRenderTable = (val) => {
-  // 获取query中的dep参数
-  let dep = val || state.dep;
-  console.log(dep);
-
-  if (dep == 1) {
-    state.tableConfig.columns = [
-      {
-        title: "作者姓名",
-        field: "artistShowCount",
-      },
-      {
-        title: "画作名称",
-        field: "ArtworkName",
-      },
-
-      {
-        title: "画作编号",
-        field: "Tfnum",
-      },
-      {
-        type: "image",
-        title: "画家提供图",
-        field: "HdPic",
-      },
-      {
-        type: "slot",
-        slotName: "DigiArtImg",
-        title: "数字化图",
-        field: "DigiArtImg",
-      },
-      {
-        type: "slot",
-        slotName: "Signpic",
-        title: "落款图",
-        field: "Signpic",
-      },
-      {
-        title: "人名章图",
-        field: "Sealpic",
-        type: "slot",
-        slotName: "Sealpic",
-      },
-      {
-        title: "预计时间",
-        field: "ScheduleTime",
-      },
-      {
-        title: "操作",
-        width: 140,
-        align: "center",
-        actions: [
-          {
-            actionType: "modal_view",
-            label: "详情",
-            type: "label",
-          },
-        ],
-      },
-      {
-        title: "人工",
-        actions: [
-          {
-            actionType: "update",
-            label: "完成",
-            type: "primary",
-            shape: "round",
-            actionUrl: {
-              url: "artwork/edit-aw-status",
-              params: [
-                {
-                  type: "Array",
-                  label: "ArtworkIds",
-                  field: "Id",
-                },
-                {
-                  label: "ActionType",
-                  value: 2,
-                },
-              ],
-            },
-          },
-        ],
-      },
-    ];
-  } else if (dep == 2) {
-    state.tableConfig.columns = [
-      {
-        title: "作者姓名",
-        field: "artistShowCount",
-      },
-      {
-        title: "画作名称",
-        field: "ArtworkName",
-      },
-      {
-        title: "长度",
-        field: "Length",
-      },
-      {
-        title: "宽度",
-        field: "Width",
-      },
-      {
-        title: "平尺数",
-        field: "Ruler",
-      },
-      {
-        title: "画作编号",
-        field: "Tfnum",
-      },
-      {
-        type: "image",
-        title: "小图",
-        field: "HdPic",
-      },
-      {
-        title: "已上传点位数",
-        field: "BitMapNum",
-      },
-      {
-        title: "60",
-        field: "BmSixtyNum",
-      },
-      {
-        title: "200",
-        field: "BmTwoHundredNum",
-      },
-      {
-        title: "600",
-        field: "BmSixHundredNum",
-      },
-      {
-        title: "2000",
-        field: "BmTwoThousandNum",
-      },
-      {
-        title: "预计时间",
-        field: "ScheduleTime",
-      },
-      {
-        title: "操作",
-        width: 140,
-        align: "center",
-        actions: [
-          {
-            actionType: "wutong",
-            hasLoading: true,
-            label: "泰丰艺术区块链上链",
-            type: "label",
-            permission: "wutong",
-            show: "[%=WtState%]===1",
-            actionLoadingField: "wutong",
-          },
-          {
-            actionType: "iswutong",
-            label: "泰丰艺术区块链上链中",
-            type: "label",
-            permission: "wutong",
-            show: "[%=WtState%]===3",
-          },
-          {
-            actionType: "super",
-            label: "超级链上链",
-            hasLoading: true,
-            type: "label",
-            permission: "chaoji",
-            show: "[%=BaiduState%]===1",
-            actionLoadingField: "super",
-          },
-          {
-            actionType: "issuper",
-            label: "超级链上链中",
-            type: "label",
-            permission: "chaoji",
-            show: "[%=BaiduState%]===3",
-          },
-          {
-            actionType: "chengxin",
-            label: "澄信链上链",
-            hasLoading: true,
-            type: "label",
-            permission: "chengxin",
-            show: "[%=Changchainstate%]===1",
-            actionLoadingField: "chengxin",
-          },
-          {
-            actionType: "ischengxin",
-            label: "澄信链上链中",
-            type: "label",
-            permission: "chengxin",
-            show: "[%=Changchainstate%]===3",
-          },
-          {
-            actionType: "createBook",
-            label: "下载证书",
-            permission: "quick-work-download",
-            type: "label",
-            show: "State===2",
-          },
-          {
-            actionType: "modal_view",
-            label: "详情",
-            type: "label",
-          },
-        ],
-      },
-      {
-        title: "人工",
-        actions: [
-          {
-            actionType: "update",
-            label: "完成",
-            type: "primary",
-            shape: "round",
-            actionUrl: {
-              url: "artwork/edit-aw-status",
-              params: [
-                {
-                  type: "Array",
-                  label: "ArtworkIds",
-                  field: "Id",
-                },
-                {
-                  label: "ActionType",
-                  value: 2,
-                },
-              ],
-            },
-          },
-        ],
-      },
-    ];
-  }
-  state.keyNum++;
-};
-// 切换状态
-const changeList = (val) => {
-  if (val) {
-    state.tableConfig.listUrl.params = [
-      {
-        label: "IsOver",
-        value: 2,
-      },
-      {
-        label: "Source",
-        value: Source,
-      },
-    ];
-    state.tableConfig.columns.pop();
-  } else {
-    state.tableConfig.listUrl.params = [
-      {
-        label: "IsOver",
-        value: 1,
-      },
-      {
-        label: "Source",
-        value: Source,
-      },
-    ];
-    state.tableConfig.columns.push({
-      title: "人工",
-      actions: [
-        {
-          actionType: "update",
-          label: "完成",
-          type: "primary",
-          shape: "round",
-          actionUrl: {
-            url: "artwork/edit-aw-status",
-            params: [
-              {
-                type: "Array",
-                label: "ArtworkIds",
-                field: "Id",
-              },
-              {
-                label: "ActionType",
-                value: 2,
-              },
-            ],
-          },
-        },
-      ],
-    });
-  }
-  state.keyNum++;
-  state.tableConfig.refreshCount++;
-};
-const handleCreate = () => {
-  state.pageType = "create";
-  state.rowData = {};
-  state.artworkModalVisible = true;
-};
-const handleExportArtwork = () => {
-  state.exportDialogVisible = true;
-  state.openCount++;
-};
-const handleCloseExport = () => {
-  state.exportDialogVisible = false;
-};
-const handleLayoutUpload = ({ val, file }, field, rowData) => {
-  // 更新画作
-  let Rate = "";
-  if (file) {
-    let max = Math.max(file.width, file.height);
-    let min = Math.min(file.width, file.height);
-    Rate = (Math.floor((max / min) * 100) / 100).toFixed(2);
-  }
-  let url = "artwork/update-info-with-kv";
-  let params = {
-    ArtworkUuid: rowData.ArtworkUuid,
-    Column: field,
-    Value: val.ori_url || "",
-    Rate,
-  };
-  $request.HTTP.components.postDataByParams(url, params).then(
-    (res) => {
-      if (res.status === 0) {
-        processSuccess("操作成功");
-      } else {
-        processError(res.msg || "操作失败！");
-      }
-      state.tableConfig.refreshCount++;
-    },
-    (err) => {
-      processError(err.response.data.msg || "操作失败！");
-    }
-  );
-};
-const handleUpload = (v1, v2, Column) => {
-  // 更新画作
-  console.log(v1, v2, Column);
-  let params = { ArtworkUuid: v1.ArtworkUuid, Column: Column, Value: v2 };
-  $request.HTTP.artwork.artworkUpdate(params).then(
-    (res) => {
-      if (res.status === 0) {
-        processSuccess("操作成功");
-      } else {
-        processError(res.msg || "失败");
-      }
-    },
-    (err) => {
-      processError(err || "失败");
-    }
-  );
-  state.tableConfig.refreshCount++;
-};
-const handleTableData = (data, resData) => {
-  console.log(resData);
-  state.doneCount = resData.doneCount;
-  state.inCount = resData.inCount;
-};
-const handleContract = () => {};
-const handleRowActions = (btnConfig, rowData) => {
-  if (btnConfig.actionType === "modal_view") {
-    state.pageType = "view";
-    state.rowData = rowData;
-    state.artworkModalVisible = true;
-  }
-  if (btnConfig.actionType === "wutong") {
-    goLink(rowData.ArtworkUuid, 1, btnConfig, rowData);
-  } else if (btnConfig.actionType === "super") {
-    goLink(rowData.ArtworkUuid, 3, btnConfig, rowData);
-  } else if (btnConfig.actionType === "chengxin") {
-    goLink(rowData.ArtworkUuid, 2, btnConfig, rowData);
-  } else if (btnConfig.actionType === "createBook") {
-    createBook(rowData);
-  }
-};
-// 上链接口
-const goLink = async (uuid, type, btnConfig, rowData) => {
-  rowData[btnConfig.actionLoadingField] = true;
-  let params = { ArtworkUuid: uuid, Type: type };
-  await $request.HTTP.common.goLink(params).then(
-    (res) => {
-      if (res.status === 0) {
-        processSuccess(
-          "画作" +
-            res.data.Data.Tfnum +
-            state.linkTypeMap[res.data.Data.ChainType] +
-            "上链成功"
-        );
-      } else {
-        processError(res.msg || "失败");
-      }
-      delete rowData[btnConfig.actionLoadingField];
-    },
-    (err) => {
-      processError(err || "失败");
-      delete rowData[btnConfig.actionLoadingField];
-    }
-  );
-
-  state.tableConfig.refreshCount++;
-};
-
-// 生成证书
-const createBook = (rowData) => {
-  let params = { ArtworkUuid: rowData.ArtworkUuid };
-  $request.HTTP.common.createBook(params).then(
-    async (res) => {
-      if (res.status === 0) {
-        processSuccess("操作成功");
-        await downImg(
-          res.data.CertTmUrl,
-          rowData.ArtistName + "-" + rowData.ArtworkName + "-证书"
-        );
-      } else {
-        processError(res.msg || "失败");
-      }
-    },
-    (err) => {
-      processError(err || "失败");
-    }
-  );
-  // state.keyNum++;
-  state.tableConfig.refreshCount++;
-};
-const handleCloseModal = (needRefresh) => {
-  if (needRefresh) {
-    state.tableConfig.refreshCount++;
-  }
-  state.artworkModalVisible = false;
-};
-const handleBatchUploadClose = () => {
-  state.tableConfig.refreshCount++;
-  state.batchUploadModalVisible = false;
-};
-</script>
-<style scoped lang="scss">
-.artwork-table :deep(.ant-table-thead th:first-child) {
-  border-radius: 23px 0px 0 0 !important;
-}
-
-.artwork-table :deep(.ant-table-thead th:last-child) {
-  border-radius: 0 23px 0 0 !important;
-}
-
-.avatar-uploader > .ant-upload {
-  width: 128px;
-  height: 128px;
-}
-
-.ant-upload-select-picture-card i {
-  font-size: 32px;
-  color: #999;
-}
-
-.ant-upload-select-picture-card .ant-upload-text {
-  margin-top: 8px;
-  color: #666;
-}
-
-.switch {
-  :deep(.ant-switch-handle::before) {
-    background-color: #764cf6;
-  }
-
-  :deep(.ant-switch-handle) {
-    top: 1px;
-  }
-
-  border: 1px #c9c0e2 solid;
-  background-color: #fff;
-}
-
-.ant-switch-checked {
-  background-color: #764cf6;
-
-  :deep(.ant-switch-handle::before) {
-    background-color: #fff;
-  }
-}
-
-.index-container {
-  position: relative;
-}
-
-.count {
-  font-size: 16px;
-  font-weight: 500;
-}
-
-:deep(.drag-img .preview-image .ant-image) {
-  width: 100px;
-  height: 100px;
-}
-
-:deep(.drag-img .ant-image-img) {
-  width: 100px;
-  height: 100px !important;
-}
-</style>
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 4dbc325..d7ea3d5 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="main">
-    <quick v-if="state.type === 'quick'" />
+    <!-- <quick v-if="state.type === 'quick'" /> -->
     <wyf v-if="state.type === 'wyf'" />
     <storeHouse v-if="state.type === 'storeHouse'" />
-    <oa v-if="state.type === 'oa'" />
+    <!-- <oa v-if="state.type === 'oa'" /> -->
     <artist-artwork-pro v-if="state.type === 'artworkpro'" />
     <customer-service-desk v-if="state.type === 'customerServiceDesk'" />
   </div>
@@ -12,9 +12,9 @@
 <script setup>
 import { onBeforeRouteUpdate, useRoute } from "vue-router";
 import { ref, reactive, onBeforeMount } from "vue";
-import quick from "./components/quickIndex.vue";
+// import quick from "./components/quickIndex.vue";
 import wyf from "./components/wyfIndex.vue";
-import oa from "./components/oaWorkbench.vue";
+// import oa from "./components/oaWorkbench.vue";
 import artistArtworkPro from "./components/artistartworkpro.vue";
 import { Local } from "@/utils/storage.js";
 import storeHouse from "./components/storeHouse.vue";
diff --git a/vite.config.js b/vite.config.js
index 05d36b6..2614628 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -110,7 +110,6 @@ export default ({ mode }) => {
             "vue-vendor": ["vue", "vue-router", "pinia"],
             "naive-ui": ["naive-ui"],
             "element-plus": ["element-plus"],
-            echarts: ["echarts"],
           },
         },
       },