页面修改

src/components/Share/shareCategory.vue

@@ -104,7 +104,6 @@
                     </div>
                   </el-col>
                   <el-col :span="7">
-                    <!-- <template v-if="!dragState"> -->
                     <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                       <img @click="getCategory(item.Id)" style="margin-right:9px"
                         src="../../assets/img/userman/edit.png" alt="">
@@ -112,7 +111,6 @@
                     <el-tooltip class="item" effect="dark" content="删除" placement="top">
                       <img @click="removeCategory(item.Id)" src="../../assets/img/userman/del.png" alt="">
                     </el-tooltip>
-                    <!-- </template> -->
                   </el-col>
                 </el-row>
               </div>
@@ -129,9 +127,7 @@
       <div class="content">
         <div class="conten_indder">
           <el-form label-width="150px">
-            <el-form-item label="分类名称">
-              <el-input type="text" size="small" v-model="addMsg.Name"></el-input>
-            </el-form-item>
+
             <el-form-item label="选择分类级别">
               <template v-if="editState">
                 <el-radio :disabled="editState" v-model="addMsg.Level" :label="1">一级分类</el-radio>
@@ -150,8 +146,20 @@
                 </div>
               </template>
             </el-form-item>
+            <el-form-item v-if="addMsg.FirstLevelName && (addMsg.Level==2 || addMsg.Level==3)" label="一级分类">
+              <span>{{addMsg.FirstLevelName}}</span>
+              <span @click="SelectTier(2)" v-if="addMsg.Level==2 && !editState" style="margin-left:10px"
+                class="blue point">修改</span>
+            </el-form-item>
+            <el-form-item v-if="addMsg.SecondLevelName && addMsg.Level==3" label="二级分类">
+              <span>{{addMsg.SecondLevelName}}</span>
+              <span v-if="!editState" @click="SelectTier(3)" style="margin-left:10px" class="blue point">修改</span>
+            </el-form-item>
+            <el-form-item label="分类名称">
+              <el-input type="text" size="small" v-model="addMsg.Name"></el-input>
+            </el-form-item>
             <el-form-item label="排序">
-              <el-input type="text" size="small" v-model="addMsg.SortNum"></el-input>
+              <el-input type="text" size="small" v-model="addMsg.SortNum" @keyup.native="checkInteger(addMsg,'SortNum')"></el-input>
             </el-form-item>
           </el-form>
         </div>
@@ -224,6 +232,8 @@
           Level: 1, //层级
           ParentId: 0, //父节点编号
           SortNum: 0, //排序
+          FirstLevelName: "", //一级分类名称
+          SecondLevelName: "", //二级分类名称
         },
         //第一层数据
         dataFirst: [],
@@ -299,6 +309,8 @@
                 this.addMsg.Name = tempObj.Name;
                 this.addMsg.Level = tempObj.Level;
                 this.addMsg.ParentId = tempObj.ParentId;
+                this.addMsg.FirstLevelName=tempObj.FirstLevelName;
+                this.addMsg.SecondLevelName=tempObj.SecondLevelName;
                 this.IsShowCategory = false;
               }
             } else {
@@ -379,12 +391,14 @@
       //点击弹窗选择一级分类
       SelectTier1(item, index, num) {
         this.tableData2 = this.dataList[index];
+        this.addMsg.FirstLevelName = item.Name;
         this.addMsg.ParentId = item.Id;
         this.active1 = index;
         this.active2 = -1;
       },
       //点击弹窗选择二级分类
       SelectTier2(item, index, num) {
+        this.addMsg.SecondLevelName = item.Name;
         this.active2 = index;
         this.addMsg.ParentId = item.Id;
       },