sale-client 4.3.47 → 4.3.48
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/build/dev-server.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var path = require('path')
|
|
2
2
|
var checkVersion = require('./versionCheck.js')
|
|
3
3
|
checkVersion()
|
|
4
|
-
const [ serverRul, localUrl ] = ['http://
|
|
4
|
+
const [ serverRul, localUrl ] = ['http://123.180.154.5:31467/', 'http://123.180.154.5:31467/']
|
|
5
5
|
var merge = require('webpack-merge')
|
|
6
6
|
var baseConfig = require('./webpack.dev.conf')
|
|
7
7
|
var devConfig = {
|
package/package.json
CHANGED
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
<img v-if="isImage(previewUrl)"
|
|
85
85
|
:src="previewUrl"
|
|
86
86
|
class="preview-img"
|
|
87
|
-
:style="{ transform: 'scale(' + scale + ')' }"
|
|
87
|
+
:style="{ transform: 'scale(' + scale + ') rotate(' + rotation + 'deg)' }"
|
|
88
88
|
@wheel.prevent="handleWheel"/>
|
|
89
89
|
|
|
90
90
|
<!-- 其他文件 -->
|
|
@@ -93,6 +93,12 @@
|
|
|
93
93
|
class="preview-iframe">
|
|
94
94
|
</iframe>
|
|
95
95
|
|
|
96
|
+
<!-- 图片操作按钮 -->
|
|
97
|
+
<div v-if="isImage(previewUrl)" class="preview-controls">
|
|
98
|
+
<button class="control-btn" @click="rotateImg('left')" title="左旋转90°">↺</button>
|
|
99
|
+
<button class="control-btn" @click="rotateImg('right')" title="右旋转90°">↻</button>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
96
102
|
<span class="preview-close" @click="closePreview">×</span>
|
|
97
103
|
</div>
|
|
98
104
|
</div>
|
|
@@ -119,7 +125,8 @@ export default {
|
|
|
119
125
|
|
|
120
126
|
previewVisible: false,
|
|
121
127
|
previewUrl: '',
|
|
122
|
-
scale: 1
|
|
128
|
+
scale: 1,
|
|
129
|
+
rotation: 0
|
|
123
130
|
}
|
|
124
131
|
},
|
|
125
132
|
|
|
@@ -133,6 +140,7 @@ export default {
|
|
|
133
140
|
this.previewUrl = file.f_downloadURL
|
|
134
141
|
this.previewVisible = true
|
|
135
142
|
this.scale = 1
|
|
143
|
+
this.rotation = 0
|
|
136
144
|
},
|
|
137
145
|
|
|
138
146
|
closePreview() {
|
|
@@ -162,6 +170,14 @@ export default {
|
|
|
162
170
|
if (this.scale > 5) this.scale = 5
|
|
163
171
|
},
|
|
164
172
|
|
|
173
|
+
rotateImg(direction) {
|
|
174
|
+
if (direction === 'left') {
|
|
175
|
+
this.rotation -= 90
|
|
176
|
+
} else {
|
|
177
|
+
this.rotation += 90
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
|
|
165
181
|
async getfusetypes () {
|
|
166
182
|
this.fusetypes.push({label: '全部', value: ''})
|
|
167
183
|
let http = new HttpResetClass()
|
|
@@ -307,9 +323,37 @@ export default {
|
|
|
307
323
|
.preview-close {
|
|
308
324
|
position: absolute;
|
|
309
325
|
top: -10px;
|
|
310
|
-
|
|
326
|
+
left: -10px;
|
|
311
327
|
font-size: 28px;
|
|
312
328
|
color: #fff;
|
|
313
329
|
cursor: pointer;
|
|
314
330
|
}
|
|
331
|
+
|
|
332
|
+
.preview-controls {
|
|
333
|
+
position: absolute;
|
|
334
|
+
top: -10px;
|
|
335
|
+
right: 20px;
|
|
336
|
+
display: flex;
|
|
337
|
+
gap: 8px;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.control-btn {
|
|
341
|
+
width: 32px;
|
|
342
|
+
height: 32px;
|
|
343
|
+
background: rgba(0, 0, 0, 0.6);
|
|
344
|
+
border: 1px solid rgba(255, 255, 255, 0.3);
|
|
345
|
+
border-radius: 50%;
|
|
346
|
+
cursor: pointer;
|
|
347
|
+
font-size: 18px;
|
|
348
|
+
color: #fff;
|
|
349
|
+
display: flex;
|
|
350
|
+
align-items: center;
|
|
351
|
+
justify-content: center;
|
|
352
|
+
transition: all 0.2s;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.control-btn:hover {
|
|
356
|
+
background: rgba(0, 0, 0, 0.8);
|
|
357
|
+
border-color: rgba(255, 255, 255, 0.6);
|
|
358
|
+
}
|
|
315
359
|
</style>
|