askbot-dragon 1.3.60 → 1.3.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "askbot-dragon",
3
- "version": "1.3.60",
3
+ "version": "1.3.61",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -6,8 +6,8 @@
6
6
  <i class="iconfont guoran-shanchu"></i>
7
7
  </section>
8
8
  </div>
9
- <template v-if="tagIds && tagIds.length != 0">
10
- <pdfPosition :tagIds="tagIds"></pdfPosition>
9
+ <template v-if="tagIds && tagIds.length != 0 && previewShowPopup">
10
+ <pdfPosition :tagIds="tagIds" ></pdfPosition>
11
11
  </template>
12
12
  <template v-else>
13
13
  <div v-if="fileType == 'VIDEO'" style="width: 100%;height: calc(100% - 60px)">
@@ -29,11 +29,14 @@
29
29
  <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
30
30
  </template>
31
31
  </template>
32
+ <div class="loading_img" v-show="loading">
33
+ <img src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif" alt="">
34
+ </div>
32
35
  </van-popup>
33
36
  <el-drawer
34
37
  title="我是标题"
35
38
  :visible.sync="drawer"
36
- v-else
39
+ v-else-if="drawer"
37
40
  :with-header="false"
38
41
  size="65%"
39
42
  >
@@ -43,7 +46,7 @@
43
46
  <i class="iconfont guoran-shanchu"></i>
44
47
  </section>
45
48
  </div>
46
- <template v-if="tagIds && tagIds.length != 0">
49
+ <template v-if="tagIds && tagIds.length != 0 && drawer">
47
50
  <pdfPosition :tagIds="tagIds"></pdfPosition>
48
51
  </template>
49
52
  <template v-else>
@@ -66,6 +69,9 @@
66
69
  <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
67
70
  </template>
68
71
  </template>
72
+ <div class="loading_img" v-show="loading">
73
+ <img src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/images/loading.gif" alt="">
74
+ </div>
69
75
  </el-drawer>
70
76
  </template>
71
77
 
@@ -79,8 +85,22 @@ export default {
79
85
  fileType:"",
80
86
  isPc:true,
81
87
  drawer:false,
82
- tagIds: []
83
- // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81'
88
+ tagIds: [],
89
+ // '6454aa1a70573a6ead6f0f7d', '6454aa1a70573a6ead6f0f81',
90
+ loading:true,
91
+ }
92
+ },
93
+ mounted() {
94
+ let iframe = document.getElementsByClassName('preview_iframe')[0]
95
+ if(iframe) {
96
+ // this.loading = true
97
+ console.log('1111111');
98
+ iframe.onload = () =>{
99
+ this.loading = false
100
+ }
101
+ }
102
+ if(this.fileType == 'VIDEO' || this.fileType == 'WECHAT' || (this.tagIds && this.tagIds.length != 0)) {
103
+ this.loading = false
84
104
  }
85
105
  },
86
106
  props:{
@@ -206,6 +226,22 @@ export default {
206
226
  padding: 0 20px;
207
227
  border-bottom: 1px solid #cccccc;
208
228
  }
229
+ .loading_img {
230
+ display: flex;
231
+ align-items: center;
232
+ justify-content: center;
233
+ width: 100%;
234
+ height: 100%;
235
+ position: absolute;
236
+ top: 0;
237
+ left: 0;
238
+ background: #FFF;
239
+ img {
240
+ width: 50px;
241
+ height: 50px;
242
+ }
243
+ }
244
+
209
245
  .drawer-footer{
210
246
  width:100%;
211
247
  height: 50px;