root/pad-nl-three-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式和数据

Browse Source
This commit is contained in:
caill
2024-05-31 17:34:16 +08:00
parent edf4403c2b
commit 337f940344
18 changed files with 82 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
common/style/layout.css
View File

@@ -24,8 +24,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.content{ .content{
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
background: center / 100% auto url(./static/images/page_bg.jpg) no-repeat; background: top center / 100% auto url(./static/images/page_bg.jpg) repeat-y;
background-color: #040d1e; /* background-color: #040d1e; */
} }
.footer{ .footer{
width: 100%; width: 100%;
@@ -36,8 +36,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
margin: 10px auto 0 auto; margin: 10px auto 0 auto;
border-radius: 6px; border-radius: 6px;
padding: 10px; padding: 10px;
background: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%); background-color: rgba(1, 114, 195, 40%);
border: 1px solid #0490DD; border: 1px solid #00a3dd;
box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px; box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px;
} }
.search-label{ .search-label{
@@ -118,8 +118,11 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
width: calc(100% - 20px); width: calc(100% - 20px);
min-height: calc(100vh - 145px); min-height: calc(100vh - 145px);
margin: 0 auto; margin: 0 auto;
padding-top: 5px; padding: 10px 0;
background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat; border: 1px solid #01c2f3;
border-radius: 4px;
background-color: rgba(1, 114, 195, 40%);
box-shadow: inset 5px 5px 6px rgb(1 194 243 / 70%), inset -5px -5px 6px rgb(1 194 243 / 70%);
} }
.zdrow-wrap { .zdrow-wrap {
width: 100%; width: 100%;
@@ -131,7 +134,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.table-wrap { .table-wrap {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 5px 0 10px 0; padding: 15px 0 10px 0;
overflow-y: auto; overflow-y: auto;
} }
.grid-table { .grid-table {
@@ -146,15 +149,16 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
z-index: 6; z-index: 6;
} }
.grid-table th{ .grid-table th{
font-size: 13px; font-size: 12px;
line-height: 20px; line-height: 20px;
height: 30px; height: 30px;
color: #AFBED8; color: #fff;
font-weight: bold; font-weight: 700;
padding: 5px 10px; padding: 5px 10px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #673939; background-color: #3F6ACA;
border-bottom: 1px solid #9fd3ff;
} }
.grid-table td{ .grid-table td{
font-size: 12px; font-size: 12px;
@@ -163,26 +167,32 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
color: #fff; color: #fff;
padding: 5px 10px; padding: 5px 10px;
text-align: center; text-align: center;
background-color: #382d4f; background-color: rgba(63,106,202,0.3);
border-bottom: 1px solid #C2563E; border-bottom: 1px solid #9fd3ff;
white-space: nowrap; white-space: nowrap;
} }
.grid-table th:first-child, .grid-table td:first-child { .grid-table th:first-child, .grid-table td:first-child {
position: sticky; position: sticky;
left: 0; left: 0;
z-index: 5; z-index: 5;
min-width: 46px;
max-width: 46px;
white-space: nowrap;
}
.grid-table td:first-child, .grid-table td:nth-child(2), .grid-table td:last-child {
background-color: #2951ac;
} }
.grid-table th:last-child, .grid-table td:last-child { .grid-table th:last-child, .grid-table td:last-child {
position: sticky; position: sticky;
right: 0; right: 0;
z-index: 5; z-index: 5;
box-shadow: -2px 0px 2px 0px rgba(19, 19, 19, 30%); box-shadow: inset 2px 0px 2px 0px rgba(19, 19, 19, 30%);
} }
.grid-table th:nth-child(2), .grid-table td:nth-child(2) { .grid-table th:nth-child(2), .grid-table td:nth-child(2) {
position: sticky; position: sticky;
left: 46px; left: 46px;
z-index: 5; z-index: 5;
box-shadow: 2px 0px 2px 0px rgba(19, 19, 19, 30%); box-shadow: inset -2px 0px 2px 0px rgba(19, 19, 19, 30%);
} }
.td_input { .td_input {
font-size: 12px; font-size: 12px;
@@ -233,12 +243,13 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
} }
.zd-th-wraper{ .zd-th-wraper{
width: 100%; width: 100%;
background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; /* background: #142954 center / 100% 100% url(./static/images/grid_bg.png) no-repeat; */
overflow: hidden; overflow: hidden;
} }
.zd-sec-th-wraper { .zd-sec-th-wraper {
width: 100%; width: 100%;
background-color: #673939; background-color: #3F6ACA;
border-bottom: 1px solid #9fd3ff;
} }
.zd-td-wraper{ .zd-td-wraper{
width: 100%; width: 100%;
@@ -251,10 +262,10 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
font-size: 13px; font-size: 13px;
line-height: 15px; line-height: 15px;
height: 30px; height: 30px;
color: #AFBED8; color: #e1e9f4;
font-weight: bold; font-weight: 700;
/* padding: 0 5px; */
text-align: center; text-align: center;
background: left center / 1px 100% url(./static/images/th_bg.png) repeat-x;
} }
.zd-sec-th { .zd-sec-th {
display: flex; display: flex;
@@ -265,7 +276,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
height: 30px; height: 30px;
color: #fff; color: #fff;
/* background-color: #0F1521; */ /* background-color: #0F1521; */
font-weight: bold; font-weight: 700;
/* padding: 0 5px; */ /* padding: 0 5px; */
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
@@ -299,10 +310,10 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
line-height: 13px; line-height: 13px;
height: 49px; height: 49px;
color: #fff; color: #fff;
background-color: rgba(194, 86, 62, 0.2); background-color: rgba(63,106,202,0.3);
border-bottom: 1px solid #9fd3ff;
padding: 5px 2px; padding: 5px 2px;
text-align: center; text-align: center;
border-bottom: 1px solid #C2563E;
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
} }
@@ -326,7 +337,8 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
background: center / 100% 100% url(./static/images/icon-check2.png) no-repeat; background: center / 100% 100% url(./static/images/icon-check2.png) no-repeat;
} }
.fontcol1 { .fontcol1 {
color: #3CC1FF; color: #58e9ff;
font-weight: 700;
} }
.fontcol2 { .fontcol2 {
color: #000; color: #000;
@@ -341,7 +353,7 @@ uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
.zd-sec-wraper { .zd-sec-wraper {
width: 100%; width: 100%;
background-color: rgba(63,106,202,0.3); background-color: rgba(63,106,202,0.3);
padding: 5px 0px; padding: 15px 0px 0px 0px;
border-bottom: 1px solid #7A9FE0; border-bottom: 1px solid #7A9FE0;
transition: height 0.5s ease; transition: height 0.5s ease;
} }

4
components/NavBar.vue
View File

@@ -55,11 +55,9 @@
.header .header
_fj() _fj()
_wh(100%, 30px) _wh(100%, 30px)
background-color #041427 background: center / 100% 100% url(../static/images/header_bg_s.png) no-repeat
border-bottom 1px solid #13568B
z-index 200 z-index 200
padding 0 10px padding 0 10px
box-shadow: 0 1px 2px 0 RGBA(19, 86, 139, 0.5);
.page_name .page_name
_font(22px, 30px, #F6F9FE,700,center) _font(22px, 30px, #F6F9FE,700,center)
font-family: YouSheBiaoTiHei font-family: YouSheBiaoTiHei

2
pages/login/login.vue
View File

@@ -181,7 +181,7 @@
_wh(90%, auto) _wh(90%, auto)
margin 0 auto margin 0 auto
text-align center text-align center
_bis(,'../../static/images/login_bg.png', 100%, 100%,bottom) _bis(,'../../static/images/login_header_bg.png', 100%, 100%,bottom)
img img
_wh(30%, auto) _wh(30%, auto)
.login_wrap .login_wrap

40
pages/management/alloc-maintenance.vue
View File

@@ -54,10 +54,12 @@
<th>库存类型</th> <th>库存类型</th>
<th>库存状态</th> <th>库存状态</th>
<th>数量</th> <th>数量</th>
<th>调出库位</th>
<th>调出仓库</th>
<th>调入库位</th>
<th>调入仓库</th> <th>调入仓库</th>
<th>调入仓库名称</th>
<th>调入库位</th>
<th>调出仓库</th>
<th>调出仓库名称</th>
<th>调出库位</th>
<th>计划调入日期</th> <th>计划调入日期</th>
<th>计划调出日期</th> <th>计划调出日期</th>
<th>更多</th> <th>更多</th>
@@ -66,7 +68,11 @@
<tbody v-if="pkObj.djzt !== '审核后'"> <tbody v-if="pkObj.djzt !== '审核后'">
<tr v-for="(el, j) in dataList2" :key="el.id"> <tr v-for="(el, j) in dataList2" :key="el.id">
<td>{{j+1}}</td> <td>{{j+1}}</td>
<td><view class="zd-checkbox" :class="{'zd-checkbox_active': el.checked}" @tap="toCheck2(el)"></view></td> <td @tap="toCheck2(el)">
<view class="zd-row jcenter">
<view class="zd-checkbox" :class="{'zd-checkbox_active': el.checked}"></view>
</view>
</td>
<td><view class="fontcol1">{{el.wlbm}}</view></td> <td><view class="fontcol1">{{el.wlbm}}</view></td>
<td>{{el.wlmc}}</td> <td>{{el.wlmc}}</td>
<td>{{el.ggxh}}</td> <td>{{el.ggxh}}</td>
@@ -74,9 +80,16 @@
<td>{{el.kclx}}</td> <td>{{el.kclx}}</td>
<td>{{el.kczt}}</td> <td>{{el.kczt}}</td>
<td><input class="td_input" type="number" v-model="el.sl" @blur="_allocationBillUpdate(el)" /></td> <td><input class="td_input" type="number" v-model="el.sl" @blur="_allocationBillUpdate(el)" /></td>
<td @tap.stop="checkWarehouse(2, '调入仓库', el)">
<view class="zd-row td_change">
<uni-icons type="shop" size="16" color="#fff"></uni-icons>
<view class="mgl10">{{el.drckbm}}</view>
</view>
</td>
<td>{{el.drckmc}}</td>
<td> <td>
<view class="td_scan_wraper"> <view class="td_scan_wraper">
<scan-input v-model="el.dckwbm" @handleChange="_allocationBillUpdate(el)" /> <scan-input v-model="el.drkwbm" @handleChange="_allocationBillUpdate(el)" />
</view> </view>
</td> </td>
<td @tap.stop="checkWarehouse(1, '调出仓库', el)"> <td @tap.stop="checkWarehouse(1, '调出仓库', el)">
@@ -85,15 +98,10 @@
<view class="mgl10">{{el.dcckbm}}</view> <view class="mgl10">{{el.dcckbm}}</view>
</view> </view>
</td> </td>
<td>{{el.dcckmc}}</td>
<td> <td>
<view class="td_scan_wraper"> <view class="td_scan_wraper">
<scan-input v-model="el.drkwbm" @handleChange="_allocationBillUpdate(el)" /> <scan-input v-model="el.dckwbm" @handleChange="_allocationBillUpdate(el)" />
</view>
</td>
<td @tap.stop="checkWarehouse(2, '调入仓库', el)">
<view class="zd-row td_change">
<uni-icons type="shop" size="16" color="#fff"></uni-icons>
<view class="mgl10">{{el.drckbm}}</view>
</view> </view>
</td> </td>
<td @tap.stop="openCalendar(1,el)"> <td @tap.stop="openCalendar(1,el)">
@@ -121,10 +129,12 @@
<td>{{el.kclx}}</td> <td>{{el.kclx}}</td>
<td>{{el.kczt}}</td> <td>{{el.kczt}}</td>
<td>{{el.sl}}</td> <td>{{el.sl}}</td>
<td>{{el.dckwbm}}</td>
<td>{{el.dcckbm}}</td>
<td>{{el.drkwbm}}</td>
<td>{{el.drckbm}}</td> <td>{{el.drckbm}}</td>
<td>{{el.drckmc}}</td>
<td>{{el.drkwbm}}</td>
<td>{{el.dcckbm}}</td>
<td>{{el.drckmc}}</td>
<td>{{el.dckwbm}}</td>
<td>{{el.jhdrrq}}</td> <td>{{el.jhdrrq}}</td>
<td>{{el.jhdcrq}}</td> <td>{{el.jhdcrq}}</td>
<td @tap.stop="getDetails(3,el)"><uni-icons type="more-filled" size="14" color="#fff"></uni-icons></td> <td @tap.stop="getDetails(3,el)"><uni-icons type="more-filled" size="14" color="#fff"></uni-icons></td>

22
pages/management/in-storage.vue
View File

@@ -3,20 +3,20 @@
<nav-bar :title="crType === 'IN' ? '入库' : '出库'"></nav-bar> <nav-bar :title="crType === 'IN' ? '入库' : '出库'"></nav-bar>
<view class="search-confirm-wrap"> <view class="search-confirm-wrap">
<view class="zd-row"> <view class="zd-row">
<view class="zd-col-24 zd-row"> <view class="zd-col-19 zd-row">
<view class="zd-col-8"><search-box v-model="val1" /></view> <view class="zd-col-10"><search-box v-model="val1" /></view>
<view class="zd-col-8 select_wraper"> <view class="zd-col-10 select_wraper">
<zxz-uni-data-select placeholder="请选择仓库名称" v-model="value1" filterable :localdata="range1"></zxz-uni-data-select> <zxz-uni-data-select placeholder="请选择仓库名称" v-model="value1" filterable :localdata="range1"></zxz-uni-data-select>
</view> </view>
<view class="zd-col-7 select_wraper"> <!-- <view class="zd-col-7 select_wraper">
<uni-data-select <uni-data-select
placeholder="请选择状态" placeholder="请选择状态"
v-model="value" v-model="value"
:localdata="range" :localdata="range"
></uni-data-select> ></uni-data-select>
</view> </view> -->
<button class="confirm-button" @tap="toSearch">查询</button>
</view> </view>
<button class="confirm-button mgr30" @tap="toSearch">查询</button>
<!-- <button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0 || btnActive1}" :disabled="disabled1" @tap="toSure">单据审核</button> --> <!-- <button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0 || btnActive1}" :disabled="disabled1" @tap="toSure">单据审核</button> -->
<button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0}" :disabled="disabled1" @tap="toSure">单据审核</button> <button class="confirm-button" :class="{'confirm-button_disabled': checkArr1.length === 0}" :disabled="disabled1" @tap="toSure">单据审核</button>
</view> </view>
@@ -73,9 +73,9 @@
<view class="zd-col-2 zd-sec-th"><text>{{crType === 'IN'? '已入数量':'已出数量'}}</text></view> <view class="zd-col-2 zd-sec-th"><text>{{crType === 'IN'? '已入数量':'已出数量'}}</text></view>
<view class="zd-col-2 zd-sec-th"><text>剩余数量</text></view> <view class="zd-col-2 zd-sec-th"><text>剩余数量</text></view>
<view class="zd-col-2 zd-sec-th"><text>库存</text></view> <view class="zd-col-2 zd-sec-th"><text>库存</text></view>
<view class="zd-col-2 zd-th"><text>操作人</text></view> <view class="zd-col-2 zd-sec-th"><text>操作人</text></view>
<view class="zd-col-2 zd-th"><text>操作日期</text></view> <view class="zd-col-2 zd-sec-th"><text>操作日期</text></view>
<view class="zd-col-1 zd-th"><text>更多</text></view> <view class="zd-col-1 zd-sec-th"><text>更多</text></view>
</view> </view>
<view class="zd-row zd-td-wraper" v-for="(el, j) in dataList2" :key="el.id"> <view class="zd-row zd-td-wraper" v-for="(el, j) in dataList2" :key="el.id">
<view class="zd-col-1 zd-sec-td"><text>{{j+1}}</text></view> <view class="zd-col-1 zd-sec-td"><text>{{j+1}}</text></view>
@@ -538,10 +538,14 @@
.mgr30 .mgr30
margin-right 30rpx margin-right 30rpx
.select_wraper .select_wraper
/deep/ .uni-select__input-box
height 30px
/deep/ .uni-select__selector /deep/ .uni-select__selector
z-index 11 z-index 11
/deep/ .uni-select /deep/ .uni-select
height: 30px; height: 30px;
min-height: 30px;
line-height: 30px;
padding: 0 2px 0 12px; padding: 0 2px 0 12px;
border: 1px solid #4980bd; border: 1px solid #4980bd;
background-color: rgba(45,88,184,0.1); background-color: rgba(45,88,184,0.1);

6
pages/management/receive-confirm.vue
View File

@@ -68,7 +68,11 @@
<tbody v-if="pkObj.djzt !== '审核后'"> <tbody v-if="pkObj.djzt !== '审核后'">
<tr v-for="(el, j) in dataList2" :key="el.id"> <tr v-for="(el, j) in dataList2" :key="el.id">
<td>{{j+1}}</td> <td>{{j+1}}</td>
<td><view class="zd-checkbox" :class="{'zd-checkbox_active': el.checked}" @tap="toCheck2(el)"></view></td> <td @tap="toCheck2(el)">
<view class="zd-row jcenter">
<view class="zd-checkbox" :class="{'zd-checkbox_active': el.checked}"></view>
</view>
</td>
<td><view class="fontcol1">{{el.cgbh}}</view></td> <td><view class="fontcol1">{{el.cgbh}}</view></td>
<td>{{el.wlbm}}</td> <td>{{el.wlbm}}</td>
<td>{{el.wlmc}}</td> <td>{{el.wlmc}}</td>

BIN
static/images/bg-task-r1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 56 KiB

BIN
static/images/bg-task-r2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 262 KiB

After

Width:  |  Height:  |  Size: 204 KiB

BIN
static/images/button.png Executable file → Normal file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 29 KiB

BIN
static/images/header_bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 126 KiB

After

Width:  |  Height:  |  Size: 119 KiB

BIN
static/images/header_bg_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
static/images/home_bg.jpg Executable file → Normal file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 70 KiB

BIN
static/images/login_bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
static/images/login_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 169 KiB

BIN
static/images/login_header_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB

BIN
static/images/tab_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
static/images/tab_bg_active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/images/th_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB