|
@@ -7,23 +7,25 @@
|
|
|
<div class="page-content">
|
|
|
<div class="page-l">
|
|
|
<el-affix :offset="120">
|
|
|
- <el-anchor :container="containerRef" direction="vertical" type="default" @click="handleClick">
|
|
|
- <el-anchor-link
|
|
|
- v-for="(item, index) in farmWorkList"
|
|
|
- :key="index"
|
|
|
- :href="'#part' + index"
|
|
|
- :title="item.farmWorkLibName"
|
|
|
- >
|
|
|
- <div class="menu-item">
|
|
|
- <img
|
|
|
- class="menu-icon"
|
|
|
- :src="require('@/assets/images/records/icon-' + (index + 1) + '.png')"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <span>{{ item.farmWorkLibName }}</span>
|
|
|
- </div>
|
|
|
- </el-anchor-link>
|
|
|
- </el-anchor>
|
|
|
+ <div class="menu-list">
|
|
|
+ <el-anchor :container="containerRef" direction="vertical" type="default" @click="handleClick">
|
|
|
+ <el-anchor-link
|
|
|
+ v-for="(item, index) in farmWorkList"
|
|
|
+ :key="index"
|
|
|
+ :href="'#part' + index"
|
|
|
+ :title="item.farmWorkLibName"
|
|
|
+ >
|
|
|
+ <div class="menu-item">
|
|
|
+ <img
|
|
|
+ class="menu-icon"
|
|
|
+ :src="require('@/assets/images/records/icon-' + (index + 1) + '.png')"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span>{{ item.farmWorkLibName }}</span>
|
|
|
+ </div>
|
|
|
+ </el-anchor-link>
|
|
|
+ </el-anchor>
|
|
|
+ </div>
|
|
|
</el-affix>
|
|
|
</div>
|
|
|
<div class="page-r">
|
|
@@ -311,6 +313,10 @@ const farmWorkList = ref([]);
|
|
|
padding-right: 4px;
|
|
|
}
|
|
|
}
|
|
|
+ .menu-list {
|
|
|
+ height: calc(100vh - 166px);
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
}
|
|
|
.page-r {
|
|
|
width: calc(100% - 90px - 20px);
|