Pārlūkot izejas kodu

adm:feat > 修改图片绝对路径,换成相对路径

shaun-sheep 4 gadi atpakaļ
vecāks
revīzija
be42c7661a
2 mainītis faili ar 62 papildinājumiem un 52 dzēšanām
  1. 1 2
      src/api/model/file.js
  2. 61 50
      src/views/model/file/pathcontrol/index.vue

+ 1 - 2
src/api/model/file.js

@@ -80,7 +80,6 @@ let api = {
 
     // 查询模型文件夹下的所有模型文件
     queryFloorList(data, success) {
-
         let Filters = `FolderId='${data.FolderId}'`;
         if (data.FloorName) {
             Filters = `FolderId='${data.FolderId}';FloorName='${data.FloorName}';ProjectId='${data.ProjectId}'`;
@@ -349,4 +348,4 @@ export function unassignQuery(param, success) {
 // 根据条件查询统计数量
 export function countModel(params, success) {
     return httputils.postJson(`${baseUrl}/model-file/count`, params, success)
-}
+}

+ 61 - 50
src/views/model/file/pathcontrol/index.vue

@@ -28,10 +28,11 @@
                 <i class="el-icon-monitor" style="color:#b8c5d0;font-size:60px"></i>
                 <p style="margin-top:10px;color:#b8c5d0">上传下载功能</p>
               </div>
-              <img v-if="!UploadState.BeginTime" class="status row-status" src="@/assets/image/model/arrowGray.png"/>
+              <img v-if="!UploadState.BeginTime" ::src="require(`@/assets/image/model/arrowGray.png`)"
+                   class="status row-status"/>
               <img v-else-if="UploadState.BeginTime&&!UploadState.EndTime" class="status row-status"
-                   src="@/assets/image/model/arrowBlue.png"/>
-              <img v-else class="status row-status" src="@/assets/image/model/arrowGreen.png"/>
+                   :src="require(`@/assets/image/model/arrowGray.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/arrowGreen.png`)" class="status row-status"/>
             </div>
             <div class="shadow-box mid-transfer">
               <div class="first-title">
@@ -41,15 +42,17 @@
                 <p>将模型文件存储于OSS服务器</p>
               </div>
               <img v-if="!UploadState.EndTime" class="status row-waiting-manage"
-                   src="@/assets/image/model/waitingManageGray.png"/>
+                   :src="require(`@/assets/image/model/waitingManageGray.png`)"/>
               <img v-else-if="UploadState.EndTime&&!SchedulerCheck.EndTime" class="status row-waiting-manage"
-                   src="@/assets/image/model/waitingManageBlue.png"/>
-              <img v-else class="status row-waiting-manage" src="@/assets/image/model/waitingManageGreen.png"/>
+                   :src="require(`@/assets/image/model/waitingManageBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/waitingManageGreen.png`)"
+                   class="status row-waiting-manage"/>
 
-              <img v-if="!UploadState.BeginTime" class="status up-model" src="@/assets/image/model/upModelGray.png"/>
+              <img v-if="!UploadState.BeginTime" :src="require(`@/assets/image/model/upModelGray.png`)"
+                   class="status up-model"/>
               <img v-else-if="UploadState.BeginTime&&!UploadState.EndTime" class="status up-model"
-                   src="@/assets/image/model/upModelBlue.png"/>
-              <img v-else class="status up-model" src="@/assets/image/model/upModelGreen.png"/>
+                   :src="require(`@/assets/image/model/upModelBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/upModelGreen.png`)" class="status up-model"/>
 
               <!-- 调度器1 -->
               <div class="path-tips shadow-box" style="top:67px;left:291px;"
@@ -110,26 +113,28 @@
               </el-row>
               <!-- 下载模型文件1 -->
               <img v-if="!SchedulerCheck.BeginTime" class="status down-model"
-                   src="@/assets/image/model/downModelGray.png"/>
+                   :src="require(`@/assets/image/model/downModelGray.png`)"/>
               <img v-else-if="SchedulerCheck.BeginTime&&!SchedulerCheck.EndTime" class="status down-model"
-                   src="@/assets/image/model/downModelBlue.png"/>
-              <img v-else class="status down-model" src="@/assets/image/model/downModelGreen.png"/>
+                   :src="require(`@/assets/image/model/downModelBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/downModelGreen.png`)" class="status down-model"/>
               <!-- 下载模型文件2 -->
               <img v-if="!SchedulerExport.BeginTime" class="status down-model-sec"
-                   src="@/assets/image/model/downModelGray.png"/>
+                   :src="require(`@/assets/image/model/downModelGray.png`)"/>
               <img v-else-if="SchedulerExport.BeginTime&&!ModelExport.JsonzBeginTime" class="status down-model-sec"
-                   src="@/assets/image/model/downModelBlue.png"/>
-              <img v-else class="status down-model-sec" src="@/assets/image/model/downModelGreen.png"/>
+                   :src="require(`@/assets/image/model/downModelBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/downModelGreen.png`)" class="status down-model-sec"/>
               <!-- 存储json -->
-              <img v-if="!ModelExport.JsonzBeginTime" class="status up-json" src="@/assets/image/model/upJsonGray.png"/>
+              <img v-if="!ModelExport.JsonzBeginTime" :src="require(`@/assets/image/model/upJsonGray.png`)"
+                   class="status up-json"/>
               <img v-else-if="ModelExport.JsonzBeginTime&&!ModelExport.JsonzEndTime" class="status up-json"
-                   src="@/assets/image/model/upJsonBlue.png"/>
-              <img v-else class="status up-json" src="@/assets/image/model/upJsonGreen.png"/>
+                   :src="require(`@/assets/image/model/upJsonBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/upJsonGreen.png`)" class="status up-json"/>
               <!-- 下载json -->
-              <img v-if="!JsonAnalysis.BeginTime" class="status down-json" src="@/assets/image/model/downJsonGray.png"/>
+              <img v-if="!JsonAnalysis.BeginTime" :src="require(`@/assets/image/model/downJsonGray.png`)"
+                   class="status down-json"/>
               <img v-else-if="JsonAnalysis.BeginTime&&!JsonAnalysis.EndTime" class="status down-json"
-                   src="@/assets/image/model/downJsonBlue.png"/>
-              <img v-else class="status down-json" src="@/assets/image/model/downJsonGreen.png"/>
+                   :src="require(`@/assets/image/model/downJsonBlue.png`)"/>
+              <img v-else :src="require(`@/assets/image/model/downJsonGreen.png`)" class="status down-json"/>
             </div>
           </div>
           <el-row id="revitServer">
@@ -139,19 +144,21 @@
             <pathCard class="revit-item" :title="'导出模型json数据并压缩存储'" @click="getNodeDes" :data="ModelExport"></pathCard>
             <!-- 调度器2 -->
             <img v-if="!ModelCheck.EndTime" class="status row-waiting-manage"
-                 src="@/assets/image/model/waitingManageGray.png"/>
+                 :src="require(`@/assets/image/model/waitingManageGray.png`)"/>
             <img v-else-if="ModelCheck.EndTime&&!SchedulerExport.EndTime" class="status row-waiting-manage"
-                 src="@/assets/image/model/waitingManageBlue.png"/>
-            <img v-else class="status row-waiting-manage" src="@/assets/image/model/waitingManageGreen.png"/>
+                 :src="require(`@/assets/image/model/waitingManageBlue.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/waitingManageGreen.png`)"
+                 class="status row-waiting-manage"/>
             <!-- 等待解析 -->
-            <img v-if="!ModelExport.EndTime" class="status waiting-anl" src="@/assets/image/model/waitingAnlGray.png"/>
+            <img v-if="!ModelExport.EndTime" :src="require(`@/assets/image/model/waitingAnlGray.png`)"
+                 class="status waiting-anl"/>
             <img v-else-if="ModelExport.EndTime&&!JsonAnalysis.EndTime" class="status waiting-anl"
-                 src="@/assets/image/model/waitingAnlBlue.png"/>
-            <img v-else class="status waiting-anl" src="@/assets/image/model/waitingAnlGreen.png"/>
+                 :src="require(`@/assets/image/model/waitingAnlBlue.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/waitingAnlGreen.png`)" class="status waiting-anl"/>
             <!-- 未通过 -->
             <img v-if="ModelCheck.Remove||ModelExport.Remove" class="status del-model"
-                 src="@/assets/image/model/delModelBlue.png"/>
-            <img v-else class="status del-model" src="@/assets/image/model/delModelGray.png"/>
+                 :src="require(`@/assets/image/model/delModelBlue.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/delModelGray.png`)" class="status del-model"/>
 
             <!-- 调度器2 -->
             <div class="path-tips shadow-box" style="top:114px;left:329px;"
@@ -221,8 +228,8 @@
                     <p style="color:#676767">web服务数据库</p>
                   </div>
                 </div>
-                <img class="status column-up" src="@/assets/image/model/columnGray.png"/>
-                <img class="status right-down" src="@/assets/image/model/rightDownGray.png"/>
+                <img :src="require(`@/assets/image/model/columnGray.png`)" class="status column-up"/>
+                <img :src="require(`@/assets/image/model/rightDownGray.png`)" class="status right-down"/>
               </div>
               <div class="shadow-box">
                 <div style="background:#b8c5d0;height:20px;"></div>
@@ -232,7 +239,7 @@
                     <p style="color:#676767">数据中心数据库</p>
                   </div>
                 </div>
-                <img class="status column-up" src="@/assets/image/model/columnGray.png"/>
+                <img :src="require(`@/assets/image/model/columnGray.png`)" class="status column-up"/>
               </div>
               <div class="shadow-box">
                 <div style="background:#b8c5d0;height:20px;"></div>
@@ -242,7 +249,7 @@
                     <p style="color:#676767">web服务数据库</p>
                   </div>
                 </div>
-                <img class="status column-up" src="@/assets/image/model/columnGray.png"/>
+                <img :src="require(`@/assets/image/model/columnGray.png`)" class="status column-up"/>
               </div>
             </div>
           </div>
@@ -255,33 +262,37 @@
             <pathCard class="webServer-item" :title="'存储数据到数据中心'" :data="SyncDatacenter" @click="getNodeDes"></pathCard>
             <pathCard class="webServer-item" :title="'记录增删日志'" @click="getNodeDes" :data="SaveLog"></pathCard>
 
-            <img v-if="!SaveData.BeginTime" class="status path1 path" src="@/assets/image/model/arrowGray.png"/>
+            <img v-if="!SaveData.BeginTime" :src="require(`@/assets/image/model/arrowGray.png`)"
+                 class="status path1 path"/>
             <img v-else-if="SaveData.BeginTime&&!SaveData.EndTime" class="status path1 path"
-                 src="@/assets/image/model/arrowBlue.png"/>
-            <img v-else class="status path1 path" src="@/assets/image/model/arrowGreen.png"/>
+                 :src="require(`@/assets/image/model/arrowGray.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/arrowGreen.png`)" class="status path1 path"/>
 
-            <img v-if="!MultiFloorCheck.BeginTime" class="status path2 path" src="@/assets/image/model/arrowGray.png"/>
+            <img v-if="!MultiFloorCheck.BeginTime" :src="require(`@/assets/image/model/arrowGray.png`)"
+                 class="status path2 path"/>
             <img v-else-if="MultiFloorCheck.BeginTime&&!MultiFloorCheck.EndTime" class="status path2 path"
-                 src="@/assets/image/model/arrowBlue.png"/>
-            <img v-else class="status path2 path" src="@/assets/image/model/arrowGreen.png"/>
+                 :src="require(`@/assets/image/model/arrowGray.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/arrowGreen.png`)" class="status path2 path"/>
 
-            <img v-if="!SyncDatacenter.BeginTime" class="status path3 path" src="@/assets/image/model/arrowGray.png"/>
+            <img v-if="!SyncDatacenter.BeginTime" :src="require(`@/assets/image/model/arrowGray.png`)"
+                 class="status path3 path"/>
             <img v-else-if="SyncDatacenter.BeginTime&&!SyncDatacenter.EndTime" class="status path3 path"
-                 src="@/assets/image/model/arrowBlue.png"/>
-            <img v-else class="status path3 path" src="@/assets/image/model/arrowGreen.png"/>
+                 :src="require(`@/assets/image/model/arrowGray.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/arrowGreen.png`)" class="status path3 path"/>
 
-            <img v-if="!SaveLog.BeginTime" class="status path4 path" src="@/assets/image/model/arrowGray.png"/>
+            <img v-if="!SaveLog.BeginTime" :src="require(`@/assets/image/model/arrowGray.png`)"
+                 class="status path4 path"/>
             <img v-else-if="SaveLog.BeginTime&&!SaveLog.EndTime" class="status path4 path"
-                 src="@/assets/image/model/arrowBlue.png"/>
-            <img v-else class="status path4 path" src="@/assets/image/model/arrowGreen.png"/>
+                 :src="require(`@/assets/image/model/arrowGray.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/arrowGreen.png`)" class="status path4 path"/>
 
             <img v-if="MultiFloorCheck.GridCheck||MultiFloorCheck.LevelCheck" class="status del-model"
-                 src="@/assets/image/model/delModelBlue.png"/>
-            <img v-else class="status del-model" src="@/assets/image/model/delModelGray.png"/>
+                 :src="require(`@/assets/image/model/delModelBlue.png`)"/>
+            <img v-else :src="require(`@/assets/image/model/delModelGray.png`)" class="status del-model"/>
 
-            <img v-if="1" class="status path5 path" src="@/assets/image/model/arrowGray.png"/>
-            <!-- <img v-else-if="2" class="status path1" src="@/assets/image/model/arrowBlue.png" />
-            <img v-else class="status path1" src="@/assets/image/model/arrowGreen.png" /> -->
+            <img v-if="1" :src="require(`@/assets/image/model/arrowGray.png`)" class="status path5 path"/>
+            <!-- <img v-else-if="2" class="status path1" :src="require(`@/assets/image/model/arrowGray.png`)"" />
+            <img v-else class="status path1" :src="require(`@/assets/image/model/arrowGreen.png`)" /> -->
 
             <p style="float:left;width:100%;padding-left:714px;margin-top:83px;color:#acb5bb;font-size:12px;">
               模型web服务器</p>