perf: product profile detail layout insanity

 <template>
 <template>
-  <BasicDrawer v-bind="$attrs" title="产品详情" @register="register" width="50%">
+  <BasicDrawer v-bind="$attrs" title="产品详情" @register="register" width="60%">
     <Tabs :animated="true" v-model:activeKey="activeKey" @change="handlePanelChange">
     <Tabs :animated="true" v-model:activeKey="activeKey" @change="handlePanelChange">
       <TabPane forceRender key="product" tab="产品">
       <TabPane forceRender key="product" tab="产品">
         <div class="relative">
         <div class="relative">

@@ -6,83 +6,60 @@
       @register="registerTable"
       @register="registerTable"
     >
     >
       <template #toolbar>
       <template #toolbar>
-        <div class="p-column">
-          <div class="p-content">
-            <a-alert v-if="!isShowBtn" style="width: 511px" type="info" show-icon>
+        <div class="flex-auto">
+          <div class="mb-2">
+            <a-alert v-if="!isShowBtn" type="info" show-icon>
               <template #message>
               <template #message>
-                <span
-                  >当前展示的是已发布到线上的功能定义，如需修改，请点击
+                <span>
+                  当前展示的是已发布到线上的功能定义，如需修改，请点击
                   <span
                   <span
                     @click="handleEditPhysicalModel"
                     @click="handleEditPhysicalModel"
-                    class="ml-2"
-                    style="color: #409eff; cursor: pointer"
+                    class="cursor-pointer text-blue-400"
                     size="small"
                     size="small"
-                    >“编辑物模型”</span
-                  ></span
-                >
+                  >
+                    “编辑物模型”
+                  </span>
+                </span>
               </template>
               </template>
             </a-alert>
             </a-alert>
           </div>
           </div>
-          <div style="height: 20px"></div>
-          <div class="p-bottom">
-            <div>
+          <div class="flex justify-between items-end">
+            <div class="flex gap-2">
               <Authority value="">
               <Authority value="">
-                <div style="display: flex">
-                  <a-button
-                    v-if="isShowBtn"
-                    style="margin-left: -20px"
-                    type="primary"
-                    @click="handleCreateOrEdit(null)"
-                  >
-                    新增物模型
-                  </a-button>
-                  <a-button
-                    :style="[isShowBtn ? { left: 0 + 'px' } : { left: -29 + 'px' }]"
-                    class="ml-2"
-                    type="primary"
-                    @click="handleOpenTsl"
-                  >
-                    物模型TSL
-                  </a-button>
-                </div>
+                <a-button v-if="isShowBtn" type="primary" @click="handleCreateOrEdit(null)">
+                  新增物模型
+                </a-button>
+                <a-button type="primary" @click="handleOpenTsl"> 物模型TSL </a-button>
               </Authority>
               </Authority>
             </div>
             </div>
-            <div>
+            <div class="flex gap-2">
               <Authority value="">
               <Authority value="">
-                <div style="display: flex">
-                  <Popconfirm
-                    title="是否需要发布上线？"
-                    ok-text="确定"
-                    cancel-text="取消"
-                    @confirm="handleEmit"
-                  >
-                    <a-button v-if="isShowBtn" type="primary"> 发布上线 </a-button>
-                  </Popconfirm>
+                <Popconfirm
+                  title="是否需要发布上线？"
+                  ok-text="确定"
+                  cancel-text="取消"
+                  @confirm="handleEmit"
+                >
+                  <a-button v-if="isShowBtn" type="primary"> 发布上线 </a-button>
+                </Popconfirm>
+                <a-button v-if="isShowBtn" class="!bg-gray-200" type="text" @click="handleReturn">
+                  返回
+                </a-button>
+                <Popconfirm
+                  title="您确定要批量删除数据"
+                  ok-text="确定"
+                  cancel-text="取消"
+                  @confirm="handleDeleteOrBatchDelete(null)"
+                >
                   <a-button
                   <a-button
-                    style="background: #d7d7d7"
-                    v-if="isShowBtn"
-                    class="ml-2"
-                    type="text"
-                    @click="handleReturn"
+                    style="display: none"
+                    type="primary"
+                    color="error"
+                    :disabled="hasBatchDelete"
                   >
                   >
-                    返回
+                    批量删除
                   </a-button>
                   </a-button>
-                  <Popconfirm
-                    title="您确定要批量删除数据"
-                    ok-text="确定"
-                    cancel-text="取消"
-                    @confirm="handleDeleteOrBatchDelete(null)"
-                  >
-                    <a-button
-                      style="display: none"
-                      type="primary"
-                      color="error"
-                      :disabled="hasBatchDelete"
-                    >
-                      批量删除
-                    </a-button>
-                  </Popconfirm>
-                </div>
+                </Popconfirm>
               </Authority>
               </Authority>
             </div>
             </div>
           </div>
           </div>
@@ -227,12 +204,4 @@
   :deep(.ant-table-body) {
   :deep(.ant-table-body) {
     height: auto !important;
     height: auto !important;
   }
   }
-
-  :deep(.ant-divider) {
-    margin-top: 58px;
-  }
-
-  :deep(.table-settings) {
-    margin-top: 58px;
-  }
 </style>
 </style>