feat：【ele】【crm】receivable 完成

apps/web-antd/src/views/crm/receivable/detail/index.vue

@@ -40,7 +40,6 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/crm/receivable/detail/modules/info.vue

@@ -29,7 +29,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="receivable" />
     <Divider />
     <SystemDescriptions :data="receivable" />

apps/web-antd/src/views/crm/receivable/index.vue

@@ -161,7 +161,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
     <FormModal @success="handleRefresh" />
     <Grid>
-      <template toolbar-actions>
+      <template #toolbar-actions>
         <Tabs class="w-full" @change="handleChangeSceneType">
           <Tabs.TabPane tab="我负责的" key="1" />
           <Tabs.TabPane tab="我参与的" key="2" />

apps/web-antd/src/views/crm/receivable/plan/detail/index.vue

@@ -34,14 +34,11 @@ const receivablePlan = ref<CrmReceivablePlanApi.Plan>(
 );
 const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
 const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
-
-// 校验编辑权限
-const validateWrite = () => permissionListRef.value?.validateWrite;
+const validateWrite = () => permissionListRef.value?.validateWrite; // 校验编辑权限
 
 const [Descriptions] = useDescription({
   bordered: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/crm/receivable/plan/detail/modules/info.vue

@@ -29,7 +29,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="receivablePlan" />
     <Divider />
     <SystemDescriptions :data="receivablePlan" />

apps/web-ele/src/views/crm/clue/detail/modules/info.vue

@@ -28,7 +28,7 @@ const [SystemDescriptions] = useDescription({
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="clue" />
     <ElDivider />
     <SystemDescriptions :data="clue" />

apps/web-ele/src/views/crm/receivable/detail/index.vue

@@ -34,14 +34,13 @@ const receivableId = ref(0); // 回款编号
 const receivable = ref<CrmReceivableApi.Receivable>(
   {} as CrmReceivableApi.Receivable,
 ); // 回款详情
-const activeTabName = ref('1'); // 选中 Tab 名
 const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
 const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
+const activeTabName = ref('1'); // 选中 Tab 名
 
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 

apps/web-ele/src/views/crm/receivable/detail/modules/info.vue

@@ -15,7 +15,6 @@ const [BaseDescriptions] = useDescription({
   title: '基本信息',
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailBaseSchema(),
 });
 
@@ -23,13 +22,12 @@ const [SystemDescriptions] = useDescription({
   title: '系统信息',
   border: false,
   column: 3,
-  class: 'mx-4',
   schema: useDetailSystemSchema(),
 });
 </script>
 
 <template>
-  <div class="p-4">
+  <div>
     <BaseDescriptions :data="receivable" />
     <ElDivider />
     <SystemDescriptions :data="receivable" />

apps/web-ele/src/views/crm/receivable/index.vue

@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -160,7 +166,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs v-model:model-value="sceneType" class="w-full" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+          v-model:model-value="sceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />

apps/web-ele/src/views/crm/receivable/plan/detail/index.vue

@@ -35,14 +35,11 @@ const receivablePlan = ref<CrmReceivablePlanApi.Plan>(
 const activeTabName = ref('1'); // 选中 Tab 名
 const logList = ref<SystemOperateLogApi.OperateLog[]>([]); // 操作日志
 const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
-
-// 校验编辑权限
-const validateWrite = () => permissionListRef.value?.validateWrite;
+const validateWrite = () => permissionListRef.value?.validateWrite; // 校验编辑权限
 
 const [Descriptions] = useDescription({
   border: false,
   column: 4,
-  class: 'mx-4',
   schema: useDetailSchema(),
 });
 

apps/web-ele/src/views/crm/receivable/plan/index.vue

@@ -8,7 +8,13 @@ import { useRouter } from 'vue-router';
 import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { ElButton, ElLoading, ElMessage, ElTabPane, ElTabs } from 'element-plus';
+import {
+  ElButton,
+  ElLoading,
+  ElMessage,
+  ElTabPane,
+  ElTabs,
+} from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -144,7 +150,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <ReceivableFormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs v-model:model-value="sceneType" class="w-full" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          @tab-change="handleChangeSceneType"
+          v-model:model-value="sceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="下属负责的" name="3" />
         </ElTabs>