样式调整

src/views/ToConfigure/components/modifyNotice.vue

@@ -401,13 +401,13 @@ export default {
       }
     },
     getRequireData(data) {
-      for (var i = 0; i < data.length; i++) {
+      for (let i = 0; i < data.length; i++) {
         data[i].childRqmtOrnts.length < 1 ? delete data[i].childRqmtOrnts : this.getRequireData(data[i].childRqmtOrnts)
       }
       return data
     },
     getTaskData(data) {
-      for (var i = 0; i < data.length; i++) {
+      for (let i = 0; i < data.length; i++) {
         data[i].childModules.length < 1 ? delete data[i].childModules : this.getTaskData(data[i].childModules)
       }
       return data
@@ -558,6 +558,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+/deep/.el-input {
+  width: auto;
+}
 article::-webkit-scrollbar{
   display: none;
 }

src/views/ToConfigure/components/noticeConfig.vue

@@ -24,9 +24,12 @@
     <ul class="notice-list">
       <li v-for="item in noticeList" :key="'notice'+item.id" class="notice-item">
         <div class="item-detail">
-          <div class="require-img">
+          <div v-show="item.requireOrientIdList.length>0" class="require-img">
             <img :src="requireImg">
           </div>
+          <div v-show="item.techModuleIdList.length>0" class="task-img">
+            <img :src="taskImg">
+          </div>
           <div v-show="item.requireOrientIdList.length>0" class="item-title">需求定时通知</div>
           <div v-show="item.techModuleIdList.length>0" class="item-title">任务定时通知</div>
           <div class="item-span">
@@ -339,13 +342,12 @@ ul,li{
     height: 226px;
     padding: 24px 31px 0 121px;
     position: relative;
-    .require-img {
+    .require-img,.task-img {
       position: absolute;
       left: 31px;
       top: 27px;
       height: 58px;
       width: 58px;
-      background:rgba(64,158,255,0.14);
       border-radius:20px;
       display: flex;
       justify-content: center;
@@ -355,6 +357,12 @@ ul,li{
         height: 30px;
       }
     }
+    .require-img{
+      background:rgba(64,158,255,0.14);
+    }
+    .task-img {
+      background:rgba(126,211,33,0.14);
+    }
     .item-title {
       color:#333333;
       font-size: 16px;