Commit 5ab32386 authored by jiaxu.yan's avatar jiaxu.yan

fix: 代码格式错误

parent b30709b5
<template> <template>
<BasicModal <BasicModal
width="70%" width="70%"
v-bind="$attrs" v-bind="$attrs"
@register="register" @register="register"
title="选择合同导入" title="选择合同导入"
:minHeight="30" :minHeight="30"
okText="导入" okText="导入"
@ok="handleSubmit" @ok="handleSubmit"
@visible-change="handleVisibleChange" @visible-change="handleVisibleChange"
> >
<BasicTable @register="registerTable"> <BasicTable @register="registerTable"> </BasicTable>
</BasicTable>
</BasicModal> </BasicModal>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { BasicModal, useModalInner } from '@/components/Modal'; import { BasicModal, useModalInner } from '@/components/Modal';
import { BasicTable, useTable } from '@/components/Table'; import { BasicTable, useTable } from '@/components/Table';
import {getGroupList } from '@/api/contract/contract'; import { getGroupList } from '@/api/contract/contract';
import { useMessage } from '@/hooks/web/useMessage'; import { useMessage } from '@/hooks/web/useMessage';
import {getBasicColumns } from './data'; import { getBasicColumns } from './data';
import {onMounted,ref} from "vue"; import { onMounted, ref } from 'vue';
const tableList = ref([]); const tableList = ref([]);
onMounted( async () =>{ onMounted(async () => {
const list=await getGroupList(); const list = await getGroupList();
for (let i = 0; i < list.length; i++) { for (let i = 0; i < list.length; i++) {
list[i].id= list[i].id+"_"+Math.random().toString(36).substring(2,10) list[i].id = list[i].id + '_' + Math.random().toString(36).substring(2, 10);
let item=list[i].children; let item = list[i].children;
let childrenList=[] let childrenList = [];
for (let j = 0; j < item.length; j++) { for (let j = 0; j < item.length; j++) {
childrenList.push(Object.assign(item[j],{markers:"1"})); childrenList.push(Object.assign(item[j], { markers: '1' }));
}
list[i].children=childrenList
}
tableList.value=list
console.log(list,"数据查看list")
})
const [registerTable, { expandAll,getSelectRows }] = useTable({
title: '树形表格',
isTreeTable: true,
accordion: true, // 手风琴效果
rowSelection: {
type: 'checkbox',
getCheckboxProps(record: Recordable) {
// Demo: 第一行(id为0)的选择框禁用
if (record.id === "0") {
return { disabled: true };
} else {
return { disabled: false };
} }
list[i].children = childrenList;
}
tableList.value = list;
console.log(list, '数据查看list');
});
const [registerTable, { expandAll, getSelectRows }] = useTable({
title: '树形表格',
isTreeTable: true,
accordion: true, // 手风琴效果
rowSelection: {
type: 'checkbox',
getCheckboxProps(record: Recordable) {
// Demo: 第一行(id为0)的选择框禁用
if (record.id === '0') {
return { disabled: true };
} else {
return { disabled: false };
}
},
}, },
titleHelpMessage: '树形组件不能和序列号列同时存在',
columns: getBasicColumns(),
dataSource: tableList,
rowKey: 'id',
showSelectionBar: true, // 显示多选状态栏
});
}, const { createMessage } = useMessage();
titleHelpMessage: '树形组件不能和序列号列同时存在', function getSelectRowList() {
columns: getBasicColumns(), let selectData = getSelectRows();
dataSource: tableList, let data = [];
rowKey: 'id', for (let i = 0; i < selectData.length; i++) {
showSelectionBar: true, // 显示多选状态栏 let item = selectData[i];
}); if (item.markers === '0') {
for (let j = 0; j < item.children.length; j++) {
const { createMessage } = useMessage(); data.push(item.children[j]);
function getSelectRowList() { }
let selectData=getSelectRows() }
let data=[] if (item.markers == '1') {
for (let i = 0; i <selectData.length; i++) { data.push(item);
let item=selectData[i]
if(item.markers === "0"){
for (let j = 0; j <item.children.length; j++) {
data.push(item.children[j])
} }
} }
if(item.markers=="1"){ console.log(data);
data.push(item) emit('close', data);
}
} }
console.log(data)
emit('close', data);
}
const emit = defineEmits(['close']); const emit = defineEmits(['close']);
function handleVisibleChange(v) {} function handleVisibleChange(v) {}
const [register, { closeModal }] = useModalInner((data) => { const [register, { closeModal }] = useModalInner((data) => {
data; data;
}); });
function handleSubmit() { function handleSubmit() {
getSelectRowList(); getSelectRowList();
closeModal(); closeModal();
} }
</script> </script>
...@@ -73,7 +73,8 @@ ...@@ -73,7 +73,8 @@
import yearModal from '@/components/yearModal.vue'; import yearModal from '@/components/yearModal.vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
const { push } = useRouter(); const { push } = useRouter();
import { createMessage } from '@/hooks/web/useMessage'; import {useMessage} from "@/hooks/web/useMessage";
const {createMessage} = useMessage();
const { error } = createMessage; const { error } = createMessage;
defineOptions({ name: 'RoleManagement' }); defineOptions({ name: 'RoleManagement' });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment