fix

src/components/TemplateEdit/TraceProofEdit/components/EditTool/index.vue

 <template>
-  <div style="background-color: #f9f9f9" class="px-10 flex editTool">
   <div
-      style="width: 858px"
-      class="flex-shrink-0 flex-grow h-full flex flex-col"
+    style="background-color: #f9f9f9"
+    class="px-10 flex editTool justify-center"
+  >
+    <syScrollBar height="100%">
+      <div
+        style="width: calc(100vw - 600px)"
+        class="flex-shrink-0 h-full flex flex-col"
       >
         <TraceProofEditHeader
           class="flex-shrink-0"
           :title="title"
           @update:title="$emit('update:title', $event)"
         ></TraceProofEditHeader>
-      <div class="flex-grow overflow-hidden">
-        <syScrollBar height="100%">
         <div>
           <Draggable
             tag="div"
@@ -42,9 +44,8 @@
             @click="showAddRootDialog"
           ></AddFirstLevelBox>
         </div>
-        </syScrollBar>
-      </div>
       </div>
+    </syScrollBar>
     <div style="width: 228px; margin-left: 29px" class="flex-shrink-0">
       <SetBar
         :show-upload="route.name === 'tracingDetail'"

src/components/TemplateEdit/newEditTemplate/RootUnit.vue

@@ -45,7 +45,10 @@
         </div>
       </ElTooltip>
       <ElTooltip effect="dark" content="添加下一级" placement="top-start">
-        <div class="cursor-pointer mx-6 mark-addnext" @click="addNextlevel(unit)">
+        <div
+          class="cursor-pointer mx-6 mark-addnext"
+          @click="addNextlevel(unit)"
+        >
           <img src="@/assets/img/addNextLevel.svg" alt="" />
         </div>
       </ElTooltip>
@@ -282,6 +285,7 @@ export default defineComponent({
 
 <style scoped lang="scss">
 .root_unit {
+  display: flow-root;
   .show-border-bottom {
     border-bottom: 1px solid #dddddd;
   }

src/views/Collection/AlbumDetail/components/AlbumTable/index.vue

 <template>
   <div class="albumTable h-full">
+    <ImageDisplay :url="url" v-model:visible="visible"></ImageDisplay>
     <Table
       ref="tableRef"
       :columns="columns"
@@ -9,9 +10,13 @@
     >
       <template #img="slotProps">
         <img
+          @click="
+            url = slotProps.url;
+            visible = true;
+          "
           :src="slotProps.url"
           style="width: 30px; height: 30px; border-radius: 8px"
-          class="object-cover"
+          class="object-cover cursor-pointer"
         />
       </template>
       <template #time="slotProps">
@@ -45,12 +50,16 @@ import { formatTime, syMoreOperate } from "cqk-sy-ui";
 
 import { columns } from "./config";
 import { useTableScrollListener } from "@/components/Table/hooks";
+import ImageDisplay from "@/components/ImageDisplay/index.vue";
 
 const props = defineProps<{
   data: any[];
   loading: boolean;
 }>();
 
+const url = ref("");
+const visible = ref(false);
+
 const dataWithIndex = computed(() => {
   return props.data.map((i, index) => ({ ...i, index: index + 1 }));
 });

src/views/TemplateManagement/components/AddTemplate/index.vue

@@ -6,13 +6,14 @@
       :errorShowing="isErrorShowing"
       placeholder="请输入模板名称"
     />
-    <sySelect v-model="value" placeholder="请选择">
-      <syOption
-        v-for="item in MyCategories"
-        :key="item.value"
-        :label="item.name"
-        :value="item.id"
-      ></syOption>
+    <sySelect
+      v-model="value"
+      placeholder="请选择"
+      popper-class="categoryAddSySelect"
+    >
+      <syOption v-for="item in MyCategories" :key="item.value" :value="item.id">
+        <div class="overflow-hidden text-ellipsis">{{ item.name }}</div>
+      </syOption>
     </sySelect>
   </div>
 </template>
@@ -95,6 +96,13 @@ export default defineComponent({
   },
 });
 </script>
+<style lang="scss">
+.categoryAddSySelect {
+  .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default {
+    width: 375px;
+  }
+}
+</style>
 
 <style lang="scss" scoped>
 .category-add {

src/views/Tracing/tracingDetail/components/ProcessList.vue

 <template>
-  <div class="pl-8 py-8 h-full processList flex flex-col">
+  <div class="pl-8 py-8 processList flex flex-col">
     <div class="processTitle">流程列表</div>
     <syScrollBar @scroll-to-end="$emit('scrollToEnd')">
       <StepVertical
@@ -43,6 +43,8 @@ const computedList = computed(() => {
 
 <style scoped lang="scss">
 .processList {
+  box-sizing: border-box;
+  height: calc(100vh - 70px);
   width: 250px;
   background: #ffffff;
   box-shadow: 0px 2px 10px 0px rgba(240, 240, 240, 0.29);