座位类型（档位设置）

src/views/venue/seatTypeMr/dialog/addAndEdit.vue

@@ -2,9 +2,9 @@
  * @Description: 新增/编辑弹框
  * @Author: Sugar.
  * @Date: 2023-11-24 13:55:00
- * @LastEditors: Sugar.
- * @LastEditTime: 22023-11-24 13:55:00
- * @FilePath: \cattle_webui\src\views\venue\seatTypeMr\dialog\AddOrEditDialog.vue
+ * @LastEditors: gcz
+ * @LastEditTime: 2025-03-19 10:06:47
+ * @FilePath: \great_webui\src\views\venue\seatTypeMr\dialog\addAndEdit.vue
  * @Copyright: Copyright (c) 2016~2023 by Sugar., All Rights Reserved.
 -->
 <template>
@@ -26,6 +26,16 @@
             style="width: 100%;"
           />
         </el-form-item>
+        <el-form-item label="档位：" prop="sort">
+          <el-input-number 
+            v-model="form.sort" 
+            :min="0"
+            :controls="true"
+            placeholder="请输入档位"
+            style="width: 100%;"
+          />
+          <div class="tip-text">数字越小档次越高，0表示最优</div>
+        </el-form-item>
         <el-form-item label="颜色：" prop="color">
           <el-color-picker v-model="form.color"></el-color-picker>
         </el-form-item>
@@ -69,12 +79,17 @@ export default {
       loading: false,
       form: {
         id: undefined,
-        type: "",
-        content: "",
+        name: "",
+        color: "",
+        sort: 0
       },
       rules: {
-        title: [{ required: true, message: "请输入类型名称", trigger: ["change","blur"] }],
+        name: [{ required: true, message: "请输入类型名称", trigger: ["change","blur"] }],
         color: [{ required: true, message: "请选择颜色", trigger: ["change","blur"] }],
+        sort: [
+          { required: true, message: "请输入档位", trigger: ["change","blur"] },
+          { type: 'number', message: "档位必须为数字", trigger: ["change","blur"] }
+        ]
       },
       uploadObj: {
         url: process.env.VUE_APP_UPLOAD_FILE_API + "/upload/single/minio",
@@ -98,6 +113,7 @@ export default {
           this.$set(this.form, 'id', obj.id);
           this.$set(this.form, 'name', obj.name);
           this.$set(this.form, 'color', obj.color);
+          this.$set(this.form, 'sort', obj.sort);
         });
       }else{
         this.title = "添加座位类型";
@@ -139,6 +155,7 @@ export default {
       this.$set(this.form, 'id', "");
       this.$set(this.form, 'name', "");
       this.$set(this.form, 'color', "");
+      this.$set(this.form, 'sort', 0);
     },
     /**
      * 关闭弹框
@@ -183,9 +200,13 @@ export default {
   padding: 0 30px;
   max-height: 65vh;
   overflow-y: auto;
-}
-.dialog {
-  padding: 0 30px;
+
+  .tip-text {
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.5;
+    margin-top: 5px;
+  }
 
   .color-class{
     width: 50px;

src/views/venue/seatTypeMr/index.vue

@@ -33,6 +33,7 @@
     <el-table ref="tables" v-loading="loading" :data="dataList" border>
       <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
       <el-table-column label="类型名称" align="center" prop="name" />
+      <el-table-column label="档位" align="center" prop="sort" />
       <el-table-column label="颜色" align="center" prop="color">
         <template slot-scope="scope">
           <div class="color-class" style="width: 30px; height: 30px; margin: auto" :style="{backgroundColor: scope.row.color}"></div>