124

src/App.vue

@@ -0,0 +1,109 @@
+
+<template>
+    <router-view v-slot="{ Component }" v-if="isRouterAlive">
+      <keep-alive :include="store.getters.keepLiiveRoute">
+        <Component :is="Component"></Component>
+      </keep-alive>
+    </router-view>
+</template>
+<script setup>
+import { ref, nextTick, provide, onMounted } from "vue";
+import { useStore } from "vuex";
+import { getItem } from "@/utils/storage";
+import { qcckPost, qcckGet, qcckPut, qcckDelete } from "@/api/qcckApi.js";
+import { generateNewStyle, writeNewStyle } from "@/utils/theme";
+const store = useStore();
+generateNewStyle(store.getters.mainColor).then((newStyle) => {
+  writeNewStyle(newStyle);
+});
+const isRouterAlive = ref(true);
+const reload = () => {
+  isRouterAlive.value = false;
+  nextTick(() => {
+    isRouterAlive.value = true;
+  });
+};
+provide("reload", reload);
+onMounted(() => {
+  let dept = getItem("deptId");
+  document.title = "林芝";
+});
+
+</script>
+<style lang="scss">
+@import "./styles/index.scss";
+body {
+  margin: 0px;
+  padding: 0px;
+  font-size: 14px;
+}
+ul {
+  margin: 0px;
+  padding: 0px;
+}
+li {
+  list-style-type: none;
+}
+#app {
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+    Microsoft YaHei, SimSun, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #fff;
+  overflow-x: auto;
+  // background:#263445;
+}
+
+//只显示一排内容
+.one_text_detail {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+//只显示二排内容
+.two_text_detail {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+//只显示三排内容
+.text_detail {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+// 不显示滚动条
+.noScollLine::-webkit-scrollbar {
+  width: 0 !important;
+}
+
+v-deep .el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+@font-face {
+  font-family: "DigifaceWide";
+  src: url("~@/assets/font/DigifaceWide.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "HANYILINGXINTIJIAN";
+  src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "YSBTH";
+  src: url("~@/assets/font/YSBTH.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+</style>

src/api/mosty-base.js

@@ -0,0 +1,13 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-base";
+/*
+ *用户管理
+ *  return promise 实例对象
+ */
+export const baseselectPage = (params) => {
+  return request({
+    url: api + "/sysUser/selectPage",
+    method: "GET",
+    params
+  });
+};

src/api/mosty-jcz.js

@@ -0,0 +1,618 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-jcz";
+
+/*
+ *大屏预警查询接口
+ *  return promise 实例对象
+ */
+export const jczgetPageList = (data) => {
+  return request({
+    url: api + "/tbJczYjxx/getPageList",
+    method: "POST",
+    data
+  });
+};
+/*
+ *人员数据采集
+ *  return promise 实例对象
+ */
+export const jczCountWay = (params) => {
+  return request({
+    url: api + "/jczGzry/countWay",
+    method: "GET",
+    params
+  });
+};
+/*
+ *值班备勤
+ *  return promise 实例对象
+ */
+export const jczjczCount = (params) => {
+  return request({
+    url: api + "/tbJczXfbb/jczCount",
+    method: "GET",
+    params
+  });
+};
+/*
+ *查询检查站列表
+ *  return promise 实例对象
+ */
+export const jczgetJczList = (params) => {
+  return request({
+    url: api + "/jcz/getJczList",
+    method: "GET",
+    params
+  });
+};
+/*
+ *流入流出统计车辆
+ *  return promise 实例对象
+ */
+export const jczgetcountCrl = (params) => {
+  return request({
+    url: api + "/jczGzcl/countCrl",
+    method: "GET",
+    params
+  });
+};
+/*
+ *流入流出统计人员
+ *  return promise 实例对象
+ */
+export const jczGzrycountCrl = (params) => {
+  return request({
+    url: api + "/jczGzry/countCrl",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ *预警标签统计yjLx(预警类型;1-人员预警，2-车辆预警)
+ *  return promise 实例对象
+ */
+export const jczgetYjbqtj = (params) => {
+  return request({
+    url: api + "/tbJczYjxx/getYjbqtj",
+    method: "GET",
+    params
+  });
+};
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczgetXfllList = (params) => {
+  return request({
+    url: api + "/tbQwXfll/getXfllList",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczgetXfll = (params) => {
+  return request({
+    url: api + "/tbQwXfll/paginQuery",
+    method: "GET",
+    params
+  });
+};
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jcztbQwXfll = (data) => {
+  return request({
+    url: api + "/tbQwXfll",
+    method: "POST",
+    data
+  });
+};
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczsavel = (data) => {
+  return request({
+    url: api + "/tbJczXfbb/save",
+    method: "POST",
+    data
+  });
+};
+// 大屏-根据ID查询报备信息
+
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczqueryById = (params) => {
+  return request({
+    url: api + "/tbJczXfbb/queryById",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ *查询巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczgetYjdjtj = (params) => {
+  return request({
+    url: api + "/tbJczYjxx/getYjdjtj",
+    method: "GET",
+    params
+  });
+};
+/*
+ *删除巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jczdeleteList = (id) => {
+  return request({
+    // url: api + "/tbQwXfll/deleteList",
+    url: api + `/tbQwXfll/delXfll/${id}`,
+    method: "post"
+  });
+};
+/*
+ *删除巡防力量 民警、辅警
+ *  return promise 实例对象
+ */
+export const jcztbQwXfllUpdete = (data) => {
+  return request({
+    url: api + `/tbQwXfll`,
+    method: "put",
+    data
+  });
+};
+//车辆
+/*
+ *查询巡防车辆
+ *  return promise 实例对象
+ */
+export const jczgetXfclList = (params) => {
+  return request({
+    url: api + `/tpJczXfcl/getXfclList`,
+    method: "get",
+    params
+  });
+};
+/*
+ *新增巡防车辆
+ *  return promise 实例对象
+ */
+export const jczaddXfcl = (data) => {
+  return request({
+    url: api + `/tpJczXfcl/addXfcl`,
+    method: "post",
+    data
+  });
+};
+/*
+ *新增巡防车辆
+ *  return promise 实例对象
+ */
+export const jczupdateXfcl = (data) => {
+  return request({
+    url: api + `/tpJczXfcl/updateXfcl`,
+    method: "post",
+    data
+  });
+};
+/*
+ *新增巡防车辆
+ *  return promise 实例对象
+ */
+export const jczdeleteXfcl = (id) => {
+  return request({
+    url: api + `/tpJczXfcl/deleteXfcl/${id}`,
+    method: "post"
+  });
+};
+// 智能装备
+/*
+ *新增智能装备
+ *  return promise 实例对象
+ */
+export const TcsbsaveTcsbsave = (data) => {
+  return request({
+    url: api + `/tbJczTcsb/save`,
+    method: "post",
+    data
+  });
+};
+/*
+ *获取智能装备列表
+ *  return promise 实例对象
+ */
+export const TcsbselectList = (params) => {
+  return request({
+    url: api + `/tbJczTcsb/selectPage`,
+    method: "get",
+    params
+  });
+};
+/*
+ *删除智能装备
+ *  return promise 实例对象
+ */
+export const TcsbtbJczTcsb = (id) => {
+  return request({
+    url: api + `/tbJczTcsb/${id}`,
+    method: "delete"
+  });
+};
+/*
+ *修改智能装备
+ *  return promise 实例对象
+ */
+export const Tcsbupdate = (data) => {
+  return request({
+    url: api + `/tbJczTcsb/update`,
+    method: "post",
+    data
+  });
+};
+/*
+ *新增感知源头
+ *  return promise 实例对象
+ */
+export const TtbJczSxtAdd = (data) => {
+  return request({
+    url: api + `/tbJczSxt/add`,
+    method: "post",
+    data
+  });
+};
+/*
+ *查询感知源头
+ *  return promise 实例对象
+ */
+export const TtbgetPageList = (params) => {
+  return request({
+    url: api + `/tbJczSxt/getPageList`,
+    method: "get",
+    params
+  });
+};
+/*
+ *查询感知源头
+ *  return promise 实例对象
+ */
+export const Ttbgetupdate = (data) => {
+  return request({
+    url: api + `/tbJczSxt/update`,
+    method: "PUT",
+    data
+  });
+};
+// 新增人员、车辆布控
+export const BkrwinsertEntity = (data) => {
+  return request({
+    url: api + `/jczBkrw/insertEntity`,
+    method: "POST",
+    data
+  });
+};
+// 查询人员、车辆布控
+export const BkrwselectPage = (params) => {
+  return request({
+    url: api + `/jczBkrw/selectPage`,
+    method: "get",
+    params
+  });
+};
+// 修改查询人员、车辆布控
+export const BkrweditEntity = (data) => {
+  return request({
+    url: api + `/jczBkrw/editEntity`,
+    method: "post",
+    data
+  });
+};
+// 删除查询人员、车辆布控
+export const BkrwdeleteById = (data) => {
+  return request({
+    url: api + `/jczBkrw/deleteById`,
+    method: "post",
+    data
+  });
+};
+// 检查站
+
+// 查询检查站
+export const JczselectJczList = (params) => {
+  return request({
+    url: api + `/jcz/selectJczList`,
+    method: "get",
+    params
+  });
+};
+// 新增检查站
+export const JczaddJcz = (data) => {
+  return request({
+    url: api + `/jcz/addJcz`,
+    method: "post",
+    data
+  });
+};
+// 修改检查站
+export const JczupdateJcz = (data) => {
+  return request({
+    url: api + `/jcz/updateJcz`,
+    method: "post",
+    data
+  });
+};
+// 删除检查站
+export const JczdeleteById = (data) => {
+  return request({
+    url: api + `/jcz/deleteById`,
+    method: "post",
+    data
+  });
+};
+//盘查管理
+// 人
+export const BpcryselectCrewList = (params) => {
+  return request({
+    url: api + `/tbJczBpcry/selectCrewList`,
+    method: "get",
+    params
+  });
+};
+// 车
+export const BpcryselectCarList = (params) => {
+  return request({
+    url: api + `/tbJczBpccl/selectCarList`,
+    method: "get",
+    params
+  });
+};
+// 添加过检人员图像
+export const GjrytxinsertEntity = (data) => {
+  return request({
+    url: api + `/jczGjrytx/insertEntity`,
+    method: "POST",
+    data
+  });
+};
+// 修改过检人员图像
+export const GjrytxeditEntity = (data) => {
+  return request({
+    url: api + `/jczGjrytx/editEntity`,
+    method: "POST",
+    data
+  });
+};
+// 查询过检人员图像
+export const GjrytxselectPage = (data) => {
+  return request({
+    url: api + `/jczGjrytx/selectPage`,
+    method: "get",
+    data
+  });
+};
+// 删除过检人员图像
+export const GjrytxdeleteById = (data) => {
+  return request({
+    url: api + `/jczGjrytx/deleteById`,
+    method: "post",
+    data
+  });
+};
+// 查询过检车辆图像
+export const GjcltxselectPage = (params) => {
+  return request({
+    url: api + `/jczGjcltx/selectPage`,
+    method: "get",
+    params
+  });
+};
+// 添加过检车辆图像
+export const GjcltxinsertEntity = (data) => {
+  return request({
+    url: api + `/jczGjcltx/insertEntity`,
+    method: "post",
+    data
+  });
+}; // 修改过检车辆图像
+export const GjcltxeditEntity = (data) => {
+  return request({
+    url: api + `/jczGjcltx/editEntity`,
+    method: "post",
+    data
+  });
+};
+// 删除过检车辆图像
+export const GjcltxdeleteById = (data) => {
+  return request({
+    url: api + `/jczGjcltx/deleteById`,
+    method: "post",
+    data
+  });
+};
+// 查询违禁物品列表分页
+export const WjwpselectPage = (params) => {
+  return request({
+    url: api + `/jczWjwp/selectPage`,
+    method: "get",
+    params
+  });
+};
+// 新增违禁物品列表分页
+export const WjwpnsertEntity = (data) => {
+  return request({
+    url: api + `/jczWjwp/insertEntity`,
+    method: "post",
+    data
+  });
+};
+// 修改违禁物品列表分页
+export const WjwpeditEntity = (data) => {
+  return request({
+    url: api + `/jczWjwp/editEntity`,
+    method: "post",
+    data
+  });
+};
+// 删除违禁物品列表分页
+export const WjwpdeleteById = (data) => {
+  return request({
+    url: api + `/jczWjwp/deleteById`,
+    method: "post",
+    data
+  });
+};
+// 人员黑白名单
+// 新增人员黑白名单
+export const RymdinsertEntity = (data) => {
+  return request({
+    url: api + `/jczRymd/insertEntity`,
+    method: "post",
+    data
+  });
+};
+//查询人员黑白名单
+export const RymdselectPage = (params) => {
+  return request({
+    url: api + `/jczRymd/selectPage`,
+    method: "get",
+    params
+  });
+};
+// 删除人员黑白名单
+export const RymddeleteById = (data) => {
+  return request({
+    url: api + `/jczRymd/deleteById`,
+    method: "post",
+    data
+  });
+};
+// 修改人员黑白名单
+export const RymdeditEntity = (data) => {
+  return request({
+    url: api + `/jczRymd/editEntity`,
+    method: "post",
+    data
+  });
+};
+//查询车白名单
+export const ClbmdselectPage = (params) => {
+  return request({
+    url: api + `/jczClbmd/selectPage`,
+    method: "get",
+    params
+  });
+};
+//新增车白名单
+export const ClbmdinsertEntity = (data) => {
+  return request({
+    url: api + `/jczClbmd/insertEntity`,
+    method: "post",
+    data
+  });
+};
+//修改车白名单
+export const ClbmdeditEntity = (data) => {
+  return request({
+    url: api + `/jczClbmd/editEntity`,
+    method: "post",
+    data
+  });
+};
+//删除车名单
+export const ClbmdeleteById = (data) => {
+  return request({
+    url: api + `/jczClbmd/deleteById`,
+    method: "post",
+    data
+  });
+};
+//查询车黑名单
+export const ClhmdselectPage = (params) => {
+  return request({
+    url: api + `/jczClhmd/selectPage`,
+    method: "get",
+    params
+  });
+};
+//新增车黑名单
+export const ClhmdinsertEntity = (data) => {
+  return request({
+    url: api + `/jczClhmd/insertEntity`,
+    method: "post",
+    data
+  });
+};
+//修改车黑名单
+export const ClhmdeditEntity = (data) => {
+  return request({
+    url: api + `/jczClhmd/editEntity`,
+    method: "post",
+    data
+  });
+};
+//删除车黑名单
+export const ClhmddeleteById = (data) => {
+  return request({
+    url: api + `/jczClhmd/deleteById`,
+    method: "post",
+    data
+  });
+};
+//报备查询
+
+//查询车黑名单
+export const XfbbselectPage = (params) => {
+  return request({
+    url: api + `/tbJczXfbb/selectPage`,
+    method: "get",
+    params
+  });
+};
+// 修改报备
+
+export const Xfbbupdate = (data) => {
+  return request({
+    url: api + `/tbJczXfbb/update`,
+    method: "post",
+    data
+  });
+};
+export const JczXfbb = (id) => {
+  return request({
+    url: api + `/tbJczXfbb/${id}`,
+    method: "delete"
+  });
+};
+// 新增警用器械
+
+export const tbJczXfbbJczXfbb = (data) => {
+  return request({
+    url: api + `/tpJczJyqx/addJyqx `,
+    method: "post",
+    data
+  });
+};
+// 修改
+export const tbJczXfbbdeleteJyQxzb = (data) => {
+  return request({
+    url: api + `/tpJczJyqx/deleteJyQxzb`,
+    method: "post",
+    data
+  });
+};
+// export const tbJczXfbbdeleteJyQxzb = (data) => {
+//   return request({
+//     url: api + `/tpJczJyqx/deleteJyQxzb`,
+//     method: "post",
+//     data
+//   });
+// };

src/api/qcckApi.js

@@ -0,0 +1,66 @@
+import request from "@/utils/request";
+import axios from "axios";
+const api = "/mosty-api";
+const egisSpace = "/egis-space";
+
+// 选择站口名称
+export function egisSpaceGet(fun,coords){
+  let params = {
+    pageNum: 1,
+    pageSize: 1000,
+    keyword: "",
+    geometry: `{"type":"Polygon","coordinates":${JSON.stringify(coords)}}`,
+  };
+  params.geometry =  encodeURIComponent(params.geometry)
+
+  let url = egisSpace + '/space/search/custom/ms-dy-intersections'
+  axios.get(url,{params}).then((res) => {
+    fun(res.data)
+  });
+}
+
+
+//get 请求
+export const qcckFlvGet = (params = {}, url) => {
+  return request({
+    url: url,
+    method: "get",
+    params
+  });
+};
+
+
+
+//get 请求
+export const qcckGet = (params = {}, url) => {
+  return request({
+    url: api + url,
+    method: "get",
+    params
+  });
+};
+//post 请求
+export const qcckPost = (data = {}, url) => {
+  return request({
+    url: api + url,
+    method: "post",
+    data
+  });
+};
+//put 请求
+export const qcckPut = (data = {}, url) => {
+  return request({
+    url: api + url,
+    method: "put",
+    data
+  });
+};
+//put 请求
+export const qcckDelete = (data = {}, url) => {
+  return request({
+    url: api + url,
+    method: "delete",
+    data
+  });
+};
+

src/api/sys.js

@@ -0,0 +1,108 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-base";
+/*
+ * 登录
+ *  return promise 实例对象
+ */
+export const login = (data) => {
+  return request({
+    url: api + "/login",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 获取用户信息
+ *  return promise 实例对象
+ */
+export const getUserInfo = () => {
+  return request({
+    url: api + "/sys/profile",
+    method: "GET"
+  });
+};
+
+/*
+ * 获取用户信息
+ *  return promise 实例对象
+ */
+export const getKaptcha = () => {
+  return request({
+    url: api + "/kaptcha",
+    method: "GET"
+  });
+};
+
+/*
+ * 多部门时候 切换部门刷新token
+ *  return promise 实例对象
+ */
+export const refreshToken = (data) => {
+  return request({
+    url: api + `/token`,
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+登出
+ *  return promise 实例对象
+ */
+export const loginOut = (data) => {
+  return request({
+    url: api + "/loginOut",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+修改密码
+ */
+export const editPassword = (data) => {
+  return request({
+    url: api + "/sysUser/editPassword",
+    method: "POST",
+    data
+  });
+};
+
+//  人员排名统计TOP10
+export const ryStatistics = (data) => {
+  return request({
+    url: api + "/monitor/operlog/ryStatistics",
+    method: "POST",
+    data
+  });
+};
+
+//  部门排名统计TOP10
+export const bmStatistics = (data) => {
+  return request({
+    url: api + "/monitor/operlog/bmStatistics",
+    method: "POST",
+    data
+  });
+};
+
+// 模块排名统计 
+export const mkStatistics = (data) => {
+  return request({
+    url: api + "/monitor/operlog/mkStatistics",
+    method: "POST",
+    data
+  });
+};
+
+//  系统使用情况统计数字
+export const useStatistics = (data) => {
+  return request({
+    url: api + "/monitor/operlog/statistics",
+    method: "POST",
+    data
+  });
+};

src/api/sysDict.js

@@ -0,0 +1,156 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-base";
+/*
+ * 登录
+ *  return promise 实例对象
+ */
+export const login = (data) => {
+  return request({
+    url: api + "/sys/login",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 分页查询所有字典信息
+ *
+ */
+export const getAllSysDict = (params) => {
+  return request({
+    url: api + "/sysDict/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 根据字典组件枚举，查询字典信息
+ *
+ */
+export const getDictInfoByDictEnum = (params) => {
+  return request({
+    url: api + `/sysDict/getElementSysDict`,
+    method: "GET",
+    params
+  });
+};
+/*
+ * 修改字典信息
+ *
+ */
+export const updateSysDict = (data) => {
+  return request({
+    url: api + `/sysDict/updateSysDict`,
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 新增字典信息
+ *
+ */
+export const addSysDict = (data) => {
+  return request({
+    url: api + `/sysDict/addSysDict`,
+    method: "POST",
+    data
+  });
+};
+/*
+ * 删除字典信息
+ *
+ */
+export const deleteSysDict = (data) => {
+  return request({
+    url: api + `/sysDict/deleteSysDict`,
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+根据字典明细编号，查询所有子字典明细信息
+ *
+ */
+export const getAllChildItemByCode = (params) => {
+  return request({
+    url: api + "/sys-dict-item/getAllChildItemByCode",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 根据字典明细编号查询子字典明细信息
+ *
+ */
+export const getChildItemByCode = (params) => {
+  return request({
+    url: api + "/sys-dict-item/getChildItemByCode",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 根据字典编号查询字典信息
+ *
+ */
+export const getSysDictByCode = (params) => {
+  return request({
+    url: api + "/sysDict/getSysDictByCode",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 根据字典编号查询字典信息
+ *
+ */
+export const getSysDictByCodeList = (params) => {
+  return request({
+    url: api + "/sys-dict-item/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 修改字典明细信息
+ *
+ */
+export const updateSysDictItem = (data) => {
+  return request({
+    url: api + "/sys-dict-item/updateSysDictItem",
+    method: "POST",
+    data
+  });
+};
+/*
+ *
+  添加字典明细信息 item
+ *
+ */
+export const addSysDictItem = (data) => {
+  return request({
+    url: api + `/sys-dict-item/addSysDictItem`,
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 删除字典信息
+ *
+ */
+export const deleteSysDictItem = (data) => {
+  return request({
+    url: api + `/sys-dict-item/deleteSysDictItem`,
+    method: "POST",
+    data
+  });
+};

src/api/user-manage.js

@@ -0,0 +1,606 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-base";
+/*
+ * 登录
+ *  return promise 实例对象
+ */
+export const login = (data) => {
+  return request({
+    url: api + "/sys/login",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 获取所有角色
+ *
+ */
+export const getRoleList = (params) => {
+  return request({
+    url: api + "/sysRole/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 新增角色
+ */
+export const addSysRole = (data) => {
+  return request({
+    url: api + "/sysRole/addSysRole",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 修改角色信息
+ */
+export const updateSysRole = (data) => {
+  return request({
+    url: api + "/sysRole/updateSysRole",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+删除角色信息
+ */
+export const deleteSysRole = (data) => {
+  return request({
+    url: api + "/sysRole/deleteSysRole",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+删除用户
+ */
+export const deleteSysUser = (data) => {
+  return request({
+    url: api + "/sysUser/deleteSysUser",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+分页查询岗位信息
+ *
+ */
+export const selectJobPage = (params) => {
+  return request({
+    url: api + "/sysPosition/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ * 修改岗位
+ */
+export const updateSysPosition = (data) => {
+  return request({
+    url: api + "/sysPosition/updateSysPosition",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * 修改岗位
+ */
+export const addSysPosition = (data) => {
+  return request({
+    url: api + "/sysPosition/addSysPosition",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+删除角色信息
+ */
+export const deleteSysPosition = (data) => {
+  return request({
+    url: api + "/sysPosition/deleteSysPosition",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *分页查询菜单信息
+ *
+ */
+export const getSystemMeny = (params) => {
+  return request({
+    url: api + "/sysMenu/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ *添加菜单
+ *
+ */
+export const addSysMenu = (data) => {
+  return request({
+    url: api + "/sysMenu/addSysMenu",
+    method: "POST",
+    data
+  });
+};
+/*
+ *编辑菜单
+ *
+ */
+export const updateSysMenu = (data) => {
+  return request({
+    url: api + "/sysMenu/updateSysMenu",
+    method: "POST",
+    data
+  });
+};
+/*
+ *删除菜单
+ *
+ */
+export const deleteSysMenu = (data) => {
+  return request({
+    url: api + "/sysMenu/deleteSysMenu",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *分页查询菜单信息
+ *
+ */
+export const getSysConfigList = (params) => {
+  return request({
+    url: api + "/sys-config/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+ *
+添加系统配置
+ *
+ */
+export const addSysConfig = (data) => {
+  return request({
+    url: api + "/sys-config/addSysConfig",
+    method: "POST",
+    data
+  });
+};
+/*
+ *
+删除系统配置信息
+ *
+ */
+export const deleteSysConfig = (data) => {
+  return request({
+    url: api + "/sys-config/deleteSysConfig",
+    method: "POST",
+    data
+  });
+};
+/*
+ *
+修改系统配置信息
+ *
+ */
+export const updateSysConfig = (data) => {
+  return request({
+    url: api + "/sys-config/updateSysConfig",
+    method: "POST",
+    data
+  });
+};
+
+/* 部门 */
+
+/*
+ *
+  添加部门
+ *
+ */
+export const addSysDept = (data) => {
+  return request({
+    url: api + "/sysDept/addSysDept",
+    method: "POST",
+    data
+  });
+};
+/*
+ *
+  删除部门
+ *
+ */
+export const deleteSysDept = (data) => {
+  return request({
+    url: api + "/sysDept/deleteSysDept",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+  修改部门
+ *
+ */
+export const updateSysDept = (data) => {
+  return request({
+    url: api + "/sysDept/updateSysDept",
+    method: "POST",
+    data
+  });
+};
+
+/*
+ *
+  分页查询部门信息
+ *
+ */
+export const selectDeptPage = (params) => {
+  return request({
+    // url: api + "/sysDept/selectPage",
+    url: api + "/sysDept/selectDept",
+    method: "GET",
+    params
+  });
+};
+
+/* 部门 end*/
+
+/* 部门 */
+
+/*
+ *
+添加系统版本管理
+ *
+ */
+export const addVersionManage = (data) => {
+  return request({
+    url: api + "/sys-version-manage/addVersionManage",
+    method: "POST",
+    data
+  });
+};
+/*
+   *
+    删除系统版本管理信息
+   *
+   */
+export const deleteVersionManage = (params) => {
+  return request({
+    url: api + "/sys-version-manage/deleteVersionManage",
+    method: "GET",
+    params
+  });
+};
+
+/*
+   *
+
+修改系统版本管理
+   *
+   */
+export const updateVersionManage = (data) => {
+  return request({
+    url: api + "/sys-version-manage/updateVersionManage",
+    method: "POST",
+    data
+  });
+};
+
+/*  系统版本管理*/
+export const getSysVersionList = (params) => {
+  return request({
+    url: api + "/sys-version-manage/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/* 部门 end*/
+
+/*操作日志 */
+export const getOperlogList = (data) => {
+  return request({
+    url: api + "/monitor/operlog/list",
+    method: "POST",
+    data
+  });
+};
+
+/*删除日志 */
+export const operlogRemove = (data) => {
+  return request({
+    url: api + "/monitor/operlog/remove",
+    method: "POST",
+    data
+  });
+};
+/*clean日志 */
+export const operlogClean = (data) => {
+  return request({
+    url: api + "/monitor/operlog/clean",
+    method: "POST",
+    data
+  });
+};
+
+//详情
+export const operlogDetail = (id) => {
+  return request({
+    url: api + `/monitor/operlog/detail/${id}`,
+    method: "GET"
+  });
+};
+
+/*日志 end*/
+
+/*登录日志 */
+export const getSysLoginLogList = (data) => {
+  return request({
+    url: api + "/sysLoginLog/list",
+    method: "POST",
+    data
+  });
+};
+
+/*删除日志 */
+export const sysLogRemove = (data) => {
+  return request({
+    url: api + "/sysLoginLog/remove",
+    method: "POST",
+    data
+  });
+};
+/*clean日志 */
+export const LoginlogClean = (data) => {
+  return request({
+    url: api + "/sysLoginLog/clean",
+    method: "POST",
+    data
+  });
+};
+
+//详情
+export const sysLoginogDetail = (id) => {
+  return request({
+    url: api + `/sysLoginLog/detail/${id}`,
+    method: "POST"
+  });
+};
+
+/*登录日志 end*/
+
+/*用户模块*/
+/*分页查询用户信息 */
+export const getSysUserList = (params) => {
+  return request({
+    url: api + "/sysUser/selectPage",
+    method: "GET",
+    params
+  });
+};
+
+/*编辑用户信息 */
+export const editSysUser = (data) => {
+  return request({
+    url: api + "/sysUser/editSysUser",
+    method: "POST",
+    data
+  });
+};
+
+/*添加用户信息 */
+export const addUser = (data) => {
+  return request({
+    url: api + "/sysUser/addUser",
+    method: "POST",
+    data
+  });
+};
+
+/*编辑密码 */
+export const editPassword = (data) => {
+  return request({
+    url: api + "/sysUser/editPassword",
+    method: "POST",
+    data
+  });
+};
+
+/*根据id查询用户信息 */
+export const getUserInfoToId = (id) => {
+  return request({
+    url: api + `/sysUser/getUserInfo/${id}`,
+    method: "GET"
+  });
+};
+/*用户模块end*/
+
+// 查询所有子部门树
+
+export const getAllChildDeptList = (data) => {
+  return request({
+    url: api + `/sysDept/getAllChildDeptList`,
+    method: "POST",
+    data
+  });
+};
+
+/*
+ * //通过 userId获取 角色列表
+ *
+ */
+export const getUserRoleList = (params) => {
+  return request({
+    url: api + `/sysRole/getUserRoleList/${params}`,
+    method: "GET"
+  });
+};
+
+/*
+ * //通过 部门id 获取 角色列表
+ *
+ */
+export const selectRolePageByDept = (params) => {
+  return request({
+    url: api + `/sysDept/selectRolePageByDept`,
+    method: "GET",
+    params
+  });
+};
+
+//为用户 授予角色
+export const grantRoleToUser = (data) => {
+  return request({
+    url: api + `/sysRole/grantRoleToUser`,
+    method: "POST",
+    data
+  });
+};
+//为部门 授予角色
+export const saveRoleDeptInfo = (data) => {
+  return request({
+    url: api + `/sysDept/saveRoleDeptInfo`,
+    method: "POST",
+    data
+  });
+};
+
+// 添加数据权限
+export const saveDataPermission = (data) => {
+  return request({
+    url: api + `/sysRole/saveDataPermission`,
+    method: "POST",
+    data
+  });
+};
+
+/*分页查询 所有用户
+未绑定当前角色的用户 传当前角色id
+ */
+export const selectUnAccreditPage = (params) => {
+  return request({
+    url: api + "/sysUser/selectUnAccreditPage",
+    method: "GET",
+    params
+  });
+};
+
+// 查询当前角色下 的所有用户
+export const getRoleUserList = (params) => {
+  return request({
+    url: api + `/sysRole/getRoleUserList`,
+    method: "GET",
+    params
+  });
+};
+
+// 查询当前部门 的所有用户
+export const selectUserPageByDept = (params) => {
+  return request({
+    url: api + `/sysDept/selectUserPageByDept`,
+    method: "GET",
+    params
+  });
+};
+
+// 批量解绑用户角色
+export const batchUnboundUserRole = (data) => {
+  return request({
+    url: api + `/sysRole/batchUnboundUserRole`,
+    method: "POST",
+    data
+  });
+};
+
+// 重置密码
+export const resetPassword = (params) => {
+  return request({
+    url: api + `/sysUser/resetPassword`,
+    method: "GET",
+    params
+  });
+};
+
+// 为角色授予用户
+export const grantUserToRole = (data) => {
+  return request({
+    url: api + `/sysRole/grantUserToRole`,
+    method: "POST",
+    data
+  });
+};
+
+// 获取角色对应权限
+export const getRoleMenuIds = (roleId) => {
+  return request({
+    url: api + `/sysRole/getRoleMenuIds/${roleId}`,
+    method: "GET"
+  });
+};
+
+// 获取所有菜单权限
+export const getMenuTree = (params) => {
+  return request({
+    url: api + `/sysMenu/selectList`,
+    method: "GET",
+    params
+  });
+};
+
+// 为角色修改权限
+export const saveRoleMenuInfo = (data) => {
+  return request({
+    url: api + `/sysRole/saveRoleMenuInfo`,
+    method: "POST",
+    data
+  });
+};
+
+// 获取用户列表
+export const getPasswordLevel = (params) => {
+  return request({
+    url: api + `/sysUser/getPasswordLevel`,
+    method: "GET",
+    params
+  });
+};
+
+// 获取带部门的用户列表
+export const selectUserDeptPage = (data = {}) => {
+  return request({
+    url: api + `/sysUser/selectUserDeptPage`,
+    method: "POST",
+    data
+  });
+};
+///unifiedLogin
+export const unifiedLogin = (data) => {
+  return request({
+    url: api + `/unifiedLogin`,
+    method: "POST",
+    data
+  });
+};

src/assets/css/element-plus.scss

@@ -0,0 +1,247 @@
+::v-deep .el-button--default {
+  color: #333333;
+  border: 1px solid #cccccc;
+}
+::v-deep .el-button {
+  color: #333333;
+  border: 1px solid #cccccc;
+}
+
+:v-deep .el-card {
+  border: 1px solid #146bbe;
+  background: #00143d;
+  padding: 10px 0;
+}
+
+::v-deep .el-form-item__label {
+  color: #333;
+}
+
+::v-deep .el-input__inner {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+
+  &:hover {
+    border: 1px solid #0065d8;
+  }
+
+  &:focus {
+    border: 1px solid #1c84fa;
+    box-shadow: 0px 0px 8px #0a6bfc;
+  }
+}
+.el-button.is-disabled,
+.el-button.is-disabled:focus,
+.el-button.is-disabled:hover {
+  color: var(--el-button-disabled-text-color);
+  cursor: not-allowed;
+  background-image: none;
+  background-color: #808596;
+  border-color: var(--el-button-disabled-border-color);
+}
+::v-deep .el-input-group__append {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+}
+
+::v-deep .el-select:hover:not(.el-select--disabled) .el-input__inner {
+  border: 1px solid #0065d8;
+}
+
+::v-deep .el-table {
+  background-color: #ffffff;
+  --el-table-border-color: #e4e7ed;
+  --el-table-row-hover-bg-color: #f5f7fa;
+}
+
+::v-deep .el-table__inner-wrapper {
+  background: #fff;
+}
+::v-deep .el-table th.el-table__cell {
+  background: #ffffff;
+  color: #000;
+}
+
+::v-deep .el-table td.el-table__cell {
+  color: #000;
+  background: #ffffff;
+}
+
+::v-deep .el-pagination button:disabled {
+  background-color: transparent;
+  color: #84a2be;
+}
+
+::v-deep .el-pagination button {
+  background-color: transparent;
+  color: rgb(255, 255, 255);
+}
+
+::v-deep .el-pager li {
+  background: transparent;
+  color: #8fceff;
+}
+
+::v-deep .el-pager li.active {
+  background: transparent;
+  color: #ffa861;
+}
+
+::v-deep .el-tree {
+  background: transparent;
+  color: #24b6dd;
+}
+
+::v-deep .el-checkbox {
+  color: #fff;
+}
+
+// ::v-deep .el-tree-node__content {
+//     background: none;
+// }
+
+::v-deep .is-focusable {
+  background: transparent !important;
+}
+
+::v-deep .el-tree-node__label {
+  background: #1f4164 !important;
+}
+
+::v-deep .el-tree-node__content:hover {
+  color: #61f9ff;
+  background: transparent;
+}
+
+::v-deep .el-button--primary {
+  background: #1983e5;
+  border: 1px solid #1983e5;
+  color: #fff;
+}
+::v-deep .el-dialog__title {
+  color: #fff;
+}
+
+::v-deep .user-main-wrap {
+  border: 1px solid #07376d;
+}
+
+::v-deep .el-textarea__inner {
+  background-color: #ffffff;
+  border: 1px solid #e9e9e9;
+  color: #000;
+
+  &:focus {
+    border: 1px solid #1c84fa;
+    box-shadow: 0px 0px 8px #0a6bfc;
+  }
+}
+::v-deep .el-input .el-input__count .el-input__count-inner {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-textarea .el-input__count {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-select__popper.el-popper {
+  background: #16284c;
+  border: #16284c;
+}
+::v-deep .el-range-input {
+  background: transparent;
+  color: #fff;
+}
+::v-deep .el-range-separator {
+  color: #fff;
+}
+::v-deep .el-button--danger {
+  background: #f56c6c;
+  border: 1px solid #f56c6c;
+}
+::v-deep .el-tree {
+  --el-tree-node-hover-bg-color: #083960;
+}
+::v-deep .el-tree-node__label {
+  background: transparent !important;
+}
+::v-deep .el-card {
+  border: 1px solid #07539a;
+  color: #fff;
+}
+::v-deep .el-collapse {
+  background: transparent;
+  color: #fff;
+  --el-collapse-header-bg-color: transparent;
+  --el-collapse-header-text-color: #fff;
+  --el-collapse-content-bg-color: transparent;
+  --el-collapse-content-text-color: #fff;
+  --el-collapse-border-color: #0d3f6e;
+}
+::v-deep .el-tabs__item {
+  color: rgb(206, 208, 220);
+}
+::v-deep .el-tabs__nav-wrap::after {
+  background: #0d3f6e;
+}
+
+.toastui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #dadde6;
+  height: 100%;
+  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial",
+    "나눔바른고딕", "Nanum Barun Gothic", "맑은고딕", "Malgun Gothic",
+    sans-serif;
+  border-radius: 4px;
+  background: #fff;
+  color: #303133;
+}
+
+::v-deep .el-dialog__body {
+  padding: 10px 20px;
+}
+::v-deep .el-pagination__total,
+::v-deep .el-pagination__jump {
+  color: #bdc7da;
+}
+::v-deep .el-radio {
+  color: rgb(206, 208, 220);
+}
+
+::v-deep .el-tag {
+  background: transparent;
+  border: 1px solid #19538a;
+  margin: 0 0.2rem;
+}
+::v-deep .el-select .el-select__tags .el-tag--info {
+  background: transparent;
+  border: 1px solid #19538a;
+  color: #0065d8;
+}
+
+// ::v-deep .el-overlay .el-overlay-dialog .el-dialog{
+//   border: 1px solid red;
+// }
+::v-deep .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body .tabBox {
+  height: 450px;
+}
+::v-deep .el-date-editor .el-range-separator {
+  color: #000000;
+}
+::v-deep .el-date-editor .el-range-input {
+  color: #000000;
+}
+::v-deep .el-input.is-disabled .el-input__inner {
+  // background-color: #000000;
+  // border: 1px solid #000000;
+  color: #000;
+}
+
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-link {
+  margin: 0 5px;
+}

src/assets/css/layout.scss

@@ -0,0 +1,303 @@
+header {
+  height: 88px;
+  background: url("~@/assets/images/top.png") no-repeat center center;
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .logo {
+    white-space: nowrap;
+    padding-left: 8px;
+    font-size: 55px;
+    letter-spacing: 1px;
+    font-family: "YSBTH";
+    background: linear-gradient(180deg, #ffffff 52.4658203125%, #89afcf 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-shadow: 4px 4px 4px rgba(255, 255, 255, 0.15);
+  }
+  .right {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    z-index: 1999;
+    position: relative;
+    padding-right: 10px;
+    .detail {
+      display: flex;
+      cursor: pointer;
+      .hd {
+        white-space: nowrap;
+        color: #ffffff;
+        font-size: 14px;
+        line-height: 20px;
+        margin: 10px 10px 0 10px;
+      }
+
+      .el-dropdown {
+        width: 30px;
+        height: 47px;
+        margin-top: 13px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+  }
+}
+
+@keyframes rotateCircleSecondB {
+  from {
+    transform: rotate(-360deg);
+    -ms-transform: rotate(-360deg);
+    -moz-transform: rotate(-360deg);
+    -webkit-transform: rotate(-360deg);
+  }
+
+  to {
+    transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+  }
+}
+
+//新增弹窗样式
+.total {
+  color: #fff;
+  height: 34px;
+  line-height: 44px;
+
+  .numb {
+    font-size: 24px;
+    display: inline-block;
+    margin: 0 8px;
+  }
+}
+
+.dialog::-webkit-scrollbar-track {
+  background-color: rgb(2, 19, 74);
+}
+
+.dialog::-webkit-scrollbar {
+  width: 8px;
+}
+
+.dialog::-webkit-scrollbar-thumb {
+  background-color: rgb(26, 5, 132);
+}
+
+.dialog {
+  position: absolute;
+  height: calc(100vh - 133px);
+  overflow: auto;
+  border: 1px solid #f1f4f8;
+  top: 5px;
+  right: 10px;
+  left: 10px;
+  background-color: #fff;
+  z-index: 998;
+  color: #fff;
+  padding: 20px;
+  box-sizing: border-box;
+  .head_box {
+    height: 48px;
+    border-bottom: 1px solid #f1f4f8;
+    color: #000;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .title {
+      position: relative;
+      padding-left: 10px;
+      &::before {
+        position: absolute;
+        content: "";
+        top: 0;
+        left: 0;
+        width: 5px;
+        height: 20px;
+        border-radius: 4px;
+        background: #2d95ff;
+      }
+    }
+  }
+
+  &::v-deep .el-form--inline {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 2rem 12rem 0rem 12rem;
+  }
+
+  &::v-deep .el-form-item--default {
+    width: 23%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-form-item--default.two {
+    width: 46%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-form-item--default.one {
+    width: 92%;
+    padding-bottom: 20px;
+    margin: 0 1%;
+  }
+
+  &::v-deep .el-textarea__inner {
+    height: 7.5em;
+    border: 1px solid #f1f4f8;
+  }
+}
+
+.searchBox {
+  padding: 15px 15px 0 15px;
+  border-radius: 1px;
+  position: relative;
+  background: #fff;
+  border-radius: 4px;
+}
+
+.app-main {
+  height: calc(100vh - 126px);
+  position: relative;
+  overflow: hidden;
+  padding: 0px 20px 20px 20px;
+  box-sizing: border-box;
+  background: #e9edf6;
+
+  .titleBox {
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+    z-index: 2;
+    background: #fff;
+    padding: 0 10px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    margin: 5px 0;
+
+    .title {
+      height: 60px;
+      line-height: 60px;
+      font-size: 18px;
+      color: #000;
+    }
+
+    .btnBox {
+      margin-top: 14px;
+    }
+  }
+
+  .tabBox {
+    width: 100%;
+    position: relative;
+    background: #fff;
+    border-radius: 4px;
+    height: calc(100vh - 124px);
+    .el-table--fit {
+      width: calc(100% - 20px) !important;
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      left: 10px;
+      height: calc(100% - 100px);
+      overflow: auto;
+    }
+    .fenye {
+      background: #fff;
+      border-width: 0 1px 1px 1px;
+      position: absolute;
+      right: 0px;
+      left: 0px;
+      padding-right: 10px;
+      .el-pagination {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+      }
+    }
+  }
+}
+
+::v-deep .el-card {
+  --el-card-border-color: #143578;
+  --el-card-border-radius: 4px;
+  --el-card-padding: 20px;
+  --el-card-bg-color: #17096130;
+}
+
+::v-deep .el-dialog {
+  // --el-dialog-bg-color: #061639;
+}
+
+.main-box {
+  display: flex;
+  margin-top: 15px;
+
+  .treeBox {
+    // width: 280px;
+    flex-shrink: 0;
+    border: solid #e9e9e9;
+    border-width: 1px 0 1px 1px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .tabBox {
+    width: calc(100% - 1px);
+  }
+
+  .user-main-wrap {
+    overflow: hidden;
+    width: calc(100% - 260px);
+
+    .el-table--fit {
+      float: right;
+      width: 800px;
+    }
+  }
+}
+
+.content-box-sun {
+  display: flex;
+  .org-box {
+    flex: 1;
+    .org-content-box {
+      width: 95%;
+      .org-search-box {
+        display: flex;
+      }
+      .tree-box {
+        height: 750px;
+        overflow: auto;
+      }
+    }
+  }
+  .right-box-sun {
+    flex: 4;
+  }
+}
+
+.titleBoxs {
+  height: 60px;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+  z-index: 2;
+  .title {
+    height: 60px;
+    line-height: 60px;
+    font-size: 18px;
+    color: #fff;
+  }
+
+  .btnBox {
+    margin-top: 14px;
+  }
+}

src/assets/css/pulic.scss

@@ -0,0 +1,372 @@
+.font10 {
+  font-size: 10px;
+}
+
+.font12 {
+  font-size: 12px;
+}
+
+.font14 {
+  font-size: 14px;
+}
+
+.font16 {
+  font-size: 16px;
+}
+
+.font18 {
+  font-size: 18px;
+}
+
+.font20 {
+  font-size: 20px;
+}
+
+.font22 {
+  font-size: 22px;
+}
+
+.font24 {
+  font-size: 24px;
+}
+
+.font28 {
+  font-size: 28px;
+}
+
+.font36 {
+  font-size: 36px;
+}
+
+.upColor {
+  color: #d9001b;
+}
+
+.downColor {
+  color: #95f204;
+}
+
+// 分割线
+.divider {
+  background: linear-gradient(90.143958942072deg, rgba(14, 48, 115, 1) 0%, rgba(70, 159, 251, 1) 50%, rgba(14, 48, 115, 1) 100%);
+  height: 1px;
+}
+
+// 不显示滚动条
+.noScollLine::-webkit-scrollbar {
+  width: 0 !important;
+}
+
+.cardBorder {
+  border: 1px solid rgba(24, 99, 232, 1);
+}
+
+//   echarts背景样式
+.echartBoxBg1 {
+  background-color: rgba(0, 0, 0, 0.266666666666667);
+  border-radius: 10px;
+  padding: 5px;
+}
+
+//状态栏
+.warning {
+  background-color: #fff4f6;
+  color: #f4002c;
+}
+
+.finish {
+  background-color: #e7f8f0;
+  color: #0acf83;
+}
+
+.waiting {
+  background-color: #fff6e8;
+  color: #fe7f2e;
+}
+
+.ellipsis2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// 表格里面给人的名字加边框
+.tableUserName {
+  line-height: 24px;
+  font-size: 14px;
+  padding: 2px 0px;
+  border: 1px solid #4d67eb;
+  color: #4d67eb;
+  width: 60px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.relative {
+  position: relative;
+}
+.absolute {
+  position: absolute;
+}
+
+// 滚动
+.scrollbar {
+  overflow: overlay;
+}
+
+// 浮动
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+/**************文字位置**************/
+.tl {
+  text-align: left;
+}
+
+.tc {
+  text-align: center;
+}
+
+.tr {
+  text-align: right;
+}
+
+.strong {
+  font-weight: bold;
+}
+
+/**************flex************/
+.flex {
+  display: flex;
+}
+.flex-grow1 {
+  flex-grow: 1;
+}
+.shrink0 {
+  flex-shrink: 0;
+}
+
+.flex-warp {
+  flex-wrap: wrap;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+.dir-column {
+  flex-direction: column;
+}
+
+.just-between {
+  justify-content: space-between;
+}
+.just-around {
+  justify-content: space-around;
+}
+
+.just-center {
+  justify-content: center;
+}
+
+.just-end {
+  justify-content: flex-end;
+}
+
+.just-start {
+  justify-content: flex-start;
+}
+
+.align-start {
+  align-items: start;
+}
+
+.align-center {
+  align-items: center;
+}
+
+.align-bottom {
+  align-items: flex-end;
+}
+.flexcc {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.flexcb {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+/**********文本省略***********/
+.nowrap {
+  white-space: nowrap;
+}
+
+.text1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text2 {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.text3 {
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.hidden {
+  overflow: hidden;
+}
+
+.hide {
+  display: none;
+}
+
+.show {
+  display: block;
+}
+
+/**********字体大小和边距***********/
+@for $i from 1 through 1000 {
+  .f#{$i} {
+    font-size: #{$i}px;
+  }
+
+  //外边距
+  .mg#{$i} {
+    margin: #{$i}px;
+  }
+
+  .mt#{$i} {
+    margin-top: #{$i}px;
+  }
+
+  .mr#{$i} {
+    margin-right: #{$i}px;
+  }
+
+  .mb#{$i} {
+    margin-bottom: #{$i}px;
+  }
+
+  .ml#{$i} {
+    margin-left: #{$i}px;
+  }
+
+  //内边距
+  .pd#{$i} {
+    padding: #{$i}px;
+  }
+
+  .pt#{$i} {
+    padding-top: #{$i}px;
+  }
+
+  .pr#{$i} {
+    padding-right: #{$i}px;
+  }
+
+  .pb#{$i} {
+    padding-bottom: #{$i}px;
+  }
+
+  .pl#{$i} {
+    padding-left: #{$i}px;
+  }
+
+  .br#{$i} {
+    border-radius: #{$i}px;
+  }
+
+  //宽度
+  .w#{$i} {
+    width: #{$i}px;
+  }
+
+  .ww#{$i} {
+    width: #{$i}+ "%";
+  }
+
+  .hh#{$i} {
+    height: #{$i}+ "%";
+  }
+
+  //高度
+  .h#{$i} {
+    height: #{$i}px;
+  }
+
+  //行高
+  .lh#{$i} {
+    line-height: #{$i}px;
+  }
+  //自适应大号字体(通常为统计数字 18-30)
+  .font_size_big {
+    font-size: clamp(1.125rem, -0.894rem + 2.31vw, 1.875rem);
+  }
+  //自适应一号字体(通常为一级标题 14-18)
+  .font_size_title {
+    font-size: clamp(0.875rem, 0.37rem + 0.58vw, 1.063rem);
+  }
+  //自适应统计字体(通常为统计数字 14-22)
+  .font_size1 {
+    font-size: clamp(0.875rem, -0.471rem + 1.54vw, 1.375rem);
+  }
+  //自适应二号字体(通常为二级标题 14-16)
+  .font_size2 {
+    font-size: clamp(0.75rem, 0.077rem + 0.77vw, 1rem);
+  }
+  //自适应普通字体(通常为默认大小 10-14)
+  .font_size_default {
+    font-size: clamp(0.625rem, -0.048rem + 0.77vw, 0.875rem);
+  }
+  .flex#{$i} {
+    flex: #{$i};
+  }
+}
+
+@font-face {
+  font-family: "DigifaceWide";
+  src: url("~@/assets/font/DigifaceWide.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "HANYILINGXINTIJIAN";
+  src: url("~@/assets/font/HANYILINGXINTIJIAN-1.TTF");
+  font-weight: normal;
+  font-style: normal;
+}

src/assets/images/map-marker.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 2C10.477 2 6 6.477 6 12C6 19.5 16 30 16 30C16 30 26 19.5 26 12C26 6.477 21.523 2 16 2ZM16 16C13.791 16 12 14.209 12 12C12 9.791 13.791 8 16 8C18.209 8 20 9.791 20 12C20 14.209 18.209 16 16 16Z" fill="#00f0ff" stroke="#ffffff" stroke-width="1"/>
+</svg>