username
10 months ago
parent
d6027d1dbd
commit
7297c23585
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,132 @@
|
||||
package com.bs.web.utils;
|
||||
|
||||
import cn.hutool.json.JSONArray;
|
||||
import cn.hutool.json.JSONException;
|
||||
import cn.hutool.json.JSONObject;
|
||||
import cn.hutool.json.XML;
|
||||
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
|
||||
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||
import org.apache.commons.io.IOUtils;
|
||||
|
||||
import javax.annotation.Resource;
|
||||
import java.io.IOException;
|
||||
import java.io.InputStream;
|
||||
import java.text.ParseException;
|
||||
import java.text.SimpleDateFormat;
|
||||
import java.util.*;
|
||||
import java.security.MessageDigest;
|
||||
import java.security.NoSuchAlgorithmException;
|
||||
import java.io.UnsupportedEncodingException;
|
||||
|
||||
class Sign {
|
||||
|
||||
@Resource
|
||||
private WeiXinUtil weiXinUtil;
|
||||
public static void main(String[] args) {
|
||||
String jsapi_ticket = " <?xml version=\"1.0\" encoding=\"UTF-8\"?>\n" +
|
||||
"<Root>\n" +
|
||||
" <Corporation Name=\"三明市***电脑贸易有限公司\"/>\n" +
|
||||
" <Corporation Name=\"三明市**运输有限公司\"/>\n" +
|
||||
" <Corporation Name=\"东山县****有限公司\"/>\n" +
|
||||
" <Corporation Name=\"中科**（福建）****有限公司\"/>\n" +
|
||||
" <Corporation Name=\"仙游县*****铜门加工厂\"/>\n" +
|
||||
" <Corporation Name=\"光泽县****开发有限公司\"/>\n" +
|
||||
" <Corporation Name=\"南安市******有限公司\"/>\n" +
|
||||
" <Corporation Name=\"南安市****加工厂\"/>\n" +
|
||||
" <Corporation Name=\"南安****有限公司\"/>\n" +
|
||||
" <Corporation Name=\"南靖县******有限公司\"/>\n" +
|
||||
"</Root>";
|
||||
|
||||
String s = convertXmlToJson(jsapi_ticket);
|
||||
Map<String, Object> mapJson = new HashMap<>();
|
||||
try {
|
||||
ObjectMapper mapper = new ObjectMapper();
|
||||
mapJson = mapper.readValue(s, Map.class);
|
||||
} catch (Exception e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
Object messageJson = mapJson.get("Root");
|
||||
LinkedHashMap<String, Object> nestedMapNts = (LinkedHashMap<String, Object>) messageJson;
|
||||
LinkedHashMap<String, LinkedHashMap<String, Object>> nestedMapInfo = (LinkedHashMap<String, LinkedHashMap<String, Object>>) messageJson;
|
||||
Object corporation = nestedMapNts.get("Corporation");
|
||||
try {
|
||||
JSONArray jsonArray = new JSONArray(corporation);
|
||||
List<String> names = new ArrayList<>();
|
||||
for (int i = 0; i < jsonArray.size(); i++) {
|
||||
JSONObject jsonObject = jsonArray.getJSONObject(i);
|
||||
String name = jsonObject.getStr("Name");
|
||||
names.add(name);
|
||||
}
|
||||
System.out.println(names);
|
||||
} catch (JSONException e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
public static Map<String, String> sign(String jsapi_ticket, String url) {
|
||||
Map<String, String> ret = new HashMap<String, String>();
|
||||
String nonce_str = create_nonce_str();
|
||||
String timestamp = create_timestamp();
|
||||
String string1;
|
||||
String signature = "";
|
||||
|
||||
//注意这里参数名必须全部小写，且必须有序
|
||||
string1 = "jsapi_ticket=" + jsapi_ticket +
|
||||
"&noncestr=" + nonce_str +
|
||||
"×tamp=" + timestamp +
|
||||
"&url=" + url;
|
||||
try
|
||||
{
|
||||
MessageDigest crypt = MessageDigest.getInstance("SHA-1");
|
||||
crypt.reset();
|
||||
crypt.update(string1.getBytes("UTF-8"));
|
||||
signature = byteToHex(crypt.digest());
|
||||
}
|
||||
catch (NoSuchAlgorithmException e)
|
||||
{
|
||||
e.printStackTrace();
|
||||
}
|
||||
catch (UnsupportedEncodingException e)
|
||||
{
|
||||
e.printStackTrace();
|
||||
}
|
||||
|
||||
ret.put("url", url);
|
||||
ret.put("jsapi_ticket", jsapi_ticket);
|
||||
ret.put("nonceStr", nonce_str);
|
||||
ret.put("timestamp", timestamp);
|
||||
ret.put("signature", signature);
|
||||
|
||||
return ret;
|
||||
}
|
||||
|
||||
private static String byteToHex(final byte[] hash) {
|
||||
Formatter formatter = new Formatter();
|
||||
for (byte b : hash)
|
||||
{
|
||||
formatter.format("%02x", b);
|
||||
}
|
||||
String result = formatter.toString();
|
||||
formatter.close();
|
||||
return result;
|
||||
}
|
||||
|
||||
private static String create_nonce_str() {
|
||||
return UUID.randomUUID().toString();
|
||||
}
|
||||
|
||||
private static String create_timestamp() {
|
||||
return Long.toString(System.currentTimeMillis() / 1000);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
public static String convertXmlToJson(String xmlString) {
|
||||
JSONObject jsonObject = XML.toJSONObject(xmlString); // 使用JSON库将XML字符串转换为JSONObject对象
|
||||
String jsonString = jsonObject.toString(); // 将JSONObject对象转换为JSON字符串
|
||||
return jsonString;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,385 @@
|
||||
<template>
|
||||
<transition name="viewer-fade">
|
||||
<div tabindex="-1" ref="el-image-viewer__wrapper" class="el-image-viewer__wrapper"
|
||||
:style="{ 'z-index': viewerZIndex }">
|
||||
<div class="el-image-viewer__mask" @click.self="handleMaskClick"></div>
|
||||
<!-- CLOSE -->
|
||||
<span class="el-image-viewer__btn el-image-viewer__close" @click="hide">
|
||||
<i class="el-icon-close"></i>
|
||||
</span>
|
||||
<!-- ARROW -->
|
||||
<template v-if="!isSingle">
|
||||
<span class="el-image-viewer__btn el-image-viewer__prev" :class="{ 'is-disabled': !infinite && isFirst }"
|
||||
@click="prev">
|
||||
<i class="el-icon-arrow-left" />
|
||||
</span>
|
||||
<span class="el-image-viewer__btn el-image-viewer__next" :class="{ 'is-disabled': !infinite && isLast }"
|
||||
@click="next">
|
||||
<i class="el-icon-arrow-right" />
|
||||
</span>
|
||||
</template>
|
||||
<!-- ACTIONS -->
|
||||
<div v-loading="toolLoading" class="el-image-viewer__btn el-image-viewer__actions" style="width: auto;">
|
||||
<div class="el-image-viewer__actions__inner i__space">
|
||||
<i class="el-icon-zoom-out" @click="handleActions('zoomOut')"></i>
|
||||
<i class="el-icon-zoom-in" @click="handleActions('zoomIn')"></i>
|
||||
<i class="el-image-viewer__actions__divider"></i>
|
||||
<i :class="mode.icon" @click="toggleMode"></i>
|
||||
<i class="el-image-viewer__actions__divider"></i>
|
||||
<i class="el-icon-refresh-left" @click="handleActions('anticlocelise')"></i>
|
||||
<i class="el-icon-refresh-right" @click="handleActions('clocelise')"></i>
|
||||
<i class="el-icon-download" v-if="extraOptions.download" @click="handleExtraActions('download')"></i>
|
||||
<i class="el-icon-printer" v-if="extraOptions.print" @click="handleExtraActions('print')"></i>
|
||||
<el-popover v-if="extraOptions.edit" v-model="nameVisible" placement="top" title="修改附件名称" width="300"
|
||||
trigger="click">
|
||||
<el-input v-model="filename" placeholder="输入附件名称" style="margin-bottom: 20px;"></el-input>
|
||||
<div style="text-align: right; margin: 0">
|
||||
<el-button size="mini" type="text" @click="nameVisible = false">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="handleExtraActions('edit')">确定</el-button>
|
||||
</div>
|
||||
<i class="el-icon-edit" slot="reference" style="margin-left: 15px;"></i>
|
||||
</el-popover>
|
||||
<el-popconfirm v-if="extraOptions.check" title="保存当前图片方向吗？" @confirm="handleExtraActions('check')">
|
||||
<i class="el-icon-check" slot="reference" style="margin-left: 15px;"></i>
|
||||
</el-popconfirm>
|
||||
<el-popconfirm v-if="extraOptions.delete" title="确定删除当前图片附件吗？" @confirm="handleExtraActions('delete')">
|
||||
<i class="el-icon-delete-solid" slot="reference" style="margin-left: 25px;"></i>
|
||||
</el-popconfirm>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CANVAS -->
|
||||
<div class="el-image-viewer__canvas">
|
||||
<img v-for="(url, i) in urlList" v-if="i === index" ref="img" class="el-image-viewer__img" :key="url"
|
||||
:src="currentImg" :style="imgStyle" @load="handleImgLoad" @error="handleImgError" @mousedown="handleMouseDown">
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { on, off } from 'element-ui/src/utils/dom';
|
||||
import { rafThrottle, isFirefox } from 'element-ui/src/utils/util';
|
||||
import { PopupManager } from 'element-ui/lib/utils/popup';
|
||||
|
||||
const Mode = {
|
||||
CONTAIN: {
|
||||
name: 'contain',
|
||||
icon: 'el-icon-full-screen'
|
||||
},
|
||||
ORIGINAL: {
|
||||
name: 'original',
|
||||
icon: 'el-icon-c-scale-to-original'
|
||||
}
|
||||
};
|
||||
|
||||
const mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel';
|
||||
|
||||
export default {
|
||||
name: 'elImageViewer',
|
||||
|
||||
props: {
|
||||
urlList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
nameList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
zIndex: {
|
||||
type: Number,
|
||||
default: 2000
|
||||
},
|
||||
onSwitch: {
|
||||
type: Function,
|
||||
default: () => { }
|
||||
},
|
||||
onClose: {
|
||||
type: Function,
|
||||
default: () => { }
|
||||
},
|
||||
initialIndex: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
appendToBody: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
maskClosable: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
options: {
|
||||
type: Object,
|
||||
default: () => ({ })
|
||||
},
|
||||
toolLoading: false,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
index: this.initialIndex,
|
||||
isShow: false,
|
||||
infinite: true,
|
||||
loading: false,
|
||||
mode: Mode.CONTAIN,
|
||||
transform: {
|
||||
scale: 1,
|
||||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false
|
||||
},
|
||||
nameVisible: false,
|
||||
filename: this.nameList[this.initialIndex] || '',
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
extraOptions() {
|
||||
return Object.assign({
|
||||
download: true,
|
||||
print: true,
|
||||
edit: false,
|
||||
check: false,
|
||||
delete: false,
|
||||
}, this.options);
|
||||
},
|
||||
isSingle() {
|
||||
return this.urlList.length <= 1;
|
||||
},
|
||||
isFirst() {
|
||||
return this.index === 0;
|
||||
},
|
||||
isLast() {
|
||||
return this.index === this.urlList.length - 1;
|
||||
},
|
||||
currentImg() {
|
||||
return this.urlList[this.index];
|
||||
},
|
||||
imgStyle() {
|
||||
const { scale, deg, offsetX, offsetY, enableTransition } = this.transform;
|
||||
const style = {
|
||||
transform: `scale(${scale}) rotate(${deg}deg)`,
|
||||
transition: enableTransition ? 'transform .3s' : '',
|
||||
'margin-left': `${offsetX}px`,
|
||||
'margin-top': `${offsetY}px`
|
||||
};
|
||||
if (this.mode === Mode.CONTAIN) {
|
||||
style.maxWidth = style.maxHeight = '100%';
|
||||
}
|
||||
return style;
|
||||
},
|
||||
viewerZIndex() {
|
||||
const nextZIndex = PopupManager.nextZIndex();
|
||||
return this.zIndex > nextZIndex ? this.zIndex : nextZIndex;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
nameList: {
|
||||
handler(val) {
|
||||
if (val && val.length) {
|
||||
this.filename = val[this.index];
|
||||
}
|
||||
}
|
||||
},
|
||||
index: {
|
||||
handler: function (val) {
|
||||
this.reset();
|
||||
this.onSwitch(val);
|
||||
if (val >= 0 && this.nameList && this.nameList.length) {
|
||||
this.filename = this.nameList[val];
|
||||
}
|
||||
}
|
||||
},
|
||||
currentImg(val) {
|
||||
this.$nextTick(_ => {
|
||||
const $img = this.$refs.img[0];
|
||||
if (!$img.complete) {
|
||||
this.loading = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hide() {
|
||||
this.deviceSupportUninstall();
|
||||
this.onClose();
|
||||
},
|
||||
deviceSupportInstall() {
|
||||
this._keyDownHandler = e => {
|
||||
e.stopPropagation();
|
||||
const keyCode = e.keyCode;
|
||||
switch (keyCode) {
|
||||
// ESC
|
||||
case 27:
|
||||
this.hide();
|
||||
break;
|
||||
// SPACE
|
||||
case 32:
|
||||
this.toggleMode();
|
||||
break;
|
||||
// LEFT_ARROW
|
||||
case 37:
|
||||
this.prev();
|
||||
break;
|
||||
// UP_ARROW
|
||||
case 38:
|
||||
this.handleActions('zoomIn');
|
||||
break;
|
||||
// RIGHT_ARROW
|
||||
case 39:
|
||||
this.next();
|
||||
break;
|
||||
// DOWN_ARROW
|
||||
case 40:
|
||||
this.handleActions('zoomOut');
|
||||
break;
|
||||
}
|
||||
};
|
||||
this._mouseWheelHandler = rafThrottle(e => {
|
||||
const delta = e.wheelDelta ? e.wheelDelta : -e.detail;
|
||||
if (delta > 0) {
|
||||
this.handleActions('zoomIn', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false
|
||||
});
|
||||
} else {
|
||||
this.handleActions('zoomOut', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false
|
||||
});
|
||||
}
|
||||
});
|
||||
on(document, 'keydown', this._keyDownHandler);
|
||||
on(document, mousewheelEventName, this._mouseWheelHandler);
|
||||
},
|
||||
deviceSupportUninstall() {
|
||||
off(document, 'keydown', this._keyDownHandler);
|
||||
off(document, mousewheelEventName, this._mouseWheelHandler);
|
||||
this._keyDownHandler = null;
|
||||
this._mouseWheelHandler = null;
|
||||
},
|
||||
handleImgLoad(e) {
|
||||
this.loading = false;
|
||||
},
|
||||
handleImgError(e) {
|
||||
this.loading = false;
|
||||
e.target.alt = '加载失败';
|
||||
},
|
||||
handleMouseDown(e) {
|
||||
if (this.loading || e.button !== 0) return;
|
||||
|
||||
const { offsetX, offsetY } = this.transform;
|
||||
const startX = e.pageX;
|
||||
const startY = e.pageY;
|
||||
this._dragHandler = rafThrottle(ev => {
|
||||
this.transform.offsetX = offsetX + ev.pageX - startX;
|
||||
this.transform.offsetY = offsetY + ev.pageY - startY;
|
||||
});
|
||||
on(document, 'mousemove', this._dragHandler);
|
||||
on(document, 'mouseup', ev => {
|
||||
off(document, 'mousemove', this._dragHandler);
|
||||
});
|
||||
|
||||
e.preventDefault();
|
||||
},
|
||||
handleMaskClick() {
|
||||
if (this.maskClosable) {
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
reset() {
|
||||
this.transform = {
|
||||
scale: 1,
|
||||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false
|
||||
};
|
||||
},
|
||||
toggleMode() {
|
||||
if (this.loading) return;
|
||||
|
||||
const modeNames = Object.keys(Mode);
|
||||
const modeValues = Object.values(Mode);
|
||||
const index = modeValues.indexOf(this.mode);
|
||||
const nextIndex = (index + 1) % modeNames.length;
|
||||
this.mode = Mode[modeNames[nextIndex]];
|
||||
this.reset();
|
||||
},
|
||||
prev() {
|
||||
if (this.isFirst && !this.infinite) return;
|
||||
const len = this.urlList.length;
|
||||
this.index = (this.index - 1 + len) % len;
|
||||
},
|
||||
next() {
|
||||
if (this.isLast && !this.infinite) return;
|
||||
const len = this.urlList.length;
|
||||
this.index = (this.index + 1) % len;
|
||||
},
|
||||
handleActions(action, options = {}) {
|
||||
if (this.loading) return;
|
||||
const { zoomRate, rotateDeg, enableTransition } = {
|
||||
zoomRate: 0.2,
|
||||
rotateDeg: 90,
|
||||
enableTransition: true,
|
||||
...options
|
||||
};
|
||||
const { transform } = this;
|
||||
switch (action) {
|
||||
case 'zoomOut':
|
||||
if (transform.scale > 0.2) {
|
||||
transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3));
|
||||
}
|
||||
break;
|
||||
case 'zoomIn':
|
||||
transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3));
|
||||
break;
|
||||
case 'clocelise':
|
||||
transform.deg += rotateDeg;
|
||||
break;
|
||||
case 'anticlocelise':
|
||||
transform.deg -= rotateDeg;
|
||||
break;
|
||||
}
|
||||
transform.enableTransition = enableTransition;
|
||||
},
|
||||
handleExtraActions(action) {
|
||||
let deg = this.transform.deg % 360;
|
||||
if (deg < 0) {
|
||||
deg += 360;
|
||||
}
|
||||
const params = {
|
||||
index: this.index,
|
||||
deg: deg,
|
||||
filename: this.filename,
|
||||
}
|
||||
this.$emit(action, params);
|
||||
this.nameVisible = false;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.deviceSupportInstall();
|
||||
if (this.appendToBody) {
|
||||
document.body.appendChild(this.$el);
|
||||
}
|
||||
// add tabindex then wrapper can be focusable via Javascript
|
||||
// focus wrapper so arrow key can't cause inner scroll behavior underneath
|
||||
this.$refs['el-image-viewer__wrapper'].focus();
|
||||
},
|
||||
destroyed() {
|
||||
// if appendToBody is true, remove DOM node after destroy
|
||||
if (this.appendToBody && this.$el && this.$el.parentNode) {
|
||||
this.$el.parentNode.removeChild(this.$el);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.i__space {
|
||||
i+i {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue