xuesinan
/
ts-program
forked from TALL/check-work
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

人员列表页样式修改

master
jarvis 4 years ago
parent
34a948c865
commit
5ea7028879
5 changed files with 64 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      .env.production
  2. BIN
      dist.zip
  3. 18
      src/views/Apply/apply.vue
  4. 6
      src/views/ApplyPay/Pay.vue
  5. 88
      src/views/PeopleList/PeopleList.vue

8
.env.production
View File

@ -1,10 +1,10 @@
VUE_APP_MODE=production
VUE_APP_NODE_ENV=production
VUE_APP_SCENE=checkwork
VUE_APP_BASE_URL=https://test.tall.wiki/checkwork/
VUE_APP_API_URL=https://test.tall.wiki/checkwork/gateway
VUE_APP_SCENE=
VUE_APP_BASE_URL=https://test.tall.wiki/
VUE_APP_API_URL=https://test.tall.wiki/gateway
VUE_APP_PROXY_URL=/gateway
VUE_APP_PUBLIC_PATH=/checkwork
VUE_APP_PUBLIC_PATH=/ts
VUE_APP_MSG_URL=wss://test.tall.wiki/websocket/message/v4.0/ws
VUE_APP_TITLE=考勤管理
VUE_APP_DESCRIPTION=考勤管理

BIN
dist.zip
View File

Binary file not shown.

18
src/views/Apply/apply.vue
View File

@ -15,19 +15,19 @@
<div class="h-12 pl-4 text-sm" style="line-height: 3rem; color: #595959">报名信息</div>
<div class="bg-white pl-4 pr-4">
<div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">姓名<span class="text-red-500 ml-1 align-middle">*</span></label>
<input class="text-sm text-right outline-none" id="name" type="text" placeholder="请输入您的姓名" />
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">身份证号<span class="text-red-500 ml-1 align-middle">*</span></label>
<input class="text-sm text-right outline-none" id="idNumber" type="text" placeholder="请输入您的身份证号" />
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">年龄</label>
<input class="text-sm text-right outline-none" id="age" value="age" type="number" placeholder="请输入您的年龄" />
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">性别</label>
<div>
<input class="text-sm" type="radio" name="gender" value="woman" /> 女
@ -35,7 +35,7 @@
</div>
</div>
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8">
<div class="flex justify-between items-center h-12">
<label class="text-sm text-gray-400" border-b>身份</label>
<div class="flex flex-nowrap rounded-md startBtnBox" onclick="show()">
<div class="startBtn text-sm">跳绳爱好者</div>
@ -47,18 +47,18 @@
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem; color: #595959">联系方式</div>
<div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">地址</label>
<input class="text-sm text-right outline-none" id="address" type="text" placeholder="请输入您的详细地址" />
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">电话<span class="text-red-500 ml-1 align-middle">*</span></label>
<input class="text-sm text-right outline-none" id="phone" type="text" placeholder="请输入您的电话" />
</div>
</div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem; color: #595959">培训信息</div>
<div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">培训目标<span class="text-red-500 ml-1 align-middle">*</span></label>
<div class="flex flex-nowrap rounded-md startBtnBox" onclick="show()">
<div class="startBtn text-sm">裁判员</div>
@ -67,7 +67,7 @@
</div>
</div>
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">培训项目<span class="text-red-500 ml-1 align-middle">*</span></label>
<div class="flex flex-nowrap rounded-md startBtnBox" onclick="show()">
<div class="startBtn text-sm text-gray-400">请选择培训项目</div>

6
src/views/ApplyPay/Pay.vue
View File

@ -13,7 +13,7 @@
<div class="title"></div>
<div class="h-12 pl-4 text-sm" style="line-height: 3rem; color: #595959">选择缴费方式</div>
<div class="bg-white pl-4 pr-4">
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">微信缴费</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="flex flex-nowrap ml-4" onclick="weiXin()">
@ -21,7 +21,7 @@
</div>
</div>
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">支付宝缴费</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="flex flex-nowrap ml-4" onclick="p1432643387798069248.jumpDetails(this)">
@ -29,7 +29,7 @@
</div>
</div>
</div>
<div class="flex justify-between items-center h-12 pl-8 pr-8 border-b">
<div class="flex justify-between items-center h-12 border-b">
<label class="text-sm text-gray-400">兑换券缴费</label>
<div class="flex flex-nowrap rounded-md startBtnBox">
<div class="flex flex-nowrap ml-4" onclick="p1432643387798069248.jumpDetails(this)">

88
src/views/PeopleList/PeopleList.vue
View File

@ -13,60 +13,68 @@
<div class="title"></div>
<ul>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs text-gray-400">姓名</span>
<span class="flex-1 text-xs text-gray-400">年龄</span>
<span class="flex-1 text-xs text-gray-400">性别</span>
<span class="flex-1 text-xs text-gray-400">联系方式</span>
<span class="flex-1 text-xs text-gray-400">目标</span>
<span class="flex-1 text-sm font-bold">姓名</span>
<!-- <span class="flex-1 text-sm font-bold">年龄</span> -->
<!-- <span class="flex-1 text-sm font-bold">性别</span> -->
<span class="flex-3 text-sm font-bold">联系方式</span>
<span class="flex-3 text-sm font-bold">目标</span>
<span class="flex-2 text-sm font-bold">缴费状态</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">运动员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span> -->
<!-- <span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">运动员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
<li class="flex h-12 items-center border-b">
<span class="flex-1 text-xs">张三</span>
<span class="flex-1 text-xs">32</span>
<span class="flex-1 text-xs">女</span>
<span class="flex-1 text-xs">15588888888</span>
<span class="flex-1 text-xs">裁判员</span>
<span class="flex-1 text-sm">张三</span>
<!-- <span class="flex-1 text-sm">32</span>
<span class="flex-1 text-sm">女</span> -->
<span class="flex-3 text-sm">15588888888</span>
<span class="flex-3 text-sm">裁判员</span>
<span class="flex-2 text-sm">未交费</span>
</li>
</ul>
</div>

Write Preview
Loading…
Cancel
Save