|
@@ -1,29 +1,31 @@
|
|
|
<template>
|
|
|
<div class="identify-steps3">
|
|
|
- <el-collapse v-model="activeName" @change="handleChange" accordion>
|
|
|
- <el-collapse-item v-for="(item,index) in renderData" :key="index" :name="index+1">
|
|
|
- <template slot="title">
|
|
|
- {{item.Group}}
|
|
|
- </template>
|
|
|
- <div class="collapse-item">
|
|
|
- <div style="display: flex;justify-content: space-between; height: 40px; line-height: 40px;padding:0 5px;box-sizing:border-box;">
|
|
|
- <p>
|
|
|
- <el-input v-model="fillData" placeholder="批量填充空白的设备标识" style="width: 180px; margin-right: 10px;"></el-input>
|
|
|
- <el-button @click="fillClick">填充</el-button>
|
|
|
- </p>
|
|
|
- <p style="display: flex">
|
|
|
- <span style="margin-right: 10px; color: #909399;" >AI建议的设备标识</span>
|
|
|
- <span class='ai-eq' :title="item.EquipmentMark" @click="aiHandle(item.EquipmentMark)">{{item.EquipmentMark || '--'}}</span>
|
|
|
- </p>
|
|
|
+ <div class="collapse-view">
|
|
|
+ <el-collapse v-model="activeName" @change="handleChange" accordion>
|
|
|
+ <el-collapse-item v-for="(item,index) in renderData" :key="index" :name="index+1">
|
|
|
+ <template slot="title">
|
|
|
+ {{item.Group}}
|
|
|
+ </template>
|
|
|
+ <div class="collapse-item">
|
|
|
+ <div style="display: flex;justify-content: space-between; height: 40px; line-height: 40px;padding:0 5px;box-sizing:border-box;">
|
|
|
+ <p>
|
|
|
+ <el-input v-model="fillData" placeholder="批量填充空白的设备标识" style="width: 180px; margin-right: 10px;"></el-input>
|
|
|
+ <el-button @click="fillClick">填充</el-button>
|
|
|
+ </p>
|
|
|
+ <p style="display: flex">
|
|
|
+ <span style="margin-right: 10px; color: #909399;" >AI建议的设备标识</span>
|
|
|
+ <span class='ai-eq' :title="item.EquipmentMark" @click="aiHandle(item.EquipmentMark)">{{item.EquipmentMark || '--'}}</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div style="flex: 1">
|
|
|
+ <handsontable-component ref="handsontable"></handsontable-component>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div style="flex: 1">
|
|
|
- <handsontable-component ref="handsontable"></handsontable-component>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-collapse-item>
|
|
|
- </el-collapse>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </div>
|
|
|
<div class="center">
|
|
|
- <el-button type="primary" @click="save">保存</el-button>
|
|
|
+ <el-button @click="save">保存</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -326,7 +328,16 @@
|
|
|
<style lang="scss">
|
|
|
.identify-steps3 {
|
|
|
height: 100%;
|
|
|
- overflow-y: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .collapse-view{
|
|
|
+ flex: 1;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .center{
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ }
|
|
|
.el-collapse-item__header.is-active {
|
|
|
border-bottom-color: #ccc;
|
|
|
}
|