feat(mirror):update css

src/app/map/App.vue

@@ -22,7 +22,7 @@
   <div ref="mapEl" class="map-container" v-show="currentType(0)"></div>
   <div class="card-container" v-show="currentType(1)">
     <div class="card-list">
-      <template v-for="item of list" v-if="list.length > 0 ">
+      <template v-for="item of list" v-if="list.length > 0">
         <el-card
           style="width: 480px"
           shadow="hover"
@@ -69,14 +69,14 @@ import { useUrlSearchParams } from "@vueuse/core";
 import emptyBG from "@/assets/image/empty__empty.png";
 
 const params = useUrlSearchParams("history");
-console.log("params", params.caseId);
+console.log("params", params.deptId);
 
 const current = ref(0);
 const list = ref<any>([]);
 
 const state = reactive({
-  deptId: "",
-  caseId: params.caseId || "",
+  deptId: params.deptId || "",
+  // caseId: params.caseId || "",
 });
 
 const link = document.querySelector<HTMLLinkElement>("#app-icon")!;

src/app/map/company-select/organization.ts

@@ -7,7 +7,7 @@ import {
 } from "@/request";
 import { useUrlSearchParams } from "@vueuse/core";
 const params = useUrlSearchParams("history");
-console.log("params", params.caseId);
+console.log("params", params.deptId);
 const request = axios.create({
   baseURL: 'https://xj-mix3d.4dkankan.com/',
   timeout: 1000,
@@ -38,7 +38,7 @@ export type Organization = {
 };
 
 export const getOrganizationTree = async (type?: string) =>
-  (await axios.get<Organization[]>(getTreeselect, { headers: { share: 1 }, params: { type, caseId: params.caseId, ingoreRes: true, share: 1, } })).data;
+  (await axios.get<Organization[]>(getTreeselect, { headers: { share: 1 }, params: { type, deptId: params.deptId, ingoreRes: true, share: 1, } })).data;
 
 export const addOrganization = async (
   dept: Omit<Organization, "id">,

src/app/mirror/App.vue

@@ -362,8 +362,9 @@ function GetRequest(value) {
   return object[value];
 }
 </script>
+<style lang="scss" scoped></style>
 
-<style>
+<style lang="scss">
 body,
 #app {
   margin: 0;
@@ -377,121 +378,115 @@ body,
   min-height: calc(100vh - 80px);
   margin: 0 auto;
   background: #eee;
-}
-
-.content {
-  margin: 0 auto;
-  display: flex;
-  padding: 0 40px;
-}
 
-.t-head {
-  border: 1px solid #ddd;
-  /* padding: 10px; */
-  /* display: flex; */
-  position: relative;
-  background-color: #eee;
-}
-
-tbody {
-  /* border-top: 20px solid transparent; */
-}
-
-.t-head th {
-  margin-bottom: 20px;
-}
+  .content {
+    margin: 0 auto;
+    display: flex;
+    padding: 0 40px;
+  }
 
-.project-title {
-  display: flex;
-  padding: 0 40px;
-  align-items: center;
-  /* justify-content: center; */
-}
+  .t-head {
+    border: 1px solid #ddd;
+    /* padding: 10px; */
+    /* display: flex; */
+    position: relative;
+    background-color: #eee;
+  }
 
-.project-title .title {
-  font-size: 28px;
-  min-height: 0;
-  height: auto;
-  background-color: transparent !important;
-  /* width: 300px; */
-  margin: 30px 0;
-}
+  tbody {
+    /* border-top: 20px solid transparent; */
+  }
 
-.el-textarea__inner {
-  background-color: transparent;
-  box-shadow: none;
-  resize: none;
-}
+  .t-head th {
+    margin-bottom: 20px;
+  }
 
-.gray .el-textarea__inner {
-  background: rgba(227, 225, 225, 0.2);
-}
+  .project-title {
+    display: flex;
+    padding: 0 40px;
+    align-items: center;
+    /* justify-content: center; */
+  }
 
-.el-textarea__inner:focus {
-  box-shadow: none;
-}
+  .project-title .title {
+    font-size: 28px;
+    min-height: 0;
+    height: auto;
+    background-color: transparent !important;
+    /* width: 300px; */
+    margin: 30px 0;
+  }
 
-.el-textarea__inner:hover {
-  box-shadow: none;
-}
+  .el-textarea__inner {
+    background-color: transparent;
+    box-shadow: none;
+    resize: none;
+  }
 
-.add-handle {
-  padding: 30px 0;
-  display: flex;
-  justify-content: center;
-}
+  .gray .el-textarea__inner {
+    background: rgba(227, 225, 225, 0.2);
+  }
 
-.add-line {
-  margin: 0 10px;
-  width: 30px;
-}
+  .add-handle {
+    padding: 30px 0;
+    display: flex;
+    justify-content: center;
+  }
 
-.add-line .el-input__wrapper {
-  box-shadow: none;
-  background: rgba(23, 41, 46, 0.2);
-}
+  .add-line {
+    margin: 0 10px;
+    width: 30px;
+  }
 
-.add-line input {
-  color: white;
-  text-align: center;
-}
-.activefileList .el-upload--picture-card {
-  display: none;
-}
+  .add-line .el-input__wrapper {
+    box-shadow: none;
+    background: rgba(23, 41, 46, 0.2);
+  }
 
-.list-upload-style {
-  width: 100%;
-  text-align: center;
-}
-.list-upload-style .el-upload-list,
-.list-upload-style .el-upload--text {
-  width: 100%;
-}
-.list-upload-style .el-upload-list__item-thumbnail,
-.list-upload-style .el-upload--picture-card {
-  min-height: 73px;
-  height: 73px;
-  width: 100%;
-}
-.list-upload-style .uploadImg,
-.list-upload-style .el-upload-list__item {
-  width: 100%;
-  min-height: 73px;
-  height: 73px;
-  line-height: 73px;
-}
-.list-upload-style .uploadImg .el-upload-list__item-thumbnail,
-.list-upload-style .el-upload-list__item .el-upload-list__item-thumbnail {
-  width: 100%;
-  max-width: 100px;
-  object-fit: cover;
-}
-.marksDiv {
-  position: relative;
-}
-.marksDiv .table-delete {
-  position: absolute;
-  right: -10px;
-  top: -3px;
+  .add-line input {
+    color: white;
+    text-align: center;
+  }
+  .activefileList {
+    .el-upload-list--picture-card {
+    }
+    .el-upload--picture-card {
+      display: none;
+    }
+  }
+  .list-upload-style {
+    width: 100%;
+    text-align: center;
+    .el-upload-list,
+    .el-upload--text {
+      width: 100%;
+    }
+    .el-upload-list__item-thumbnail,
+    .el-upload--picture-card {
+      min-height: 73px;
+      height: 73px;
+      width: 100%;
+    }
+    .uploadImg,
+    .el-upload-list__item {
+      width: 100%;
+      min-height: 73px;
+      height: 73px;
+      line-height: 73px;
+      .el-upload-list__item-thumbnail {
+        width: 100%;
+        max-width: 100px;
+        object-fit: cover;
+      }
+    }
+  }
+  .marksDiv {
+    position: relative;
+    .table-delete {
+      position: absolute;
+      right: -10px;
+      top: -3px;
+    }
+  }
 }
 </style>