elementuitable组件,根据数据的不同,显⽰不同的内容<template>
<div class="padding20">
<div class="publicTable">
<el-table :data="configureList" border :header-cell->
<el-table-column prop="code" label="算法编码" width=""></el-table-column>
<el-table-column prop="functionName" label="算法" width="70"></el-table-column>
<el-table-column prop="type" label="类型">
<template slot-scope="scope">
<span v-if="pe=== 'input'">输⼊</span>
<span v-if="pe=== 'output'">输出</span>
</template>
</el-table-column>
<el-table-column prop="paraCode" label="参数项编码"></el-table-column>
<el-table-column prop="paraCodeName" label="参数项" width="100"></el-table-column>
<el-table-column prop="paraOrderBy" label="参数项排序号" width="150"></el-table-column>
<el-table-column prop="paraType" label="参数项类型" width="">
<template slot-scope="scope">
<span v-if="w.paraType=== 1">录⼊</span>
<span v-if="w.paraType=== 2">选项</span>
<span v-if="w.paraType=== 3">数表</span>
<span v-if="w.paraType=== 4">配置项</span>
</template>
</el-table-column>
<el-table-column prop="valueType" label="值类型" width="">
<template slot-scope="scope">
<span v-if="w.valueType=== 1">布尔</span>
<span v-if="w.valueType=== 2">整型</span>
<span v-if="w.valueType=== 3">浮点</span>
<span v-if="w.valueType=== 4">字符</span>
<span v-if="w.valueType=== 5">⽇期</span>
</template>
</el-table-column>
<el-table-column prop="numUnitIdStr" label="计数单位" width=""></el-table-column>
<el-table-column prop="unitIdStr" label="计量单位" width=""></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<span class="pointer" >编辑</span>
<span class="pointer">删除</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
name: "definition_ConfigurePage",
data(){
columnspan是什么意思 return {
configureList:[
{
cid: "C000065",
code: "C000065F0002",
functionName: "算法2",
id: 223,
paraCode: "PAAO",
paraCodeName: "参数15",
paraOrderBy: 2,
paraType: 2,
type: "output",
valueType: 1
}
]
}
}
}
</script>
<style >
</style>
------------------------------------------------------------效果如下------------------------------------------------
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论