怎么把手写的html放到循环出来的结构某个位置
问题描述:
如图,前四个是v-for遍历出来的,最后一个是我单独写的,我现在向把最后一个位置和备注呼唤,应该怎么弄。
代码如下,总结为v-for遍历出来的全是表单,而最后的过渡层是表格
<el-collapse v-model="activeNames" v-if="visible&&visible1"> <el-collapse-item :title="item.title" :name="item.title" v-for="(item,index) in formItem" :key="index" class="formItem" > <el-row class="groupContent" :gutter="20"> <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="6*(item.colspan+1)" class="item" v-for="(item,index) in item.group" :key="index" :class="item.propertyName" > <el-form-item :label="item.propertyDisplayName" v-if="item.controlType=='CtlTextEdit'" :prop="item.propertyName" > <el-input v-model="nowData[item.propertyName]"></el-input> </el-form-item> ...这下面还有很多其他类型的表单 </el-col> </el-row> </el-collapse-item> <el-collapse-item title="过渡层信息" name="过渡层信息"> <el-form class="guodu"> <table style="margin-top:10px;"> <thead> <tr> <th>过渡高(米)</th> <th>过渡高(英尺)</th> <th>高度类型</th> <th>高度参考类型</th> <th>压力</th> <th>压力单位</th> <th>压力值解释</th> <th>操作</th> </tr> </thead> <tbody> <tr v-for="(item,index) in nowData.transitionAltitudeList" :key="index"> <td> <el-input v-model="item.transitionVerticalDistance" placeholder="请输入"></el-input> </td> <td> <el-input v-model="item.transitionVerticalDistanceF" placeholder="请输入"></el-input> </td> <td> <el-select v-model="item.type" placeholder="请选择"> <el-option v-for="item in TransitionAltitudeEntityRules.CodeTransitionAltitudeType.domainValueExEntityList" :key="item.localCode" :label="item.localCode" :value="item.domainName" ></el-option> </el-select> </td> <td> <el-select v-model="item.verticalDistanceReference"> <el-option v-for="item in TransitionAltitudeEntityRules.CodeVerticalReferenceType.domainValueExEntityList" :key="item.localCode" :label="item.localCode" :value="item.domainName" ></el-option> </el-select> </td> <td> <el-input v-model="item.pressure"></el-input> </td> <td> <el-select v-model="item.pressureUom"> <el-option v-for="item in TransitionAltitudeEntityRules.UomPressureType.domainValueExEntityList" :key="item.localCode" :label="item.localCode" :value="item.domainName" ></el-option> </el-select> </td> <td> <el-select v-model="item.pressureInterpretation"> <el-option v-for="item in TransitionAltitudeEntityRules.CodeValueInterpretationType.domainValueExEntityList" :key="item.localCode" :label="item.localCode" :value="item.domainName" ></el-option> </el-select> </td> <td style="color:#409EFF;cursor: pointer;" @click="deleteTransitionAltitudeEntity(index)" >删除</td> </tr> </tbody> </table> <img style="margin:0 auto;width:30px;height:30px;" src="../../../static/img/add.png" alt @click="addTransitionAltitudeEntity" /> </el-form> </el-collapse-item> </el-collapse>
1、背景目前在做一个关于prometheus+micrometer的监控系统,指标数据都是系统使用micrometer api注册为指标(存储在 内存中),然后通过 actuator暴露端点给 prometheus拉取 ...