关卡改管理

src/components/BreadCrumb.vue

@@ -70,7 +70,7 @@ export default {
               href: "/leveladd",
             },
             {
-              name: "管理",
+              name: "关卡",
             },
           ];
         }

src/views/learningpath/LearningPath.vue

@@ -1087,19 +1087,19 @@ export default {
 
     const tableDataFunc = () => {
       const columns = [
-        {
-          title: "序号",
-          dataIndex: "number",
-          key: "number",
-          width: 100,
-          align: "center",
-          className: "h",
-        },
+       // {
+       //  title: "序号",
+       //   dataIndex: "number",
+        //  key: "number",
+         // width: 100,
+        //  align: "center",
+        //  className: "h",
+      // },
         {
           title: "路径图名称",
           dataIndex: "manager",
           key: "manager",
-          width: 100,
+          width: "20%",
           align: "center",
           ellipsis: true,
           className: "h",
@@ -1107,18 +1107,18 @@ export default {
         {
           title: "状态",
           dataIndex: "state",
-          // width: "30%",
+           width: "10%",
           key: "state",
-          width: 100,
+          //width: 100,
           align: "center",
           className: "h",
         },
         {
           title: "创建人",
           dataIndex: "creater",
-          // width: "30%",
+           width: "10%",
           key: "creater",
-          width: 100,
+         // width: 100,
           align: "center",
           className: "h",
         },
@@ -1126,7 +1126,7 @@ export default {
           title: "发布时间",
           dataIndex: "pubtime",
           key: "pubtime",
-          width: 180,
+          width: "15%",
           align: "center",
           className: "h",
         },
@@ -1134,7 +1134,7 @@ export default {
           title: "创建时间",
           dataIndex: "cretime",
           key: "cretime",
-          width: 180,
+          width: "15%",
           align: "center",
           className: "h",
         },
@@ -1143,7 +1143,7 @@ export default {
           className: "h",
           dataIndex: "opacation",
           key: "opacation",
-          width: 200,
+          width:"20%",
           align: "center",
           fixed: "right",
           scopedSlots: { customRender: "action" }, //引入的插槽

src/views/learningpath/LevelAdd.vue

@@ -10,71 +10,22 @@
         <div class="fort">创建时间：{{ cretime }}</div>
       </div>
       <div class="right">
+       <!--
         <img
           class="img1"
           src="../../assets/images/leveladd/ma.png"
           @click="showCodeModel2()"
         /> 
-        <div v-if="action == 1 || action == 0" class="line"></div>
+        <div v-if="action == 1 || action == 0" class="line"></div>-->
+        <div class ="pubIcon" v-if="action == 1 || action == 0"  @click="pubIcon(action)">
         <img  
-          v-if="action == 1 || action == 0"
           class="img2"
           src="../../assets/images/leveladd/pub.png"
         />
         <!-- 已发布的显示 -->
-        <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 1"
-          @click="showBackModal"
-        >
+        <div class="pub" style="width: 28px">
           {{ act }}
         </div>
-        <!-- 未发布/草稿的显示 -->
-        <div
-          class="pub"
-          style="width: 28px"
-          v-if="action == 0"
-          @click="showPub"
-        >
-          {{ act }}
-        </div>
-        <!-- 已结束的显示 -->
-        <!-- <div class="pub" style="width: 28px" v-if="action == -1">
-          {{ act }}
-        </div> -->
-        <div class="line"></div>
-        <img
-          style="margin-right: 15px"
-          class="img2"
-          src="../../assets/images/leveladd/more.png"
-        />
-        <!-- 草稿/未发布的显示 -->
-        <div class="more" v-if="action == 0">
-          <span style="color: #7096e3; cursor: pointer">更多</span>
-          <div class="moreArrow"></div>
-          <div class="moreItems">
-            <!-- <div class="sammo">撤回</div> -->
-            <div class="sammo" @click="showCopy">复制</div>
-          </div>
-        </div>
-        <!-- 已发布的显示 -->
-        <div class="more" v-if="action == 1">
-          <span style="color: #7096e3; cursor: pointer">更多</span>
-          <div class="moreArrow"></div>
-          <div class="moreItems">
-            <div class="sammo" @click="showStop">结束</div>
-            <div class="sammo" @click="showCopy">复制</div>
-          </div>
-        </div>
-        <!-- 已结束的显示 -->
-        <div class="more" v-if="action == -1">
-          <span style="color: #7096e3; cursor: pointer">更多</span>
-          <div class="moreArrow"></div>
-          <div class="moreItems">
-            <!-- <div class="sammo">结束</div> -->
-            <div class="sammo" @click="showCopy">复制</div>
-          </div>
        </div>
         <div class="line"></div>
         <router-link to="/learningpath"
@@ -1883,6 +1834,14 @@ export default {
           console.log("获取学员列表失败", err);
         });
     };
+    const pubIcon =(action)=>{
+      if(action ==1){
+        showBackModal();
+      }else{
+        showPub();
+      }
+
+    }
     //显示撤回弹窗
     const showBackModal = () => {
       state.backModal = true;
@@ -2417,6 +2376,7 @@ export default {
       showCodeModel,
       showCodeModel2,
       editLearnInfo,
+      pubIcon,
     };
   },
 };
@@ -3029,6 +2989,9 @@ export default {
         background-color: #e8effa;
         margin-right: 28px;
       }
+      .pubIcon{
+        display: flex;
+        align-items: center;
 
         .img2 {
         width: 42px;
@@ -3043,6 +3006,9 @@ export default {
         margin-right: 30px;
         cursor: pointer;
       }
+      }
+
+      
 
       .return {
         color: #4ea6ff;