liaoxinyu
/
CATYcoin_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改IOS上传相片时反回到首页

master
liaoxinyu 2 years ago
parent
2f5865a99d
commit
8be4107dd7
1 changed files with 121 additions and 117 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 68
      pages/auth/senior.vue

68
pages/auth/senior.vue
View File

@ -6,14 +6,14 @@
<div class="color-light p-b-xs">1、{{$t('auth.b5')}}</div> <div class="color-light p-b-xs">1、{{$t('auth.b5')}}</div>
<div class="d-flex justify-between m-t-md "> <div class="d-flex justify-between m-t-md ">
<div class="examples m-r-xs bg-panel-3 p-md rounded-sm box-shadow"> <div class="examples m-r-xs bg-panel-3 p-md rounded-sm box-shadow">
<img src="static/img/fill6.png" /> <img src="static/img/fill6.png"/>
</div> </div>
<div <div
@click="getFile('front_img')" @click="getFile('front_img')"
class="upload-box d-flex justify-center align-center rounded-sm bg-panel-3 box-shadow" class="upload-box d-flex justify-center align-center rounded-sm bg-panel-3 box-shadow"
> >
<van-icon v-if="!form.front_img" class="color-light fn-30" name="photograph" /> <van-icon v-if="!form.front_img" class="color-light fn-30" name="photograph"/>
<img v-else :src="form.front_img" alt /> <img v-else :src="form.front_img" alt/>
</div> </div>
</div> </div>
</div> </div>
@ -21,48 +21,36 @@
<div class="color-light p-b-xs">2、{{$t('auth.b6')}}</div> <div class="color-light p-b-xs">2、{{$t('auth.b6')}}</div>
<div class="d-flex justify-between m-t-md"> <div class="d-flex justify-between m-t-md">
<div class="examples m-r-xs bg-panel-3 p-md rounded-sm box-shadow"> <div class="examples m-r-xs bg-panel-3 p-md rounded-sm box-shadow">
<img src="static/img/fill7.png" /> <img src="static/img/fill7.png"/>
</div> </div>
<div <div
@click="getFile('back_img')" @click="getFile('back_img')"
class="upload-box d-flex justify-center align-center rounded-sm bg-panel-3 box-shadow" class="upload-box d-flex justify-center align-center rounded-sm bg-panel-3 box-shadow"
> >
<van-icon v-if="!form.back_img" class="color-light fn-30" name="photograph" /> <van-icon v-if="!form.back_img" class="color-light fn-30" name="photograph"/>
<img v-else :src="form.back_img" alt /> <img v-else :src="form.back_img" alt/>
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="form-item p-md m-md ">
<div class="color-light p-b-xs">3、{{$t('auth.b7')}}</div>
<div class="fn-sm ">{{$t('auth.b8')}}。</div>
<div class="d-flex justify-between m-t-md">
<div class="examples m-r-xs bg-panel-3 p-md rounded-sm box-shadow">
<img src="static/img/fill6.png" />
</div>
<div
@click="getFile('hand_img')"
class="upload-box d-flex justify-center align-center rounded-sm bg-panel-3 box-shadow"
>
<van-icon v-if="!form.hand_img" class="color-light fn-30" name="photograph" />
<img v-else :src="form.hand_img" alt />
</div>
</div>
</div> -->
</main> </main>
<div class="p-md"> <div class="p-md">
<v-button block type="green" class="w-max rounded-lg" @click="topAuth" ref="btn">{{$t('common.submit')}}</v-button> <v-button block type="green" class="w-max rounded-lg" @click="topAuth" ref="btn">{{$t('common.submit')}}
</v-button>
</div> </div>
<van-toast id="van-toast" /> <van-toast id="van-toast"/>
</div> </div>
</template> </template>
<script> <script>
import utils from "@/utils"; import utils from "@/utils";
import Profile from "@/api/profile"; import Profile from "@/api/profile";
import Member from "@/api/member"; import Member from "@/api/member";
import { mapGetters } from "vuex"; import {mapGetters} from "vuex";
export default { export default {
data() { data() {
return { return {
detail: {},
countryList: [],
imgBase: undefined, imgBase: undefined,
form: { form: {
hand_img: "", hand_img: "",
@ -72,12 +60,12 @@ export default {
}; };
}, },
computed: { computed: {
...mapGetters(['themeStyle']) ...mapGetters(['themeStyle']),
}, },
methods: { methods: {
getFile(name) { getFile(name) {
console.log(name) console.log(name)
this.$getFile({count:9}).then((res) => { this.$getFile({count: 9}).then((res) => {
this.upLoadImg(res, name); this.upLoadImg(res, name);
}) })
}, },
@ -103,33 +91,49 @@ export default {
this.$toast(this.$t('auth.c3')); this.$toast(this.$t('auth.c3'));
return; return;
} }
Profile.topAuth(data, { btn: this.$refs.btn }) Profile.topAuth(data, {btn: this.$refs.btn})
.then(() => { .then(() => {
this.$toast.success(this.$t('auth.c4')+"。"); // alert($t('auth.c4') );
this.$back(); this.$toast.success(this.$t('auth.c4') + "。");
clearTimeout(this.timer); //清除延迟执行
this.timer = setTimeout(()=>{ //设置延迟执行
this.$router.push("/pages/base/index");
},1000);
// this.$back();
}) })
.catch(() => {}); .catch(() => {
}, });
}, },
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.layout-page{
background-color: #fff !important;
background: none;
}
.examples { .examples {
width: 122px; width: 122px;
height: 70px; height: 70px;
display: flex; display: flex;
align-items: center; align-items: center;
img { img {
width: 100%; width: 100%;
} }
} }
.upload-box { .upload-box {
width: 150px; width: 150px;
height: 100px; height: 100px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
} }
.bg-panel-3{
background-color: #fff;
}
</style> </style>
Write Preview
Loading…
Cancel
Save