通用css 替换为tailwindcss模式，剔除无用css。

web/src/view/systemTools/autoCode/component/fieldDialog.vue

@@ -7,7 +7,7 @@
       label-width="120px"
       label-position="right"
       :rules="rules"
-      class="grid-form"
+      class="grid grid-cols-2"
     >
       <el-form-item label="字段名称" prop="fieldName">
         <el-input v-model="middleDate.fieldName" autocomplete="off" style="width:80%" />
@@ -187,9 +187,3 @@ export default {
   name: 'FieldDialog'
 }
 </script>
-<style scoped>
-.grid-form{
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-}
-</style>

web/src/view/systemTools/autoCode/component/previewCodeDialg.vue

@@ -1,11 +1,9 @@
 <template>
-  <div class="previewCode">
     <el-tabs v-model="activeName">
       <el-tab-pane v-for="(item, key) in previewCode" :key="key" :label="key" :name="key">
-        <div :id="key" class="tab-info" />
+        <div :id="key" class="h-[50vh] bg-white px-5 overflow-y-scroll" />
       </el-tab-pane>
     </el-tabs>
-  </div>
 </template>
 
 <script setup>
@@ -81,14 +79,3 @@ export default {
 
 }
 </script>
-
-<style lang="scss">
-.previewCode {
-  .tab-info {
-    height: 50vh;
-    background: #fff;
-    padding: 0 20px;
-    overflow-y: scroll;
-  }
-}
-</style>