优化

src/service/IntroduceProjectList.vue

@@ -6,7 +6,7 @@ import { getConditioningRecordDetailMethod } from '@/request/api/care.api';
 const tableData = ref<SystemItemModel[]>([]);
 
 type FollowModel = Partial<SystemCwModel>;
-const props = defineProps<{ data: FollowModel,id:string }>();
+const props = defineProps<{ data: FollowModel; id: string }>();
 
 // 引入已有项目
 async function handleAdd(row: any) {
@@ -19,37 +19,31 @@ async function handleAdd(row: any) {
 function handleCancel() {
   VxeUI.modal.close(`introduceProjectList-modal`);
 }
-const dataObj=reactive<SystemCwModel>({
-  type:'institution',
-  id:props.id
-})
-onMounted(async() => {
-  console.log(dataObj, 'dataObj');
+const dataObj = reactive<SystemCwModel>({
+  type: 'institution',
+  id: props.id,
+});
+onMounted(async () => {
   const res: any = await getConditioningRecordDetailMethod(dataObj);
   tableData.value = res.items;
-
 });
 const checked = ref(true);
 </script>
 
 <template>
-  <div style="background: #fff; border-radius: 6px;">
-    <vxe-table :data="tableData" border :row-class-name="({ row }) => !row.canImport ? 'highlight-row' : ''">
-      <vxe-column field="conditioningProgramDetail.name" title="项目名称" width="380" />
-      <vxe-column field="conditioningProgramDetail.conditioningProgramType" title="方案类型" width="400" />
+  <div style="background: #fff; border-radius: 6px">
+    <vxe-table :data="tableData" border :row-class-name="({ row }) => (!row.canImport ? 'highlight-row' : '')">
+      <vxe-column field="conditioningProgramDetail.name" title="项目名称" width="200" />
+      <vxe-column field="conditioningProgramDetail.conditioningProgramType" title="方案类型" width="300" />
       <vxe-column title="是否可引入" width="200" align="center">
-        <template>
-          <a-checkbox
-            v-if="true"
-            v-model:checked="checked"
-            disabled="true"
-          />
-          <!-- <span v-else style="color: #f5222d; margin-right: 8px; font-size: 8px;">{{ row.reason }}</span> -->
+        <template #default="{ row }">
+          <a-checkbox v-if="true" v-model:checked="checked" disabled />
+          <span v-else style="color: #f5222d; margin-right: 8px; font-size: 8px">{{ row.reason }}</span>
         </template>
       </vxe-column>
     </vxe-table>
-    <div style="display: flex; justify-content: center; margin-top: 24px;">
-      <a-button style="margin-right: 24px;" @click="handleCancel">取消</a-button>
+    <div style="display: flex; justify-content: center; margin-top: 24px">
+      <a-button style="margin-right: 24px" @click="handleCancel">取消</a-button>
       <a-button type="primary" @click="handleAdd">引入已有项目</a-button>
     </div>
   </div>