vue-cli init
This commit is contained in:
@@ -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>
|
||||
@@ -0,0 +1,280 @@
|
||||
<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/saleship/saleallocated')" >
|
||||
<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('/pages/productorder/productweave')">
|
||||
<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="1" @click="navTo('/pages/saleship/salepickscan')">
|
||||
<view class="home-icon icon-color05">
|
||||
<i class="iconfont icon-hetongguanli"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品配布</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item :index="1" @click="navTo('/pages/saleship/saleShipmentOut')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-hetongguanli"></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('/pages/storegoods/dyeworksDyeback')" >
|
||||
<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-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-item @click="navTo('/pages/storegoods/storegoodsstoresearch')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品库存</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallin')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">进仓查询</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallout')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></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('/pages/storefabric/storefabricInStore')">
|
||||
<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="1" @click="navTo('/pages/storefabric/storefabricOutStore')">
|
||||
<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('/pages/storefabric/storefabricstoresearch')">
|
||||
<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/storefabric/storefabricstoreallin')">
|
||||
<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/storefabric/storefabricstoreallout')">
|
||||
<view class="home-icon icon-color05">
|
||||
<i class="iconfont icon-huiyishi"></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('/pages/storeyarn/storeYarnInStore')" >
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-yongche"></i>
|
||||
</view>
|
||||
<view class="grid-text">原料进仓</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storeyarn/storeYarnBusinessOut')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">原料出仓</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item :index="1" @click="navTo('/pages/storeyarn/storeYarnProduceWeave')">
|
||||
<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('/pages/storeyarn/storeYarnBusinessCheck')">
|
||||
<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('/pages/storeyarn/storeYarnMoveStore')">
|
||||
<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('/pages/storeyarn/storeyarnstoresearch')">
|
||||
<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('/pages/storeyarn/storeyarnstoreallin')">
|
||||
<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('/pages/storeyarn/storeyarnstoreallout')">
|
||||
<view class="home-icon icon-color01">
|
||||
<i class="iconfont icon-gongwujiedai"></i>
|
||||
</view>
|
||||
<view class="grid-text">出仓查询</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item :index="0" @click="navTo('/pages/storeyarn/storeYarnBusinessIn')" >
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-yongche"></i>
|
||||
</view>
|
||||
<view class="grid-text">进仓上架</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
</view>
|
||||
</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() {
|
||||
|
||||
},
|
||||
onShow: function() {
|
||||
|
||||
} ,
|
||||
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>
|
||||
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,406 @@
|
||||
<template>
|
||||
<view class="wrap">
|
||||
<common-navbar title="工作台" :showBack="false">
|
||||
<template #right>
|
||||
<view class="scan_box">
|
||||
<u-icon
|
||||
name="scan"
|
||||
color="#333333"
|
||||
size="46"
|
||||
@click="handleScan"
|
||||
></u-icon>
|
||||
</view>
|
||||
</template>
|
||||
</common-navbar>
|
||||
<view class="workbench-title">销售管理</view>
|
||||
<view class="toolbar">
|
||||
<u-grid class="grid" :col="4" :border="false">
|
||||
<u-grid-item :index="0" @click="navTo('/pages/saleship/salepickscan')">
|
||||
<view class="home-icon icon-color05">
|
||||
<i class="iconfont icon-hetongguanli"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品配布</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item
|
||||
:index="1"
|
||||
@click="navTo('/pages/storegoods/QRBarCodeReview')"
|
||||
>
|
||||
<view class="home-icon icon-color02">
|
||||
<i class="iconfont icon-mall-bag"></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('/pages/storegoods/dyeworksDyeback')"
|
||||
>
|
||||
<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="1"
|
||||
@click="navTo('/pages/storegoods/storeGoodsBusinessIn')"
|
||||
>
|
||||
<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('/pages/storegoods/storeGoodsBusinessOut')"
|
||||
>
|
||||
<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('/pages/storegoods/storeGoodsBusinessCheck')"
|
||||
>
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品盘点</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item
|
||||
@click="navTo('/pages/storegoods/storeGoodsBusinessStationMoveOnly')"
|
||||
>
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品移架</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storegoods/storegoodsstoresearch')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">成品库存</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallin')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></i>
|
||||
</view>
|
||||
<view class="grid-text">进仓查询</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallout')">
|
||||
<view class="home-icon icon-color04">
|
||||
<i class="iconfont icon-shenpi"></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('/pages/storefabric/storefabricInStore')">
|
||||
<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="1" @click="navTo('/pages/storefabric/storefabricOutStore')">
|
||||
<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('/pages/storefabric/storefabricstoresearch')">
|
||||
<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/storefabric/storefabricstoreallin')">
|
||||
<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/storefabric/storefabricstoreallout')">
|
||||
<view class="home-icon icon-color05">
|
||||
<i class="iconfont icon-huiyishi"></i>
|
||||
</view>
|
||||
<view class="grid-text">出仓查询</view>
|
||||
</u-grid-item>
|
||||
</u-grid>
|
||||
</view>
|
||||
-->
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import CommonNavbar from "@/components/common-navbar/index";
|
||||
/**
|
||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||
*/
|
||||
export default {
|
||||
components: {
|
||||
CommonNavbar,
|
||||
},
|
||||
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,
|
||||
scanReceiver: null,
|
||||
isPageActive: false,
|
||||
};
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
// #ifdef APP-PLUS
|
||||
this.isPageActive = true;
|
||||
this.registerScanBroadcast();
|
||||
// #endif
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
// #ifdef APP-PLUS
|
||||
this.isPageActive = false;
|
||||
this.unregisterBroadcast();
|
||||
// #endif
|
||||
},
|
||||
|
||||
onHide() {
|
||||
// 页面隐藏时
|
||||
this.isPageActive = false;
|
||||
},
|
||||
|
||||
onShow() {
|
||||
// 页面显示时
|
||||
this.isPageActive = true;
|
||||
},
|
||||
|
||||
computed: {
|
||||
contentStyle() {
|
||||
const navHeight = getStatusBarHeight() + 44;
|
||||
return {
|
||||
height: `${navHeight}px`,
|
||||
};
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
navTo(url) {
|
||||
uni.navigateTo({
|
||||
url: url,
|
||||
});
|
||||
},
|
||||
imgListClick(index) {
|
||||
console.log(`点击了第${index + 1}页图片`);
|
||||
},
|
||||
itemClick(index) {
|
||||
console.log(index);
|
||||
},
|
||||
// 处理扫码
|
||||
handleScan() {
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/saleship/salepickscandetail?order_no=FPD-PB-202412270196'
|
||||
// })
|
||||
// return
|
||||
// #ifdef APP-PLUS || MP-WEIXIN
|
||||
uni.scanCode({
|
||||
scanType: ['qrCode', 'barCode'], // 同时支持二维码和条形码
|
||||
success: (res) => {
|
||||
console.log('扫码成功：', res);
|
||||
const cleanResult = res.result.trim().replace(/[\r\n]/g, '');
|
||||
uni.navigateTo({
|
||||
url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('扫码失败：', err);
|
||||
uni.showToast({
|
||||
title: '扫码失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
uni.showToast({
|
||||
title: "H5环境不支持扫码功能",
|
||||
icon: "error",
|
||||
});
|
||||
// #endif
|
||||
},
|
||||
// 处理扫码成功
|
||||
handleScanSuccess(result) {
|
||||
try {
|
||||
// 这里可以根据实际需求处理扫码结果
|
||||
// 例如：验证扫码结果的格式或内容
|
||||
if (this.validateScanResult(result)) {
|
||||
// 扫码验证通过，执行其他逻辑
|
||||
uni.showToast({
|
||||
title: "执行成功",
|
||||
icon: "success",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "无效的二维码",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("处理扫码结果失败：", error);
|
||||
uni.showToast({
|
||||
title: "处理失败",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
},
|
||||
// 注册扫码广播
|
||||
registerScanBroadcast() {
|
||||
try {
|
||||
console.log('开始注册扫码广播');
|
||||
const main = plus.android.runtimeMainActivity();
|
||||
|
||||
// 配置扫码枪广播
|
||||
try {
|
||||
const Intent = plus.android.importClass('android.content.Intent');
|
||||
const intent = new Intent('com.android.scanner.service_settings');
|
||||
intent.putExtra('action_barcode_broadcast', 'com.android.server.scannerservice.broadcast');
|
||||
intent.putExtra('key_barcode_broadcast', 'scannerdata');
|
||||
main.sendBroadcast(intent);
|
||||
console.log('扫码枪广播配置已发送');
|
||||
} catch (error) {
|
||||
console.error('配置扫码枪广播失败：', error);
|
||||
}
|
||||
|
||||
// 注册广播接收器
|
||||
const IntentFilter = plus.android.importClass('android.content.IntentFilter');
|
||||
const filter = new IntentFilter();
|
||||
filter.addAction('com.android.server.scannerservice.broadcast');
|
||||
|
||||
const receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {
|
||||
onReceive: (context, intent) => {
|
||||
// 只有当页面活动时才处理广播
|
||||
if (!this.isPageActive) return;
|
||||
|
||||
try {
|
||||
console.log("Workbench intent:", intent);
|
||||
const scanResult = intent.getStringExtra('scannerdata');
|
||||
console.log('工作台-扫码结果:', scanResult);
|
||||
|
||||
if (scanResult) {
|
||||
this.$nextTick(() => {
|
||||
const cleanResult = scanResult.trim().replace(/[\r\n]/g, '');
|
||||
uni.navigateTo({
|
||||
url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
|
||||
});
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('处理广播数据时出错：', error, error.stack);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 注册广播接收器
|
||||
main.registerReceiver(receiver, filter);
|
||||
this.scanReceiver = receiver;
|
||||
console.log('扫码广播注册成功，等待扫码...');
|
||||
|
||||
} catch (error) {
|
||||
console.error('注册扫码广播失败：', error);
|
||||
console.error('错误详情：', error.message);
|
||||
console.error('错误堆栈：', error.stack);
|
||||
}
|
||||
},
|
||||
|
||||
// 注销广播接收器
|
||||
unregisterBroadcast() {
|
||||
if (this.scanReceiver) {
|
||||
try {
|
||||
const main = plus.android.runtimeMainActivity();
|
||||
main.unregisterReceiver(this.scanReceiver);
|
||||
this.scanReceiver = null;
|
||||
console.log('扫码广播注销成功');
|
||||
} catch (error) {
|
||||
console.error('注销扫码广播失败：', error);
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "index.scss";
|
||||
.scan_box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.scan_text {
|
||||
font-size: 12px;
|
||||
color: #2979ff;
|
||||
}
|
||||
}
|
||||
.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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user