UI优化

src/views/monthlyReport/childrenPage/editReport/components/MrTable/TableExpandRow.vue

@@ -11,10 +11,12 @@
           <span class="item-index">{{ index + 1 }}</span>
         </div>
         <!--问题-->
-        <span class="item-title">问题:<mt10 /></span><span>{{ item.problem }}</span>
+        <span class="item-title">问题：</span>
+        <span class="item-content">{{ item.problem }}</span>
         <br>
         <!--原因-->
-        <div style="word-break: break-word;"><span class="item-title">原因</span>:<mt10 /><span class="item-content">{{ item.reason }}</span></div>
+        <span class="item-title">原因：</span>
+        <span class="item-content">{{ item.reason }}</span>
         <br>
         <!--改进项-->
         <span class="item-title">改进项：</span>
@@ -25,21 +27,19 @@
           class="improvementItems-wrapper"
         >
           <!--改进项: 描述-->
-          <div style="word-break: break-word;">
-            {{ subIndex + 1 }}.<mt10 />{{ subItem.description }}{{ subItem.detail && ':' }}<mt10 />{{ subItem.detail }}
-          </div>
+          <div>{{ subIndex + 1 }}、{{ subItem.description }}{{ subItem.detail && '：' }}{{ subItem.detail }}</div>
           <!--改进项: 其他-->
           <div class="description-wrapper">
             <!--改进项: 责任人-->
-            <span style="min-width: 50px;display: inline-block;">责任人：
-              <span v-if="!subItem.personInCharge">暂无负责人</span>
+            <span style="min-width: 125px;display: inline-block;max-width: 150px;">责任人：<span v-if="!subItem.personInCharge || !subItem.personInCharge.length">暂无负责人</span>
               <MultiplePeopleInfo
                 v-else
                 style="display:inline-block "
                 :team-data="subItem.personInCharge"
-              /></span>
+              />
+            </span>
             <!--改进项: 计划完成时间-->
-            <span style="min-width: 200px;display: inline-block;margin-right: 40px;margin-left: 30px;">计划完成时间：{{ rTime(subItem.deadline) }}</span>
+            <span style="min-width: 120px;max-width: 200px;display: inline-block;margin-right: 40px;margin-left: 30px;">计划完成时间：{{ rTime(subItem.deadline) }}</span>
             <!--改进项: 进度-->
             <span
               class="progress-wrapper"
@@ -108,11 +108,10 @@
 import MultiplePeopleInfo from '../MultiplePeopleInfo'
 import _ from 'lodash'
 import Hold from './Hold'
-import mt10 from './mt10'
 
 export default {
   name: 'TableExpandRow',
-  components: { MultiplePeopleInfo, Hold, mt10 },
+  components: { MultiplePeopleInfo, Hold },
   props: {
     analyticFeedback: {
       type: Object,
@@ -226,7 +225,6 @@ export default {
   }
 
   .item-content {
-    //display: initial;
     margin-bottom: 5px;
   }