西海岸-基础设施：在线视频预览，弹出视频窗口，改成鼠标放上后给出tips“请申请后再预览”，弹框标题增加提示信息

front/src/views/home/infrastructurePage.vue

@@ -312,16 +312,24 @@
               <span>{{ statusText[record.status] || '' }}</span>
             </template>
             <template v-if="column.dataIndex === 'operation'">
-              <a :class="record.status != 1 ? 'disabled-text' : ''" @click="
+              <!-- 离线 -->
-                openVideo(
+              <a v-if="record.status != 1" class="disabled-text">
-                  record.channelCode ||
-                    record.channelId ||
-                    record.channelCode.channelId,
-                  record
-                )
-              ">
                 预览
               </a>
+              <a-tooltip v-else placement="top">
+                <template #title>请申请后在我的申请中预览视频!</template>
+                <a @click="
+                  openVideo(
+                    record.channelCode ||
+                      record.channelId ||
+                      record.channelCode.channelId,
+                    record
+                  )
+                ">
+                  预览
+                </a>
+              </a-tooltip>
+
             </template>
           </template>
         </a-table>
@@ -343,7 +351,12 @@
         </a-table>
       </div>
       <!-- 单个预览弹窗 -->
-      <a-modal wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" :width="960" destroyOnClose>
+      <a-modal wrapClassName="single-preview-modal" v-model:visible="visible" :width="960" destroyOnClose>
+        <!-- title="视频预览" -->
+        <template #title>
+          <span>视频预览</span>
+          <span style="color: #ff4d4f;margin-left:10px">{{`(请申请后在我的申请中预览视频)`}}</span>
+        </template>
         <template #footer></template>
         <div style="width: 100%; display: flex; justify-content: center">
           <div style="width: 100%; height: 100%; position: relative" v-show="isXiHaiAn">
@@ -2373,6 +2386,7 @@ video::-webkit-media-controls {
   cursor: not-allowed;
   opacity: 0.5;
   color: #666666;
+
   &:hover {
     color: #666666;
   }