bugfixed

src/components/redTipTitle/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <p class="redTipword">
+  <p class="redTipword" :style="styles">
     <span class="title" :class="isedit && 'edit'">{{ title }}</span>
   </p>
 </template>
@@ -15,6 +15,13 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    styles: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+      required: false
     }
   }
 }

src/views/projectManage/publishTask/components/multipleSelect.vue

@@ -129,7 +129,7 @@ export default {
 .content {
   display: flex;
   justify-content: space-between;
-  margin: 15px 0;
+  margin: 10px 0;
   .taskId {
     display: inline-block;
     width: 120px;

src/views/projectManage/publishTask/components/onlineCheckList.vue

@@ -186,6 +186,7 @@ export default {
 <style scoped lang='scss'>
 .onlineCheckList {
   max-width: 690px;
+  padding-bottom: 20px;
   .table {
     width: 100%;
     border-radius: 4px;

src/views/projectManage/publishTask/index.vue

@@ -16,45 +16,49 @@
         <div class="wrap">
           <redTipword title="关联任务" :isedit="edit" />
           <multipleSelect placeholder="🔍 请输入任务名称或ID" :isedit="edit" :data="data.tasks" :task-id="taskId" @change="changeTask" />
-          <div v-if="edit" style="margin-top: 30px">
+          <div v-if="edit" style="margin-top: 40px">
             <redTipword title="选择checklist列表" :isedit="edit" />
             <checkboxList :selected-list="data.selectedBizTemplateIds" :data="temList" @change="updateSelectedTemHandle" />
           </div>
         </div>
         <div class="moduleList wrap">
-          <redTipword v-if="!edit" title="检查项" :isedit="edit" />
-          <div v-for="(item, index) in data.templates" :key="item.parentTemplateId">
-            <div v-if="item.type === 1" class="item">
-              <p :id="`s${item.parentTemplateId}`" class="title">
-                <el-checkbox v-if="!edit" v-model="item.isCheck" :label="item.name" class="fontRest" @change="updateCheckItemHandle(item)">{{ item.name }}</el-checkbox>
-                <span v-else class="fontName">{{ item.name }}</span>
-              </p>
-              <onlineCheckList
-                :module-id="item.parentTemplateId"
-                :isedit="edit"
-                :styles="{ marginLeft: '24px' }"
-                :data="item.onlineModule"
-                :task-id="taskId"
-                @changeSelectedHandle="changeOnlineSelectedHandle"
-                @changeRow="changeOnlineModuleRow"
-                @onChangeModuleName="(val, subIdx) => onChangeModuleName(val, subIdx, index)"
-              />
-            </div>
-            <div v-else class="item">
-              <p :id="`s${item.parentTemplateId}`" class="title">
-                <el-checkbox v-if="!edit" v-model="item.isCheck" :label="item.name" class="fontRest" @change="updateCheckItemHandle(item)">{{ item.name }}</el-checkbox>
-                <span v-else class="fontName">{{ item.name }}</span>
-              </p>
-              <normal-area
-                v-if="edit"
-                :id="'tem'+item.parentTemplateId"
-                :value.sync="item.content"
-                :empty-text="'点击'"
-                :input-button="'修改模板'"
-                :height="300"
-                :styles="{ padding: '0 0px 20px 0px', width: '690px', marginLeft: '24px' }"
-              />
-              <div v-else style="margin-left: 24px" v-html="item.content" />
+          <redTipword v-if="!edit" title="检查项" :isedit="edit" :styles="{ marginTop: '40px' }" />
+          <div class="checkBox">
+            <div v-for="(item, index) in data.templates" :key="item.parentTemplateId">
+              <div v-if="item.type === 1" class="item">
+                <p :id="`s${item.parentTemplateId}`" class="title">
+                  <el-checkbox v-if="!edit" v-model="item.isCheck" :label="item.name" class="fontRest" @change="updateCheckItemHandle(item)">{{ item.name }}</el-checkbox>
+                  <span v-else class="fontName">{{ item.name }}</span>
+                </p>
+                <onlineCheckList
+                  :module-id="item.parentTemplateId"
+                  :isedit="edit"
+                  :styles="{ marginLeft: '24px' }"
+                  :data="item.onlineModule"
+                  :task-id="taskId"
+                  @changeSelectedHandle="changeOnlineSelectedHandle"
+                  @changeRow="changeOnlineModuleRow"
+                  @onChangeModuleName="(val, subIdx) => onChangeModuleName(val, subIdx, index)"
+                />
+              </div>
+              <div v-else class="item">
+                <p :id="`s${item.parentTemplateId}`" class="title">
+                  <el-checkbox v-if="!edit" v-model="item.isCheck" :label="item.name" class="fontRest" @change="updateCheckItemHandle(item)">{{ item.name }}</el-checkbox>
+                  <span v-else class="fontName">{{ item.name }}</span>
+                </p>
+                <normal-area
+                  v-if="edit"
+                  :id="'tem'+item.parentTemplateId"
+                  :value.sync="item.content"
+                  :empty-text="'点击'"
+                  :input-button="'修改模板'"
+                  :height="300"
+                  :styles="{ padding: '0 0px 20px 0px', width: '690px', marginLeft: '24px' }"
+                />
+                <div v-else style="padding: 0 0px 20px 0px; margin-left: 24px; overflow-y: auto">
+                  <div v-html="item.content" />
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -500,7 +504,9 @@ export default {
   }
   .pubconfig {
     .control {
-      padding: 20px 0px 20px 690px;
+      width: 100%;
+      text-align: right;
+      padding: 0px 20px 20px 0px;
     }
   }
   .main-section {
@@ -510,21 +516,23 @@ export default {
     padding: 0 40px;
   }
   .moduleList {
-    margin-top: 40px;
-    padding-bottom: 16px;
-    .title {
-      font-weight: 400;
-      color: #444444;
-      font-size: 14px;
-      margin-bottom: 16px;
-      margin-top: 24px;
-      .fontRest {
-        color: #444;
-      }
+    padding-bottom: 40px;
+    .checkBox {
+      margin-top: 10px;
     }
     .item {
+      // padding-bottom: 30px;
+      .title {
+        font-weight: 400;
+        color: #444444;
+        font-size: 14px;
+        margin: 0px 0px 12px 0px;
+        .fontRest {
+          color: #444;
+          font-weight: 600;
+        }
+      }
       width: 690px;
-      overflow-y: auto;
       .fontName {
         font-weight: 500;
       }