From 9516d95bdcc481b71d4b090bbdcfff39a84b26d6 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期一, 07 十月 2024 22:38:23 +0800 Subject: [PATCH] 1 --- src/views/console/workstation/CollTable.vue | 21 +++++++++++++++++++-- 1 files changed, 19 insertions(+), 2 deletions(-) diff --git a/src/views/console/workstation/CollTable.vue b/src/views/console/workstation/CollTable.vue index f2261d3..85875a7 100644 --- a/src/views/console/workstation/CollTable.vue +++ b/src/views/console/workstation/CollTable.vue @@ -1,15 +1,32 @@ <!-- * @Date: 2024-10-05 09:51:45 * @LastEditors: gaoshp - * @LastEditTime: 2024-10-07 00:32:44 + * @LastEditTime: 2024-10-07 09:51:11 * @FilePath: /cps-web/src/views/console/workstation/CollTable.vue --> <template> <div> <el-table :data="tabledata" height="200px"> <el-table-column v-for="item in cols" :key="item.prop" :prop="item.prop" :label="item.label" width="120"> + <template #header="scope"> + <span v-show="item.isRequired" style="color: red;">*</span> + <span>{{ scope.column.label }}</span> + <el-tooltip class="box-item" effect="dark" placement="top-start"> + <template #content> + <p v-html="item.describe"></p> + </template> + <el-icon v-show="item.describe"><el-icon-question-filled /></el-icon> + </el-tooltip> + + </template> <template #default="scope"> - <span>{{ scope.row[item.prop] }}</span> + <el-select disabled v-model="scope.row[item.prop]" placeholder="" size="small" + v-if="item.type === 'option'"> + <el-option v-for="item in item.options" :key="item" :label="item" :value="item" /> + </el-select> + <el-switch disabled size="small" v-model="scope.row[item.prop]" + v-else-if="item.type === 'boolean'" /> + <span v-else>{{ scope.row[item.prop] }}</span> </template> </el-table-column> </el-table> -- Gitblit v1.9.3