@@ -83,7 +83,7 @@ | |||
.go-home{ | |||
margin-top: 42rpx; | |||
width: 240rpx; | |||
text-algin: center; | |||
text-align: center; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; |
@@ -4,36 +4,39 @@ | |||
<view class="search-box"> | |||
<image :src="`${$imgUrl}service/icon-search.png`" class="icon" mode="aspectFill" @click="search()"></image> | |||
<input class="search" placeholder="请输入业务名称" v-model="state.searchVal" @confirm="search()" /> | |||
</view> | |||
<view class="content"> | |||
<template v-if="menuShow.list && menuShow.list.length > 0"> | |||
<view class="left"> | |||
<view v-for="(item,index) in menuShow.list" :key="index" | |||
:class="activeTab === item.name ? 'menu active' : 'menu'" @click="tabHandle(item.name,index)"> | |||
<view :class="activeTab === item.name ? 'border on' : 'border'" :style="{ '--background': bgOn }"></view> | |||
<view class="menu-text">{{item.name}}</view> | |||
</view> | |||
</view> | |||
<view class="content" v-if="menuShow.list && menuShow.list.length > 0"> | |||
<view class="left"> | |||
<view v-for="(item,index) in menuShow.list" :key="index" | |||
:class="activeTab === item.name ? 'menu active' : 'menu'" @click="tabHandle(item.name,index)"> | |||
<view :class="activeTab === item.name ? 'border on' : 'border'" :style="{ '--background': bgOn }"></view> | |||
<view class="menu-text">{{item.name}}</view> | |||
</view> | |||
<view class="right"> | |||
<rightListVue class="rightListVue" :menuList='menuShow.list[tableSelectIndex].children' | |||
v-if="menuShow.list.length > 0" /> | |||
</view> | |||
<view class="right"> | |||
<rightListVue class="rightListVue" :menuList='menuShow.list[tableSelectIndex].children' | |||
v-if="menuShow.list.length > 0" /> | |||
</view> | |||
</view> | |||
<view class="content" v-else-if="!state.load"> | |||
<view class="left"> | |||
<view class="menu active"> | |||
<view class="border on"></view> | |||
<view class="menu-text">其他服务</view> | |||
</view> | |||
</template> | |||
<template v-else-if="!state.load"> | |||
<view class="left"> | |||
<view class="menu active"> | |||
<view class="border on"></view> | |||
<view class="menu-text">其他服务</view> | |||
</view> | |||
</view> | |||
<view class="right"> | |||
<view class="login-content" @click="goToLogin"> | |||
<view class="tips" >登录查看更多模块</view> | |||
<view class="custom-btn">登录</view> | |||
</view> | |||
<view class="right"> | |||
<view class="login-content" @click="goToLogin"> | |||
<view class="tips" >登录查看更多模块</view> | |||
<view class="custom-btn">登录</view> | |||
</view> | |||
</view> | |||
</template> | |||
</view> | |||
</view> | |||
</view> | |||
<view class="content" v-else></view> | |||
</view> | |||
</template> | |||
<script lang="ts" setup> |
@@ -9,8 +9,8 @@ | |||
<view class="example-body"> | |||
<uni-datetime-picker v-model="state.range" type="daterange" /> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | |||
</view> |
@@ -10,8 +10,8 @@ | |||
<uni-data-select v-model="state.vehiclePlateColor" :localdata="state.colorRange" @change="changeColor" | |||
:clear="false"></uni-data-select> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 30rpx;" @click="search(1)">搜索</button> | |||
</view> |
@@ -15,8 +15,8 @@ | |||
<view class="example-body"> | |||
<uni-datetime-picker v-model="state.range" type="daterange" /> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | |||
</view> |
@@ -7,8 +7,8 @@ | |||
<view class="uni-input">{{state.date}}</view> | |||
</picker> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="search()">搜索</button> | |||
</view> |
@@ -14,8 +14,8 @@ | |||
<view class="example-body"> | |||
<uni-datetime-picker v-model="state.range" type="daterange" /> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | |||
</view> |
@@ -7,18 +7,18 @@ | |||
</view> | |||
<view class="button_wrap"> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 1;">搜索</button> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(232, 171, 79); | |||
borderColor: rgb(232, 171, 79); | |||
background-color: rgb(232, 171, 79); | |||
border-color: rgb(232, 171, 79); | |||
font-size: 26rpx; | |||
flex-shrink: 1;margin: 6rpx 0;">重置</button> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(232, 171, 79); | |||
borderColor: rgb(232, 171, 79); | |||
background-color: rgb(232, 171, 79); | |||
border-color: rgb(232, 171, 79); | |||
font-size: 26rpx; | |||
flex-shrink: 1;">导出</button> | |||
</view> | |||
@@ -149,16 +149,16 @@ | |||
.mini-btn { | |||
color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 1; | |||
} | |||
.mini-btn1 { | |||
color: #ffffff; | |||
backgroundColor: rgb(232, 171, 79); | |||
borderColor: rgb(232, 171, 79); | |||
background-color: rgb(232, 171, 79); | |||
border-color: rgb(232, 171, 79); | |||
font-size: 26rpx; | |||
flex-shrink: 1; | |||
} |
@@ -12,8 +12,8 @@ | |||
@change="changeBusinessOne"></uni-data-select> | |||
</view> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="searchOne()">查询</button> | |||
</view> | |||
@@ -28,8 +28,8 @@ | |||
@change="changeBusiness"></uni-data-select> | |||
</view> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="searchTwo">查询</button> | |||
</view> |
@@ -11,8 +11,8 @@ | |||
<uni-data-select v-model="state.orderType" :localdata="state.orderTypeData" | |||
@change="orderTypeChange"></uni-data-select> | |||
<button size="mini" style="color: #ffffff; | |||
backgroundColor: rgb(118, 200, 77); | |||
borderColor: rgb(118, 200, 77); | |||
background-color: rgb(118, 200, 77); | |||
border-color: rgb(118, 200, 77); | |||
font-size: 26rpx; | |||
flex-shrink: 0;margin-left: 20rpx;" @click="search">查询</button> | |||
</view> |