Skip to content

O
OKR
Commit 8fb7fd72 authored by lshan's avatar lshan
Browse files
Options

lishan

parent e78d9706
Hide whitespace changes
Inline Side-by-side
Showing with 121 additions and 13 deletions
src/router/index.ts
View file @ 8fb7fd72
...@@ -46,6 +46,14 @@ const routes: Array<RouteConfig> = [ ...@@ -46,6 +46,14 @@ const routes: Array<RouteConfig> = [
title: '团队架构' title: '团队架构'
} }
}, },
{
path: '/two-code',
name: 'Two-code',
component: () => import('@/views/two-code.vue'),
meta: {
title: '成员二维码'
}
},
] ]
const router = new VueRouter({ const router = new VueRouter({
......
src/views/file.vue
View file @ 8fb7fd72
<template> <template>
<div class="team-frame"> <div class="file">
<main-page <main-page
left-arrow left-arrow
@click-left="handleClickLeft" @click-left="handleClickLeft"
...@@ -11,34 +11,37 @@ ...@@ -11,34 +11,37 @@
:path="require('@/assets/icons/search.png')" :path="require('@/assets/icons/search.png')"
/> />
</template> --> </template> -->
<div class="px-4"> <div class="px-4 space-y-6 ">
<!-- 姓名/职位 --> <!-- 姓名/职位 -->
<van-cell-group> <van-cell-group >
<van-field label="真实姓名" :required="true" :value="remnant1+'/10'" input-align="right" disabled /> <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-field type="text" @input ="descInput1" v-model="desc1" maxlength=10 placeholder="请在这里输入你的真实姓名" />
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-field label="职位" :value="remnant2+'/10'" input-align="right" disabled /> <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-field type="text" @input ="descInput2" v-model="desc2" maxlength=10 placeholder="请在这里输入你的职位"/>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group >
<!-- 手机号/员工编号/入职时间--> <!-- 手机号/员工编号/入职时间-->
<van-field dot label="手机号" v-model="tel" type="tel" input-align="right" placeholder="请输入手机号"/> <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="digit" type="digit" input-align="right" placeholder="请输入员工编号"/>
<van-field label="入职时间" v-model="date" :value="date" <van-field label="入职时间" v-model="date" :value="date"
input-align="right" @click="show = true" input-align="right" @click="show = true"
:right-icon="require('@/assets/icons/dot.png')" placeholder="请选择入职时间"/> :right-icon="require('@/assets/icons/dot.png')" placeholder="请选择入职时间"/>
<van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" right-icon="ellipsis-v" :style="{ height: '100% '}" /> <van-calendar v-model="show" :round="false" @confirm="onConfirm" :show-confirm="false" :style="{ height: '100% '}" />
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group >
<van-field label="所属部门" :right-icon="require('@/assets/icons/dot.png')" disabled /> <van-field label="所属部门" :right-icon="require('@/assets/icons/dot.png')" disabled class="h-100pt "/>
<van-field placeholder="请选择总部门"/> <van-field placeholder="请选择总部门"/>
<van-field placeholder="请选择子部门"/> <van-field placeholder="请选择子部门"/>
</van-cell-group> </van-cell-group>
<c-button <c-button
round round
buttonBg="bg-color-primary" buttonBg="bg-color-primary"
class="mt-16"> class="mt-16 "
@click-button="$router.push('/two-code')"
>
生成邀请二维码 生成邀请二维码
</c-button> </c-button>
</div> </div>
...@@ -64,10 +67,10 @@ Vue.use(Calendar); ...@@ -64,10 +67,10 @@ Vue.use(Calendar);
Vue.use(Field); Vue.use(Field);
export default Vue.extend({ export default Vue.extend({
name: 'TeamFrame', name: 'File',
components: { components: {
'main-page': () => import('@/layout/main-page.vue'), 'main-page': () => import('@/layout/main-page.vue'),
'c-button': () => import('./components/c-button.vue'), 'c-button': () => import('./components/c-button.vue')
}, },
created() { created() {
// console.log(Mock, 'mock') // console.log(Mock, 'mock')
...@@ -108,7 +111,8 @@ export default Vue.extend({ ...@@ -108,7 +111,8 @@ export default Vue.extend({
//日期 //日期
this.show = false; this.show = false;
this.date = this.formatDate(date); this.date = this.formatDate(date);
}, },
} }
}) })
</script> </script>
......
src/views/two-code.vue 0 → 100644
View file @ 8fb7fd72
<template>
<div class="two-code">
<main-page
left-arrow
@click-left="handleClickLeft"
>
<div class="mx-4 ">
<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