分类管理优化

src/components/WebSet/classification.vue

@@ -14,9 +14,9 @@
 				<li>
 					<span><em>层级</em><el-select v-model="msg.Level"  placeholder="请选择">
 							    <el-option label="不限" value=""></el-option>
-							    <el-option label="第一层级" value="1"></el-option>
-							    <el-option label="第二层级" value="2"></el-option>
-							    <el-option label="第三层级" value="3"></el-option>
+							    <el-option label="一级" value="1"></el-option>
+							    <el-option label="二级" value="2"></el-option>
+							    <el-option label="三级" value="3"></el-option>
 							  </el-select>
 				      </span>
 				</li>
@@ -41,6 +41,12 @@
                       {{scope.row.CategoryName}}</div>
                   </template>
                 </el-table-column>
+                <el-table-column fixed label="层级">
+                  <template slot-scope="scope">
+                    <div>
+                      {{['', '一级', '二级','三级'][scope.row.Level]}}</div>
+                  </template>
+                </el-table-column>
                 <el-table-column fixed label="父级">
                   <template slot-scope="scope">
                     <div>
@@ -60,12 +66,17 @@
                       {{scope.row.Sort}}</div>
                   </template>
                 </el-table-column>
-                <el-table-column fixed label="图标" min-width="180">
+                <el-table-column fixed label="图标">
                   <template slot-scope="scope">
 					  <img class="icon" @click="showImage(scope.row.Icon)" :src="scope.row.Icon"/>
                   </template>
                 </el-table-column>
-                <el-table-column fixed label="状态" min-width="180">
+                <el-table-column fixed label="背景图片">
+                  <template slot-scope="scope">
+					  <img class="icon" @click="showImage(scope.row.BackgroundImage)" :src="scope.row.BackgroundImage"/>
+                  </template>
+                </el-table-column>
+                <el-table-column fixed label="状态">
                   <template slot-scope="scope">
                     <div>
                       {{scope.row.Enable === 1 ? '启用' : '禁用'}}</div>
@@ -78,7 +89,7 @@
 					</el-button>
 					</el-tooltip>
 					<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
-					<el-button type="danger" icon="el-icon-delete" circle @click="deleteData(scope.row)"></el-button>
+					<el-button v-if="!scope.row.IsLock" type="danger" icon="el-icon-delete" circle @click="deleteData(scope.row)"></el-button>
 					</el-tooltip>
 				</template>
 				</el-table-column>
@@ -97,13 +108,13 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="名称" prop="CategoryName">
-              <el-input type="text" v-model="addMsg.CategoryName" maxlength="50" placeholder="名称">
+              <el-input style="width:217px" type="text" :disabled="addMsg.IsLock === 1" v-model="addMsg.CategoryName" maxlength="50" placeholder="名称">
               </el-input>
             </el-form-item>
           </el-col>
 			<el-col :span="12">
             <el-form-item label="排序" prop="Sort">
-              <el-input type="text" v-model="addMsg.Sort" maxlength="50" placeholder="排序">
+              <el-input style="width:217px" type="number" v-model="addMsg.Sort" maxlength="10" placeholder="排序">
               </el-input>
             </el-form-item>
 			</el-col>
@@ -111,10 +122,10 @@
 		<el-row>
 		  <el-col :span="12">
             <el-form-item label="层级" prop="Level">
-              <el-select v-model="addMsg.Level" placeholder="请选择" @change="handleLevelChange">
-                <el-option label="第一层级" :value="1"></el-option>
-                <el-option label="第二层级" :value="2"></el-option>
-                <el-option label="第三层级" :value="3"></el-option>
+              <el-select :disabled="addMsg.IsLock === 1" v-model="addMsg.Level" placeholder="请选择" @change="handleLevelChange">
+                <el-option label="一级" :value="1"></el-option>
+                <el-option label="二级" :value="2"></el-option>
+                <el-option label="三级" :value="3"></el-option>
               </el-select>
             </el-form-item>
             </el-col>
@@ -122,7 +133,7 @@
             <el-form-item label="父级分类" prop="ParentId">
 			  <!-- <el-tree show-checkbox ref="tree" node-key="Id" :data="cateGoryTree" :props="{label: 'CategoryName', children: 'SubList'}"
 			   check-strictly highlight-current @check-change="handleClick"></el-tree> -->
-              <el-select filterable v-model="addMsg.ParentId" placeholder="请选择">
+              <el-select :disabled="addMsg.IsLock === 1" filterable v-model="addMsg.ParentId" placeholder="请选择">
 				  <el-option v-for="item in cateGoryList" :key="item.Id" :label="item.CategoryName"
                              :value="item.Id">
                   </el-option>
@@ -137,7 +148,7 @@
             </el-form-item>
             </el-col>
 			<el-col :span="12"><el-form-item label="是否启用" prop="Enable">
-			  <el-switch v-model="addMsg.Enable"></el-switch>
+			  <el-switch :disabled="addMsg.IsLock === 1" v-model="addMsg.Enable"></el-switch>
             </el-form-item></el-col>
 		</el-row>
 		<el-row>
@@ -188,9 +199,7 @@ import uploadImg from '../../pubComponents/uploadImg'
 				msg: { //列表查询请求数据
 					"pageIndex": 1,
 					'pageSize': 15,
-					'ActionName': '',
-					'ParentId': '',
-					'ActionStatus': '0',
+					Enable: '1'
 				},
 				addMsg: {
 					'Level': '',
@@ -200,7 +209,7 @@ import uploadImg from '../../pubComponents/uploadImg'
 					'IsHot':false,
 					'Sort':'',
 					'BackgroundImage': '',
-					'Enable': false,
+					'Enable': true,
 				},
 				rules:{
 					CategoryName:[
@@ -342,7 +351,7 @@ import uploadImg from '../../pubComponents/uploadImg'
 					'IsHot':false,
 					'Sort':'',
 					'BackgroundImage': '',
-					'Enable': false,				
+					'Enable': true,				
 				}
               this.$refs.Icon.ImageList = []
 			  this.$refs.BackgroundImage.ImageList = []