cyl/master-im
parent
75e91a9dde
commit
cd4b0c7a9c
@ -1,132 +1,132 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="p-person-avatar g_flex_column_center g_w_all g_h_all g_bg_0 g_kuaishou">
|
<view class="p-person-avatar g_flex_column_center g_w_all g_h_all g_bg_0 g_kuaishou">
|
||||||
<view>
|
<view>
|
||||||
<view
|
<view
|
||||||
:style="{
|
:style="{
|
||||||
width: size.width + 'px',
|
width: size.width + 'px',
|
||||||
height: size.width + 'px',
|
height: size.width + 'px',
|
||||||
}"
|
}"
|
||||||
style="overflow: hidden"
|
style="overflow: hidden"
|
||||||
class="g_flex_c"
|
class="g_flex_c"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
:src="avatar"
|
:src="avatar"
|
||||||
:style="{
|
:style="{
|
||||||
width: size.width + 'px',
|
width: size.width + 'px',
|
||||||
height: size.width + 'px',
|
height: size.width + 'px',
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
<view class="g_flex_row_center g_mt_30">
|
<view class="g_flex_row_center g_mt_30">
|
||||||
<view v-if="!isEdit" class="g_flex_row_center">
|
<view v-if="!isEdit" class="g_flex_row_center">
|
||||||
<!-- || MP-WEIXIN -->
|
<!-- || MP-WEIXIN -->
|
||||||
<!-- #ifdef APP-PLUS || H5 || MP-TOUTIAO || MP-KUAISHOU -->
|
<!-- #ifdef APP-PLUS || H5 || MP-TOUTIAO || MP-KUAISHOU -->
|
||||||
<button aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px" @click="handleOpenAvatar">更换图片</button>
|
<button aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px" @click="handleOpenAvatar">更换图片</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<!-- <button open-type="chooseAvatar" @chooseavatar="handleStartChangeAvatar" aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px">更换图片</button> -->
|
<!-- <button open-type="chooseAvatar" @chooseavatar="handleStartChangeAvatar" aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px">更换图片</button> -->
|
||||||
<button @click="handleOpenAvatar" aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px">更换图片</button>
|
<button @click="handleOpenAvatar" aria-role="button" class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f" style="border: 1px solid #fff; background-color: transparent; font-size: 14px">更换图片</button>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
</view>
|
</view>
|
||||||
<view v-if="isEdit" class="g_flex_row_center">
|
<view v-if="isEdit" class="g_flex_row_center">
|
||||||
<view class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f g_mr_16" style="border: 1px solid #fff" @click="handleCancel">取消</view>
|
<view class="g_w_110 g_h_32 g_flex_c g_radius_17 g_c_f g_mr_16" style="border: 1px solid #fff" @click="handleCancel">取消</view>
|
||||||
<view class="g_w_112 g_h_34 g_flex_c g_radius_17 g_c_f g_bg_f40" style="border: 2px solid #ff4400" @click="handleConfirm">确认</view>
|
<view class="g_w_112 g_h_34 g_flex_c g_radius_17 g_c_f g_bg_f40" style="border: 2px solid #ff4400" @click="handleConfirm">确认</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
onReady() {
|
onReady() {
|
||||||
uni.setNavigationBarColor({
|
uni.setNavigationBarColor({
|
||||||
backgroundColor: "#000000",
|
backgroundColor: "#000000",
|
||||||
frontColor: "#ffffff",
|
frontColor: "#ffffff",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
let that = this;
|
let that = this;
|
||||||
console.log("options", options);
|
console.log("options", options);
|
||||||
this.info = options;
|
this.info = options;
|
||||||
this.avatar = options.value;
|
this.avatar = options.value;
|
||||||
uni.setNavigationBarTitle({
|
uni.setNavigationBarTitle({
|
||||||
title: `修改${options.label}`,
|
title: `修改${options.label}`,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
return this.G.shareFun();
|
return this.G.shareFun();
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
avatar: '',
|
avatar: "",
|
||||||
isEdit: false,
|
isEdit: false,
|
||||||
size: {
|
size: {
|
||||||
width: uni.getSystemInfoSync().windowWidth,
|
width: uni.getSystemInfoSync().windowWidth,
|
||||||
height: uni.getSystemInfoSync().windowHeight,
|
height: uni.getSystemInfoSync().windowHeight,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleOpenAvatar() {
|
handleOpenAvatar() {
|
||||||
let that = this;
|
let that = this;
|
||||||
uni.showActionSheet({
|
uni.showActionSheet({
|
||||||
itemList: ["从相册选择", "使用相机"],
|
itemList: ["从相册选择", "使用相机"],
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
if (res.tapIndex == 0) {
|
if (res.tapIndex == 0) {
|
||||||
console.log("点击相册");
|
console.log("点击相册");
|
||||||
// 相册
|
// 相册
|
||||||
that.setAvatar(["album"]);
|
that.setAvatar(["album"]);
|
||||||
} else {
|
} else {
|
||||||
console.log("点击拍照");
|
console.log("点击拍照");
|
||||||
// 拍照
|
// 拍照
|
||||||
that.setAvatar(["camera"]);
|
that.setAvatar(["camera"]);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: function (res) {},
|
fail: function (res) {},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
setAvatar($type) {
|
setAvatar($type) {
|
||||||
let that = this;
|
let that = this;
|
||||||
that.G.uploadImg(
|
that.G.uploadImg(
|
||||||
(res) => {
|
(res) => {
|
||||||
console.log("获取数据", res);
|
console.log("获取数据", res);
|
||||||
that.avatar = res.image;
|
that.avatar = res.image;
|
||||||
that.isEdit = true;
|
that.isEdit = true;
|
||||||
},
|
},
|
||||||
"default",
|
"default",
|
||||||
1,
|
1,
|
||||||
$type
|
$type
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
handleCancel() {
|
handleCancel() {
|
||||||
let that = this;
|
let that = this;
|
||||||
that.isEdit = false;
|
that.isEdit = false;
|
||||||
// that.avatar = this.avatar;
|
// that.avatar = this.avatar;
|
||||||
},
|
},
|
||||||
handleConfirm() {
|
handleConfirm() {
|
||||||
let that = this;
|
let that = this;
|
||||||
that.G.Put(
|
that.G.Put(
|
||||||
"/yishoudan/agency/updateField",
|
"/yishoudan/agency/updateField",
|
||||||
{
|
{
|
||||||
fieldName: this.info.fieldName,
|
fieldName: this.info.fieldName,
|
||||||
fieldValue: that.avatar,
|
fieldValue: that.avatar,
|
||||||
},
|
},
|
||||||
(res) => {
|
(res) => {
|
||||||
that.isEdit = false;
|
that.isEdit = false;
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "修改成功",
|
title: "修改成功",
|
||||||
icon: "success",
|
icon: "success",
|
||||||
});
|
});
|
||||||
that.G.checkToken();
|
that.G.checkToken();
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.navigateBack();
|
uni.navigateBack();
|
||||||
}, 1500);
|
}, 1500);
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
<style></style>
|
||||||
|
|||||||
Loading…
Reference in New Issue