影像检查页面布局以及查看图片

wwl

2025-04-23 2ba7ab0ee950b3be4607f280889c0daf4ec6c99f

 src/views/advice/advice/index.vue

@@ -7,7 +7,16 @@
      :inline="true"
      v-show="showSearch"
      label-width="68px"
      @submit.native.prevent
    >
    <el-form-item label="标题" prop="bt">
        <el-input
          v-model="queryParams.bt"
          placeholder="请输入标题"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="项目名称" prop="proName">
        <el-input
          v-model="queryParams.proName"
@@ -75,21 +84,24 @@
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="3" :xs="24">
      <el-col :span="4" :xs="24">
        <div class="head-container">
          <el-tree
            :data="deptOptions"
            :props="defaultProps"
            :expand-on-click-node="false"
            :filter-node-method="filterNode"
            ref="tree"
            node-key="id"
            default-expand-all
            :default-expanded-keys="treeId"
            highlight-current
            @node-click="handleNodeClick"
          />
          <div class="content">
            <el-tree
              :data="deptOptions"
              :props="defaultProps"
              :expand-on-click-node="false"
              :filter-node-method="filterNode"
              ref="tree"
              node-key="id"
              default-expand-all
              :default-expanded-keys="treeId"
              highlight-current
              @node-click="handleNodeClick"
            />
          </div>
        </div>
       
      </el-col>

      <el-col :span="20" :xs="24">
@@ -335,6 +347,7 @@
        page: 1,
        pageSize: 10,
        proName: null,
        bt: null,
      },
      // 表单参数
      form: {},
@@ -574,4 +587,17 @@
.pag1 {
  width: 30%;
}


.content {
  width: 1000px;
  height: 1000px;
}
.head-container {
  width: 200px;
  height: 629px;
  overflow: auto;
  border: 1px solid #ccc;
  position: relative;
}
</style>