.go-home{ | .go-home{ | ||||
margin-top: 42rpx; | margin-top: 42rpx; | ||||
width: 240rpx; | width: 240rpx; | ||||
text-algin: center; | |||||
text-align: center; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
justify-content: center; | justify-content: center; |
<view class="search-box"> | <view class="search-box"> | ||||
<image :src="`${$imgUrl}service/icon-search.png`" class="icon" mode="aspectFill" @click="search()"></image> | <image :src="`${$imgUrl}service/icon-search.png`" class="icon" mode="aspectFill" @click="search()"></image> | ||||
<input class="search" placeholder="请输入业务名称" v-model="state.searchVal" @confirm="search()" /> | <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> | ||||
<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> | </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> | ||||
<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> | </view> | ||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> |
<view class="example-body"> | <view class="example-body"> | ||||
<uni-datetime-picker v-model="state.range" type="daterange" /> | <uni-datetime-picker v-model="state.range" type="daterange" /> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | ||||
</view> | </view> |
<uni-data-select v-model="state.vehiclePlateColor" :localdata="state.colorRange" @change="changeColor" | <uni-data-select v-model="state.vehiclePlateColor" :localdata="state.colorRange" @change="changeColor" | ||||
:clear="false"></uni-data-select> | :clear="false"></uni-data-select> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 30rpx;" @click="search(1)">搜索</button> | flex-shrink: 0;margin-left: 30rpx;" @click="search(1)">搜索</button> | ||||
</view> | </view> |
<view class="example-body"> | <view class="example-body"> | ||||
<uni-datetime-picker v-model="state.range" type="daterange" /> | <uni-datetime-picker v-model="state.range" type="daterange" /> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | ||||
</view> | </view> |
<view class="uni-input">{{state.date}}</view> | <view class="uni-input">{{state.date}}</view> | ||||
</picker> | </picker> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="search()">搜索</button> | flex-shrink: 0;margin-left: 20rpx;" @click="search()">搜索</button> | ||||
</view> | </view> |
<view class="example-body"> | <view class="example-body"> | ||||
<uni-datetime-picker v-model="state.range" type="daterange" /> | <uni-datetime-picker v-model="state.range" type="daterange" /> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | flex-shrink: 0;margin-left: 20rpx;" @click="search(1)">搜索</button> | ||||
</view> | </view> |
</view> | </view> | ||||
<view class="button_wrap"> | <view class="button_wrap"> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 1;">搜索</button> | flex-shrink: 1;">搜索</button> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 1;margin: 6rpx 0;">重置</button> | flex-shrink: 1;margin: 6rpx 0;">重置</button> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 1;">导出</button> | flex-shrink: 1;">导出</button> | ||||
</view> | </view> | ||||
.mini-btn { | .mini-btn { | ||||
color: #ffffff; | 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; | font-size: 26rpx; | ||||
flex-shrink: 1; | flex-shrink: 1; | ||||
} | } | ||||
.mini-btn1 { | .mini-btn1 { | ||||
color: #ffffff; | 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; | font-size: 26rpx; | ||||
flex-shrink: 1; | flex-shrink: 1; | ||||
} | } |
@change="changeBusinessOne"></uni-data-select> | @change="changeBusinessOne"></uni-data-select> | ||||
</view> | </view> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="searchOne()">查询</button> | flex-shrink: 0;margin-left: 20rpx;" @click="searchOne()">查询</button> | ||||
</view> | </view> | ||||
@change="changeBusiness"></uni-data-select> | @change="changeBusiness"></uni-data-select> | ||||
</view> | </view> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="searchTwo">查询</button> | flex-shrink: 0;margin-left: 20rpx;" @click="searchTwo">查询</button> | ||||
</view> | </view> |
<uni-data-select v-model="state.orderType" :localdata="state.orderTypeData" | <uni-data-select v-model="state.orderType" :localdata="state.orderTypeData" | ||||
@change="orderTypeChange"></uni-data-select> | @change="orderTypeChange"></uni-data-select> | ||||
<button size="mini" style="color: #ffffff; | <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; | font-size: 26rpx; | ||||
flex-shrink: 0;margin-left: 20rpx;" @click="search">查询</button> | flex-shrink: 0;margin-left: 20rpx;" @click="search">查询</button> | ||||
</view> | </view> |