页面美化

im-admin-ui/src/views/im/chatPackage/index.vue

@@ -25,7 +25,7 @@
       <template #header>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button v-hasPermi="['im:chatPackage:add']" type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
+            <el-button v-hasPermi="['im:chatPackage:add']" type="primary" plain icon="Plus" @click="handleAdd">新增套餐</el-button>
           </el-col>
           <!-- <el-col :span="1.5">
             <el-button v-hasPermi="['im:chatPackage:edit']" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
@@ -49,7 +49,7 @@
         <!-- <el-table-column label="主键ID" align="center" prop="id" v-if="true" /> -->
         <el-table-column label="套餐名称" align="center" prop="packageName" />
         <el-table-column label="客服数量" align="center" prop="customerServiceNumber" />
-        <el-table-column label="套餐持续时间" align="center" prop="durationDays" />
+        <el-table-column label="套餐持续时间(天)" align="center" prop="durationDays" />
         <el-table-column label="状态" align="center" prop="status">
           <template #default="scope">
             <dict-tag :options="commom_status" :value="scope.row.status" />
@@ -67,7 +67,7 @@
                 v-hasPermi="['im:chatPackage:allocatePackages']"
                 link
                 type="primary"
-                icon="Plus"
+                icon="Avatar"
                 @click="handleAllocatePackages(scope.row)"
               ></el-button>
             </el-tooltip>
@@ -85,7 +85,7 @@
     </el-card>
     <!-- 添加或修改套餐对话框 -->
     <el-dialog v-model="dialog.visible" :title="dialog.title" width="800px" append-to-body>
-      <el-form ref="chatPackageFormRef" :model="form" :rules="rules" label-width="120px">
+      <el-form ref="chatPackageFormRef" :model="form" :rules="rules" label-width="140px">
         <el-form-item label="套餐名称" prop="packageName">
           <el-input v-model="form.packageName" placeholder="请输入套餐名称" />
         </el-form-item>
@@ -96,7 +96,7 @@
         <el-form-item label="客服数量" prop="customerServiceNumber">
           <el-input-number v-model="form.customerServiceNumber" :min="1" :step="1" placeholder="请输入客服数量" style="width: 100%" />
         </el-form-item>
-        <el-form-item label="套餐持续时间" prop="durationDays">
+        <el-form-item label="套餐持续时间(天)" prop="durationDays">
           <el-input-number v-model="form.durationDays" :min="1" :step="1" placeholder="请输入套餐持续时间" style="width: 100%" />
         </el-form-item>
         <el-form-item label="状态" prop="status">
@@ -108,7 +108,7 @@
           <el-input-number v-model="form.sortOrder" :min="0" :step="1" placeholder="请输入排序" style="width: 100%" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" placeholder="请输入备注" />
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
         </el-form-item>
       </el-form>
       <template #footer>