项目资料收集

src/views/project/admin/create.vue

@@ -1,7 +1,7 @@
 <template>
     <hc-card scrollbar is-action-btn class="create-project">
         <template #header>
-            <div class="text-[24px] font-bold">项目信息填写</div>
+            <div class="flex-1 text-center text-[24px] font-bold">项目信息填写</div>
         </template>
         <el-form :model="baseForm" label-width="auto" :rules="baseFormRules">
             <el-row :gutter="20">

src/views/project/modules/project-list.vue

@@ -1,18 +1,29 @@
 <template>
-    <hc-table
-        :column="tableColumn" :datas="tableData" :index-style="{ width: 60 }" is-check :check-style="{ fixed: true, width: 29 }"
-        class="hc-project-list-table" @selection-change="tableCheckChange"
-    >
-        <template #key1="{ row }">
-            <el-link type="primary" @click="rowNameClick(row)">{{ row.key1 }}</el-link>
-        </template>
-        <template #action="{ row }">
-            <el-link v-if="isAdminAuth" type="warning" @click="completion(row)">项目完成情况</el-link>
-            <el-link type="primary" @click="examine(row)">查看</el-link>
-            <el-link v-if="isAdminAuth" v-del-com:[delTableItem]="row" type="danger">删除</el-link>
-            <el-link v-yes-com:[deriveTableItem]="row" type="success">导出</el-link>
-        </template>
-    </hc-table>
+    <div class="hc-full">
+        <hc-table
+            :column="tableColumn" :datas="tableData" :index-style="{ width: 60 }" is-check :check-style="{ fixed: true, width: 29 }"
+            class="hc-project-list-table" @selection-change="tableCheckChange"
+        >
+            <template #key1="{ row }">
+                <el-link type="primary" @click="rowNameClick(row)">{{ row.key1 }}</el-link>
+            </template>
+            <template #action="{ row }">
+                <el-link v-if="isAdminAuth" type="warning" @click="completion(row)">项目完成情况</el-link>
+                <el-link type="primary" @click="examine(row)">查看</el-link>
+                <el-link v-if="isAdminAuth" v-del-com:[delTableItem]="row" type="danger">删除</el-link>
+                <el-link v-yes-com:[deriveTableItem]="row" type="success">导出</el-link>
+            </template>
+        </hc-table>
+        <!-- 查看详情 -->
+        <hc-drawer v-model="isDrawer" to-id="hc-main-box" is-close>
+            <hc-card class="hc-project-list-drawer">
+                <template #header>
+                    <div class="flex-1 text-center text-[24px] font-bold">项目详情</div>
+                </template>
+                11111
+            </hc-card>
+        </hc-drawer>
+    </div>
 </template>
 
 <script setup>
@@ -239,8 +250,9 @@ const completion = (row) => {
 }
 
 //查看
+const isDrawer = ref(false)
 const examine = (row) => {
-    console.log('查看')
+    isDrawer.value = true
     emit('examine', row)
 }