build(web): 移除 Tailwind CSS 依赖

- 移除了 @tailwindcss/vite 和 tailwindcss 依赖
- 在 index.html 中添加了 tailwindcss.js 脚本引用
- 调整了 Prettier 配置，增加了打印宽度

web/src/App.vue

@@ -7,4 +7,5 @@ import { RouterView } from 'vue-router';
 </template>
 
 <style scoped>
+
 </style>

web/src/assets/main.css

@@ -1,5 +1,5 @@
 @import './base.css';
-@import 'tailwindcss';
+
 #app {
   max-width: 1280px;
   margin: 0 auto;

web/src/views/HomeView.vue

@@ -91,10 +91,10 @@ const submitForm = () => {
       <template #header>
         <div class="card-header">
           <span>角色列表</span>
-          <el-input class="w-60" v-model="roleSearch" placeholder="请输入角色名称或ID" @input="fetchRoleList"></el-input>
+          <el-input style="width: 240px;" v-model="roleSearch" placeholder="请输入角色名称或ID" @input="fetchRoleList"></el-input>
         </div>
       </template>
-      <el-table :data="roleList" style="width: 100%">
+      <el-table :data="roleList" style="width: 100%" border>
         <el-table-column prop="id" label="ID" width="180"></el-table-column>
         <el-table-column prop="name" label="角色名称" width="180"></el-table-column>
         <el-table-column prop="level" label="等级"></el-table-column>
@@ -106,10 +106,10 @@ const submitForm = () => {
       <template #header>
         <div class="card-header">
           <span>充值流水</span>
-          <el-input class="w-60" v-model="rechargeSearch" placeholder="请输入角色名称或流水单号" @input="fetchRechargeList"></el-input>
+          <el-input style="width: 240px;" v-model="rechargeSearch" placeholder="请输入角色名称或流水单号" @input="fetchRechargeList"></el-input>
         </div>
       </template>
-      <el-table :data="rechargeList" style="width: 100%">
+      <el-table :data="rechargeList" style="width: 100%" border>
         <el-table-column prop="id" label="流水单号" width="180"></el-table-column>
         <el-table-column prop="roleName" label="角色名称" width="180"></el-table-column>
         <el-table-column prop="amount" label="充值金额"></el-table-column>