|
@@ -69,7 +69,7 @@
|
|
<el-button type="primary" size="small" icon="el-icon-folder"
|
|
<el-button type="primary" size="small" icon="el-icon-folder"
|
|
@click="pickDir()">添加文件夹</el-button>
|
|
@click="pickDir()">添加文件夹</el-button>
|
|
<el-button type="info" size="small" icon="el-icon-delete"
|
|
<el-button type="info" size="small" icon="el-icon-delete"
|
|
- @click="clearList()">清空列表</el-button>
|
|
|
|
|
|
+ @click="clearList()">清空图片</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -212,7 +212,7 @@
|
|
<div id="show-img" class="show-img" style="position:relative;overflow: hidden; width: 100%; height: 100%;">
|
|
<div id="show-img" class="show-img" style="position:relative;overflow: hidden; width: 100%; height: 100%;">
|
|
<div style="position: absolute;top: 5px; left: 5px;padding: 0 10px 10px 10px; background: #00000060; color: #fff;font-size: 12px;z-index: 2;">
|
|
<div style="position: absolute;top: 5px; left: 5px;padding: 0 10px 10px 10px; background: #00000060; color: #fff;font-size: 12px;z-index: 2;">
|
|
<label>放大:</label>
|
|
<label>放大:</label>
|
|
- <el-slider v-model="viewScale" class="info-input" :min="1" :max="5" :step="0.1"></el-slider>
|
|
|
|
|
|
+ <el-slider v-model="viewScale" class="info-input" :min="0.5" :max="5" :step="0.1"></el-slider>
|
|
{{viewScale.toFixed(1)}}
|
|
{{viewScale.toFixed(1)}}
|
|
</div>
|
|
</div>
|
|
<img draggable="false" class="result-img" :src="imgSrc"
|
|
<img draggable="false" class="result-img" :src="imgSrc"
|
|
@@ -435,6 +435,10 @@
|
|
<label class="handle-label">旋转角度:</label>
|
|
<label class="handle-label">旋转角度:</label>
|
|
<el-input-number size="small" :max="360" :min="-360" v-model="handleData.rotateValue" ></el-input-number> °
|
|
<el-input-number size="small" :max="360" :min="-360" v-model="handleData.rotateValue" ></el-input-number> °
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ <div class="handle-item" style="text-align: center;">
|
|
|
|
+ <el-tag type="danger">正值向右旋转,负值向左旋转</el-tag>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 10图片裁剪 -->
|
|
<!-- 10图片裁剪 -->
|
|
@@ -539,6 +543,10 @@
|
|
<el-button style="margin: 20px 0;" type="info" @click="setModal = true;">应用全部</el-button>
|
|
<el-button style="margin: 20px 0;" type="info" @click="setModal = true;">应用全部</el-button>
|
|
<el-button type="info" plain @click="resetModal = true;">重置设置</el-button>
|
|
<el-button type="info" plain @click="resetModal = true;">重置设置</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ <div class="handle-item" style="text-align: center;">
|
|
|
|
+ <el-tag type="danger">批量裁剪请点击“应用全部”按钮</el-tag>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -567,7 +575,7 @@
|
|
<div class="merge-top">
|
|
<div class="merge-top">
|
|
<div style="line-height: 34px;color: #333;">
|
|
<div style="line-height: 34px;color: #333;">
|
|
{{mergeList.length}} / <span style="color: #999;">100</span>
|
|
{{mergeList.length}} / <span style="color: #999;">100</span>
|
|
- <vxe-button type="text" status="info" icon="vxe-icon-info-circle-fill" @click="$message({message:'上下拖动左侧图片可调整前后顺序', type:'warning'})"></vxe-button>
|
|
|
|
|
|
+ <!-- <vxe-button type="text" status="info" icon="vxe-icon-info-circle-fill" @click="$message({message:'上下拖动左侧图片可调整前后顺序', type:'warning'})"></vxe-button> -->
|
|
</div>
|
|
</div>
|
|
<div class="action-right" v-if="mergeData.sortType == 3">
|
|
<div class="action-right" v-if="mergeData.sortType == 3">
|
|
<div class="action-ritem" @click="zoom('reduce')">
|
|
<div class="action-ritem" @click="zoom('reduce')">
|
|
@@ -717,7 +725,7 @@
|
|
<div class="footer-line-between">
|
|
<div class="footer-line-between">
|
|
<!-- 1格式转化 -->
|
|
<!-- 1格式转化 -->
|
|
<div class="handle-item" v-if="menuIndex == 1">
|
|
<div class="handle-item" v-if="menuIndex == 1">
|
|
- <label class="handle-label">格式转换:</label>
|
|
|
|
|
|
+ <label class="handle-label">输出转换:</label>
|
|
<el-select v-model="handleData.imgFormat" style="width:100px;" size="small">
|
|
<el-select v-model="handleData.imgFormat" style="width:100px;" size="small">
|
|
<el-option v-for="(item, key) in imgFormat" :key="key" :value="item" :label="item"></el-option>
|
|
<el-option v-for="(item, key) in imgFormat" :key="key" :value="item" :label="item"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
@@ -729,7 +737,7 @@
|
|
<div class="handle-item" v-if="menuIndex == 2">
|
|
<div class="handle-item" v-if="menuIndex == 2">
|
|
<label class="handle-label">压缩质量:</label>
|
|
<label class="handle-label">压缩质量:</label>
|
|
<el-input-number v-model="handleData.quality" :min="1" :max="100" size="small"></el-input-number>
|
|
<el-input-number v-model="handleData.quality" :min="1" :max="100" size="small"></el-input-number>
|
|
- <vxe-button type="text" status="info" icon="vxe-icon-info-circle-fill" @click="$message('质量越低压缩的越小')"></vxe-button>
|
|
|
|
|
|
+ <el-tag size="mini" type="danger" style="margin-left: 10px;">质量越低压缩的越小</el-tag>
|
|
</div>
|
|
</div>
|
|
<!-- 11修改dpi -->
|
|
<!-- 11修改dpi -->
|
|
<div class="handle-item" v-if="menuIndex == 11">
|
|
<div class="handle-item" v-if="menuIndex == 11">
|
|
@@ -747,11 +755,16 @@
|
|
<vxe-button type="text" status="info" icon="vxe-icon-info-circle-fill" @click="$message({message:'提高分辨率(DPI)不能让模糊的图片变清晰,也不会改变照片的高宽像素等属性', type:'warning'})"></vxe-button>
|
|
<vxe-button type="text" status="info" icon="vxe-icon-info-circle-fill" @click="$message({message:'提高分辨率(DPI)不能让模糊的图片变清晰,也不会改变照片的高宽像素等属性', type:'warning'})"></vxe-button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
+ <!-- 8图片拼接 -->
|
|
|
|
+ <div v-if="menuIndex == 8">
|
|
|
|
+ <el-tag type="danger">拖动左侧列表中的图片可以调整拼接顺序</el-tag>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<!-- 7重命名 -->
|
|
<!-- 7重命名 -->
|
|
<div v-if="menuIndex == 7">
|
|
<div v-if="menuIndex == 7">
|
|
<div class="handle-item" >
|
|
<div class="handle-item" >
|
|
- <label class="handle-label" style="width: 80px;">新文件名:</label>
|
|
|
|
- <el-input type="text" v-model="handleRename.fileName" size="small" placeholder="请输入新文件名" style="width:200px;" @change="setChange"></el-input>
|
|
|
|
|
|
+ <label class="handle-label" style="width: 80px;">新图片名:</label>
|
|
|
|
+ <el-input type="text" v-model="handleRename.fileName" size="small" placeholder="请输入新图片名" style="width:200px;" @change="setChange"></el-input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-else> </div>
|
|
<div v-else> </div>
|
|
@@ -1669,7 +1682,9 @@ export default {
|
|
|
|
|
|
if([3,4,5,6,9].indexOf(this.menuIndex) > -1){ // 绑定滚动事件
|
|
if([3,4,5,6,9].indexOf(this.menuIndex) > -1){ // 绑定滚动事件
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
- this.initRoll();
|
|
|
|
|
|
+ if(!this.rollFlag){
|
|
|
|
+ this.initRoll();
|
|
|
|
+ }
|
|
}, 600);
|
|
}, 600);
|
|
}
|
|
}
|
|
|
|
|