by2025/SmartParks_uniapp
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
mocheng
2025-06-19 14:44:00 +08:00
commit 342c482c6c
341 changed files with 41411 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
pages/sys/workbench/add-form.vue Normal file
View File

@@ -0,0 +1,217 @@
<template>
<view class="wrap" style="padding-bottom: 60px;">
<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
<!-- 当前套餐 -->
<view v-if="current === 0">
<u-form :model="form" class="apply-form-field">
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
<u-form-item label="请假类型" label-width="150" right-icon="arrow-right">
<u-input placeholder="请选择" type="select" class="form-field-select"/>
</u-form-item>
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
<u-form-item label="开始时间" label-width="150" right-icon="arrow-right">
<u-input placeholder="请选择" type="select" class="form-field-select"/>
</u-form-item>
<u-form-item label="结束时间" label-width="150" right-icon="arrow-right">
<u-input placeholder="请选择" type="select" class="form-field-select"/>
</u-form-item>
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
<u-form-item label="请假事由" label-width="150"></u-form-item>
<u-form-item><u-input type="textarea" placeholder="请输入内容"/></u-form-item>
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
<u-form-item label="图片" label-width="150">
<view solt="right" style="flex:1;text-align: right;align-items: center;">
<i class="add-user iconfont icon-tupian"></i>
</view>
</u-form-item>
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
<u-form-item label="选人处理人" label-width="150">
<view solt="right" style="flex:1;text-align: right;align-items: center;">
<i class="add-user iconfont icon-zengjia"></i>
</view>
</u-form-item>
<u-form-item>
<view class="personnel-list">
<view class="personnel-user">
<image class="user-images" src="/static/aidex/images/user01.png"></image>
<i class="iconfont icon-close-circle-fill"></i>
</view>
<view class="personnel-user">
<image class="user-images" src="/static/aidex/images/user02.png"></image>
<i class="iconfont icon-close-circle-fill"></i>
</view>
<view class="personnel-user">
<image class="user-images" src="/static/aidex/images/user03.png"></image>
<i class="iconfont icon-close-circle-fill"></i>
</view>
<view class="personnel-user">
<image class="user-images" src="/static/aidex/images/user04.png"></image>
<i class="iconfont icon-close-circle-fill"></i>
</view>
<view class="personnel-user">
<image class="user-images" src="/static/aidex/images/user05.png"></image>
<i class="iconfont icon-close-circle-fill"></i>
</view>
</view>
</u-form-item>
</u-form>
<u-row gutter="32" class="bottom-box" justify="center">
<u-col span="10">
<view><u-button type="primary" shape="circle" @click="navTo('/pages/sys/home/index')">确定</u-button></view>
</u-col>
</u-row>
</view>
<view v-if="current === 1">
<view class="search">
<u-search v-model="keywords" @custom="search" @search="search"></u-search>
</view>
<u-card class="task-list-item" :border="false" padding="20" margin="20rpx">
<view slot="head" style="display: flex;align-items: center;justify-content: space-between;">
<view style="display: flex;align-items: center;font-size: 30rpx;"><image class="user-images" src="/static/aidex/images/user06.png"></image>李毅的请假申请</view><view style="color: #999999;font-size: 22rpx;">2021年10月24日</view>
</view>
<view class="" slot="body">
<u-row gutter="16">
<u-col span="12">
<view class="apply-text"><span>假期类型：</span>年假</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>开始时间：</span>2021年10月25日14:30</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>结束时间：</span>2021年10月27日14:30</view>
</u-col>
</u-row>
</view>
<view class="apply-list-foot" slot="foot" style="text-align: right;color: #58ca93;">
审批通过
</view>
</u-card>
<u-card class="task-list-item" :border="false" padding="20" margin="20rpx">
<view slot="head" style="display: flex;align-items: center;justify-content: space-between;">
<view style="display: flex;align-items: center;font-size: 30rpx;"><image class="user-images" src="/static/aidex/images/user06.png"></image>李毅的请假申请</view><view style="color: #999999;font-size: 22rpx;">2021年10月24日</view>
</view>
<view class="" slot="body">
<u-row gutter="16">
<u-col span="12">
<view class="apply-text"><span>假期类型：</span>年假</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>开始时间：</span>2021年10月25日14:30</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>结束时间：</span>2021年10月27日14:30</view>
</u-col>
</u-row>
</view>
<view class="apply-list-foot" slot="foot" style="text-align: right;color: #58ca93;">
审批通过
</view>
</u-card>
<u-card class="task-list-item" :border="false" padding="20" margin="20rpx">
<view slot="head" style="display: flex;align-items: center;justify-content: space-between;">
<view style="display: flex;align-items: center;font-size: 30rpx;"><image class="user-images" src="/static/aidex/images/user06.png"></image>李毅的请假申请</view><view style="color: #999999;font-size: 22rpx;">2021年10月24日</view>
</view>
<view class="" slot="body">
<u-row gutter="16">
<u-col span="12">
<view class="apply-text"><span>假期类型：</span>年假</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>开始时间：</span>2021年10月25日14:30</view>
</u-col>
<u-col span="12">
<view class="apply-text"><span>结束时间：</span>2021年10月27日14:30</view>
</u-col>
</u-row>
</view>
<view class="apply-list-foot" slot="foot" style="text-align: right;color: #f28c03;">
待审核
</view>
</u-card>
</view>
</view>
</template>
<script>
export default {
data() {
return {
show: false,
list: [{
name: '发起申请'
}, {
name: '查看数据',
}],
m2mSimflowList:[],
m2mOrderFlowList:[],
current: 0,
status: 'loadmore',
iconType: 'circle',
isDot: false,
loadText: {
loadmore: '点击加载更多',
loading: '正在加载...',
nomore: '没有更多了'
},
}
},
created(){
},
methods: {
change(index) {
this.current = index;
},
navTo(url) {
uni.navigateTo({
url: url
});
}
}
}
</script>
<style lang="scss" scoped>
@import 'index.scss';
page {
background-color: #f5f5f5;
}
.wrap .search{
background: #ffffff;
}
.apply-text{
font-size: 28rpx;
color: #333333;
span{
color: #999999;
}
}
.user-images{
width: 28px;
height:28px;
margin-right: 8px;
}
.apply-list-foot{
font-size: 28rpx;
}
.personnel-list{
display: flex;
align-items: center;
flex-wrap:wrap;
.personnel-user{
position: relative;
margin: 5px 9px 0;
}
.user-images{
width: 48px;
height:48px;
margin-right:0;
}
.iconfont{
position: absolute;
top:-12px;
right:-5px;
color: #FE0100;
}
}
</style>

