🐞 fix: 样式调整，展开详情判断id时精确判断，避免都是用一个ID

@@ -8,8 +8,7 @@
       <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;"
       <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;"
         :src="icon_apply" />
         :src="icon_apply" />
     </div>
     </div>
-    <div class="video-div" :id="'mui-player-' + item.id">
-    </div>
+    <div :id="'mui-player-' + item.id" class="video-div" />
     <div class="control-bar">
     <div class="control-bar">
       <div>
       <div>
         <div class="video-bar">
         <div class="video-bar">
@@ -24,23 +23,26 @@
           </van-row>
           </van-row>
         </div>
         </div>
       </div>
       </div>
-      <div v-if="status === 'PROCESS'" style="margin-top: 1rem;">
-        <div v-if="item.status === 'DISABLE'" style="padding: 0 1rem 1rem 1rem; font-size: 0.85rem;">
-          <p style="color: #999999; margin-bottom: 0.25rem;">老师留言：</p>
-          <p>{{ item.check_note }}</p>
-        </div>
-      </div>
-      <div class="book-intro">
-        <div id="book-intro" :class="{ 'van-multi-ellipsis--l3': isToggle }">{{ item.note }}</div>
+      <div class="book-intro" style="margin-top: 1rem;">
+        <div :id="'book-intro' + item.id" :class="{ 'van-multi-ellipsis--l3': isToggle }">{{ item.note }}</div>
         <div v-if="hasToggle">
         <div v-if="hasToggle">
-          <div v-if="isToggle" @click="onToggle(false)" class="book-toggle-icon">展开&nbsp;
+          <div v-if="isToggle" class="book-toggle-icon" @click="onToggle(false)">
+            展开&nbsp;
             <van-icon style="vertical-align: middle;" size="0.9rem" :name="icon_down" />
             <van-icon style="vertical-align: middle;" size="0.9rem" :name="icon_down" />
           </div>
           </div>
-          <div v-else @click="onToggle(true)" class="book-toggle-icon">折叠&nbsp;
+          <div v-else class="book-toggle-icon" @click="onToggle(true)">
+            折叠&nbsp;
             <van-icon style="vertical-align: middle;" size="0.9rem" :name="icon_up" />
             <van-icon style="vertical-align: middle;" size="0.9rem" :name="icon_up" />
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
+      <div v-if="status === 'PROCESS'">
+        <div v-if="item.status === 'DISABLE'" class="van-hairline--top"
+          style="padding: 1rem; font-size: 0.85rem;">
+          <p style="color: #999999; margin-bottom: 0.25rem;">老师留言：</p>
+          <p>{{ item.check_note }}</p>
+        </div>
+      </div>
       <div v-if="status === 'PENDING'" class="van-hairline--top book-handle">
       <div v-if="status === 'PENDING'" class="van-hairline--top book-handle">
         <van-row>
         <van-row>
           <van-col offset="3" style="padding: 1rem;" @click="onRefuse()">
           <van-col offset="3" style="padding: 1rem;" @click="onRefuse()">
@@ -66,13 +68,14 @@
         </div>
         </div>
         <div class="van-hairline--bottom"
         <div class="van-hairline--bottom"
           style="color: #222222; font-size: 1.25rem; font-weight: bold; text-align: center; padding-bottom: 1rem;">
           style="color: #222222; font-size: 1.25rem; font-weight: bold; text-align: center; padding-bottom: 1rem;">
-          作品不通过</div>
+          作品不通过
+        </div>
         <div>
         <div>
           <van-field v-model="message" rows="2" autosize label="" type="textarea" maxlength="200"
           <van-field v-model="message" rows="2" autosize label="" type="textarea" maxlength="200"
             placeholder="请填写您对小朋友的温馨鼓励" show-word-limit />
             placeholder="请填写您对小朋友的温馨鼓励" show-word-limit />
         </div>
         </div>
         <div style="margin-top: 3rem;">
         <div style="margin-top: 3rem;">
-          <my-button @on-click="handleAudit('disable')" type="primary">确定</my-button>
+          <my-button type="primary" @on-click="handleAudit('disable')">确定</my-button>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
@@ -123,7 +126,7 @@ const onToggle = (v) => { // 展开/折叠
 onMounted(() => {
 onMounted(() => {
   // 判断是否显示简介的展开图标
   // 判断是否显示简介的展开图标
   nextTick(() => {
   nextTick(() => {
-    hasToggle.value = tools.hasEllipsis('book-intro');
+    hasToggle.value = tools.hasEllipsis(`book-intro${props.item.id}`);
   })
   })
 })
 })