弹框样式修改

frontend/src/views/plan/planList/index.vue

@@ -63,10 +63,18 @@
               >查询</el-button
             >
             <el-button :icon="Refresh" @click="handleRefresh">重置</el-button>
-            <el-button type="primary" :icon="Upload" @click="handleRefresh">导入</el-button>
-            <el-button type="primary" :icon="Check" @click="handleRefresh">合并</el-button>
-            <el-button type="primary" :icon="Plus" @click="handleRefresh">新增</el-button>
-            <el-button type="danger" :icon="Delete" @click="handleRefresh">删除</el-button>
+            <el-button type="primary" :icon="Upload" @click="handleRefresh"
+              >导入</el-button
+            >
+            <el-button type="primary" :icon="Check" @click="handleRefresh"
+              >合并</el-button
+            >
+            <el-button type="primary" :icon="Plus" @click="handleRefresh"
+              >新增</el-button
+            >
+            <el-button type="danger" :icon="Delete" @click="handleRefresh"
+              >删除</el-button
+            >
           </el-form-item>
         </el-form>
 
@@ -116,7 +124,7 @@
           type="primary"
           link
           :icon="View"
-          @click="openDrawer('查看', scope.row)"
+          @click="handleDetails('查看', scope.row)"
           >查看</el-button
         >
         <el-button
@@ -136,6 +144,7 @@
       </template>
     </ProTable>
   </div>
+  <plan-details ref="detailsRef"></plan-details>
 </template>
 
 <script setup lang="tsx" name="useProTable">
@@ -147,6 +156,7 @@ import { useDownload } from "@/hooks/useDownload";
 import { ElMessage, ElMessageBox } from "element-plus";
 import ProTable from "@/components/ProTable/index.vue";
 import ImportExcel from "@/components/ImportExcel/index.vue";
+import planDetails from "./components/details.vue";
 import {
   CirclePlus,
   Delete,
@@ -237,6 +247,13 @@ const getTableList = (params: any) => {
   delete newParams.createTime;
   return getPlanList(newParams);
 };
+//查看详情
+const detailsRef:any = ref();
+const handleDetails = () => {
+  console.log(detailsRef.value,"+++++++++++++++");
+  detailsRef.value.open("查看计划");
+};
+
 // 表格配置项
 const columns = reactive<ColumnProps<User.ResUserList>[]>([
   { type: "selection", fixed: "left", width: 70 },