管理后台-样式

htmldev/manage/src/views/business/outlet/list/details.vue

@@ -2,30 +2,26 @@
   <div>
     <el-dialog :title="exData.id ? '编辑': '新增'"
                :visible.sync="dialog"
-               width="900px"
+               width="800px"
                :close-on-click-modal="false"
                top="50px">
       <el-form ref="form"
                :model="form"
                :rules="formRules"
-               label-width="160px">
+               label-width="120px">
         <el-form-item prop="bar_name"
                       :rules="formRules.required"
                       label="门店名称：">
-          <el-col :span="16">
-            <el-input v-model="form.bar_name"
-                      placeholder="请输入门店名称"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.bar_name"
+                    placeholder="请输入门店名称"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="bar_address"
                       :rules="formRules.required"
                       label="门店地址：">
-          <el-col :span="16">
-            <el-input v-model="form.bar_address"
-                      placeholder="请输入门店地址"
-                      clearable></el-input>
-          </el-col>
+          <el-input v-model="form.bar_address"
+                    placeholder="请输入门店地址"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item prop="bar_img_url"
                       :rules="formRules.uploadImgs"
@@ -55,12 +51,14 @@
         <el-form-item prop="bar_song_start_time"
                       :rules="formRules.required"
                       label="点歌时间：">
-          <el-time-select placeholder="起始时间"
+          <el-time-select style="width: 45%;"
+                          placeholder="起始时间"
                           v-model="form.bar_song_start_time"
                           :picker-options="{start: '00:00', step: '00:05', end: '23:59'}">
           </el-time-select>
-          <span style="margin: 0 10px;">至</span>
-          <el-time-select placeholder="结束时间"
+          <span style="display:inline-block;width: 10%; text-align: center">至</span>
+          <el-time-select style="width: 45%;"
+                          placeholder="结束时间"
                           v-model="form.bar_song_end_time"
                           :picker-options="{start: '00:00', step: '00:05', end: '23:59', minTime: form.bar_song_start_time}">
           </el-time-select>
@@ -68,12 +66,14 @@
         <el-form-item prop="bar_place_reserve_start_time"
                       :rules="formRules.required"
                       label="座位预定时间：">
-          <el-time-select placeholder="起始时间"
+          <el-time-select style="width: 45%;"
+                          placeholder="起始时间"
                           v-model="form.bar_place_reserve_start_time"
                           :picker-options="{start: '00:00', step: '00:05', end: '23:59'}">
           </el-time-select>
-          <span style="margin: 0 10px;">至</span>
-          <el-time-select placeholder="结束时间"
+          <span style="display:inline-block;width: 10%; text-align: center">至</span>
+          <el-time-select style="width: 45%;"
+                          placeholder="结束时间"
                           v-model="form.bar_place_reserve_end_time"
                           :picker-options="{start: '00:00', step: '00:05', end: '23:59', minTime: form.bar_place_reserve_start_time}">
           </el-time-select>

htmldev/manage/src/views/business/place/reserve/index.vue

@@ -49,20 +49,20 @@
               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="order_pre_time"></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_num"></el-table-column>
+      <el-table-column label="手机号" prop="order_user_phone" width="120"></el-table-column>
+      <el-table-column label="预定人数" prop="order_user_num" width="60"></el-table-column>
       <el-table-column label="座位名称" prop="place_name"></el-table-column>
       <el-table-column label="最晚到场时间" prop="order_latest_time"></el-table-column>
-      <el-table-column label="签到状态">
+      <el-table-column label="签到状态" width="80">
         <template slot-scope="scope">
           <p>{{ ['未签到', '已签到'][scope.row.order_sign_status] }}</p>
         </template>
       </el-table-column>
-      <el-table-column label="签到时间" prop="order_sign_date"></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="签到时间" prop="order_sign_date" width="160"></el-table-column>
+      <el-table-column label="操作" width="80">
         <template slot-scope="scope">
           <el-button type="text"
                      v-permission="'business_place_reserve_sign'"

htmldev/manage/src/views/business/place/set/index.vue

@@ -37,13 +37,13 @@
               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="place_name"></el-table-column>
       <el-table-column label="说明" prop="place_desc"></el-table-column>
-      <el-table-column label="总数量" prop="place_num"></el-table-column>
-      <el-table-column label="已预定" prop="place_pre_num"></el-table-column>
-      <el-table-column label="日期" prop="place_time"></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="总数量" prop="place_num" width="80"></el-table-column>
+      <el-table-column label="已预定" prop="place_pre_num" width="80"></el-table-column>
+      <el-table-column label="日期" prop="place_time" width="140"></el-table-column>
+      <el-table-column label="操作" width="120">
         <template slot-scope="scope">
           <el-button type="text" v-permission="'business_place_set_edit'" @click="edit(scope.row)">编辑</el-button>
           <el-button type="text" v-permission="'business_place_set_del'" @click="del(scope.row)">删除</el-button>

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

@@ -33,12 +33,12 @@
               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="plan_author_name"></el-table-column>
       <el-table-column label="演唱时间">
         <template slot-scope="scope">
           <p>{{ scope.row.plan_start_time }}</p>
-          <p>-</p>
+          <p>至</p>
           <p>{{ scope.row.plan_end_time }}</p>
         </template>
       </el-table-column>

htmldev/manage/src/views/department/index.vue

@@ -26,7 +26,7 @@
     </div>
     <el-table :data="tableData" stripe v-loading="tableLoading" 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="创建时间" prop="created_at"></el-table-column>
       <el-table-column label="部门名称" prop="department_name"></el-table-column>
       <el-table-column label="部门介绍" prop="department_desc"></el-table-column>
@@ -91,7 +91,7 @@ export default {
         type: 'warning'
       }).then(async () => {
         const data = await this.$fetch('/api/auth/department/del', { id: row.id })
-        if (data.code == 200) {
+        if (data.code === 200) {
           this.$message.success('删除成功')
           this.init()
         }

htmldev/manage/src/views/roles/index.vue

@@ -26,8 +26,8 @@
     </div>
     <el-table :data="tableData" stripe v-loading="tableLoading" fit class="marginT-10 order-table" border
               :max-height="vheight">
-      <el-table-column label="角色ID" prop="id"></el-table-column>
-      <el-table-column label="创建时间" prop="created_at"></el-table-column>
+      <el-table-column label="角色ID" prop="id" width="80"></el-table-column>
+      <el-table-column label="创建时间" prop="created_at" width="160"></el-table-column>
       <el-table-column label="角色名称" prop="role_name"></el-table-column>
       <el-table-column label="角色介绍" prop="role_desc"></el-table-column>
       <el-table-column label="所属项目" prop="role_project_name"></el-table-column>