优化

src/views/reportManagement/ReleaseReport/components/releaseDetails.vue

@@ -116,16 +116,20 @@
             </div>
             <div class="Layout_flex_start task-bot">
               <div class="title-name">收件人 :</div>
-              <div v-for="(item, index) in details.sendToObject" :key="index" class="task-name">
-                {{ item.name }}
-                <span v-if="index < details.sendToObject.length - 1">,</span>
+              <div class="flex_start">
+                <div v-for="(item, index) in details.sendToObject" :key="index" class="task-name">
+                  {{ item.name }}
+                  <span v-if="index < details.sendToObject.length - 1">,</span>
+                </div>
               </div>
             </div>
             <div class="Layout_flex_start task-bot">
               <div class="title-name">抄送人 :</div>
-              <div v-for="(item, index) in details.sendCcObject" :key="index" class="task-name">
-                {{ item.name }}
-                <span v-if="index < details.sendCcObject.length - 1">,</span>
+              <div class="flex_start">
+                <div v-for="(item, index) in details.sendCcObject" :key="index" class="task-name">
+                  {{ item.name }}
+                  <span v-if="index < details.sendCcObject.length - 1">,</span>
+                </div>
               </div>
             </div>
           </el-header>
@@ -233,6 +237,12 @@ export default {
 </script>
 
 <style lang='scss' scoped>
+.flex_start { // 布局
+  display:flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
 .BackgroundCloth {
   .report-Header {
     margin: 10px 10px 0;