管理后台-样式

htmldev/manage/src/views/business/oms/list/index.vue

@@ -33,20 +33,20 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="订单ID" prop="id"></el-table-column>
-      <el-table-column label="订单编号" prop="order_number"></el-table-column>
+      <el-table-column label="订单ID" prop="id" width="80"></el-table-column>
+      <el-table-column label="订单编号" prop="order_number" width="200"></el-table-column>
       <el-table-column label="桌号" prop="place_number"></el-table-column>
       <el-table-column label="点单用户" prop="order_user_name"></el-table-column>
-      <el-table-column label="手机号" prop="order_user_phone"></el-table-column>
+      <el-table-column label="手机号" prop="order_user_phone" width="120"></el-table-column>
       <el-table-column label="商品数量" prop="product_num"></el-table-column>
-      <el-table-column label="下单时间" prop="created_at"></el-table-column>
-      <el-table-column label="订单状态状态">
+      <el-table-column label="下单时间" prop="created_at" width="180"></el-table-column>
+      <el-table-column label="订单状态状态" width="120">
         <template slot-scope="scope">
           <p>{{ ['待支付', '已支付', '全部退款', '部分退款', '已取消'][scope.row.order_status] }}</p>
         </template>
       </el-table-column>
-      <el-table-column label="用户支付订单编号" prop="order_official_number"></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="用户支付订单编号" prop="order_official_number" width="200"></el-table-column>
+      <el-table-column label="操作" fixed="right">
         <template slot-scope="scope">
           <el-button type="text"
                      v-permission="'business_oms_order_check'"

htmldev/manage/src/views/business/pms/category/index.vue

@@ -25,7 +25,7 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="分类名称" prop="category_name" width="240"></el-table-column>
       <el-table-column label="商品数量" prop="product_num"></el-table-column>
       <el-table-column label="排序" prop="category_sort_id"></el-table-column>
@@ -34,9 +34,9 @@
           <p>{{ ['下架', '上架'][scope.row.category_status] }}</p>
         </template>
       </el-table-column>
-      <el-table-column label="添加时间" prop="created_at"></el-table-column>
-      <el-table-column label="修改时间" prop="updated_at"></el-table-column>
-      <el-table-column label="操作" width="220">
+      <el-table-column label="添加时间" prop="created_at" width="180"></el-table-column>
+      <el-table-column label="修改时间" prop="updated_at" width="180"></el-table-column>
+      <el-table-column label="操作" width="120">
         <template slot-scope="scope">
           <el-button type="text"
                      v-permission="'business_pms_category_edit'"

htmldev/manage/src/views/business/pms/goodsAttr/index.vue

@@ -25,14 +25,14 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id" width="200"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="附加名称" prop="attach_name" width="200"></el-table-column>
       <el-table-column label="可选值列表">
         <template slot-scope="scope">
           <p>{{ scope.row.attach_content.replace(/,/g, '，') }}</p>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="220">
+      <el-table-column label="操作" width="120">
         <template slot-scope="scope">
           <el-button type="text"
                      v-permission="'business_pms_goodsAttr_edit'"

htmldev/manage/src/views/business/saveWine/index.vue

@@ -31,10 +31,10 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
-      <el-table-column label="订单编号" prop="storage_number"></el-table-column>
-      <el-table-column label="酒名" prop="storage_name"></el-table-column>
-      <el-table-column label="存酒图片">
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
+      <el-table-column label="订单编号" prop="storage_number" width="160"></el-table-column>
+      <el-table-column label="酒名" prop="storage_name" width="200"></el-table-column>
+      <el-table-column label="存酒图片" width="140">
         <template slot-scope="scope">
           <el-image style="width: 100px; height: 100px"
                     :src="scope.row.storage_img_url"
@@ -42,19 +42,19 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column label="用户昵称" prop="user_name"></el-table-column>
-      <el-table-column label="用户手机" prop="user_phone"></el-table-column>
+      <el-table-column label="用户昵称" prop="user_name" width="120"></el-table-column>
+      <el-table-column label="用户手机" prop="user_phone" width="120"></el-table-column>
       <el-table-column label="存储状态">
         <template slot-scope="scope">
           <p>{{ ['存储中', '已取走'][scope.row.storage_status] }}</p>
         </template>
       </el-table-column>
-      <el-table-column label="存酒时间" prop="created_at"></el-table-column>
-      <el-table-column label="取酒时间" prop="storage_out_at"></el-table-column>
-      <el-table-column label="录入人" prop="operation_in_name"></el-table-column>
-      <el-table-column label="取酒人" prop="operation_out_name"></el-table-column>
-      <el-table-column label="备注" prop="storage_remark"></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="存酒时间" prop="created_at" width="160"></el-table-column>
+      <el-table-column label="取酒时间" prop="storage_out_at" width="160"></el-table-column>
+      <el-table-column label="录入人" prop="operation_in_name" width="120"></el-table-column>
+      <el-table-column label="取酒人" prop="operation_out_name" width="120"></el-table-column>
+      <el-table-column label="备注" prop="storage_remark" width="300"></el-table-column>
+      <el-table-column label="操作" fixed="right">
         <template slot-scope="scope">
           <el-button type="text"
                      v-permission="'business_saveWine_edit'"

htmldev/manage/src/views/business/sms/musicLib/index.vue

@@ -21,7 +21,7 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="艺人" prop="user_name"></el-table-column>
       <el-table-column label="手机号" prop="user_phone"></el-table-column>
       <el-table-column label="曲库数量" prop="song_num"></el-table-column>

htmldev/manage/src/views/business/sms/plan/index.vue

