centaline-data-driven 1.4.59 → 1.4.60
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,21 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="
|
|
3
|
-
<div class="
|
|
2
|
+
<div class="picedit-modal" style="width:100%; height:100%;background-color: #1e1e1e">
|
|
3
|
+
<div class="picedit-stage">
|
|
4
4
|
<canvas id="drawCanvas" ref="canvas" style="position:absolute;"></canvas>
|
|
5
5
|
</div>
|
|
6
|
-
<div class="
|
|
6
|
+
<div class="picedit-Original" v-if="flagOriginal">
|
|
7
7
|
<el-row>
|
|
8
8
|
<el-button type="success" @click="Original()">原图</el-button>
|
|
9
9
|
</el-row>
|
|
10
10
|
</div>
|
|
11
|
-
<div class="
|
|
11
|
+
<div class="picedit-cropper" v-if="croppShow">
|
|
12
12
|
<el-row>
|
|
13
13
|
<el-button type="success" @click="sureCropper()"><i class="el-icon-check"></i></el-button>
|
|
14
14
|
<el-button type="primary" @click="cancelCropper()"><i class="el-icon-close"></i></el-button>
|
|
15
15
|
</el-row>
|
|
16
16
|
</div>
|
|
17
|
-
<div class="
|
|
18
|
-
<div class="
|
|
17
|
+
<div class="picedit-footer" v-else>
|
|
18
|
+
<div class="picedit-toolbar">
|
|
19
19
|
<a @click="rotLeft" class="magnify-btn" title="左旋转">
|
|
20
20
|
<span class="el-icon-refresh-left"></span>
|
|
21
21
|
</a>
|
|
@@ -107,7 +107,6 @@
|
|
|
107
107
|
if (typeof this.file.originalSavedFileName !== 'undefined' && this.file.originalSavedFileName !== this.file.savedFileName) {
|
|
108
108
|
this.flagOriginal = true;
|
|
109
109
|
}
|
|
110
|
-
console.log(this.file);
|
|
111
110
|
this.drawCanv();
|
|
112
111
|
},
|
|
113
112
|
methods: {
|
|
@@ -520,7 +519,7 @@
|
|
|
520
519
|
};
|
|
521
520
|
</script>
|
|
522
521
|
<style>
|
|
523
|
-
.
|
|
522
|
+
.picedit-stage {
|
|
524
523
|
position: absolute;
|
|
525
524
|
left: 0;
|
|
526
525
|
right: 0;
|
|
@@ -530,7 +529,7 @@
|
|
|
530
529
|
overflow: hidden;
|
|
531
530
|
}
|
|
532
531
|
|
|
533
|
-
.
|
|
532
|
+
.picedit-footer {
|
|
534
533
|
height: 50px;
|
|
535
534
|
bottom: 0;
|
|
536
535
|
position: absolute;
|
|
@@ -539,7 +538,7 @@
|
|
|
539
538
|
color: #fff;
|
|
540
539
|
z-index: 9;
|
|
541
540
|
}
|
|
542
|
-
.
|
|
541
|
+
.picedit-cropper {
|
|
543
542
|
height: 50px;
|
|
544
543
|
bottom: 0;
|
|
545
544
|
position: absolute;
|
|
@@ -548,15 +547,15 @@
|
|
|
548
547
|
color: #fff;
|
|
549
548
|
z-index: 9;
|
|
550
549
|
}
|
|
551
|
-
.
|
|
550
|
+
.picedit-Original {
|
|
552
551
|
height: 50px;
|
|
553
552
|
top: 50px;
|
|
554
|
-
right:20px;
|
|
553
|
+
right: 20px;
|
|
555
554
|
position: absolute;
|
|
556
555
|
color: #fff;
|
|
557
556
|
z-index: 9;
|
|
558
557
|
}
|
|
559
|
-
.
|
|
558
|
+
.picedit-toolbar {
|
|
560
559
|
display: inline-block;
|
|
561
560
|
height: 50px;
|
|
562
561
|
background-color: rgba(0, 0, 0, .5);
|
|
@@ -565,7 +564,7 @@
|
|
|
565
564
|
border-radius: 5px 5px 0 0;
|
|
566
565
|
}
|
|
567
566
|
|
|
568
|
-
.
|
|
567
|
+
.picedit-toolbar .magnify-btn {
|
|
569
568
|
display: inline-block;
|
|
570
569
|
width: 50px;
|
|
571
570
|
height: 50px;
|