Skip to content

O
OKR
Commit 09f24b25 authored by lshan's avatar lshan
Browse files
Options

lishan

parent 773ed654
Hide whitespace changes
Inline Side-by-side
Showing with 20 additions and 10 deletions
src/views/file.vue
View file @ 09f24b25
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<!-- 输入任意文本 --> <!-- 输入任意文本 -->
<van-cell-group> <van-cell-group>
<van-field label="真实姓名" maxlength="50" required disabled /> <van-field label="真实姓名" maxlength="50" :required="true" disabled />
<van-field v-model="name" /> <van-field v-model="name" />
</van-cell-group> </van-cell-group>
<br> <br>
...@@ -25,15 +25,15 @@ ...@@ -25,15 +25,15 @@
<van-field v-model="job" /> <van-field v-model="job" />
</van-cell-group> </van-cell-group>
<br> <br>
<van-cell-group class="col"> <van-cell-group >
<!-- 输入手机号，调起手机号键盘 --> <!-- 输入手机号，调起手机号键盘 -->
<van-field label="手机号" v-model="tel" type="tel" input-align="right" /> <van-field label="手机号" v-model="tel" type="tel" input-align="right" class="text-white"/>
<!-- 允许输入整数，调起数字键盘 --> <!-- 允许输入整数，调起数字键盘 -->
<van-field label="员工编号" v-model="digit" type="digit" input-align="right" /> <van-field label="员工编号" v-model="digit" type="digit" input-align="right" />
<van-field label="入职时间" v-model="date" :value="date" input-align="right" @click="show = true" right-icon="ellipsis"/> <van-field label="入职时间" v-model="date" :value="date" input-align="right" @click="show = true" right-icon="ellipsis"/>
<van-calendar v-model="show" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis" cancel-button-text="qux"/> <van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis" :style="{ height: '100% '}" />
</van-cell-group> </van-cell-group>
<br> <br>
<van-cell-group> <van-cell-group>
...@@ -55,8 +55,14 @@ ...@@ -55,8 +55,14 @@
</van-cell-group> </van-cell-group>
<br><br><br><br> <br><br><br><br>
<c-button
<van-button round type="info" size="large">生成地址</van-button> round
buttonBg="bg-white"
class="text-text-primary mt-16"
>
生成地址
</c-button>
</div> </div>
...@@ -84,9 +90,11 @@ Vue.use(Button); ...@@ -84,9 +90,11 @@ Vue.use(Button);
Vue.use(Field); Vue.use(Field);
export default Vue.extend({ export default Vue.extend({
name: 'TeamFrame', name: 'TeamFrame',
components: { components: {
'main-page': () => import('@/layout/main-page.vue') 'main-page': () => import('@/layout/main-page.vue'),
'c-button': () => import('./components/c-button.vue')
}, },
created() { created() {
// console.log(Mock, 'mock') // console.log(Mock, 'mock')
...@@ -117,7 +125,7 @@ export default Vue.extend({ ...@@ -117,7 +125,7 @@ export default Vue.extend({
this.showPicker = false; this.showPicker = false;
}, },
formatDate(date:Date) { formatDate(date:Date) {
return `${date.getMonth() + 1}/${date.getDate()}`; return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}, },
onConfirm(date:Date) { onConfirm(date:Date) {
this.show = false; this.show = false;
...@@ -128,5 +136,7 @@ export default Vue.extend({ ...@@ -128,5 +136,7 @@ export default Vue.extend({
</script> </script>
<style lang="less"> <style lang="less">
.col{
color:rgb(78, 230, 111)
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment