Kaynağa Gözat

设备管理-产品分类:增加排序 已完成

vera_min 2 yıl önce
ebeveyn
işleme
47089ccb81

+ 8 - 1
src/views/iot/device/category/component/edit.vue

@@ -14,11 +14,16 @@
               </el-cascader>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" >
             <el-form-item label="分类名称" prop="name">
               <el-input v-model="ruleForm.name" placeholder="请输入分类名称" clearable></el-input>
             </el-form-item>
           </el-col>
+		  <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+			<el-form-item label="排序">
+			  <el-input-number v-model="ruleForm.sort" :min="0" controls-position="right" placeholder="请输入排序" class="w100" />
+			</el-form-item>
+		  </el-col>
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
             <el-form-item label="分类标识" prop="key">
               <el-input v-model="ruleForm.key" placeholder="请输入分类名称" clearable></el-input>
@@ -53,6 +58,7 @@ interface RuleFormState {
 	name: string;
 	key: string;
 	desc: string;
+	sort: number;
 	children?: RuleFormState[];
 }
 interface DeptSate {
@@ -68,6 +74,7 @@ const baseForm: RuleFormState = {
 	name: '', // 分类名称
 	key: '',
 	desc: '',
+	sort: 0
 };
 
 export default defineComponent({

+ 1 - 1
src/views/iot/device/category/index.vue

@@ -24,7 +24,7 @@
       </div>
       <el-table :data="tableData.data" style="width: 100%" row-key="id" default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-loading="tableData.loading">
         <el-table-column prop="name" label="分类名称" v-col="'name'" show-overflow-tooltip> </el-table-column>
-
+        <el-table-column prop="sort" v-col="'sort'" label="排序" width="60" align="center"></el-table-column>
         <el-table-column prop="desc" label="描述" align="center" min-width="180" v-col="'desc'"></el-table-column>
         <el-table-column label="操作" align="center" width="140" fixed="right">
           <template #default="scope">