Skip to content

O
OKR
Commit 0277bd62 authored by sixiaofeng's avatar sixiaofeng
Browse files
Options

合并ls

parents 3d22a6b1 8fb7fd72
Hide whitespace changes
Inline Side-by-side
Showing with 169 additions and 68 deletions
src/router/index.ts
View file @ 0277bd62
......@@ -102,7 +102,15 @@ const routes: Array<RouteConfig> = [
meta: {
title: '添加部门'
}
}
},
{
path: '/two-code',
name: 'Two-code',
component: () => import('@/views/two-code.vue'),
meta: {
title: '成员二维码'
}
},
]
const router = new VueRouter({
......
src/views/file.vue
View file @ 0277bd62
<template>
<div class="team-frame">
<div class="file">
<main-page
left-arrow
@click-left="handleClickLeft"
......@@ -11,45 +11,40 @@
:path="require('@/assets/icons/search.png')"
/>
</template> -->
<div class="px-4 pt-14">
<!-- 输入任意文本 -->
<van-cell-group>
<van-field label="真实姓名" :required="true" disabled ></van-field>
<input type="text" maxlength="10">
</van-cell-group>
<br>
<van-cell-group>
<van-field label="职位" disabled />
<input type="text">
</van-cell-group>
<br>
<van-cell-group >
<!-- 输入手机号，调起手机号键盘 -->
<van-field dot label="手机号" v-model="tel" type="tel" 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>
<van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis" :style="{ height: '100% '}" />
</van-cell-group>
<br>
<van-cell-group>
<van-field label="所属部门" right-icon="ellipsis" disabled />
<van-field/>
<van-field/>
</van-cell-group>
<c-button
round
buttonBg="bg-color-primary"
class="mt-16"
>
生成邀请二维码
</c-button>
</div>
<div class="px-4 space-y-6 pt-14">
<!-- 姓名/职位 -->
<van-cell-group >
<van-field label="真实姓名" :required="true" :value="remnant1+'/10'" input-align="right" disabled />
<van-field type="text" @input ="descInput1" v-model="desc1" maxlength=10 placeholder="请在这里输入你的真实姓名" />
</van-cell-group>
<van-cell-group>
<van-field label="职位" :value="remnant2+'/10'" input-align="right" disabled class="h-30pt"/>
<van-field type="text" @input ="descInput2" v-model="desc2" maxlength=10 placeholder="请在这里输入你的职位"/>
</van-cell-group>
<van-cell-group >
<!-- 手机号/员工编号/入职时间-->
<van-field dot label="手机号" v-model="tel" type="tel" input-align="right" placeholder="请输入手机号"/>
<van-field label="员工编号" v-model="digit" type="digit" input-align="right" placeholder="请输入员工编号"/>
<van-field label="入职时间" v-model="date" :value="date"
input-align="right" @click="show = true"
:right-icon="require('@/assets/icons/dot.png')" placeholder="请选择入职时间"/>
<van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" :style="{ height: '100% '}" />
</van-cell-group>
<van-cell-group >
<van-field label="所属部门" :right-icon="require('@/assets/icons/dot.png')" disabled class="h-100pt "/>
<van-field placeholder="请选择总部门"/>
<van-field placeholder="请选择子部门"/>
</van-cell-group>
<c-button
round
buttonBg="bg-color-primary"
class="mt-16 "
@click="$router.push('/two-code')"
>
生成邀请二维码
</c-button>
</div>
</main-page>
</div>
</template>
......@@ -57,64 +52,66 @@
<script lang="ts">
import Vue from 'vue'
import { Field, Toast } from 'vant';
import { Field, Toast } from 'vant';
import { Calendar } from 'vant';
import { Popup } from 'vant';
import { Cell, CellGroup } from 'vant';
import { NavBar } from 'vant';
import { Icon } from 'vant';
import { RadioGroup, Radio } from 'vant';
import { Cell, CellGroup } from 'vant';
Vue.use(Radio);
Vue.use(RadioGroup);
Vue.use(Icon);
Vue.use(NavBar);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Icon);
Vue.use(Popup);
Vue.use(Calendar);
Vue.use(Field);
export default Vue.extend({
name: 'TeamFrame',
export default Vue.extend({
name: 'File',
components: {
'main-page': () => import('@/layout/main-page.vue'),
'c-button': () => import('./components/c-button.vue'),
'c-button': () => import('./components/c-button.vue')
},
created() {
// console.log(Mock, 'mock')
},
data() {
return {
realname: '',
job:'',
tel: '',
digit: '',
//入职时间
date: '',
show:false,
realname: '',//姓名
remnant1:0,//字数
desc1:'',
remnant2:0,//字数
desc2:'',
job:'',//职位
tel: '',//电话号码
digit: '',//员工编号
date: '',//入职时间
show:false,//日期弹窗
}
},
methods: {
handleClickLeft() {
this.$router.go(-1)
},
descInput1(){
//获取字数
var txtVal1 = this.desc1.length;
this.remnant1 = txtVal1;
},
descInput2(){
//获取字数
var txtVal2 = this.desc2.length;
this.remnant2 = txtVal2;
},
formatDate(date:Date) {
//获取日期
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
},
onConfirm(date:Date) {
//日期
this.show = false;
this.date = this.formatDate(date);
},
},
}
})
......
src/views/two-code.vue 0 → 100644
View file @ 0277bd62
<template>
<div class="two-code">
<main-page
left-arrow
@click-left="handleClickLeft"
>
<div class="mx-4 pt-14">
<div class="bg-blue-300 text-center h-24 rounded-t-lg pt-6">
<div class="text-white flex-initial">{{msg1}}</div>
<div class="text-gray-300 flex-initial">团队号：{{msg2}}</div>
</div>
<div class="bg-white rounded-b-lg">
<div class="flex flex-row justify-around">
<div class="pt-10 w-1/2 pl-6">
<van-image class="w-32 h-32"
:src="require('@/assets/icons/y-code.png')"
/>
</div>
<div class="w-1/2 space-y-2 flex-col text-base text-left py-8 pl-6">
<div class="text-lg py-2 ">张三</div>
<div>部门：</div>
<div>职位：</div>
<div>2019-12-1</div>
</div>
</div>
<span class="block text-center text-gray-400 pb-8 pt-2">{{msg3}}</span>
</div>
<div class="flex flex-row justify-around pt-8">
<div ><van-image
width="35pt"
height="35pt"
:src="require('@/assets/icons/y-chat33.png')"
/></div>
<div class="flex-initial"><van-image
width="35pt"
height="35pt"
:src="require('@/assets/icons/y-pengyouquan.png')"
/></div>
<div class="flex-initial"><van-image
width="35pt"
height="35pt"
:src="require('@/assets/icons/y-weixin.png')"
/></div>
<div class="flex-initial"><van-image
width="35pt"
height="35pt"
:src="require('@/assets/icons/y-downlode.png')"
/></div>
<!--<div class="flex-initial"><van-icon :name="require('@/assets/icons/y-downlode.png')"/></div>-->
</div>
</div>
</main-page>
</div>
</template>
<script lang="ts">
import Vue from 'vue'
import { Field, Toast } from 'vant';
import { Icon } from 'vant';
import { Image } from 'vant';
Vue.use(Image);
Vue.use(Icon);
Vue.use(Field);
export default Vue.extend({
name: 'Two-code',
components: {
'main-page': () => import('@/layout/main-page.vue'),
},
created() {
// console.log(Mock, 'mock')
},
data() {
return {
msg1:'团队名称',
msg2:'ABCDEF',
msg3:'扫描二维码加入我们chat33的团队'
}
},
methods: {
handleClickLeft() {
this.$router.go(-1)
},
}
})
</script>
<style lang="less">
</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