1、入驻单位、人员优化

apps/web-antd/src/views/property/resident/person/index.vue

@@ -14,7 +14,7 @@ import {
 import {
   personExport,
   personList,
-  personRemove,
+  personRemove, personUpdate,
 } from '#/api/property/resident/person';
 import type { PersonForm } from '#/api/property/resident/person/model';
 import { commonDownloadExcel } from '#/utils/file/download';
@@ -22,7 +22,8 @@ import { commonDownloadExcel } from '#/utils/file/download';
 import personModal from './person-modal.vue';
 import personDetail from './person-detail.vue';
 import { columns, querySchema } from './data';
-// import {TableSwitch} from "#/components/table";
+import {useAccess} from "@vben/access";
+import {TableSwitch} from "#/components/table";
 
 const formOptions: VbenFormProps = {
   commonConfig: {
@@ -44,8 +45,6 @@ const gridOptions: VxeGridProps = {
     // 点击行选中
     // trigger: 'row',
   },
-  // 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
-  // columns: columns(),
   columns,
   height: 'auto',
   keepSource: true,
@@ -80,6 +79,7 @@ const [PersonDetail, personDetailApi] = useVbenModal({
   connectedComponent: personDetail,
 });
 
+const { hasAccessByCodes } = useAccess();
 
 function handleAdd() {
   modalApi.setData({});
@@ -120,7 +120,6 @@ function handleInfo(row: Required<PersonForm>) {
   personDetailApi.setData({ id: row.id });
   personDetailApi.open();
 }
-
 </script>
 
 <template>
@@ -152,18 +151,20 @@ function handleInfo(row: Required<PersonForm>) {
         </Space>
       </template>
       <template #img="{ row }">
-        <Avatar :src="row.img" />
+        <Avatar :src="row.img" v-if="row.img" />
+        <span v-else >无</span>
+      </template>
+      <template #state="{ row }">
+
+        <TableSwitch
+          :checkedValue="1"
+          :unCheckedValue="0"
+          v-model:value="row.state"
+          :api="() => personUpdate(row)"
+          :disabled="!hasAccessByCodes(['property:person:edit'])"
+          @reload="() => tableApi.query()"
+        />
       </template>
-<!--      <template #state="{ row }">-->
-<!--        <TableSwitch-->
-<!--          v-model:value="row.status"-->
-<!--          :api="() => personStatusChange(row)"-->
-<!--          :disabled="-->
-<!--              row.userId === 1 || !hasAccessByCodes(['system:user:edit'])-->
-<!--            "-->
-<!--          @reload="() => tableApi.query()"-->
-<!--        />-->
-<!--      </template>-->
       <template #action="{ row }">
         <Space>
           <ghost-button
@@ -200,6 +201,6 @@ function handleInfo(row: Required<PersonForm>) {
 </template>
 <style scoped>
 :where(.css-dev-only-do-not-override-aza1th).ant-avatar{
-border-radius: 0;
+  border-radius: 0;
 }
 </style>