feat：【ele】【crm】contract 的迁移完成（list、detail、form）

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

@@ -36,14 +36,13 @@ const tabs = useTabs();
 const loading = ref(false); // 加载中
 const contractId = ref(0); // 合同编号
 const contract = ref<CrmContractApi.Contract>({} as CrmContractApi.Contract); // 合同详情
-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(),
 });
 
@@ -143,11 +142,7 @@ onMounted(() => {
             :biz-type="BizTypeEnum.CRM_CONTRACT"
           />
         </ElTabPane>
-        <ElTabPane
-          label="回款"
-          name="4"
-          v-if="contract.customerId"
-        >
+        <ElTabPane label="回款" name="4" v-if="contract.customerId">
           <ReceivablePlanDetailsList
             :contract-id="contractId"
             :customer-id="contract.customerId"

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

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

apps/web-ele/src/views/crm/contract/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 {
@@ -165,7 +171,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
     <FormModal @success="handleRefresh" />
     <Grid>
       <template #toolbar-actions>
-        <ElTabs class="w-full" v-model:model-value="sceneType" @tab-change="handleChangeSceneType">
+        <ElTabs
+          class="w-full"
+          v-model:model-value="sceneType"
+          @tab-change="handleChangeSceneType"
+        >
           <ElTabPane label="我负责的" name="1" />
           <ElTabPane label="我参与的" name="2" />
           <ElTabPane label="下属负责的" name="3" />

apps/web-ele/src/views/crm/product/components/edit-table.vue

@@ -126,10 +126,8 @@ watch(
   },
 );
 
-/** 产品下拉选项 */
-const productOptions = ref<CrmProductApi.Product[]>([]);
-
 /** 初始化 */
+const productOptions = ref<CrmProductApi.Product[]>([]); // 产品下拉选项
 onMounted(async () => {
   productOptions.value = await getProductSimpleList();
 });