feat: 放大小屏界面并让待审核单直达编辑
This commit is contained in:
@@ -8,12 +8,12 @@
|
||||
<!-- <u-tabs :list="list" :is-scroll="false" :current="current" @change="onClickItem"></u-tabs> -->
|
||||
<!-- <view v-if="current === 0"> -->
|
||||
<view class="list">
|
||||
<view class="list-call">
|
||||
<view class="iconfont icon-link" style="font-size: 22px;color:#5473e8;"></view>
|
||||
<view class="list-call env-call">
|
||||
<view class="iconfont icon-link" style="font-size: 28px;color:#5473e8;"></view>
|
||||
<view style="width: 100%;">
|
||||
<view class="server-selector" @click="showServerPicker">
|
||||
<text>{{ getApiUrlLabel() }}</text>
|
||||
<view class="iconfont icon-arrow-down" style="font-size: 16px;"></view>
|
||||
<view class="iconfont icon-arrow-down"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -103,7 +103,7 @@
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </div>-->
|
||||
<u-picker v-model="showApiUrlPicker" mode="selector" :range="apiUrlList" range-key="label"
|
||||
<u-picker class="login-env-picker" v-model="showApiUrlPicker" mode="selector" :range="apiUrlList" range-key="label"
|
||||
@confirm="onApiUrlConfirm" @cancel="showApiUrlPicker = false"></u-picker>
|
||||
<!-- 版本信息显示 -->
|
||||
<view class="version-info">
|
||||
@@ -450,14 +450,25 @@ export default {
|
||||
<style lang="scss">
|
||||
@import 'index.scss';
|
||||
|
||||
.env-call {
|
||||
height: auto;
|
||||
min-height: 140rpx;
|
||||
}
|
||||
|
||||
.server-selector {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
min-height: 80rpx;
|
||||
padding: 16rpx 0;
|
||||
font-size: 40rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.server-selector .icon-arrow-down {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.list-call {
|
||||
.u-select {
|
||||
margin-bottom: 10rpx;
|
||||
@@ -572,3 +583,23 @@ export default {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.login-env-picker {
|
||||
::v-deep .u-picker-header,
|
||||
::v-deep .u-btn-picker {
|
||||
height: 100rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-picker-body {
|
||||
height: 560rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-column-item,
|
||||
::v-deep .u-line-1 {
|
||||
height: 88rpx;
|
||||
font-size: 40rpx;
|
||||
line-height: 88rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<!-- </view>-->
|
||||
<view class="workbench-title">坯布管理</view>
|
||||
<view class="toolbar">
|
||||
<u-grid class="grid" :col="4" :border="false">
|
||||
<u-grid class="grid" :col="2" :border="false">
|
||||
<!-- <u-grid-item @click="navTo('/pages/storefabric/storefabricInStore')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-hetongguanli"></i>-->
|
||||
@@ -87,16 +87,16 @@
|
||||
<!-- <view class="grid-text">坯布进仓</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<u-grid-item @click="navTo('/pages/storefabric/storeFabricBusinessOutList')">
|
||||
<view class="home-icon icon-color03">
|
||||
<view class="workbench-tile tile-out" hover-class="tile-pressed">
|
||||
<i class="iconfont icon-chucha"></i>
|
||||
<text class="tile-label">坯布出库</text>
|
||||
</view>
|
||||
<view class="grid-text">坯布出库</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storefabric/storeFabricWarehouseGroupList')">
|
||||
<view class="home-icon icon-color05">
|
||||
<view class="workbench-tile tile-stock" hover-class="tile-pressed">
|
||||
<i class="iconfont icon-huiyishi"></i>
|
||||
<text class="tile-label">坯布库存</text>
|
||||
</view>
|
||||
<view class="grid-text">坯布库存</view>
|
||||
</u-grid-item>
|
||||
<!-- <u-grid-item @click="navTo('/pages/storefabric/storefabricstoreallin')">-->
|
||||
<!-- <view class="home-icon icon-color05">-->
|
||||
@@ -295,4 +295,46 @@ export default {
|
||||
.home-icon i.icon-tongzhi {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.wrap .toolbar .workbench-tile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 88%;
|
||||
height: 300rpx;
|
||||
margin: 8rpx auto 28rpx;
|
||||
padding: 40rpx 28rpx 36rpx;
|
||||
border-radius: 8rpx;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-out {
|
||||
background: #14343f;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-stock {
|
||||
background: #7a2e24;
|
||||
}
|
||||
|
||||
.wrap .toolbar .workbench-tile i {
|
||||
position: static;
|
||||
margin: 0 0 28rpx;
|
||||
font-size: 88rpx;
|
||||
line-height: 1;
|
||||
color: #f4efe6;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-label {
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
color: #f4efe6;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-pressed {
|
||||
opacity: 0.82;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user