@@ -37,13 +37,13 @@
       <el-table-column label="艺人" prop="plan_author_name"></el-table-column>
       <el-table-column label="演唱时间">
         <template slot-scope="scope">
-          <p>{{ scope.row.plan_start_time }}</p>
-          <p>至</p>
-          <p>{{ scope.row.plan_end_time }}</p>
+          <span>{{ scope.row.plan_start_time }}</span>
+          <span>至</span>
+          <span>{{ scope.row.plan_end_time }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="本节点歌歌单" prop="song_num"></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="本节点歌歌单" prop="song_num" width="120"></el-table-column>
+      <el-table-column label="操作" width="160">
         <template slot-scope="scope">
           <el-button type="text" v-permission="'business_sms_plan_set'" @click="editPlayList(scope.row)">设置歌单
           </el-button>

htmldev/manage/src/views/fms/check/index.vue

@@ -48,7 +48,7 @@
         </template>
       </el-table-column>
       <el-table-column label="订单类型" prop="order_type"></el-table-column>
-      <el-table-column label="流水时间" prop="created_at"></el-table-column>
+      <el-table-column label="流水时间" prop="created_at" width="160"></el-table-column>
       <el-table-column label="订单编号" prop="order_number"></el-table-column>
       <el-table-column label="用户名称" prop="user_name"></el-table-column>
     </el-table>

htmldev/manage/src/views/ums/boss/index.vue

@@ -33,7 +33,7 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="头像">
         <template slot-scope="scope">
           <el-image style="width: 100px; height: 100px"
@@ -42,11 +42,11 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column label="昵称" prop="user_name"></el-table-column>
-      <el-table-column label="手机号" prop="user_phone"></el-table-column>
+      <el-table-column label="昵称" prop="user_name" width="160"></el-table-column>
+      <el-table-column label="手机号" prop="user_phone" width="120"></el-table-column>
       <el-table-column label="生日" prop="user_birthday"></el-table-column>
       <el-table-column label="性别" prop="user_sex"></el-table-column>
-      <el-table-column label="创建时间" prop="created_at"></el-table-column>
+      <el-table-column label="创建时间" prop="created_at" width="160"></el-table-column>
       <el-table-column label="用户状态">
         <template slot-scope="scope">
           <p>{{ ['正常', '禁用'][scope.row.user_status] }}</p>

htmldev/manage/src/views/ums/customer/index.vue

@@ -32,7 +32,7 @@
               fit class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="头像">
         <template slot-scope="scope">
           <el-image style="width: 100px; height: 100px"
@@ -41,15 +41,16 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column label="昵称" prop="user_name"></el-table-column>
-      <el-table-column label="手机号" prop="user_phone"></el-table-column>
+      <el-table-column label="昵称" prop="user_name" width="160"></el-table-column>
+      <el-table-column label="手机号" prop="user_phone" width="120"></el-table-column>
       <el-table-column label="生日" prop="user_birthday"></el-table-column>
       <el-table-column label="性别" prop="user_sex"></el-table-column>
-      <el-table-column label="注册时间" prop="created_at"></el-table-column>
-      <el-table-column label="最近一次登录时间" prop="user_login_at"></el-table-column>
+      <el-table-column label="注册时间" prop="created_at" width="160"></el-table-column>
+      <el-table-column label="最近一次登录时间" prop="user_login_at" width="160"></el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button type="text" v-permission="'ums_customer_check'" @click="$router.push({name: 'FmsCheck', query: {user_id: scope.row.id }})">消费记录
+          <el-button type="text" v-permission="'ums_customer_check'"
+                     @click="$router.push({name: 'FmsCheck', query: {user_id: scope.row.id }})">消费记录
           </el-button>
         </template>
       </el-table-column>

htmldev/manage/src/views/ums/singer/index.vue

@@ -33,7 +33,7 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="头像">
         <template slot-scope="scope">
           <el-image style="width: 100px; height: 100px"
@@ -42,11 +42,11 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column label="昵称" prop="user_name"></el-table-column>
-      <el-table-column label="手机号" prop="user_phone"></el-table-column>
+      <el-table-column label="昵称" prop="user_name" width="160"></el-table-column>
+      <el-table-column label="手机号" prop="user_phone" width="120"></el-table-column>
       <el-table-column label="生日" prop="user_birthday"></el-table-column>
       <el-table-column label="性别" prop="user_sex"></el-table-column>
-      <el-table-column label="注册时间" prop="created_at"></el-table-column>
+      <el-table-column label="注册时间" prop="created_at" width="160"></el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
           <el-button type="text"

htmldev/manage/src/views/ums/worker/index.vue

@@ -33,7 +33,7 @@
               class="marginT-10 order-table"
               border
               :max-height="vheight">
-      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="ID" prop="id" width="80"></el-table-column>
       <el-table-column label="头像">
         <template slot-scope="scope">
           <el-image style="width: 100px; height: 100px"
@@ -42,11 +42,11 @@
           </el-image>
         </template>
       </el-table-column>
-      <el-table-column label="昵称" prop="user_name"></el-table-column>
-      <el-table-column label="手机号" prop="user_phone"></el-table-column>
+      <el-table-column label="昵称" prop="user_name" width="160"></el-table-column>
+      <el-table-column label="手机号" prop="user_phone" width="120"></el-table-column>
       <el-table-column label="生日" prop="user_birthday"></el-table-column>
       <el-table-column label="性别" prop="user_sex"></el-table-column>
-      <el-table-column label="创建时间" prop="created_at"></el-table-column>
+      <el-table-column label="创建时间" prop="created_at" width="160"></el-table-column>
       <el-table-column label="用户状态">
         <template slot-scope="scope">
           <p>{{ ['正常', '禁用'][scope.row.user_status] }}</p>