|
|
@@ -2,7 +2,7 @@
|
|
|
<BasicModal
|
|
|
v-bind="$attrs"
|
|
|
@register="register"
|
|
|
- title="子账号"
|
|
|
+ :title="t('routes.devices.title')"
|
|
|
@ok="saveTable"
|
|
|
width="600px"
|
|
|
@visible-change="handleVisibleChange"
|
|
|
@@ -18,7 +18,7 @@
|
|
|
<template #addeduser="{ model, field }">
|
|
|
{{ model[field] || 0 }}
|
|
|
<a-button @click="openTargetModal()" type="primary" preIcon="ic:outline-person-add">
|
|
|
- 新增子账号
|
|
|
+ {{ t('routes.devices.title') }}
|
|
|
</a-button>
|
|
|
</template>
|
|
|
</BasicForm>
|
|
|
@@ -37,7 +37,7 @@
|
|
|
// onClick: handleDelete.bind(null, record, 'edit'),
|
|
|
// },
|
|
|
{
|
|
|
- label: '解绑',
|
|
|
+ label: t('common.unbind'),
|
|
|
icon: 'mdi:account-multiple-remove-outline',
|
|
|
onClick: handleDelete.bind(null, record, 'unbond'),
|
|
|
},
|
|
|
@@ -45,14 +45,14 @@
|
|
|
/>
|
|
|
</template>
|
|
|
</BasicTable>
|
|
|
- <AddModal @register="registerModal" @submit="handleAddUser" />
|
|
|
+ <AddModal @tablelist="getTableList" @register="registerModal" @submit="handleAddUser" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<EditModal @register="registerEdit" />
|
|
|
</BasicModal>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
- import { defineComponent, reactive, nextTick } from 'vue';
|
|
|
+ import { defineComponent, reactive, nextTick, unref } from 'vue';
|
|
|
import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
|
|
|
import { BasicTable, useTable, BasicColumn, TableAction } from '/@/components/Table';
|
|
|
import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
|
|
|
@@ -159,10 +159,16 @@
|
|
|
|
|
|
const [
|
|
|
registerSubtable,
|
|
|
- { reload: reloadSubtable, deleteTableDataRecord, getDataSource, insertTableDataRecord },
|
|
|
+ {
|
|
|
+ reload: reloadSubtable,
|
|
|
+ updateTableDataRecord,
|
|
|
+ deleteTableDataRecord,
|
|
|
+ getDataSource,
|
|
|
+ insertTableDataRecord,
|
|
|
+ },
|
|
|
] = useTable({
|
|
|
- title: '子账户列表',
|
|
|
- rowKey: 'id',
|
|
|
+ title: `${t('routes.devices.listTile')}`,
|
|
|
+ rowKey: 'userName',
|
|
|
api: selectUserList,
|
|
|
immediate: false,
|
|
|
columns: columns,
|
|
|
@@ -225,9 +231,8 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- async function beforeEditSubmit({ _, index, key, value }) {
|
|
|
- myData.TableData[index][key] = value;
|
|
|
- return true;
|
|
|
+ async function beforeEditSubmit({ record, _, key, value }) {
|
|
|
+ updateTableDataRecord(record.userName, { ...record, [key]: value });
|
|
|
}
|
|
|
function handleVisibleChange(v) {
|
|
|
v && props.userData && nextTick(() => onDataReceive(props.userData));
|
|
|
@@ -253,7 +258,10 @@
|
|
|
function addTabledata(val) {
|
|
|
console.log('addTabledata', val);
|
|
|
}
|
|
|
-
|
|
|
+ function getTableList(callback) {
|
|
|
+ let tableList = unref(getDataSource());
|
|
|
+ callback(tableList);
|
|
|
+ }
|
|
|
function handleAddUser(newUser) {
|
|
|
console.log('newUser', newUser);
|
|
|
insertTableDataRecord({
|
|
|
@@ -285,6 +293,7 @@
|
|
|
reloadSubtable,
|
|
|
searchInfo,
|
|
|
handleAddUser,
|
|
|
+ getTableList,
|
|
|
};
|
|
|
},
|
|
|
});
|