{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
|
<link rel="stylesheet" type="text/css" href="{yun:}$wap_style{/yun}/js/webapppic/cropper.css?v={yun:}$config.cachecode{/yun}" />
|
|
<script src="{yun:}$wap_style{/yun}/js/alloy/transform.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script src="{yun:}$wap_style{/yun}/js/alloy/alloy-finger.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script src="{yun:}$wap_style{/yun}/js/alloy-crop.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<script src="{yun:}$wap_style{/yun}/js/exif.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
|
<div id="yunvue">
|
<div class="clear"></div>
|
<div class="verify">
|
<div class="photo_i_box_v">
|
<div class="photo_i_box_v_c">
|
<div id="showResult">
|
<div id="changeAvatar" class="photo_i_box">
|
<img :src="info.logo"
|
onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.sy_unit_icon{/yun}',2);"
|
width="120" height="120">
|
</div>
|
<div class="clear"></div>
|
<div class="photo_xz">
|
<input id="image" type="file" accept="image/*" onchange="photoChange(this)"/> 选择上传logo
|
|
</div>
|
<div class="yunset_identity_msg"><i class="yunset_identity_msg_icon"></i>选择上传logo点击提交按钮即可上传
|
<span v-if="info.logo_n">
|
(
|
<font v-if="logo_status == '1'" color="red">审核中</font>
|
<font v-else-if="logo_status == '2'" color="red">未通过</font>
|
<font v-else color="red">已审核</font>
|
)
|
</span>
|
</div>
|
</div>
|
|
<input type="hidden" value="" id="preview">
|
</div>
|
<div class="photo_tj">
|
<input name="submit" type="button" onclick="photo()" value="提交" class="yunset_bth"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
var yunvue = new Vue({
|
el: '#yunvue',
|
data() {
|
return {
|
logo_status: '',
|
info: {},
|
};
|
},
|
created() {
|
let that = this;
|
$.post('{yun:}url d=wxapp h=com m=info c=getinfo{/yun}', {rand: Math.random()}, function (data) {
|
hideLoading();
|
let res = data.data;
|
that.logo_status = res.logo_status;
|
that.info=res;
|
}, 'json')
|
}
|
});
|
// 裁剪logo
|
function toAlloyCrop(pic) {
|
new AlloyCrop({
|
image_src: pic,
|
width: 200,
|
height: 200,
|
output: 1,
|
ok: function (base64, canvas) {
|
yunvue.$data.info.logo = base64;
|
$("#preview").val(base64);
|
// $('#showResult').fadeIn();
|
},
|
cancel: function () {
|
// $('#showResult').fadeIn();
|
},
|
ok_text: '确定',
|
cancel_text: '取消'
|
});
|
}
|
// 上传logo
|
function photo() {
|
let yd = yunvue.$data;
|
var uimage = $("#preview").val();
|
if (uimage == '') {
|
showToast('请选择图片后再提交');
|
return false;
|
} else {
|
var regS = new RegExp("\\+", "gi");
|
uimage = uimage.replace(regS, "#");
|
showLoading('上传中');
|
$.ajax({
|
type: 'POST',
|
url: '{yun:}url d=wxapp h=com m=info c=savephoto{/yun}',
|
cache: false,
|
dataType: 'json',
|
data: {
|
uimage: uimage,
|
source: 'wap'
|
},
|
success: function (data) {
|
hideLoading();
|
if (data.error == 1) {
|
showToast(data.msg, 2, function () {
|
$("#preview").val('')
|
// yd.photoShow = false;
|
});
|
} else {
|
showModal(data.msg);
|
}
|
}
|
});
|
}
|
}
|
</script>
|
</body>
|
</html>
|
