28093 28094

src/apps/AppWorkonline/Detail.vue

@@ -177,7 +177,7 @@
                   <span>{{ item4.fieldValue }}</span>
                 </div> -->
 
-                <span style="display: flex">
+                <span style="display: flex" v-if="item.opinion">
                   <span style="width: 70px">审批意见:</span>
                   <span style="width: calc(100% - 70px)"> {{ item.opinion }}</span>
                 </span>

src/apps/AppWorkonline/Opinion.vue

@@ -10,6 +10,7 @@
               <span> 审批意见:</span>
             </span>
             <textarea :maxlength="150" placeholder="请输入审批意见" v-model="opinion" class="textarea" clearable="false"> </textarea>
+
             <div class="clearns" @click="clearn">清空内容</div>
             <div class="msg_length">
               <span class="font">{{ opinion.length }}</span>
@@ -24,11 +25,14 @@
             <span class="msgfont">
               <span>审批意见:</span>
             </span>
+
             <textarea :maxlength="150" placeholder="请输入" v-model="opinion" class="textarea" clearable="false"> </textarea>
-            <div class="clearns" @click="opinion = ''">清空内容</div>
-            <div class="msg_length">
-              <span class="font">{{ opinion.length }}</span>
-              <span>/150</span>
+
+            <div class="bottoms">
+              <div class="clearns" @click="opinion = ''">清空内容</div>
+              <div class="msg_length">
+                <span class="font">{{ opinion.length }}</span> <span>/150</span>
+              </div>
             </div>
           </div>
 
@@ -263,7 +267,6 @@ export default {
     .approvalopinion_text {
       .list {
         .textarea_msgfont {
-          position: relative;
           height: 400px;
           padding: 32px;
           background-color: #fff;
@@ -279,17 +282,16 @@ export default {
 
           .textarea {
             margin-top: 10px;
+            width: 100% !important;
           }
 
-          .clearns {
-            color: #1365dd;
-          }
-
-          .msg_length {
-            position: absolute;
-            bottom: 42px;
-            right: 32px;
-
+          .bottoms {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .clearns {
+              color: #1365dd;
+            }
             .font {
               color: #999;
             }
@@ -317,7 +319,6 @@ export default {
         }
       }
       .textarea_msgfont {
-        position: relative;
         height: 400px;
         padding: 32px;
         background-color: #fff;
@@ -333,19 +334,24 @@ export default {
 
         .textarea {
           margin-top: 10px;
+          width: 100%;
         }
 
         .clearns {
           color: #1365dd;
         }
 
-        .msg_length {
-          position: absolute;
-          bottom: 42px;
-          right: 32px;
-
-          .font {
-            color: #999;
+        .bottoms {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .clearns {
+            color: #1365dd;
+          }
+          .msg_length {
+            .font {
+              color: #999;
+            }
           }
         }
       }