From fd13b0017518273406ee1a9906c07d079e4a9ac4 Mon Sep 17 00:00:00 2001 From: houzhongjian <houzhongyi@126.com> Date: 星期三, 27 十一月 2024 17:54:52 +0800 Subject: [PATCH] 租户列表 套餐宽度固定180 --- src/views/data/point/index.vue | 66 ++++++++++++++++++++++++++++----- 1 files changed, 56 insertions(+), 10 deletions(-) diff --git a/src/views/data/point/index.vue b/src/views/data/point/index.vue index 1b635f8..5d63b34 100644 --- a/src/views/data/point/index.vue +++ b/src/views/data/point/index.vue @@ -14,7 +14,7 @@ placeholder="请输入测点编码" clearable @keyup.enter="handleQuery" - class="!w-240px" + class="!w-200px" /> </el-form-item> <el-form-item label="测点名称" prop="pointName"> @@ -23,7 +23,7 @@ placeholder="请输入测点名称" clearable @keyup.enter="handleQuery" - class="!w-240px" + class="!w-200px" /> </el-form-item> <el-form-item label="测点Tag" prop="tagNo"> @@ -32,7 +32,7 @@ placeholder="请输入测点Tag" clearable @keyup.enter="handleQuery" - class="!w-240px" + class="!w-200px" /> </el-form-item> <el-form-item> @@ -70,15 +70,30 @@ > <Icon icon="ep:download" />导出 </el-button> + <el-button + type="success" + plain + @click="enable" + v-hasPermi="['data:point:update']" + >启用 + </el-button> + <el-button + type="danger" + plain + @click="disable" + v-hasPermi="['data:point:update']" + >禁用 + </el-button> </el-form-item> </el-form> </ContentWrap> <!-- 列表 --> <ContentWrap> - <el-table border stripe v-loading="loading" :data="list"> - <el-table-column fixed label="测点编码" header-align="center" align="left" min-width="120" prop="pointNo" /> - <el-table-column label="测点名称" header-align="center" align="left" min-width="200" prop="pointName" /> + <el-table border stripe v-loading="loading" :data="list" @selection-change="selectionChangeHandle"> + <el-table-column type="selection" header-align="center" align="center" width="50"/> + <el-table-column fixed label="测点编码" header-align="center" align="left" min-width="130" prop="pointNo" /> + <el-table-column label="测点名称" header-align="center" align="left" min-width="220" prop="pointName" /> <el-table-column label="测点类型" align="center" prop="pointType" width="100"> <template #default="scope"> <dict-tag :type="DICT_TYPE.DATA_POINT_TYPE" :value="scope.row.pointType" /> @@ -91,7 +106,7 @@ </el-table-column> <el-table-column label="值类型" align="center" prop="valueType" width="120"> <template #default="scope"> - <dict-tag :type="DICT_TYPE.VALUETYPE" :value="scope.row.valueType" /> + <dict-tag :type="DICT_TYPE.MEASURE_VALUE_TYPE" :value="scope.row.valueType" /> </template> </el-table-column> <el-table-column label="测量单位" align="center" prop="unit" width="80"/> @@ -101,14 +116,14 @@ <el-table-column label="数据源类型" align="center" prop="sourceType" min-width="100"/> <el-table-column label="数据源名称" align="center" prop="sourceName" min-width="100"/> <el-table-column label="测点Tag" header-align="center" align="left" prop="tagNo" min-width="150"/> - <el-table-column label="是否启用" align="center" prop="isEnable" width="100"> + <el-table-column label="是否启用" align="center" prop="isEnable" width="85"> <template #default="scope"> <el-tag v-if="scope.row.isEnable === 1" size="small">是</el-tag> <el-tag v-else size="small" type="danger">否</el-tag> </template> </el-table-column> - <el-table-column label="操作" align="center" min-width="130" fixed="right" width="160"> + <el-table-column label="操作" align="center" min-width="130" fixed="right" width="120"> <template #default="scope"> <el-button link @@ -151,7 +166,7 @@ </template> <script lang="ts" setup> import * as DaPoint from '@/api/data/da/point' -import {ref} from "vue"; +import {ref, reactive} from "vue"; import download from "@/utils/download"; import {DICT_TYPE, getDictOptions} from "@/utils/dict"; import DaPointForm from './DaPointForm.vue' @@ -246,6 +261,37 @@ exportLoading.value = false } } + + let dataListSelections = reactive([]) + // 多选 + function selectionChangeHandle (val) { + dataListSelections = val + } + // 启用 + async function enable() { + let ids = dataListSelections.map(item => { + return item.id + }) + // 启用的二次确认 + await message.enableConfirm(ids) + + await DaPoint.enable(ids) + message.success(t('common.enableSuccess')) + await getList() + } + // 禁用 + async function disable(){ + let ids = dataListSelections.map(item => { + return item.id + }) + // 启用的二次确认 + await message.disableConfirm(ids,) + + await DaPoint.disable(ids) + message.success(t('common.disableSuccess')) + await getList() + } + /** 初始化 **/ onMounted(async () => { await getList() -- Gitblit v1.9.3