35
pages/sys/workbench/index.scss Normal file
View File

@@ -0,0 +1,35 @@
/*!
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
* @author aidex
* @version 2020-9-1
*/
.toolbar {
background-color: #fff;
}
.wrap .box .item{
margin: 0 0 0px;
border-radius: 0;
.title {
padding-left:0;
.text {
font-size: 30rpx;
font-weight:500;
margin: 0;
color: #202328;
}
}
}
.grid {
.grid-icon {
color: #666;
}
.grid-text {
font-size: 24rpx;
padding: 15rpx;
color: #202328;
}
}

207
pages/sys/workbench/index.vue Normal file
View File

@@ -0,0 +1,207 @@
<template>
<view class="wrap">
<u-swiper :height="270" :list="imgList" :title="false" @click="imgListClick"></u-swiper>
<view class="workbench-title">常用应用</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('/pages/sys/workbench/add-form')" >
<view class="home-icon icon-color01">
<i class="iconfont icon-qingjia"></i>
</view>
<view class="grid-text">请假申请</view>
</u-grid-item>
<u-grid-item :index="1" @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-hetongguanli"></i>
</view>
<view class="grid-text">合同申请</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-chucha"></i>
</view>
<view class="grid-text">出差申请</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-ribao"></i>
</view>
<view class="grid-text">日报</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-tongzhi"></i>
</view>
<view class="grid-text">邮件</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color05">
<i class="iconfont icon-huiyishi"></i>
</view>
<view class="grid-text">会议室</view>
</u-grid-item>
<u-grid-item @click="navTo('/pages/sys/workbench/install')">
<view class="home-icon icon-color13">
<i class="iconfont icon-tianjia" style="color:#90949d;"></i>
</view>
<view class="grid-text">添加常用</view>
</u-grid-item>
</u-grid>
</view>
<view class="workbench-title">日常办公</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('')" >
<view class="home-icon icon-color04">
<i class="iconfont icon-yongche"></i>
</view>
<view class="grid-text">用车</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-jiabanshenqing"></i>
</view>
<view class="grid-text">加班</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-kaoqinchuqin"></i>
</view>
<view class="grid-text">考勤</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-haocaifei"></i>
</view>
<view class="grid-text">耗材</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color01">
<i class="iconfont icon-gongwujiedai"></i>
</view>
<view class="grid-text">接待</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-baoming"></i>
</view>
<view class="grid-text">报名</view>
</u-grid-item>
</u-grid>
</view>
<view class="workbench-title">财务报销</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('')" >
<view class="home-icon icon-color04">
<i class="iconfont icon-finance"></i>
</view>
<view class="grid-text">费用报销</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-mall-bag"></i>
</view>
<view class="grid-text">采购申请</view>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-baoxiaodan"></i>
</view>
<view class="grid-text">付款申请</view>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-shenpi"></i>
</view>
<view class="grid-text">用章申请</view>
</u-grid-item>
</u-grid>
</view>
<u-divider>已经到底了</u-divider>
</view>
</template>
<script>
import HeadNavBar from '@/components/headnavbar/index';
/**
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
*/
export default {
components: {
HeadNavBar
},
data() {
return {
show: false,
head: '/static/aidex/images/head.png',
imgList: [
{image: '/static/aidex/banner/banner01.png'},
{image: '/static/aidex/banner/banner02.png'},
{image: '/static/aidex/banner/banner03.png'}
],
todoCount: 3
};
},
onLoad() {
},
methods: {
navTo(url) {
uni.navigateTo({
url: url
});
},
imgListClick(index) {
console.log(`点击了第${index + 1}页图片`)
},
itemClick(index) {
console.log(index);
}
}
};
</script>
<style lang="scss">
@import 'index.scss';
.banner-box{
padding: 0 2%;
width: 96%;
height: 170rpx;
margin: 30rpx 0 30rpx;
}
.u-swiper-wrap{
padding:0 10px;
}
.banner-pic{
width: 47%;
float: left;
display: inline-block;
margin: 0 1.5%;
}
.banner-pic image{
width: 100%;
height: 170rpx;
border-radius: 12rpx;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.u-mode-light-info{
background-color: #ffffff;
color: #666666;
border: 1px solid #e9ecf6;
font-size: 12px;
padding: 2px 8px;
position: relative;
top:-3px;
}
.workbench-title{
font-size: 32rpx;
font-weight: bold;
color: #333333;
padding: 15px 30rpx;
}
.home-icon i.icon-tongzhi{
font-size: 22px;
}
</style>

217
pages/sys/workbench/install.vue Normal file
View File

@@ -0,0 +1,217 @@
<template>
<view class="wrap">
<u-navbar class="custom-header" title="常用设置" height="44" >
<view slot="right">
<u-button size="mini" type="primary" style="margin-right:10px" @click="navTo('/pages/sys/workbench/index')">保存</u-button>
</view>
</u-navbar>
<view class="search">
<u-search v-model="keywords" @custom="search" @search="search"></u-search>
</view>
<view class="workbench-title">常用应用</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('')" >
<view class="home-icon icon-color01">
<i class="iconfont icon-qingjia"></i>
</view>
<view class="grid-text">请假申请</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="1" @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-hetongguanli"></i>
</view>
<view class="grid-text">合同申请</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-chucha"></i>
</view>
<view class="grid-text">出差申请</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-ribao"></i>
</view>
<view class="grid-text">日报</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-tongzhi"></i>
</view>
<view class="grid-text">邮件</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color05">
<i class="iconfont icon-huiyishi"></i>
</view>
<view class="grid-text">会议室</view>
<i class="install-icon iconfont icon-minus-circle-fill"></i>
</u-grid-item>
</u-grid>
</view>
<view class="workbench-title">日常办公</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('')" >
<view class="home-icon icon-color04">
<i class="iconfont icon-yongche"></i>
</view>
<view class="grid-text">用车</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-jiabanshenqing"></i>
</view>
<view class="grid-text">加班</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-kaoqinchuqin"></i>
</view>
<view class="grid-text">考勤</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-haocaifei"></i>
</view>
<view class="grid-text">耗材</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color01">
<i class="iconfont icon-gongwujiedai"></i>
</view>
<view class="grid-text">接待</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-baoming"></i>
</view>
<view class="grid-text">报名</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
</u-grid>
</view>
<view class="workbench-title">财务报销</view>
<view class="toolbar">
<u-grid class="grid" :col="4" :border="false">
<u-grid-item :index="0" @click="navTo('')" >
<view class="home-icon icon-color04">
<i class="iconfont icon-finance"></i>
</view>
<view class="grid-text">费用报销</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color03">
<i class="iconfont icon-mall-bag"></i>
</view>
<view class="grid-text">采购申请</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item :index="2" @click="navTo('')">
<view class="home-icon icon-color12">
<i class="iconfont icon-baoxiaodan"></i>
</view>
<view class="grid-text">付款申请</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
<u-grid-item @click="navTo('')">
<view class="home-icon icon-color04">
<i class="iconfont icon-shenpi"></i>
</view>
<view class="grid-text">用章申请</view>
<i class="addinstall-icon iconfont icon-plus-circle-fill"></i>
</u-grid-item>
</u-grid>
</view>
</view>
</template>
<script>
/**
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
*/
export default {
data() {
return {
show: false,
};
},
onLoad() {
},
methods: {
navTo(url) {
uni.reLaunch({
url: url
});
},
back(){
uni.navigateBack();
}
}
};
</script>
<style lang="scss" scoped>
@import 'index.scss';
page {
background-color: #ffffff;
}
.wrap .search{
background: #ffffff;
}
.u-swiper-wrap{
padding:0 10px;
}
.u-mode-light-info{
background-color: #ffffff;
color: #666666;
border: 1px solid #e9ecf6;
font-size: 12px;
padding: 2px 8px;
position: relative;
top:-3px;
}
.workbench-title{
font-size: 32rpx;
font-weight: bold;
color: #333333;
padding: 15px 30rpx;
}
.home-icon i.icon-tongzhi{
font-size: 22px;
}
.grid .u-grid-item{
position: relative;
.install-icon{
position: absolute;
top:-10px;
right:50%;
margin-right: -30px;
color: #FE0100;
}
.addinstall-icon{
position: absolute;
top:-10px;
right:50%;
margin-right: -30px;
color: #4285F4;
}
}
</style>