7 changed files with 106 additions and 8 deletions
@ -1,8 +1,12 @@ |
|||
// 导入自己需要的组件
|
|||
import { Slider } from 'element-ui' |
|||
import { Slider,Progress,Steps,Step,Select,Option } from 'element-ui' |
|||
const components = [Slider,Progress,Steps,Step,Select,Option] |
|||
const element = { |
|||
install: function (Vue) { |
|||
Vue.use(Slider) |
|||
// Vue.use(Slider)
|
|||
components.forEach(component => { |
|||
Vue.use(component) |
|||
}) |
|||
} |
|||
} |
|||
export default element |
|||
@ -0,0 +1,65 @@ |
|||
<template> |
|||
<v-page class="pos-login"> |
|||
<v-header :title="$t('common.c13')"></v-header> |
|||
<main class="bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow"> |
|||
<view class="form-item border-b p-y-md color-light"> |
|||
<view class="label m-b-xs">{{$t('safe.b3')}}</view> |
|||
<view class="input"> |
|||
<v-input type="password" v-model="form.password" :placeholder="$t('safe.b4')"></v-input> |
|||
</view> |
|||
</view> |
|||
<view class="form-item border-b p-y-md color-light"> |
|||
<view class="label m-b-xs">{{$t('safe.b5')}}</view> |
|||
<view class="input"> |
|||
<v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input> |
|||
</view> |
|||
</view> |
|||
<view class="p-md "> |
|||
<v-button block type="blue" class="w-max rounded-md" ref="btn" @click="setPassword">{{$t('safe.b7')}}</v-button> |
|||
</view> |
|||
</main> |
|||
|
|||
<van-toast id="van-toast" /> |
|||
</v-page> |
|||
</template> |
|||
<script> |
|||
import Member from "@/api/member"; |
|||
import { mapState } from "vuex"; |
|||
import Setting from "@/api/setting"; |
|||
export default { |
|||
data() { |
|||
return { |
|||
form: { |
|||
password: "", |
|||
password_confirmation: "" |
|||
} |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapState({ |
|||
user: "user", |
|||
}), |
|||
}, |
|||
methods: { |
|||
setPassword() { |
|||
let data = this.form; |
|||
Setting.withdrawalPassword(data, { btn: this.$refs.btn }) |
|||
.then((res) => { |
|||
if(res.code==200){ |
|||
this.$back(); |
|||
this.$toast.success(this.$t('safe.d3')); |
|||
} |
|||
}).catch(() => {}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.layout-page{ |
|||
background-color: #fff !important; |
|||
background: none; |
|||
} |
|||
.bg-panel-3{ |
|||
background-color: #fff; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue