|
@@ -7,18 +7,18 @@
|
|
|
<hc-icon name="add" class="text-white" />
|
|
|
<span class="text-white">新增</span>
|
|
|
</el-button>
|
|
|
-
|
|
|
+
|
|
|
<el-button color="#FF6C6C" :disabled="tableCheckedKeys.length === 0" @click="rowDelClick">
|
|
|
<hc-icon name="delete-bin-2" class="text-white" />
|
|
|
<span class="text-white">删除</span>
|
|
|
</el-button>
|
|
|
</template>
|
|
|
- <hc-table
|
|
|
+ <hc-table
|
|
|
class="role-page-table"
|
|
|
is-check
|
|
|
:column="tableColumn"
|
|
|
- :datas="tableData"
|
|
|
-
|
|
|
+ :datas="tableData"
|
|
|
+
|
|
|
@selection-change="tableSelectionChange"
|
|
|
>
|
|
|
<template #action="{ row }">
|
|
@@ -34,7 +34,7 @@
|
|
|
<hc-dialog v-model="addModal" title="新增" widths="50rem">
|
|
|
<hc-icon name="user" style="font-size: 18px;" class="font-bold" />
|
|
|
<span class="font-bold">基础信息</span>
|
|
|
-
|
|
|
+
|
|
|
<el-divider style="margin-top: 10px;" />
|
|
|
<el-form :inline="true" :model="baseForm" label-width="auto" :rules="baseFormRules">
|
|
|
<div class="hc-form-item">
|
|
@@ -58,13 +58,13 @@
|
|
|
/>
|
|
|
</hc-dialog>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<script setup>
|
|
|
import { ref, watch } from 'vue'
|
|
|
import { HcDelMsg } from 'hc-vue3-ui'
|
|
|
const tableColumn = [
|
|
|
{ key: 'key1', name: '角色名称', align:'center' },
|
|
|
-
|
|
|
+
|
|
|
{ key: 'action', name: '操作', align:'center' },
|
|
|
]
|
|
|
const tableData = ref([
|
|
@@ -114,7 +114,7 @@ const searchForm = ref({
|
|
|
queryValue: null, current: 1, size: 20, total: 0,
|
|
|
})
|
|
|
const getTableData = ()=>{
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
//分页被点击
|
|
|
const pageChange = ({ current, size }) => {
|
|
@@ -212,11 +212,11 @@ const data = [
|
|
|
--el-table-header-bg-color: #101010;
|
|
|
--el-table-header-text-color: #fff;
|
|
|
--el-table-text-color: #101010;
|
|
|
- thead.is-group th.el-table__cell {
|
|
|
+ .is-group th.el-table__cell {
|
|
|
background: var(--el-table-header-bg-color);
|
|
|
}
|
|
|
- thead .el-table-fixed-column--left.el-table__cell,
|
|
|
- thead .el-table-fixed-column--right.el-table__cell {
|
|
|
+ .el-table-fixed-column--left.el-table__cell,
|
|
|
+ .el-table-fixed-column--right.el-table__cell {
|
|
|
background: var(--el-table-header-bg-color) !important;
|
|
|
}
|
|
|
tbody .el-table-fixed-column--left.el-table__cell,
|
|
@@ -227,4 +227,4 @@ const data = [
|
|
|
background-color: var(--el-table-current-row-bg-color) !important;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|