栏目配置调整

src/views/studyManage/tabManage/index.vue

@@ -60,10 +60,32 @@
       :rules="rules">
         <el-form-item label="活动名称"  prop="communityName">
             <el-input
-            v-model.number="setQuery.communityName"
+            v-model="setQuery.communityName"
             class="item-width-300"
             ></el-input>
         </el-form-item>
+        <el-form-item label="研学栏目"  prop="columnId">
+          <el-select
+          v-model="setQuery.columnId"
+          clearable
+          class="item-width-300"
+          placeholder="请选择栏目"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        </el-form-item>
+        <el-form-item label="排序"  prop="sort">
+          <el-input
+          v-model="setQuery.sort"
+          class="item-width-300"
+          ></el-input>
+        </el-form-item>
     </el-form>
   <div slot="footer" class="dialog-footer">
     <el-button @click="dialogFormVisible = false">取 消</el-button>
@@ -77,7 +99,7 @@
   
   <script>
 import { debounce } from "@/utils/index";
-import { getTabList,delTab,addOrUpdateTab } from "@/api/study";
+import { getTabList,delTab,addOrUpdateTab,getAllColumn } from "@/api/study";
 export default {
   name: "tabManage",
   data() {
@@ -93,10 +115,30 @@ export default {
       },
       total: 0,
       setQuery:{
-        communityName:''
+        communityName:'',
+        columnId:'',
+        sort:''
       },
+      options:[],
       rules:{
          communityName: [{ required: true, message: "请输入社区标签", trigger: "blur" }],
+          columnId: [{ required: true, message: "请输入研学栏目", trigger: "blur" }],
+          sort: [{ required: true, message: "请输入排序", trigger: "blur" },
+            {
+              validator: (rule, value, callback) => {
+                console.log(value)
+                if(isNaN(value)){
+                  callback(new Error("请输入数字"));
+                }
+                if (value < 1) {
+                  callback(new Error("排序不能小于1"));
+                } else {
+                  callback();
+                }
+              },
+              trigger: "blur"
+            }
+          ]
       }
     };
   },
@@ -110,6 +152,19 @@ export default {
     },
   },
   methods: {
+    // 获取栏目
+    getAllColumn() {
+      getAllColumn().then((res) => {
+        if (res.state == "Success") {
+          res.content.map((item) => {
+            this.options.push({
+              value: item.id,
+              label: item.columnName,
+            });
+          });
+        }
+      });
+    },
     handleEdit(row){
         this.title = '编辑标签'
       this.dialogFormVisible = true
@@ -190,6 +245,7 @@ export default {
   },
   created() {
     this.getTabList();
+    this.getAllColumn();
   },
 };
 </script>