152 lines
3.6 KiB
Vue
152 lines
3.6 KiB
Vue
<script setup lang="ts">
|
|
import ahTable from "@/components/hTable/index.vue";
|
|
import { TableConfig } from "@/components/hTable/hTable";
|
|
import { onMounted, ref } from "vue";
|
|
import { fa } from "element-plus/es/locales.mjs";
|
|
import { hTableAPI } from "@/api/hTable";
|
|
import {
|
|
ruleAccount,
|
|
rulePassword,
|
|
rulePhone,
|
|
ruleRequired
|
|
} from "@/utils/roles";
|
|
const ControllerName = "Admin";
|
|
|
|
defineOptions({
|
|
name: ControllerName
|
|
});
|
|
|
|
function searchCallback(data) {
|
|
// let c = data.Conditions.find(s => s.FieldName === "Enable");
|
|
// if (c) {
|
|
// if (c.FieldValue == "true") {
|
|
// c.FieldValue = 1;
|
|
// } else {
|
|
// c.FieldValue = 0;
|
|
// }
|
|
// }
|
|
}
|
|
const RoleApi = new hTableAPI("AdminRole");
|
|
const table = ref<{ initTable: (config: TableConfig) => void }>(null);
|
|
const tableData: TableConfig = {
|
|
apiUrl: ControllerName,
|
|
selectColumn: false, // 列表选择
|
|
border: false, // 是否显示表格边框
|
|
searchCallback: searchCallback,
|
|
search: {
|
|
// 查询条件
|
|
show: true,
|
|
PageIndex: 0,
|
|
PageSize: 20,
|
|
OrderBy: "CreateTime", // 排序
|
|
defaultConditions: [], // 默认查询条件
|
|
Conditions: []
|
|
},
|
|
operationColumn: true, // 显示操作按钮
|
|
operationColumnData: [
|
|
{
|
|
// 操作按钮
|
|
topBtn: false, // 是头部按钮
|
|
label: "修改",
|
|
btnType: "edit" // 按钮类型 add edit del custom
|
|
},
|
|
{
|
|
// 操作按钮
|
|
topBtn: true, // 是头部按钮
|
|
label: "添加",
|
|
btnStyle: "success",
|
|
btnType: "add" // 按钮类型 add edit del custom
|
|
},
|
|
{
|
|
topBtn: false, // 头部按钮
|
|
show: true,
|
|
label: "删除",
|
|
btnType: "del", // 按钮类型 add edit del 不设置则 自定义按钮
|
|
btnStyle: "danger" // topBtn: true才生效 success danger
|
|
}
|
|
],
|
|
column: {
|
|
// 行数据
|
|
id: {
|
|
label: "编号",
|
|
search: true,
|
|
add: false, // 字段允许添加
|
|
edit: false, // 字段允许修改
|
|
width: "150px"
|
|
},
|
|
name: {
|
|
label: "名称",
|
|
width: "180px",
|
|
rules: ruleRequired,
|
|
search: true,
|
|
searchType: "Like",
|
|
add: true, // 字段允许添加
|
|
edit: true // 字段允许修改
|
|
},
|
|
Phone: {
|
|
label: "手机号",
|
|
rules: rulePhone,
|
|
width: "200px",
|
|
search: true,
|
|
add: true, // 字段允许添加
|
|
edit: true // 字段允许修改
|
|
},
|
|
account: {
|
|
label: "账号",
|
|
rules: ruleAccount,
|
|
search: true,
|
|
add: true, // 字段允许添加
|
|
edit: false // 字段允许修改
|
|
},
|
|
password: {
|
|
label: "密码",
|
|
show: false,
|
|
/**长度必须大于6 */
|
|
rules: rulePassword,
|
|
search: false,
|
|
add: true, // 字段允许添加
|
|
edit: false // 字段允许修改
|
|
},
|
|
enable: {
|
|
label: "启用",
|
|
type: "switch",
|
|
search: false,
|
|
|
|
add: true, // 字段允许添加
|
|
edit: true, // 字段允许修改
|
|
valueE: true // 编辑时的默认值
|
|
},
|
|
roleId: {
|
|
label: "角色",
|
|
type: "dropdown",
|
|
rules: ruleRequired,
|
|
search: true,
|
|
add: true, // 字段允许添加
|
|
edit: false, // 字段允许修改
|
|
setting: {
|
|
datasource: []
|
|
}
|
|
}
|
|
},
|
|
data: [],
|
|
pageData: {
|
|
total: 0
|
|
},
|
|
selectRows: []
|
|
};
|
|
|
|
const showTable = ref(false);
|
|
onMounted(async () => {
|
|
//初始化数据原
|
|
tableData.column.roleId.setting.datasource = (
|
|
await RoleApi.querycombo({ TextName: "Name", ValueName: "Id" })
|
|
).data;
|
|
|
|
showTable.value = true;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div><ahTable v-if="showTable" ref="table" :tableConfig="tableData" /></div>
|
|
</template>
|