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"
-    >
-      <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"
-              :list="rootUnitList"
-              handle=".moveUnit"
-              ghost-class="draggable-ghost"
-              item-key="id"
-            >
-              <template #item="{ element: unitData, index: indexOfList }">
-                <div class="list-group-item">
-                  <root-unit
-                    :key="unitData.id"
-                    :unit="unitData"
-                    :setUnit="(value: any) => changeUnit(indexOfList, value)"
-                    @del="deleteItem"
-                    @addNextlevel="showAddChildDialog"
-                    @modifyTitle="modifyTitleShow"
-                    :selectedItem="selectedEditItem"
-                    :setSelectedItem="setSelectedItem"
-                    @selected="handleSelectedProperty"
-                    @modifyForms="showModifyForms"
-                    :switchPosition="switchPosition"
-                  />
-                </div>
-              </template>
-            </Draggable>
-            <AddFirstLevelBox
-              class="mt-2.5"
-              @click="showAddRootDialog"
-            ></AddFirstLevelBox>
-          </div>
-        </syScrollBar>
+  <div
+    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>
+          <Draggable
+            tag="div"
+            :list="rootUnitList"
+            handle=".moveUnit"
+            ghost-class="draggable-ghost"
+            item-key="id"
+          >
+            <template #item="{ element: unitData, index: indexOfList }">
+              <div class="list-group-item">
+                <root-unit
+                  :key="unitData.id"
+                  :unit="unitData"
+                  :setUnit="(value: any) => changeUnit(indexOfList, value)"
+                  @del="deleteItem"
+                  @addNextlevel="showAddChildDialog"
+                  @modifyTitle="modifyTitleShow"
+                  :selectedItem="selectedEditItem"
+                  :setSelectedItem="setSelectedItem"
+                  @selected="handleSelectedProperty"
+                  @modifyForms="showModifyForms"
+                  :switchPosition="switchPosition"
+                />
+              </div>
+            </template>
+          </Draggable>
+          <AddFirstLevelBox
+            class="mt-2.5"
+            @click="showAddRootDialog"
+          ></AddFirstLevelBox>
+        </div>
       </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);