From c45c747be9a5ce0c97d2524422d8ad1eac33ad9e Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 15 Jan 2024 19:53:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js        |   12 +
 src/views/copy/index.vue   |  218 ++++
 src/views/datav/copy_v.vue | 2008 ++++++++++++++++++++++++++++++++++++
 src/views/datav/data_v.vue |  334 ++++++
 src/views/index.vue        |    7 +-
 5 files changed, 2577 insertions(+), 2 deletions(-)
 create mode 100644 src/views/copy/index.vue
 create mode 100644 src/views/datav/copy_v.vue
 create mode 100644 src/views/datav/data_v.vue

diff --git a/src/router/index.js b/src/router/index.js
index 86ac64a..7bf5862 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,6 +45,18 @@ const router = new Router({
             component: Index,
             children: routes
         },
+        {
+            name: 'data_v',
+            path: '/data_v',
+            component: resolve => require(['@/views/datav/data_v'], resolve),
+            meta: {model: 'error'},
+        },
+        {
+            name: 'copy_v',
+            path: '/copy_v',
+            component: resolve => require(['@/views/datav/copy_v'], resolve),
+            meta: {model: 'error'},
+        },
         // {
         //     name: 'login',
         //     path: '/login',
diff --git a/src/views/copy/index.vue b/src/views/copy/index.vue
new file mode 100644
index 0000000..47ebe70
--- /dev/null
+++ b/src/views/copy/index.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="datav-index">
+    <div id="container" style="width: 100vw"></div>
+    <div class="btn-box">
+      <a-dropdown :trigger="['click']">
+        <template #overlay>
+          <a-menu @click="handleMenuClick" style="width: 160px">
+            <a-menu-item :key="index" v-for="(item, index) in member_list">
+              <div class="menu-item-d">
+                <a-avatar :src="item.avatar" icon="user" size="small" />
+                <a class="muted name">{{ item.name }}</a>
+              </div>
+            </a-menu-item>
+          </a-menu>
+        </template>
+        <a-button style="min-width: 100px">
+          <div class="menu-item-d">
+            <a-avatar :src="now_user.avatar" icon="user" size="small" />
+            <a class="muted name">{{ now_user.name }}</a>
+          </div>
+        </a-button>
+      </a-dropdown>
+      <a-date-picker
+        v-model="now_date"
+        format="MM月DD日"
+        :allowClear="false"
+        @change="changeTime"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import _ from "lodash";
+import AMapLoader from "@amap/amap-jsapi-loader";
+import { positioningList, positioningMember } from "@/api/datav";
+import {
+  del,
+  forbid,
+  list as getMembers,
+  resume,
+  liaisonMan,
+} from "../../api/user";
+import { notice } from '../../assets/js/notice';
+
+export default {
+  name: "datav",
+  data() {
+    return {
+      map: null,
+      Amap: null,
+      visibleTaskCopied: false,
+      now_date: "",
+      now_user: {
+        member_code: "",
+        avatar: "",
+        name: "全部",
+      },
+      member_list: [],
+      markers: [],
+      polyline: null,
+    };
+  },
+  created() {
+    this.now_date = "";
+    this.getMembers();
+  },
+  mounted() {
+    this.initMap();
+  },
+  methods: {
+    getMembers() {
+      getMembers().then((res) => {
+        this.member_list = res.data.list;
+      });
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, "0");
+      const day = date.getDate().toString().padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    },
+    initMap() {
+      AMapLoader.load({
+        key: "4f8f55618010007147aab96fc72bb408", // 申请好的Web端开发者Key，首次调用 load 时必填
+        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+        plugins: ["AMap.Geocoder"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        Loca: {
+          version: "2.0.0",
+        },
+      })
+        .then((AMap) => {
+          this.map = new AMap.Map("container", {
+            // 设置地图容器id
+            viewMode: "3D", // 是否为3D地图模式
+            zoom: 15, // 初始化地图级别
+            center: [105.433211, 28.913861], // 初始化地图中心点位置
+            mapStyle: "amap://styles/darkblue",
+          });
+
+          this.initMaker();
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    handleMenuClick(e) {
+      this.now_user = this.member_list[e.key];
+      this.initList();
+    },
+    changeTime(e) {
+      console.log(this.now_date);
+      this.initList();
+    },
+    initMaker() {
+      positioningList().then((res) => {
+        // 添加标记点
+        res.data.forEach((item) => {
+          if (item.positioning) {
+            let marker = new AMap.Marker({
+              position: item.positioning.split(","),
+              map: this.map,
+              content: `
+                              <div class="marker-d">
+                                  <img src="${
+                                    item.avatar ||
+                                    "https://lihai001.oss-cn-chengdu.aliyuncs.com/def/f7d49202401111649248163.png"
+                                  }" />
+                                  <div class="text">
+                                      <div>${item.name}</div>
+                                      <div>更新时间:${item.date}</div>
+                                      <div>停留时间:${item.date}</div>
+                                  </div>
+                              </div>
+                              `,
+              offset: new AMap.Pixel(-20, -20),
+            });
+            this.markers.push(marker);
+          }
+        });
+      });
+    },
+    initList() {
+      if(!this.now_user.member_code||!this.now_date) return;
+      this.map.remove(this.markers);
+      if(this.polyline)this.polyline.setMap(null);
+      positioningMember({
+        code: this.now_user.member_code,
+        date: this.formatDate(new Date(this.now_date||Date.now())),
+      }).then((res) => {
+        let path = res.data.map((item) => {
+          return item.split(",");
+        })||[];
+
+        if(path.length==0) return notice({title: '该成员当日无轨迹信息'}, 'error', 3000);
+        // 绘制轨迹
+        this.polyline = new AMap.Polyline({
+          path: path,
+          strokeColor: "#52c41a",
+          strokeWeight: 5,
+          strokeOpacity: 1,
+          strokeStyle: "solid",
+          zIndex: 50,
+        });
+        this.polyline.setMap(this.map);
+      }).catch(err=>{
+        console.log(err);
+        return notice({title: '该成员当日无轨迹信息'}, 'error', 3000);
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.datav-index {
+  position: relative;
+}
+.marker-d {
+  width: 260px;
+  img {
+    height: 40px;
+    width: 40px;
+    border-radius: 50%;
+    border: 2px solid yellow;
+  }
+  .text {
+    background: rgba(#0c3e6d, 0.6);
+    padding: 10px;
+    margin-top: 10px;
+    div {
+      color: white; /* 设置文字颜色为白色 */
+      // text-shadow: 1px 1px 2px yellow; /* 设置文字的外阴影为黄色，水平偏移量为2px，垂直偏移量为2px */
+      align-items: center;
+    }
+  }
+}
+.p-box {
+  position: relative;
+}
+.btn-box {
+  position: absolute;
+  top: 20px;
+  left: 30px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+#container {
+  height: calc(100vh - 66px);
+}
+.menu-item-d {
+  .name {
+    margin-left: 6px;
+  }
+}
+</style>
diff --git a/src/views/datav/copy_v.vue b/src/views/datav/copy_v.vue
new file mode 100644
index 0000000..61002d0
--- /dev/null
+++ b/src/views/datav/copy_v.vue
@@ -0,0 +1,2008 @@
+<template>
+    <div
+      class="project-space-task"
+      :class="`${project.task_board_theme} ${viewType}`"
+    >
+      <wrapper-content :showHeader="false">
+        <!-- draggable组件拖动 v-model="taskStages" -->
+        <div
+          e
+          v-show="viewType == 'task-board'"
+          :options="{
+            group: 'stages',
+            filter: '.undraggables',
+            handle: '.ui-sortable-handle',
+            ghostClass: 'stage-ghost',
+            animation: 200,
+            forceFallback: false,
+          }"
+          id="board-scrum-stages"
+          class="board-scrum-stages"
+          @end="stageSort"
+        >
+          <div
+            class="scrum-stage"
+            style="width: 32vw; min-width: 400px;"
+            v-for="(stage, index) in taskStages"
+            :key="index"
+            :id="stage.code"
+            :class="{ 'fixed-creator': stage.fixedCreator == true }"
+          >
+            <!--<a-spin wrapperClassName="tasks-loading" :spinning="stage.tasksLoading">-->
+            <!--<a-tooltip placement="top" >
+                       <template slot="title">
+                           {{ stage.name }}
+                           <span class="task-count" v-if="stage.list.length > 0"> · {{ stage.list.length }}</span>
+                       </template>-->
+            <header
+              class="scrum-stage-header ui-sortable-handle"
+              v-show="!stage.tasksLoading"
+            >
+              <div class="stage-name hinted">
+                {{ stage.name }}
+                <span class="task-count" v-if="stage.tasks.length > 0">
+                  · {{ stage.tasks.length }}</span
+                >
+              </div>
+              <div v-if="false" class="stage-menu-toggler popover">
+                <a-dropdown :trigger="['click']" placement="bottomCenter">
+                  <a-tooltip placement="top">
+                    <template slot="title">
+                      <span>编辑任务列表</span>
+                    </template>
+                    <a href="javascript:void(0)" class="menu-toggler-title">
+                      <a-icon type="ellipsis" style="font-size: 18px" />
+                    </a>
+                  </a-tooltip>
+                  <!--<div slot="overlay" class="task-popover-content">-->
+                  <!-- <header class="popover-header" name="333">
+                                      <span class="popover-title">列表菜单</span>
+                                  </header> -->
+                  <a-menu slot="overlay" @click="doStage" :selectable="false">
+                    <!-- <a-menu-item :key="'editStage_' + stage.code + '_' + index">
+                      <a-icon type="edit"></a-icon>
+                      编辑列表
+                    </a-menu-item> -->
+                    <a-menu-item :key="'setExecutor_' + stage.code + '_' + index">
+                      <a-icon size="14" type="user"></a-icon>
+                      设置本列所有任务执行者
+                    </a-menu-item>
+                    <!--<a-menu-item :key="'setEndTime_' + stage.code + '_' + index">
+                                          <a-icon size="14" type="clock-circle"></a-icon>
+                                          设置本列所有任务截止时间 *
+                                      </a-menu-item>-->
+                    <a-menu-item
+                      :key="'recycleBatch_' + stage.code + '_' + index"
+                    >
+                      <a-icon size="14" type="delete"></a-icon>
+                      本列所有任务移到回收站
+                    </a-menu-item>
+                    <!-- <a-menu-item :key="'delStage_' + stage.code + '_' + index">
+                      <a-icon size="14" type="delete"></a-icon>
+                      删除列表
+                    </a-menu-item> -->
+                  </a-menu>
+                  <!--</div>-->
+                </a-dropdown>
+              </div>
+            </header>
+            <!--</a-tooltip>-->
+            <div
+              class="scrum-stage-wrap ui-sortable"
+              :class="{ 'hidden-creator-bottom': stage.showTaskCard }"
+            >
+              <vue-scroll :ref="index + '-stage'" :ops="scrollOps">
+                <section
+                  :id="stage.code"
+                  :task-type-index="index"
+                  class="scrum-stage-content thin-scroll"
+                >
+                  <a-spin
+                    wrapperClassName="tasks-loading"
+                    :spinning="stage.tasksLoading"
+                  >
+                    <!--未完成列表  v-model="stage.unDoneTasks" 拖动 -->
+                    <div
+                      :options="{
+                        group: 'task',
+                        ghostClass: 'task-ghost',
+                        dragClass: 'task-drag',
+                        fallbackClass: 'task-drag',
+                        forceFallback: false,
+                      }"
+                      @end="taskSort"
+                      class="scrum-stage-tasks"
+                    >
+                      <template v-for="(task, taskIndex) in stage.unDoneTasks">
+                        <div
+                          class="task task-card ui-sortable-handle"
+                          :index="taskIndex"
+                          :id="task.code"
+                          :key="task.code"
+                          :class="showTaskPri(task.pri)"
+                          v-if="!task.done && task.canRead"
+                          @click.stop="taskDetail(task.code, index)"
+                        >
+                          <div class="task-priority bg-priority-0"></div>
+                          <a-tooltip :placement="index > 0 ? 'top' : 'right'">
+                            <template slot="title">
+                              <span v-if="task.hasUnDone" style="font-size: 12px"
+                                >子任务尚未全部完成，无法完成父任务</span
+                              >
+                            </template>
+                            <div class="check-box-wrapper">
+                            </div>
+                            <!-- <div
+                              class="check-box-wrapper"
+                              @click.stop="
+                                taskDone(task.code, index, taskIndex, 1)
+                              "
+                            >
+                              <a-icon
+                                class="check-box"
+                                :class="{ disabled: task.hasUnDone }"
+                                type="border"
+                                :style="{ fontSize: '16px' }"
+                              />
+                            </div> -->
+                            <!--<a class="check-box"
+                                                         :class="{'disabled': task.hasUnDone}"
+                                                         @click.stop="taskDone(task.code,index,taskIndex,1)"></a>-->
+                          </a-tooltip>
+                          <div class="task-content-set open-detail">
+                            <div class="task-content-wrapper" style="font-size: 17px;">
+                              <div
+                                class="task-content"
+                                :style="{ overflowWrap: 'anywhere' }"
+                              >
+                                {{ task.name }}
+                              </div>
+                              <a-tooltip
+                                placement="top"
+                                v-if="task.executor && task.executor.avatar"
+                              >
+                                <template slot="title">
+                                  <span>{{ task.executor.name }}</span>
+                                </template>
+                                <img
+                                  :src="task.executor.avatar"
+                                  :title="task.executor.name"
+                                  class="avatar img-circle img-24 hinted"
+                                />
+                              </a-tooltip>
+                            </div>
+                            <div class="task-content-wrapper">
+                              <div
+                                class="task-text"
+                                :style="{ overflowWrap: 'anywhere' }"
+                              >
+                                {{ domPaser(task.description) }}
+                              </div>
+                            </div>
+                            <div class="task-info-wrapper clearfix">
+                              <div class="task-infos">
+                                <span
+                                  class="icon-wrapper"
+                                  :style="{
+                                    color: getStatusColor(task.status),
+                                    fontSize: '12px',
+                                  }"
+                                  v-if="task.status"
+                                  >{{ task.statusText }}</span
+                                >
+                                <span
+                                  class="label"
+                                  :class="showTimeLabel(task.end_time)"
+                                  v-if="task.end_time"
+                                >
+                                  <span :title="task.end_time">
+                                    {{
+                                      showTaskTime(task.begin_time, task.end_time)
+                                    }}
+                                  </span>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.description"
+                                >
+                                  <a-icon type="file-text"></a-icon>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.hasSource"
+                                >
+                                  <a-icon type="link"></a-icon>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.hasComment"
+                                >
+                                  <a-icon type="message" />
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.childCount[0] > 0"
+                                >
+                                  <a-icon type="bars"></a-icon>
+                                  <span
+                                    >{{ task.childCount[1] }}/{{
+                                      task.childCount[0]
+                                    }}</span
+                                  >
+                                </span>
+                                <span
+                                  class="tag muted"
+                                  v-for="tag in task.tags"
+                                  :key="tag.code"
+                                >
+                                  <a-badge
+                                    status="success"
+                                    :class="`badge-${tag.tag.color}`"
+                                  />
+                                  {{ tag.tag.name }}
+                                </span>
+                                <span
+                                  :class="
+                                    'icon-wrapper text text-' +
+                                    task.task_execute.color
+                                  "
+                                  v-if="task.execute_state > 0"
+                                  >{{ task.task_execute_name }}</span
+                                >
+                                <span class="icon-wrapper muted" v-if="task.like">
+                                  <a-icon type="like" />
+                                  <span>{{ task.like }}</span>
+                                </span>
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;justify-content: space-between;">
+                              <div
+                                class="task-tips"
+                              >
+                              发布时间: {{ task.create_time }}
+                              </div>
+                              <div
+                                class="task-tips"
+                                style="color: red;"
+                                v-if="task.timeout"
+                              >
+                              已逾期: {{  task.timeout }}
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;">
+                                <span>处理部门: {{task.department_name}}</span>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;flex-wrap: wrap;">
+                                <span style="padding-right: 10px;">抄送:</span>
+                              <div v-for="(copied, index) in task.copied_info" :key="index" style="margin-right: 10px;">
+                                <img
+                                  :src="copied.avatar"
+                                  :title="copied.name"
+                                  class="avatar img-circle img-24 hinted"
+                                  style="margin-right: 5px;"
+                                />
+                                <span>{{copied.name}}</span>
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;flex-wrap: wrap;">
+                                <span style="padding-right: 10px;">工作流转: </span>
+                              <div v-for="(item, index) in task.exchange_info" :key="index" style="margin-right: 10px;">
+                                <img
+                                  :src="item.avatar"
+                                  :title="item.name"
+                                  class="avatar img-circle img-24 hinted"
+                                  style="margin-right: 5px;"
+                                />
+                                <span>{{item.name}}</span>
+                                <span style="margin-left: 5px;">{{'>>'}}</span>
+                              </div>
+                            </div>
+                            <footer
+                              class="task-info-footer"
+                              v-if="project.prefix && project.open_prefix"
+                            >
+                              <span class="task-id-number">
+                                {{ project.prefix }}-{{ task.id_num }}
+                              </span>
+                            </footer>
+                          </div>
+                        </div>
+                      </template>
+                    </div>
+                    <!--创建任务卡片-->
+                    <div
+                      class="task-creator-wrap card"
+                      :id="'card' + index"
+                      v-show="stage.showTaskCard"
+                    >
+                      <form class="task-creator">
+                        <a-input
+                          :ref="`inputTaskName${index}`"
+                          v-model="task.name"
+                          class="task-content-input"
+                          type="textarea"
+                          :rows="3"
+                          placeholder="任务内容"
+                          @keyup.enter="createTask(stage.code, index)"
+                        />
+                        <div class="handler-wrap">
+                          <a-dropdown :trigger="['click']">
+                            <a class="executor-handler"
+                              ><img
+                                :src="defaultExecutor.avatar"
+                                class="avatar img-circle img-24 hinted"
+                              />
+                              <span class="creator-handler-text name">{{
+                                defaultExecutor.name
+                              }}</span></a
+                            >
+                            <a-menu
+                              class="executor-handler-menu"
+                              @click="selectExecutor"
+                              slot="overlay"
+                            >
+                              <a-menu-item
+                                v-for="(member, index) in projectMembers"
+                                :key="index"
+                              >
+                                <img
+                                  class="avatar img-circle img-32 pull-left m-r-sm"
+                                  :src="member.avatar"
+                                />
+                                <span class="muted" style="line-height: 25px">{{
+                                  member.name
+                                }}</span>
+                                <a-icon
+                                  type="check"
+                                  class="muted"
+                                  v-if="member.code == defaultExecutor.code"
+                                ></a-icon>
+                              </a-menu-item>
+                            </a-menu>
+                          </a-dropdown>
+                        </div>
+                        <div class="submit-set">
+                          <a-button
+                            type="default"
+                            size="large"
+                            class="middle-btn"
+                            @click.stop="showTaskCard(index, false)"
+                            >取消
+                          </a-button>
+                          <a-button
+                            :loading="createTaskLoading"
+                            :disabled="!task.name"
+                            type="primary"
+                            size="large"
+                            class="middle-btn"
+                            :class="{ 'disabled-btn': !task.name }"
+                            @click.stop="createTask(stage.code, index)"
+                            >创建
+                          </a-button>
+                        </div>
+                      </form>
+                    </div>
+                    <!--已完成列表-->
+                    <div
+                      :options="{
+                        group: 'task-done',
+                        ghostClass: 'task-ghost',
+                        dragClass: 'task-drag',
+                        fallbackClass: 'task-drag',
+                        forceFallback: false,
+                      }"
+                      @end="taskSort"
+                      class="scrum-stage-tasks-done"
+                    >
+                    <template v-for="(task, taskIndex) in stage.doneTasks">
+                        <div
+                          class="task task-card ui-sortable-handle"
+                          :index="taskIndex"
+                          :id="task.code"
+                          :key="task.code"
+                          :class="showTaskPri(task.pri)"
+                          v-if="!task.done && task.canRead"
+                          @click.stop="taskDetail(task.code, index)"
+                        >
+                          <div class="task-priority bg-priority-0"></div>
+                          <a-tooltip :placement="index > 0 ? 'top' : 'right'">
+                            <template slot="title">
+                              <span v-if="task.hasUnDone" style="font-size: 12px"
+                                >子任务尚未全部完成，无法完成父任务</span
+                              >
+                            </template>
+                            <div class="check-box-wrapper">
+                            </div>
+                            <!-- <div
+                              class="check-box-wrapper"
+                              @click.stop="
+                                taskDone(task.code, index, taskIndex, 1)
+                              "
+                            >
+                              <a-icon
+                                class="check-box"
+                                :class="{ disabled: task.hasUnDone }"
+                                type="border"
+                                :style="{ fontSize: '16px' }"
+                              />
+                            </div> -->
+                            <!--<a class="check-box"
+                                                         :class="{'disabled': task.hasUnDone}"
+                                                         @click.stop="taskDone(task.code,index,taskIndex,1)"></a>-->
+                          </a-tooltip>
+                          <div class="task-content-set open-detail">
+                            <div class="task-content-wrapper" style="font-size: 17px;">
+                              <div
+                                class="task-content"
+                                :style="{ overflowWrap: 'anywhere' }"
+                              >
+                                {{ task.name }}
+                              </div>
+                              <a-tooltip
+                                placement="top"
+                                v-if="task.executor && task.executor.avatar"
+                              >
+                                <template slot="title">
+                                  <span>{{ task.executor.name }}</span>
+                                </template>
+                                <img
+                                  :src="task.executor.avatar"
+                                  :title="task.executor.name"
+                                  class="avatar img-circle img-24 hinted"
+                                />
+                              </a-tooltip>
+                            </div>
+                            <div class="task-content-wrapper">
+                              <div
+                                class="task-text"
+                                :style="{ overflowWrap: 'anywhere' }"
+                              >
+                                {{ domPaser(task.description) }}
+                              </div>
+                            </div>
+                            <div class="task-info-wrapper clearfix">
+                              <div class="task-infos">
+                                <span
+                                  class="icon-wrapper"
+                                  :style="{
+                                    color: getStatusColor(task.status),
+                                    fontSize: '12px',
+                                  }"
+                                  v-if="task.status"
+                                  >{{ task.statusText }}</span
+                                >
+                                <span
+                                  class="label"
+                                  :class="showTimeLabel(task.end_time)"
+                                  v-if="task.end_time"
+                                >
+                                  <span :title="task.end_time">
+                                    {{
+                                      showTaskTime(task.begin_time, task.end_time)
+                                    }}
+                                  </span>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.description"
+                                >
+                                  <a-icon type="file-text"></a-icon>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.hasSource"
+                                >
+                                  <a-icon type="link"></a-icon>
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.hasComment"
+                                >
+                                  <a-icon type="message" />
+                                </span>
+                                <span
+                                  class="icon-wrapper muted"
+                                  v-if="task.childCount[0] > 0"
+                                >
+                                  <a-icon type="bars"></a-icon>
+                                  <span
+                                    >{{ task.childCount[1] }}/{{
+                                      task.childCount[0]
+                                    }}</span
+                                  >
+                                </span>
+                                <span
+                                  class="tag muted"
+                                  v-for="tag in task.tags"
+                                  :key="tag.code"
+                                >
+                                  <a-badge
+                                    status="success"
+                                    :class="`badge-${tag.tag.color}`"
+                                  />
+                                  {{ tag.tag.name }}
+                                </span>
+                                <span
+                                  :class="
+                                    'icon-wrapper text text-' +
+                                    task.task_execute.color
+                                  "
+                                  v-if="task.execute_state > 0"
+                                  >{{ task.task_execute_name }}</span
+                                >
+                                <span class="icon-wrapper muted" v-if="task.like">
+                                  <a-icon type="like" />
+                                  <span>{{ task.like }}</span>
+                                </span>
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;justify-content: space-between;">
+                              <div
+                                class="task-tips"
+                              >
+                              发布时间: {{ task.create_time }}
+                              </div>
+                              <div
+                                class="task-tips"
+                                style="color: red;"
+                                v-if="task.timeout"
+                              >
+                              已逾期: {{  task.timeout }}
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;">
+                                <span>处理部门: {{task.department_name}}</span>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;">
+                                <span>抄送: </span>
+                              <div v-for="(copied, index) in task.copied_info" :key="index" style="margin-right: 10px;">
+                                <img
+                                  :src="copied.avatar"
+                                  :title="copied.name"
+                                  class="avatar img-circle img-24 hinted"
+                                  style="margin-right: 5px;"
+                                />
+                                <span>{{copied.name}}</span>
+                              </div>
+                            </div>
+                            <div class="task-content-wrapper" style="display: flex;">
+                                <span>工作流转: </span>
+                              <div v-for="(item, index) in task.exchange_info" :key="index" style="margin-right: 10px;">
+                                <img
+                                  :src="item.avatar"
+                                  :title="item.name"
+                                  class="avatar img-circle img-24 hinted"
+                                  style="margin-right: 5px;"
+                                />
+                                <span>{{item.name}}</span>
+                                <span style="margin-left: 5px;">{{'>>'}}</span>
+                              </div>
+                            </div>
+                            <footer
+                              class="task-info-footer"
+                              v-if="project.prefix && project.open_prefix"
+                            >
+                              <span class="task-id-number">
+                                {{ project.prefix }}-{{ task.id_num }}
+                              </span>
+                            </footer>
+                          </div>
+                        </div>
+                      </template>
+                    </div>
+                    <div
+                      class="scrum-stage-tasks-done"
+                      v-show="stage.canNotReadCount"
+                    >
+                      <li class="task muted" style="margin: 0 10px 8px">
+                        <span
+                          ><a-icon type="lock"></a-icon> 有
+                          {{
+                            stage.canNotReadCount
+                          }}
+                          个任务被隐藏（因为设置了仅参与者可见）</span
+                        >
+                      </li>
+                    </div>
+                    <!--添加任务按钮-->
+                    <div
+                      class="task-creator-handler-wrap"
+                      @click.stop="showTaskCard(index)"
+                      v-if="!stage.showTaskCard && false"
+                    >
+                      <a class="task-creator-handler link-add-handler">
+                        <a-icon
+                          type="plus-circle"
+                          style="padding-right: 6px"
+                        ></a-icon>
+                        添加任务
+                      </a>
+                    </div>
+                    <div style="color: #888;text-align: center;cursor: pointer;" v-if="pages[index]>=0" @click="loadMoreStage(stage, index)">查看更多</div>
+                    <div style="color: #888;text-align: center;cursor: pointer;" v-else>没有更多了</div>
+                  </a-spin>
+                </section>
+              </vue-scroll>
+            </div>
+            <!--</a-spin>-->
+          </div>
+          <div class="scrum-stage undraggable create-stage" v-if="false">
+            <header class="scrum-stage-header">
+              <div class="stage-name hinted" style="width: 100%">
+                <a
+                  class="muted"
+                  v-show="!showCreateStage"
+                  @click="showInputStrageName"
+                >
+                  <a-icon type="plus" />
+                  <span class="m-l-xs">新建任务列表</span>
+                </a>
+                <div v-show="showCreateStage">
+                  <div>
+                    <a-input
+                      ref="inputStageName"
+                      v-model="stageName"
+                      placeholder="新建任务列表..."
+                      @keyup.enter="creteStage"
+                      auto-focus
+                    ></a-input>
+                  </div>
+                  <div class="submit-set create-stage-footer">
+                    <a
+                      type="text"
+                      class="cancel-text muted"
+                      @click="showCreateStage = !showCreateStage"
+                    >
+                      取消
+                    </a>
+                    <a-button
+                      type="primary"
+                      class="middle-btn"
+                      @click="creteStage"
+                      >保存</a-button
+                    >
+                  </div>
+                </div>
+              </div>
+            </header>
+          </div>
+        </div>
+        <task-table
+          v-if="viewType == 'task-table' && !loading"
+          :project-code="this.code"
+        ></task-table>
+        <router-view></router-view>
+      </wrapper-content>
+      <!--编辑任务列表-->
+      <a-modal
+        :width="360"
+        v-model="stageModal.modalStatus"
+        :title="stageModal.modalTitle"
+        :bodyStyle="{ paddingBottom: '1px' }"
+        :footer="null"
+      >
+        <a-form @submit.prevent="editStage" :form="stageModal.form">
+          <a-form-item>
+            <a-input
+              ref="inputStageTitle"
+              placeholder="列表标题"
+              v-decorator="[
+                'name',
+                { rules: [{ required: true, message: '请输入列表标题' }] },
+              ]"
+            />
+          </a-form-item>
+          <a-form-item>
+            <div class="action-btn pull-right">
+              <a
+                type="text"
+                class="cancel-text muted"
+                @click="stageModal.modalStatus = false"
+              >
+                取消
+              </a>
+              <a-button type="primary" htmlType="submit" class="middle-btn"
+                >保存</a-button
+              >
+            </div>
+          </a-form-item>
+        </a-form>
+      </a-modal>
+      <!--项目成员-->
+      <a-drawer
+        wrapClassName="info-drawer"
+        title="项目成员"
+        width="350"
+        placement="right"
+        @close="inviteMemberDraw.visible = false"
+        :visible="inviteMemberDraw.visible"
+      >
+        <div class="search-content">
+          <a-input
+            v-model="inviteMemberDraw.keyword"
+            size="large"
+            placeholder="输入昵称或邮箱查找"
+          >
+            <a-icon slot="prefix" type="search" />
+          </a-input>
+        </div>
+        <div class="member-list">
+          <div class="member-list-item ant-list-item header-action">
+            <div class="ant-list-item-meta" @click="showInviteMember = true">
+              <div class="ant-list-item-meta-avatar">
+                <a-avatar icon="plus"></a-avatar>
+              </div>
+              <div class="ant-list-item-meta-content">
+                <h4 class="ant-list-item-meta-title"><span>邀请新成员</span></h4>
+              </div>
+            </div>
+          </div>
+          <a-list
+            itemLayout="horizontal"
+            :loading="inviteMemberDraw.searching"
+            :dataSource="projectMembers"
+            :locale="{
+              emptyText:
+                inviteMemberDraw.keyword && inviteMemberDraw.keyword.length > 1
+                  ? '没有搜索到相关成员'
+                  : '',
+            }"
+          >
+            <a-list-item
+              class="member-list-item"
+              slot="renderItem"
+              slot-scope="item, index"
+            >
+              <span slot="actions" v-if="!item.is_owner">
+                <a class="muted" @click="removeMember(item, index)"
+                  ><a-icon type="user-delete" /> 移除</a
+                >
+                <!-- <a-button size="small" type="dashed" icon="user-add"
+                                    v-if="!item.is_owner"
+                          >操作</a-button>-->
+              </span>
+              <a-list-item-meta :description="item.email">
+                <span slot="title">{{ item.name }}</span>
+                <a-avatar slot="avatar" icon="user" :src="item.avatar" />
+              </a-list-item-meta>
+            </a-list-item>
+          </a-list>
+        </div>
+      </a-drawer>
+      <!--项目设置菜单-->
+      <a-drawer
+        wrapClassName="info-drawer"
+        title="项目设置"
+        width="350"
+        placement="right"
+        @close="configDraw.visible = false"
+        :visible="configDraw.visible"
+      >
+        <div class="config-wrapper">
+          <ul class="config-menus">
+            <li class="menu-item">
+              <a @click="projectModal.modalStatus = true">
+                <a-icon type="setting" />
+                项目设置
+              </a>
+            </li>
+            <!-- <li class="menu-item">
+              <a @click="taskTagModal.modalStatus = true">
+                <a-icon type="tags" />
+                标签
+              </a>
+            </li> -->
+            <li class="menu-item">
+              <a @click="recycleModal.modalStatus = true">
+                <a-icon type="delete" />
+                查看回收站
+              </a>
+            </li>
+            <!-- <li class="menu-item">
+              <a :href="downLoadUrl" target="_blank">
+                <a-icon type="copy" />
+                下载导入任务模板
+              </a>
+            </li>
+            <li class="menu-item">
+              <a-upload
+                name="file"
+                :showUploadList="false"
+                :action="uploadAction"
+                :beforeUpload="beforeUpload"
+                :data="{ projectCode: code }"
+                :headers="headers"
+                @change="handleChange"
+              >
+                <a
+                  class="text-default"
+                  :loading="uploadLoading"
+                  :disabled="uploadLoading"
+                >
+                  <a-icon type="upload" v-show="!uploadLoading" />
+                  上传文件导入任务
+                </a>
+              </a-upload>
+            </li> -->
+            <li class="menu-item">
+              <a>
+                <a-icon type="logout" />
+                导出任务 *
+              </a>
+            </li>
+            <li class="menu-item">
+              <a>
+                <a-icon type="copy" />
+                复制项目 *
+              </a>
+            </li>
+            <li class="menu-item">
+              <a>
+                <a-icon type="block" />
+                保存为项目模板 *
+              </a>
+            </li>
+          </ul>
+        </div>
+      </a-drawer>
+      <!--项目设置-->
+      <a-modal
+        destroyOnClose
+        class="project-config-modal"
+        :width="800"
+        v-model="projectModal.modalStatus"
+        :title="projectModal.modalTitle"
+        :footer="null"
+      >
+        <project-config
+          :code="code"
+          @update="updateProject"
+          @complete="projectModal.modalStatus = false"
+        ></project-config>
+      </a-modal>
+      <!--回收站-->
+      <a-modal
+        class="recycle-bin-modal"
+        :width="800"
+        v-model="recycleModal.modalStatus"
+        :title="recycleModal.modalTitle"
+        :footer="null"
+      >
+        <recycle-bin
+          v-if="recycleModal.modalStatus"
+          :code="code"
+          @update="init"
+        ></recycle-bin>
+      </a-modal>
+      <!--任务标签-->
+      <a-modal
+        class="task-tag-modal"
+        :width="800"
+        v-model="taskTagModal.modalStatus"
+        :title="taskTagModal.modalTitle"
+        :footer="null"
+      >
+        <task-tag
+          v-if="taskTagModal.modalStatus"
+          :code="code"
+          @update="init"
+        ></task-tag>
+      </a-modal>
+      <!--设置任务执行者-->
+      <a-modal
+        class="invite-project-member"
+        :width="360"
+        v-model="projectMemberModal.modalStatus"
+        :title="projectMemberModal.modalTitle"
+        :footer="null"
+      >
+        <div class="member-list">
+          <a-list
+            class="project-list"
+            itemLayout="horizontal"
+            :loading="loading"
+            :dataSource="projectMembers"
+          >
+            <a-list-item slot="renderItem" slot-scope="item">
+              <span slot="actions">
+                <a-button
+                  size="small"
+                  type="dashed"
+                  icon="user-add"
+                  @click="setExecutor(item)"
+                  >设置</a-button
+                >
+              </span>
+              <a-list-item-meta :description="item.email">
+                <span slot="title">{{ item.name }}</span>
+                <a-avatar slot="avatar" icon="user" :src="item.avatar" />
+              </a-list-item-meta>
+            </a-list-item>
+          </a-list>
+        </div>
+      </a-modal>
+  
+      <a-drawer
+        wrapClassName="info-drawer task-search"
+        title="任务筛选"
+        width="350"
+        placement="right"
+        @close="taskSearch.visible = false"
+        :visible="taskSearch.visible"
+      >
+        <task-search
+          :project-code="code"
+          @search="taskSearchAction"
+        ></task-search>
+      </a-drawer>
+      <invite-project-member
+        v-model="showInviteMember"
+        :project-code="code"
+        v-if="showInviteMember"
+      ></invite-project-member>
+    </div>
+  </template>
+  
+  <script>
+  import { mapState } from "vuex";
+  import _ from "lodash";
+  import moment from "moment";
+  import { COMMON } from "@/const/common";
+  import draggable from "vuedraggable";
+  import projectSelect from "@/components/project/projectSelect";
+  import inviteProjectMember from "@/components/project/inviteProjectMember";
+  import projectConfig from "@/components/project/projectConfig";
+  import RecycleBin from "@/components/project/recycleBin";
+  import TaskTable from "@/components/project/taskTable";
+  import TaskTag from "@/components/project/taskTag";
+  import TaskSearch from "@/components/project/taskSearch";
+  
+  import {
+    list as getTaskStages,
+    sort,
+    tasks as getTasks,
+  } from "@/api/taskStages";
+  import { read as getProject } from "@/api/project";
+  import {
+    inviteMember,
+    list as getProjectMembers,
+    removeMember,
+  } from "@/api/projectMember";
+  import {
+    save as createTask,
+    taskDone,
+    sort as sortTask,
+    recycleBatch,
+    batchAssignTask,
+  } from "@/api/task";
+  import {
+    save as createState,
+    edit as editStage,
+    del as delStage,
+  } from "@/api/taskStages";
+  import {
+    checkResponse,
+    getApiUrl,
+    getAuthorization,
+    getUploadUrl,
+  } from "@/assets/js/utils";
+  import { formatTaskTime } from "@/assets/js/dateTime";
+  import { collect } from "@/api/projectCollect";
+  import { notice } from "@/assets/js/notice";
+  
+  export default {
+    name: "project-space-task",
+    components: {
+      RecycleBin,
+      TaskTag,
+      draggable,
+      projectSelect,
+      TaskSearch,
+      TaskTable,
+      inviteProjectMember,
+      projectConfig,
+    },
+    data() {
+      return {
+        viewType: "task-board",
+        // viewType: "task-table",
+        code: this.$route.params.code,
+        loading: true,
+        project: { task_board_theme: "simple" },
+        stageName: "",
+        task: {}, //当前任务
+        taskStatusList: COMMON.TASK_STATUS,
+        taskStages: [], //任务列表
+        defaultExecutor: {}, //默认执行人
+        projectMembers: [], //项目成员列表
+        projectMembersCopy: [], //项目成员列表副本
+        createTaskLoading: false, //创建任务loading
+        showCreateStage: false,
+  
+        preCode: "",
+        nextCode: "",
+  
+        preTaskCode: "",
+        nextTaskCode: "",
+  
+        taskSearchParams: {},
+  
+        stageKeys: [],
+        stageModal: {
+          form: this.$form.createForm(this),
+          stageCode: "",
+          stageIndex: 0,
+          modalStatus: false,
+          confirmLoading: false,
+          modalTitle: "编辑列表",
+        },
+        pages: [1,1,1],
+  
+        slideMenuKey: "",
+        showInviteMember: false,
+        inviteMemberDraw: {
+          visible: false,
+          keyword: "",
+          searching: false,
+          list: [],
+        },
+        configDraw: {
+          visible: false,
+        },
+        taskSearch: {
+          visible: false,
+        },
+  
+        downLoadUrl: getUploadUrl("project/task/_downloadTemplate"),
+        uploadLoading: false,
+        uploadAction: getApiUrl("project/task/uploadFile"),
+  
+        /*项目设置*/
+        projectModal: {
+          modalStatus: false,
+          modalTitle: "项目设置",
+        },
+        /*回收站*/
+        recycleModal: {
+          modalStatus: false,
+          modalTitle: "查看回收站",
+        },
+        /*任务标签*/
+        taskTagModal: {
+          modalStatus: false,
+          modalTitle: "任务标签",
+        },
+  
+        /*项目成员*/
+        projectMemberModal: {
+          loading: false,
+          currentStageIndex: 0,
+          modalStatus: false,
+          modalTitle: "设置任务执行者",
+        },
+      };
+    },
+    computed: {
+      ...mapState({
+        userInfo: (state) => state.userInfo,
+        viewRefresh: (state) => state.common.viewRefresh,
+        socketAction: (state) => state.socketAction,
+      }),
+      headers() {
+        return getAuthorization();
+      },
+      scrollOps() {
+        return {
+          mode: "slide",
+          rail: {
+            background: "#e5e5e5",
+            opacity: 1,
+          },
+          bar: {
+            keepShow: true,
+          },
+          pushLoad: {
+            enable: true,
+            tips: {
+              deactive: "Push to Load",
+              active: "Release to Load",
+              start: "Loading...",
+              beforeDeactive: "Load Successfully!",
+            },
+            auto: true,
+            autoLoadDistance: 0,
+          },
+        };
+      },
+    },
+    watch: {
+      $route(to, from) {
+        if (this.code != to.params.code) {
+          this.code = to.params.code;
+          this.defaultExecutor = this.userInfo;
+          this.getProject();
+          this.getProjectMembers();
+          this.init();
+        }
+        if (from.name == "taskdetail") {
+          const stageIndex = from.query.from;
+          // this.getTaskStages(false);
+          if (stageIndex != undefined) {
+            let searchParams = this.taskSearchParams;
+            let params = Object.assign(
+              { stageCode: '1' },
+              searchParams
+            );
+            params.type = 'all';
+            getTasks(params).then((res) => {
+              this.taskStages[stageIndex].tasksLoading = false;
+              this.taskStages[stageIndex].tasks = res.data;
+              let doneTasks = (this.taskStages[stageIndex].doneTasks = []);
+              let unDoneTasks = (this.taskStages[stageIndex].unDoneTasks = []);
+              res.data.forEach((task) => {
+                if (task.done) {
+                  doneTasks.push(task);
+                } else {
+                  unDoneTasks.push(task);
+                }
+              });
+            });
+          }
+        }
+        if (to.query.re == 1) {
+          this.init();
+          // let stage = this.taskStages[+to.query.from];
+          // getTasks({ stageCode: stage.code }).then((res) => {
+          //   this.$nextTick(() => {
+          //     // let t = JSON.parse(JSON.stringify(this.taskStages));
+          //     // t[+to.query.from].tasks = res.data;
+          //     // this.taskStages = [];
+          //     // this.$nextTick(()=>{
+          //     //     this.taskStages = t;
+          //     // })
+          //     // this.$set(this.taskStages[+to.query.from], 'tasks', res.data);
+          //   });
+          // });
+        }
+      },
+      socketAction(val) {
+        if (val.action === "organization:task") {
+          const data = val.data.data;
+          if (data.projectCode == this.code) {
+            this.getTaskStages(false);
+          }
+        }
+      },
+      viewRefresh() {
+        console.log("viewRefresh");
+        // this.getTaskStages(false);
+      },
+      inviteMemberDraw: {
+        handler(newVal) {
+          if (newVal.visible) {
+            this.slideMenuKey = "member";
+          } else {
+            this.slideMenuKey = false;
+          }
+          if (newVal.keyword) {
+            this.searchInviteMember();
+          }
+        },
+        deep: true,
+      },
+      configDraw: {
+        handler(newVal) {
+          if (newVal.visible) {
+            this.slideMenuKey = "config";
+          } else {
+            this.slideMenuKey = false;
+          }
+        },
+        deep: true,
+      },
+      showInviteMember(val) {
+        if (!val) {
+          this.getProjectMembers();
+        }
+      },
+    },
+    created() {
+      this.defaultExecutor = this.userInfo;
+      this.getProject();
+      this.getProjectMembers();
+      this.init();
+    },
+    directives: {
+      dragscroll2: function (el) {
+        return;
+        el.oncontextmenu = function (ev) {
+          el.onmousedown = function (ev) {
+            console.log(ev.target.classList);
+            const exclude = [
+              "task-content",
+              "task-content-set",
+              "task-content",
+              "stage-name",
+              "scrum-stage-header",
+              "task-creator-handler",
+              "ant-btn",
+              "ant-input",
+            ];
+            const isExclude = exclude.some((item) =>
+              ev.target.classList.contains(item)
+            );
+            if (isExclude) {
+              // document.onmousemove = null;
+              // document.onmouseup = null;
+              // el.style["scroll-behavior"] = originalScrollBehavior;
+              // el.style["pointer-events"] = originalPointerEvents;
+              return;
+            }
+  
+            ev.stopPropagation();
+            ev.preventDefault();
+            document.body.style.cursor = "move";
+            const disX = ev.clientX;
+            const disY = ev.clientY;
+            const originalScrollLeft = el.scrollLeft;
+            const originalScrollTop = el.scrollTop;
+            const originalScrollBehavior = el.style["scroll-behavior"];
+            const originalPointerEvents = el.style["pointer-events"];
+            el.style["scroll-behavior"] = "auto";
+            let elEvent = ev;
+            // 鼠标移动事件是监听的整个document，这样可以使鼠标能够在元素外部移动的时候也能实现拖动
+            document.onmousemove = function (ev) {
+              ev.stopPropagation();
+              ev.preventDefault();
+              // elEvent.target.style.cursor = "move";
+              // ev.target.style.cursor = "move";
+              document.body.style.cursor = "move";
+  
+              const distanceX = ev.clientX - disX;
+              const distanceY = ev.clientY - disY;
+              el.scrollTo(
+                originalScrollLeft - distanceX,
+                originalScrollTop - distanceY
+              );
+              // 由于我们的图片本身有点击效果，所以需要在鼠标拖动的时候将点击事件屏蔽掉
+              el.style["pointer-events"] = "none";
+            };
+            document.onmouseup = function (ev) {
+              ev.stopPropagation();
+              // elEvent.target.style.cursor = "auto";
+              // ev.target.style.cursor = "auto";
+              document.body.style.cursor = "auto";
+  
+              document.onmousemove = null;
+              document.onmouseup = null;
+              el.style["scroll-behavior"] = originalScrollBehavior;
+              el.style["pointer-events"] = originalPointerEvents;
+            };
+          };
+        };
+      },
+    },
+    methods: {
+      init() {
+        this.getTaskStages();
+      },
+      getProject() {
+        this.loading = true;
+        this.code = 'qfbyovzhd9sj31u8ln602rwk';
+        getProject(this.code).then((res) => {
+          this.loading = false;
+          this.project = res.data;
+        });
+      },
+      getProjectMembers() {
+        getProjectMembers({ projectCode: this.code, pageSize: 100 }).then(
+          (res) => {
+            this.projectMembers = res.data.list;
+            this.projectMembersCopy = res.data.list;
+          }
+        );
+      },
+      getTaskStages(showLoading = true) {
+        let app = this;
+        getTaskStages({ projectCode: this.code, pageSize: 30 }).then((res) => {
+          let taskStages = [];
+          if (!showLoading) {
+            res.data.list.forEach((v) => {
+              v.tasksLoading = false;
+              taskStages.push(v);
+            });
+            // this.taskStages = taskStages;
+          } else {
+            //提前赋值，展现loading
+            this.taskStages = taskStages = res.data.list;
+          }
+          if (taskStages) {
+            let searchParams = app.taskSearchParams;
+            let params = {};
+            taskStages.forEach((v, k) => {
+              v.page = 1;
+              app.getTasks(v, k, showLoading);
+              /*params = {stageCode: v.code};
+                              params = Object.assign(params, searchParams);
+                              getTasks(params).then((res) => {
+                                  let canNotReadCount = 0;
+                                  res.data.forEach((task) => {
+                                      if (!task.canRead) {
+                                          canNotReadCount++;
+                                      }
+                                      if (task.done) {
+                                          v.doneTasks.push(task);
+                                      } else {
+                                          v.unDoneTasks.push(task);
+                                      }
+                                  });
+                                  v.canNotReadCount = canNotReadCount;
+                                  v.tasksLoading = false;
+                                  v.tasks = res.data;
+                                  if (!showLoading) {
+                                      app.$set(app.taskStages, k, v);
+                                  }
+                              })*/
+            });
+          }
+        });
+      },
+      getTasks(stage, index=0, showLoading) {
+        let searchParams = this.taskSearchParams;
+        let params = {};
+        params = { stageCode: '1', type: 'all', page: this.pages[index] };
+        params = Object.assign(params, searchParams);
+        if(index==0) params.type_name = '进行中';
+        if(index==1) params.type_name = '验收中';
+        if(index==2) params.type_name = '已完成';
+        getTasks(params).then((res) => {
+          let canNotReadCount = 0;
+          res.data.forEach((task) => {
+            if (!task.canRead) {
+              canNotReadCount++;
+            }
+            if (task.done) {
+              stage.doneTasks.push(task);
+            } else {
+              stage.unDoneTasks.push(task);
+            }
+          });
+          stage.canNotReadCount = canNotReadCount;
+          stage.tasksLoading = false;
+          stage.tasks = res.data;
+          if(res.data.length<10)this.pages[index] = -1;
+          else this.pages[index]++;
+          if (!showLoading) {
+            this.$set(this.taskStages, index, stage);
+          }
+        });
+      },
+      filterTask(tasks, done) {
+        return tasks.filter((item) => item.done == done);
+      },
+      taskSearchAction(value) {
+        console.log(value);
+        this.taskSearchParams = value;
+        this.getTaskStages();
+      },
+      //显示添加任务卡片
+      showTaskCard(index = false, show = true) {
+        this.taskStages.forEach((v) => {
+          v.showTaskCard = false;
+        });
+        if (index === false) {
+          return false;
+        }
+        this.taskStages[index].showTaskCard = show;
+        this.$nextTick(() => {
+          //滚动创建到创建窗口
+          this.$refs[index + "-stage"][0].scrollIntoView("#card" + index);
+          this.$refs[`inputTaskName${index}`][0].focus();
+        });
+      },
+      selectExecutor({ key }) {
+        this.defaultExecutor = this.projectMembers[key];
+      },
+      // 添加任务
+      addTask() {
+        if(!this.taskStages[0].code) return notice({title: '请先创建任务列表'}, 'error', 5000)
+      //   this.task.stage_code = this.taskStages[0].code;
+      //   this.task.project_code = this.code;
+      //   this.task.assign_to = this.defaultExecutor.code;
+        this.$router.push(
+          `${this.$route.path}/add/${this.code}?name=${this.project.name}&from=${0}&stage_code=${this.taskStages[0].code}`
+        );
+      },
+      //准备添加任务
+      createTask(stageCode, stageIndex) {
+        if (!this.task.name) {
+          this.$message.warning("任务内容不能为空", 2);
+          return false;
+        }
+        this.task.stage_code = stageCode;
+        this.task.project_code = this.code;
+        this.task.assign_to = this.defaultExecutor.code;
+        //判断换行，添加多条任务
+        // let titles = this.task.name.split("\n");
+        // if (titles.length > 1) {
+        //     this.$confirm({
+        //         title: '任务提示',
+        //         content: `系统检测到你输入了 ${titles.length} 行内容，你是想创建多条任务吗？`,
+        //         okText: '创建1条',
+        //         cancelText: `创建${titles.length}条`,
+        //         onCancel() {
+        //             console.log('Cancel');
+        //         },
+        //         onOk() {
+        //             this.confirmCreateTask(stageIndex);
+        //             return Promise.resolve();
+        //         }
+        //     });
+        //     return false;
+        // }
+        this.confirmCreateTask(stageIndex);
+      },
+      //添加任务
+      confirmCreateTask(stageIndex) {
+        let app = this;
+        if (app.createTaskLoading) {
+          app.$message.warning("正在添加任务，请稍后...", 2);
+          return false;
+        }
+        setTimeout(function () {
+          if (app.createTaskLoading === true) {
+            app.$message.loading({
+              content: "正在添加任务，请稍后...",
+              duration: 5,
+            });
+          }
+        }, 2000);
+        app.createTaskLoading = true;
+        createTask(app.task)
+          .then((res) => {
+            app.createTaskLoading = false;
+            const result = checkResponse(res);
+            if (result) {
+              app.$message.destroy();
+              let taskStages = app.taskStages[stageIndex];
+              taskStages.tasks.push(res.data);
+              app.taskStages[stageIndex].unDoneTasks.push(res.data);
+              // getTasks({stageCode: app.task.stage_code}).then((res) => {
+              //     let taskStages = app.taskStages[stageIndex];
+              //     taskStages.tasks = res.data;
+              // });
+              app.task = {};
+              // notice({
+              //     title: '添加任务成功',
+              //     msg: '你可以点击该任务继续进行详细设置'
+              // }, 'notice', 'success', 5);
+  
+              // 打开任务详情弹窗
+              this.taskDetail(res.data.code, stageIndex);
+              console.log({ ...res.data });
+            }
+          })
+          .catch(() => {
+            app.createTaskLoading = false;
+          });
+      },
+      taskDone(taskCode, stageIndex, taskIndex, done) {
+        let task = null;
+        let unDoneTasks = this.taskStages[stageIndex].unDoneTasks;
+        let doneTasks = this.taskStages[stageIndex].doneTasks;
+        if (done) {
+          task = unDoneTasks[taskIndex];
+        } else {
+          task = doneTasks[taskIndex];
+        }
+        // let task = this.taskStages[stageIndex].tasks[taskIndex];
+        if (task.hasUnDone) {
+          return false;
+        }
+        task.done = done;
+        if (done) {
+          unDoneTasks.splice(taskIndex, 1);
+          doneTasks.push(task);
+          doneTasks = doneTasks.sort(function (a, b) {
+            if (a.sort === b.sort) {
+              return a.id_num - b.id_num;
+            } else {
+              return a.sort - b.sort;
+            }
+          });
+        } else {
+          doneTasks.splice(taskIndex, 1);
+          unDoneTasks.push(task);
+          unDoneTasks = unDoneTasks.sort(function (a, b) {
+            if (a.sort === b.sort) {
+              return a.id_num - b.id_num;
+            } else {
+              return a.sort - b.sort;
+            }
+          });
+        }
+        taskDone(taskCode, done).then((res) => {
+          const result = checkResponse(res);
+          if (!result) {
+            return false;
+          }
+          //可能会触发工作流，所以全部刷新
+          this.getTaskStages(false);
+        });
+      },
+      showInputStrageName() {
+        this.showCreateStage = !this.showCreateStage;
+        this.$nextTick(() => {
+          this.$refs.inputStageName.focus();
+        });
+      },
+      doStage(action) {
+        let app = this;
+        let actionKeys = action.key.split("_");
+        const stageCode = actionKeys[actionKeys.length - 2];
+        const stageIndex = actionKeys[actionKeys.length - 1];
+        const actionKey = actionKeys[0];
+        switch (actionKey) {
+          case "editStage":
+            this.stageModal.stageCode = stageCode;
+            this.stageModal.stageIndex = stageIndex;
+            this.$nextTick(() => {
+              this.stageModal.form.setFieldsValue({
+                name: this.taskStages[stageIndex].name,
+              });
+              this.$refs.inputStageTitle.focus();
+            });
+            this.stageModal.modalStatus = true;
+            break;
+          case "recycleBatch":
+            //您确定要把列表下的所有任务移到回收站吗？
+            this.$confirm({
+              title: "移到回收站",
+              content: `您确定要把列表下的所有任务移到回收站吗？`,
+              okText: "移到回收站",
+              okType: "danger",
+              cancelText: `再想想`,
+              onOk() {
+                app.taskStages[stageIndex].tasks = [];
+                app.$set(app.taskStages[stageIndex], "doneTasks", []);
+                recycleBatch({ stageCode: stageCode }).then((res) => {
+                  const result = checkResponse(res);
+                  if (!result) {
+                    return false;
+                  }
+                  app.$set(app.taskStages[stageIndex], "doneTasks", []);
+                  app.$set(app.taskStages[stageIndex], "unDoneTasks", []);
+                });
+                return Promise.resolve();
+              },
+            });
+            break;
+          case "setEndTime":
+            this.set_type_endTime_modal = true;
+            break;
+          case "setExecutor":
+            this.projectMemberModal.currentStageIndex = stageIndex;
+            this.projectMemberModal.modalStatus = true;
+            break;
+          case "delStage":
+            if (this.taskStages[stageIndex].tasks.length > 0) {
+              this.$warning({
+                title: "删除列表",
+                content: `请先清空此列表上的任务，然后再删除这个列表`,
+                okText: "确定",
+              });
+              return false;
+            }
+            this.$confirm({
+              title: "删除列表",
+              content: `您确定要永远删除这个列表吗？`,
+              okText: "删除",
+              okType: "danger",
+              cancelText: `再想想`,
+              onOk() {
+                delStage(stageCode);
+                app.taskStages.splice(stageIndex, 1);
+                return Promise.resolve();
+              },
+            });
+            break;
+        }
+      },
+      creteStage() {
+        if (!this.stageName) {
+          this.$message.warning("请输入列表名称", 2);
+          return false;
+        }
+        createState({ name: this.stageName, projectCode: this.code }).then(
+          (res) => {
+            const result = checkResponse(res);
+            if (!result) {
+              return false;
+            }
+            const stage = res.data;
+            this.taskStages.push(stage);
+            this.stageName = "";
+            this.$nextTick(() => {
+              document.getElementById("board-scrum-stages").scrollLeft = 10000;
+            });
+          }
+        );
+      },
+      editStage() {
+        let stage = this.stageModal.form.getFieldsValue();
+        if (!stage.name) {
+          this.$message.warning("请输入列表名称", 2);
+          return false;
+        }
+        editStage({
+          name: stage.name,
+          stageCode: this.stageModal.stageCode,
+        }).then((res) => {
+          const result = checkResponse(res);
+          if (!result) {
+            return false;
+          }
+          this.taskStages[this.stageModal.stageIndex].name = stage.name;
+          this.stageModal.modalStatus = false;
+        });
+      },
+      setExecutor(member) {
+        let stage = this.taskStages[this.projectMemberModal.currentStageIndex];
+        let taskCodes = [];
+        stage.tasks.forEach((v) => {
+          if (v.canRead) {
+            taskCodes.push(v.code);
+          }
+        });
+        if (taskCodes) {
+          batchAssignTask({
+            taskCodes: JSON.stringify(taskCodes),
+            executorCode: member.code,
+          }).then((res) => {
+            this.projectMemberModal.modalStatus = false;
+            if (!checkResponse(res)) {
+              return false;
+            }
+            getTasks({ stageCode: '1', type: 'all' }).then((res) => {
+              let canNotReadCount = 0;
+              res.data.forEach((task) => {
+                if (!task.canRead) {
+                  canNotReadCount++;
+                }
+              });
+              stage.canNotReadCount = canNotReadCount;
+              stage.tasksLoading = false;
+              stage.tasks = res.data;
+            });
+          });
+        } else {
+          this.projectMemberModal.modalStatus = false;
+        }
+      },
+      showTaskPri(pri) {
+        return {
+          warning: pri == 1,
+          error: pri == 2,
+        };
+      },
+      showTimeLabel(time) {
+        let str = "label-primary";
+        if (time == null) {
+          return str;
+        }
+        let cha = moment(moment(time).format("YYYY-MM-DD")).diff(
+          moment().format("YYYY-MM-DD"),
+          "days"
+        );
+        if (cha < 0) {
+          str = "label-danger";
+        } else if (cha == 0) {
+          str = "label-warning";
+        } else if (cha > 7) {
+          str = "label-normal";
+        }
+        return str;
+      },
+      showTaskTime(time, timeEnd) {
+        return formatTaskTime(time, timeEnd);
+        // return moment(time).format('MM月DD日 HH:mm')
+      },
+      taskDetail(code, stageIndex) {
+        this.$router.push(
+          `${this.$route.path}/detail/${code}?from=${stageIndex}`
+        );
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.showTaskCard(stageIndex, false);
+          }, 700);
+        });
+      },
+      stageSort(event) {
+        const list = this.getPreAndNextCode(event);
+        sort(list[0], list[1], this.code);
+      },
+      getPreAndNextCode(event) {
+        const preCode = event.clone.getAttribute("id");
+        let toList = [];
+        let nextCode = "";
+        for (let i = 0, len = event.to.children.length; i < len; i++) {
+          toList.push(event.to.children[i].getAttribute("id"));
+        }
+        const preCodeIndex = toList.findIndex((item) => item === preCode);
+        if (preCodeIndex < toList.length) {
+          nextCode = toList[preCodeIndex + 1];
+        }
+        return [preCode, nextCode];
+      },
+      taskSort(event) {
+        const list = this.getPreAndNextCode(event);
+        console.log(list);
+        const toStageCode =
+          event.to.parentNode.parentNode.parentNode.getAttribute("id");
+        sortTask({
+          preTaskCode: list[0],
+          nextTaskCode: list[1],
+          toStageCode: toStageCode,
+        });
+      },
+      handleResize(vertical, stageIndex) {
+        if (vertical.barSize) {
+          this.taskStages[stageIndex].fixedCreator = true;
+        }
+      },
+      visibleDraw(type) {
+        if (type == "member") {
+          this.configDraw.visible = false;
+          this.taskSearch.visible = false;
+          this.inviteMemberDraw.visible = !this.inviteMemberDraw.visible;
+        } else if (type == "taskSearch") {
+          this.taskSearch.visible = !this.taskSearch.visible;
+          this.configDraw.visible = false;
+          this.inviteMemberDraw.visible = false;
+        } else {
+          this.inviteMemberDraw.visible = false;
+          this.taskSearch.visible = false;
+          this.configDraw.visible = !this.configDraw.visible;
+        }
+      },
+      changeViewType() {
+        if (this.viewType === "task-board") {
+          this.viewType = "task-table";
+        } else {
+          this.viewType = "task-board";
+        }
+      },
+      removeMember(member, index) {
+        let app = this;
+        this.$confirm({
+          title: `您确定要将「${member.name}」从项目中移除吗？`,
+          content: `移除后该成员将不能查看任何关于该项目的信息`,
+          okText: "移除",
+          okType: "danger",
+          cancelText: "再想想",
+          onOk() {
+            removeMember(member.code, app.code).then((res) => {
+              if (!checkResponse(res)) {
+                return;
+              }
+              app.projectMembers.splice(index, 1);
+              notice({ title: "移除成功" }, "notice", "success");
+            });
+            return Promise.resolve();
+          },
+        });
+      },
+      inviteMember(item) {
+        inviteMember(item.memberCode, this.projectCode).then((res) => {
+          const success = checkResponse(res);
+          if (success) {
+            item.joined = true;
+          }
+        });
+      },
+      searchInviteMember: _.debounce(function () {
+        if (!this.inviteMemberDraw.keyword) {
+          this.projectMembers = JSON.parse(
+            JSON.stringify(this.projectMembersCopy)
+          );
+        }
+        if (this.inviteMemberDraw.keyword.length <= 1) {
+          return false;
+        }
+        this.searching = true;
+        this.projectMembers = this.projectMembers.filter(
+          (item) => item.name.indexOf(this.inviteMemberDraw.keyword) != -1
+        );
+      }, 500),
+      updateProject(data) {
+        this.project = data;
+      },
+      collectProject() {
+        const type = this.project.collected ? "cancel" : "collect";
+        collect(this.project.code, type).then((res) => {
+          if (!checkResponse(res)) {
+            return;
+          }
+          this.project.collected = !this.project.collected;
+        });
+      },
+      handleChange(info) {
+        if (info.file.status === "uploading") {
+          notice(`正在导入，请稍后...`, "message", "loading", 0);
+          this.uploadLoading = true;
+          return;
+        }
+        if (info.file.status === "done") {
+          console.log(info);
+          this.uploadLoading = false;
+          if (checkResponse(info.file.response, true)) {
+            const count = info.file.response.data;
+            if (count) {
+              notice(`成功导入${count}个任务`, "message", "success");
+            } else {
+              notice(`没有成功导入任何任务`, "message", "warning");
+            }
+            this.getTaskStages(false);
+          }
+        }
+      },
+      beforeUpload(file) {
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          this.$message.error("文件不能超过2MB!");
+        }
+        return isLt2M;
+      },
+      getStatusColor(status) {
+        const statusInfo = this.taskStatusList.find((item) => item.id == status);
+        if (statusInfo) {
+          return statusInfo.color;
+        }
+        return "";
+      },
+      // 将html转成文本
+      domPaser(htmlText=''){
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(htmlText, "text/html");
+        return doc.body.textContent;
+      },
+      loadMoreStage(stage, index=1){
+        this.getTasks(stage, index, true)
+      }
+    },
+  };
+  </script>
+  
+  <style lang="less">
+  @import "../../assets/css/components/task";
+  
+  .project-space-task {
+    .tasks-loading {
+      .ant-spin-blur {
+        opacity: 0;
+      }
+    }
+  }
+  
+  .info-drawer {
+    top: 116px;
+    width: 0 !important;
+  
+    .ant-drawer-mask {
+      visibility: hidden;
+    }
+  
+    .ant-drawer-content {
+      /*background-color: #f7f7f7;*/
+    }
+  
+    .ant-drawer-header {
+      /*background-color: #f7f7f7;*/
+      text-align: center;
+    }
+  
+    .ant-drawer-body {
+      padding: 12px 0;
+    }
+  
+    .search-content {
+      padding: 0 24px;
+    }
+  }
+  
+  .info-drawer {
+    .member-list {
+      padding-top: 12px;
+  
+      .ant-list-item-meta {
+        align-items: center;
+      }
+  
+      .member-list-item {
+        padding: 12px 24px;
+  
+        &:hover {
+          background-color: #eee;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  
+  .info-drawer {
+    .config-wrapper {
+      position: relative;
+      padding-bottom: 1px;
+  
+      .config-menus {
+        padding: 0;
+        list-style: none;
+  
+        .menu-item {
+          position: relative;
+          line-height: 30px;
+  
+          &:hover {
+            background: #eeeeee;
+          }
+  
+          &:first-child > a {
+            margin-top: -6px;
+          }
+  
+          a {
+            display: block;
+            cursor: pointer;
+            padding: 5px 15px;
+            text-decoration: none;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #383838;
+            font-weight: 600;
+  
+            .anticon {
+              width: 24px;
+              text-align: center;
+              font-size: 15px;
+              margin-right: 5px;
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  .task-table {
+    .ant-table-body {
+      margin: 0 10px 0 15px;
+    }
+    .wrapper-content {
+      position: inherit !important;
+    }
+  }
+  .task-text{
+    font-size: 13px;
+    color: #888;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 22vw;
+  }
+  .project-space-task .layout-content{
+    padding: 10px;
+  }
+  .project-space-task .wrapper-content{
+    padding: 0;
+  }
+  .task-tips{
+    font-size: 12px;
+    color: #888;
+  }
+  .task-content-wrapper{
+    padding-right: 10px;
+    min-height: 1px !important;
+    font-size: 13px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/datav/data_v.vue b/src/views/datav/data_v.vue
new file mode 100644
index 0000000..019d4c4
--- /dev/null
+++ b/src/views/datav/data_v.vue
@@ -0,0 +1,334 @@
+<template>
+  <div class="datav-index">
+    <div id="container" style="width: 100vw"></div>
+    <div class="btn-box">
+      <a-dropdown :trigger="['click']">
+        <template #overlay>
+          <a-menu @click="handleMenuClick" style="width: 160px">
+            <a-menu-item :key="index" v-for="(item, index) in member_list">
+              <div class="menu-item-d">
+                <a-avatar :src="item.avatar" icon="user" size="small" />
+                <a class="muted name">{{ item.name }}</a>
+                <span v-if="index%3!=0" class="line_on">• 在线</span>
+                <span v-else class="line_off">• 离线</span>
+              </div>
+            </a-menu-item>
+          </a-menu>
+        </template>
+        <a-button style="min-width: 100px">
+          <div class="menu-item-d">
+            <a-avatar :src="now_user.avatar" icon="user" size="small" />
+            <a class="muted name">{{ now_user.name }}</a>
+          </div>
+        </a-button>
+      </a-dropdown>
+      <a-date-picker
+        v-model="now_date"
+        format="MM月DD日"
+        :allowClear="false"
+        @change="changeTime"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import _ from "lodash";
+import AMapLoader from "@amap/amap-jsapi-loader";
+import { positioningList, positioningMember } from "@/api/datav";
+import {
+  del,
+  forbid,
+  list as getMembers,
+  resume,
+  liaisonMan,
+} from "../../api/user";
+import { notice } from '../../assets/js/notice';
+
+export default {
+  name: "datav",
+  data() {
+    return {
+      map: null,
+      Amap: null,
+      visibleTaskCopied: false,
+      now_date: "",
+      now_user: {
+        member_code: "",
+        avatar: "",
+        name: "全部",
+      },
+      member_list: [],
+      markers: [],
+      polyline: null,
+    };
+  },
+  created() {
+    this.now_date = "";
+    this.getMembers();
+  },
+  mounted() {
+    this.initMap();
+  },
+  methods: {
+    getMembers() {
+      getMembers().then((res) => {
+        this.member_list = res.data.list;
+      });
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, "0");
+      const day = date.getDate().toString().padStart(2, "0");
+
+      return `${year}-${month}-${day}`;
+    },
+    initMap() {
+      AMapLoader.load({
+        key: "4f8f55618010007147aab96fc72bb408", // 申请好的Web端开发者Key，首次调用 load 时必填
+        version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+        plugins: ["AMap.Geocoder"], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        Loca: {
+          version: "2.0.0",
+        },
+      })
+        .then((AMap) => {
+          this.map = new AMap.Map("container", {
+            // 设置地图容器id
+            viewMode: "3D", // 是否为3D地图模式
+            zoom: 15, // 初始化地图级别
+            center: [105.433211, 28.913861], // 初始化地图中心点位置
+            mapStyle: "amap://styles/darkblue",
+          });
+
+          this.initMaker();
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    handleMenuClick(e) {
+      this.now_user = this.member_list[e.key];
+      this.initList();
+    },
+    changeTime(e) {
+      console.log(this.now_date);
+      this.initList();
+    },
+    initMaker() {
+      positioningList().then((res) => {
+        // 添加标记点
+        res.data.forEach((item) => {
+          if (item.positioning) {
+            let marker = new AMap.Marker({
+              position: item.positioning.split(","),
+              map: this.map,
+              content: `
+                              <div class="marker-d">
+                                  <img src="${
+                                    item.avatar ||
+                                    "https://lihai001.oss-cn-chengdu.aliyuncs.com/def/f7d49202401111649248163.png"
+                                  }" />
+                                  <div class="text">
+                                      <div>${item.name}</div>
+                                      <div>更新时间:${item.date}</div>
+                                      <div>停留时间:${item.date}</div>
+                                  </div>
+                              </div>
+                              `,
+              offset: new AMap.Pixel(-20, -20),
+            });
+            this.markers.push(marker);
+          }
+        });
+      });
+    },
+    initList() {
+      if(!this.now_user.member_code||!this.now_date) return;
+      this.map.remove(this.markers);
+      if(this.polyline)this.polyline.setMap(null);
+      positioningMember({
+        code: this.now_user.member_code,
+        date: this.formatDate(new Date(this.now_date||Date.now())),
+      }).then((res) => {
+        let path = res.data.map((item) => {
+          return item.split(",");
+        })||[];
+
+        if(path.length==0) return notice({title: '该成员当日无轨迹信息'}, 'error', 3000);
+        // 绘制轨迹
+        this.polyline = new AMap.Polyline({
+          path: path,
+          strokeColor: "#52c41a",
+          strokeWeight: 5,
+          strokeOpacity: 1,
+          strokeStyle: "solid",
+          zIndex: 50,
+        });
+        this.polyline.setMap(this.map);
+      }).catch(err=>{
+        console.log(err);
+        return notice({title: '该成员当日无轨迹信息'}, 'error', 3000);
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.marker-d {
+  width: 260px;
+  img {
+    height: 40px;
+    width: 40px;
+    border-radius: 50%;
+    border: 2px solid yellow;
+  }
+  .text {
+    background: rgba(#0c3e6d, 0.6);
+    padding: 10px;
+    margin-top: 10px;
+    div {
+      color: white; /* 设置文字颜色为白色 */
+      // text-shadow: 1px 1px 2px yellow; /* 设置文字的外阴影为黄色，水平偏移量为2px，垂直偏移量为2px */
+      align-items: center;
+    }
+  }
+}
+.p-box {
+  position: relative;
+}
+.btn-box {
+  position: absolute;
+  top: 20px;
+  left: 30px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+.datav-index{
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+#container {
+  position: absolute;
+  top: -2vh;
+  height: 104vh;
+}
+.menu-item-d {
+  .name {
+    margin-left: 6px;
+  }
+  .line_on{
+    color: rgb(9, 233, 9);
+    font-size: 12px;
+    margin-left: 5px;
+  }
+  .line_off{
+    font-size: 12px;
+    margin-left: 5px;
+  }
+}
+
+// 下拉框
+.ant-dropdown-open, .ant-dropdown-open:hover{
+  background: #0a1a29;
+  color: #fff !important;
+  .name{
+    color: #fff !important;
+  }
+}
+.ant-dropdown-trigger, .ant-dropdown-trigger:hover{
+  background: #0a1a29;
+  color: #fff !important;
+  .name{
+    color: #fff !important;
+  }
+}
+.ant-dropdown-content, .ant-dropdown-content:hover{
+  background: #0a1a29;
+  color: #fff !important;
+  .name{
+    color: #fff !important;
+  }
+}
+.ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active{
+  background: #0a1a29;
+  color: #fff !important;
+  .name{
+    color: #fff !important;
+  }
+}
+.ant-dropdown-menu-item:hover{
+  background-color: rgba(#0c3e6d, 0.8);
+  color: #fff !important;
+  .name{
+    color: #fff !important;
+  }
+}
+
+// 日期选择器
+.ant-input{
+  background: #0a1a29;
+  color: #fff !important;
+}
+.anticon.anticon-calendar.ant-calendar-picker-icon{
+  color: #fff;
+}
+.ant-calendar.ant-calendar-picker-container-content{
+  background: #0a1a29;
+  .ant-calendar-column-header-inner{
+    color: #fff !important;
+  }
+  .ant-calendar-date{
+    color: #fff !important;
+  }
+  .ant-calendar-date:hover{
+    color: #fff !important;
+    background-color: rgba(#0c3e6d, 0.8);
+  }
+  .ant-calendar-today-btn {
+    color: #fff !important;
+  }
+  .ant-calendar-year-select{
+    color: #fff !important;
+  }
+  .ant-calendar-month-select{
+    color: #fff !important;
+  }
+}
+.ant-calendar-picker-input.ant-input{
+  // height: 40px;
+}
+.ant-calendar .ant-calendar-ok-btn{
+  background: rgba(#0c3e6d, 0.8);
+  border-color: rgba(#0c3e6d, 0.8);
+ 
+}
+.ant-calendar-today .ant-calendar-date {
+  background: rgba(#0c3e6d, 0.8);
+  border-color: rgba(#0c3e6d, 0.8);
+  color: #fff;
+ 
+}
+.ant-calendar-selected-day .ant-calendar-date {
+   background: rgba(#0c3e6d, 0.8);
+   border-color: #0095bc;
+}
+.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled{
+   color: #202020;
+}
+.ant-calendar-today-btn {
+  color: #202020;
+}
+.ant-input:hover,
+.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled){
+  border-color: #0095bc;
+}
+.ant-input:focus,
+.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
+ border-color: #0095bc;
+ box-shadow: none;
+}
+</style>
diff --git a/src/views/index.vue b/src/views/index.vue
index 7aabf7a..272ce47 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -28,12 +28,12 @@
                         </a-menu-item>
                     </a-menu>
                     <div class="right-menu">
-                        <div class="m-r-lg" v-if="config.WS_URI">
+                        <!-- <div class="m-r-lg" v-if="config.WS_URI">
                             <a-badge title="当前在线" :count="online" showZero :numberStyle="{backgroundColor: '#52c41a'} "
                                      :offset="[10,0]">
                                 <a-icon type="team"/>
                             </a-badge>
-                        </div>
+                        </div> -->
                         <div class="action action-organization" v-if="organizationList.length > 1">
                             <header-select></header-select>
                         </div>
@@ -327,6 +327,9 @@
             menuModelClick(event) {
                 //点击顶部导航跳转页面
                 console.log(event);
+                if(event.key==173){ // 跳转大屏
+                    return window.open('/#/data_v', '_blank');
+                }
                 let that = this;
                 that.menu.forEach(function (v, k) {
                     if (v.id == event.key) {