巡检项

src/views/pms/maintain/IotMaintainDetail.vue

@@ -114,8 +114,8 @@
               <UploadImg v-model="formData.pic" :disabled="true" height="55px" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="供应商" v-if="formData.type === 'out'" prop="supplier">
+          <el-col :span="8" v-if="formData.type === 'out'" >
+            <el-form-item label="供应商" prop="supplier">
               <el-select
                 disabled
                 v-model="formData.supplier"
@@ -124,8 +124,8 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="维修费用" v-if="formData.type === 'out'" prop="maintainFee">
+          <el-col :span="8" v-if="formData.type === 'out'" >
+            <el-form-item label="维修费用" prop="maintainFee">
               <el-input-number
                 disabled
                 v-model="formData.maintainFee"
@@ -137,8 +137,8 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="委外相关附件" v-if="formData.type === 'out'" prop="outFile">
+          <el-col :span="8" v-if="formData.type === 'out'" >
+            <el-form-item label="委外相关附件" prop="outFile">
               <UploadFile disabled="" v-model="formData.outFile" class="min-w-80px" />
             </el-form-item>
           </el-col>

src/views/system/user/DeptTree.vue

@@ -6,7 +6,7 @@
       </template>
     </el-input>
   </div>
-  <div class="head-container">
+  <div ref="treeContainer" class="tree-container">
     <el-tree
       ref="treeRef"
       :data="deptList"
@@ -18,7 +18,7 @@
       node-key="id"
       @node-click="handleNodeClick"
       @node-contextmenu="handleRightClick"
-      style="height: 35em"
+      style="height: 52em"
     />
   </div>
   <div
@@ -55,7 +55,13 @@ const handleRightClick = (event, { node, data }) => {
   selectedNode = data; // 存储当前操作的节点数据 ‌:ml-citation{ref="7" data="citationList"}
   //menuVisible.value = true;
 };
-
+const treeContainer = ref(null)
+const setHeight = () => {
+  if (!treeContainer.value) return
+  const windowHeight = window.innerHeight
+  const containerTop = treeContainer.value.offsetTop
+  treeContainer.value.style.height = `${windowHeight * 0.78}px` // 60px 底部预留
+}
 const handleMenuClick = (action) => {
   switch(action) {
     case 'add':
@@ -97,6 +103,11 @@ watch(deptName, (val) => {
 /** 初始化 */
 onMounted(async () => {
   await getTree()
+  setHeight()
+  window.addEventListener('resize', setHeight)
+})
+onUnmounted(() => {
+  window.removeEventListener('resize', setHeight)
 })
 </script>
 <style lang="scss" scoped>
@@ -119,4 +130,10 @@ onMounted(async () => {
 .custom-menu li:hover {
   background: #f5f5f5;
 }
+.tree-container {
+  overflow-y: auto;
+  min-width: 100%;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+}
 </style>