style：table渲染图片 修改弹窗类名

src/views/learningpath/LearningPath.vue

@@ -95,6 +95,7 @@
       centered="true"
       v-model:visible="out"
       :footer="null"
+      wrapClassName="CreatePath"
     >
       <div class="out">
         <div class="top">
@@ -534,7 +535,14 @@ export default {
 };
 </script>
 <style lang="scss">
-.ant-modal {
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.CreatePath {
+  .ant-modal {
     width: 680px !important;
     height: 528px !important;
     .ant-modal-content {
@@ -714,12 +722,7 @@ export default {
         }
       }
     }
-}
-.clearfix:before,
-.clearfix:after {
-  content: " ";
-  display: block;
-  clear: both;
+  }
 }
 .learningPath {
   width: 100%;

src/views/learningpath/LevelAddDetail.vue

@@ -29,6 +29,7 @@
       centered="true"
       :footer="null"
       :closable="clos"
+      wrapClassName="AddLevel"
     >
       <div class="header">
         <div class="headmain">
@@ -310,7 +311,7 @@
       <div class="draw" style="position: relative">
         <a-drawer
           v-model:visible="visible"
-          class="drawerStyle"
+          class="drawerStyle ProjectDrawer"
           title="关联项目"
           placement="right"
           width="80%"
@@ -322,7 +323,7 @@
               <img
                 style="width: 29px; height: 29px; cursor: pointer"
                 src="../../assets/images/basicinfo/close.png"
-                @click="showDrawer"
+                @click="closeDrawer"
               />
             </div>
             <div class="drawerbox">
@@ -648,6 +649,9 @@ export default {
     const showDrawer = () => {
       state.visible = true;
     };
+    const closeDrawer = () => {
+      state.visible = false;
+    };
     const showModal = () => {
       state.modal = true;
     };
@@ -802,6 +806,7 @@ export default {
       selectProjectName2,
       tableDataFunc,
       showDrawer,
+      closeDrawer,
       showModal,
       closeModal,
       afterVisibleChange,
@@ -819,7 +824,8 @@ export default {
   display: block;
   clear: both;
 }
-.ant-modal {
+.AddLevel {
+  .ant-modal {
     width: 624px !important;
     height: 388px !important;
     .ant-modal-content {
@@ -953,17 +959,18 @@ export default {
         }
       }
     }
+  }
 }
-.drawerStyle {
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+.ProjectDrawer {
+  // .ant-drawer-content-wrapper {
+
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;

src/views/projectcenter/TaskPage.vue

@@ -1485,6 +1485,28 @@ export default {
           width: 50,
           align: "center",
           className: "h",
+          customRender: (text) => {
+            if (text.record.rank == "1") {
+              return (
+                <div
+                  style={{
+                    width: 24,
+                    height: 24,
+                    backgroundImage:
+                      "url(" +
+                      require("../../assets/images/taskpage/one.png") +
+                      ")",
+                  }}
+                >fewfwe</div>
+              );
+            } else if (text.record.rank == "2") {
+              return <div>ggg</div>;
+            } else if (text.record.rank == "3") {
+              return <div>ggg</div>;
+            } else {
+              return <div>{text.record.rank}</div>;
+            }
+          },
         },
         {
           title: "名称",