parent
22f298529a
commit
d8783898f4
@ -0,0 +1,17 @@ |
|||||||
|
// | ------------------------------------------------------------
|
||||||
|
// | @版本: version 0.1
|
||||||
|
// | @创建人: 【Nie-x7129】
|
||||||
|
// | @E-mail: x71291@outlook.com
|
||||||
|
// | @所在项目: hoto-auth-vue3
|
||||||
|
// | @文件描述: logger.js -
|
||||||
|
// | @创建时间: 2024-07-10 18:08
|
||||||
|
// | @更新时间: 2024-07-10 18:08
|
||||||
|
// | @修改记录:
|
||||||
|
// | -*-*-*- (时间--修改人--修改说明) -*-*-*-
|
||||||
|
// | =
|
||||||
|
// | ------------------------------------------------------------
|
||||||
|
|
||||||
|
export class initLogger{ |
||||||
|
constructor() { |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,77 @@ |
|||||||
|
<script setup name="EnvTable"> |
||||||
|
import { computed, onMounted, ref } from 'vue'; |
||||||
|
import { EnvTableColumnType } from '@/views/Auth/Env/DataModal.js'; |
||||||
|
import PacmanLoading from '@/components/Custom/Framework/Pacman/index.vue'; |
||||||
|
|
||||||
|
defineOptions({ |
||||||
|
name: 'EnvTable', |
||||||
|
}); |
||||||
|
onMounted(() => { |
||||||
|
window.pino.info('@2 EnvTable Mounted!'); |
||||||
|
}); |
||||||
|
const props = defineProps({ |
||||||
|
tableData: { |
||||||
|
type: Object, |
||||||
|
required: true, |
||||||
|
}, |
||||||
|
}); |
||||||
|
const isLoading = ref(true); |
||||||
|
// ! 表格列对象 |
||||||
|
const tableColumnObject = new EnvTableColumnType(); |
||||||
|
const tableColumns = computed(() => { |
||||||
|
// ! 判断是否存在表格列参数 |
||||||
|
setTableAuto(); |
||||||
|
if (props.tableData.columnList && props.tableData.columnList.length > 0) { |
||||||
|
// ! 过滤选择后的表格列参数 |
||||||
|
const existColumn = props.tableData.columnList.filter((i) => i.status === true); |
||||||
|
if (existColumn.length == 0) { |
||||||
|
// ! 过滤后的列不存在,传默认的列 |
||||||
|
return Object.keys(tableColumnObject).map((column) => tableColumnObject[column]); |
||||||
|
} else { |
||||||
|
// ! 传过滤后的列 |
||||||
|
return existColumn.map((column) => tableColumnObject[column.key]); |
||||||
|
} |
||||||
|
} else { |
||||||
|
// 传默认的列 |
||||||
|
return Object.keys(tableColumnObject).map((column) => tableColumnObject[column]); |
||||||
|
} |
||||||
|
}); |
||||||
|
function setTableAuto(){ |
||||||
|
isLoading.value = false; |
||||||
|
setTimeout(() => { |
||||||
|
isLoading.value = true; |
||||||
|
}, 100); |
||||||
|
} |
||||||
|
|
||||||
|
function handleResizeColumn(w, col) { |
||||||
|
col.width = w; |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<template> |
||||||
|
<PacmanLoading v-if="!isLoading" loading="1"/> |
||||||
|
<ATable |
||||||
|
v-if="isLoading" |
||||||
|
style="height: 100%" |
||||||
|
:dataSource="props.tableData.dataSource" |
||||||
|
:columns="tableColumns" |
||||||
|
@change="props.tableData.methods.handleTableChange" |
||||||
|
:pagination="false" |
||||||
|
sticky |
||||||
|
tableLayout="auto" |
||||||
|
@resizeColumn="handleResizeColumn" |
||||||
|
:row-class-name="(_record, index) => (index % 2 === 1 ? 'table-striped' : null)" |
||||||
|
:scroll="{ scrollToFirstRowOnChange: true }" |
||||||
|
> |
||||||
|
<template #bodyCell="{ column, record }"> |
||||||
|
<template v-if="column?.key === 'action'"> |
||||||
|
<ASpace> |
||||||
|
<TableRemoveButton :ackDelete="() => props.tableData.methods.handleRemoveAck(record)" /> |
||||||
|
<TableUpdateButton @click="props.tableData.methods.handleUpdate(record)" /> |
||||||
|
</ASpace> |
||||||
|
</template> |
||||||
|
</template> |
||||||
|
</ATable> |
||||||
|
</template> |
||||||
|
|
||||||
|
<style scoped></style> |
@ -0,0 +1,34 @@ |
|||||||
|
<script setup name="EnvTree"> |
||||||
|
defineOptions({ |
||||||
|
name: 'EnvTree', |
||||||
|
}); |
||||||
|
import { useBaseDataStore } from '@/stores/baseData.js'; |
||||||
|
import { onMounted, reactive } from 'vue'; |
||||||
|
const baseDataStore = useBaseDataStore(); |
||||||
|
|
||||||
|
|
||||||
|
// ! 树字段重置 |
||||||
|
const fieldNames = reactive({ |
||||||
|
children:'children', title:'label', key:'id' |
||||||
|
}); |
||||||
|
|
||||||
|
// 当页面加载时 |
||||||
|
onMounted(() => { |
||||||
|
window.pino.info('@4 EnvTree Mounted'); |
||||||
|
// ! 检测获取字典列表 |
||||||
|
if (baseDataStore.state.envList?.length == 0) { |
||||||
|
baseDataStore.getEnvList(); |
||||||
|
} |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<template> |
||||||
|
<ATree |
||||||
|
:treeData="baseDataStore.state.envTree" |
||||||
|
:show-line="true" |
||||||
|
show-icon |
||||||
|
:fieldNames="fieldNames" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
|
||||||
|
<style scoped></style> |
Loading…
Reference in new issue