yangjun
/
hldy_app_mini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合并代码

This commit is contained in:
Teng 2026-02-27 17:02:36 +08:00
parent 9d89b1e813
commit 2a3a652438
31 changed files with 1336 additions and 577 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
pages/NursingNew/component/equipment.vue
View File

@ -235,7 +235,7 @@
</view> </view>
<view class="right-container-title-nav"> <view class="right-container-title-nav">
<text style="margin-left: 30rpx;"> <text>
NUID：{{ uni.getStorageSync('nuId')}} NUID：{{ uni.getStorageSync('nuId')}}
</text> </text>
<text class="new-weight"> <text class="new-weight">
@ -254,14 +254,14 @@
</view> </view>
</view> </view>
<view class="scroll-vi"> <view class="scroll-vi">
<view class="zhezhao-left"></view> <!-- <view class="zhezhao-left"></view>
<view class="zhezhao-right"></view> <view class="zhezhao-right"></view> -->
<scroll-view scroll-x="true" style="width: 1800rpx;height: 100%;" :scroll-left="scrollLeft"> <scroll-view scroll-x="true" style="width: 1800rpx;height: 100%;" :scroll-left="scrollLeft">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="width: 100rpx;"></view>
<view v-for="(item,index) in allArray" :key="index" <view v-for="(item,index) in allArray" :key="index"
:class="{zerotarget: movetype===0 && zeroIndex===index}" class="menu" :class="{zerotarget: movetype===0 && zeroIndex===index}" class="menu"
:style="{backgroundColor: movetype===0 && zeroIndex===index?`#ddf0ff`:``}" :style="{backgroundColor: typeNowtarget===index?`#ddf0ff`:``}"
@click="typeNowtarget=index;zeroIndex=index;clean();movetype=0;changeallmessage()"> @click="typeNowtarget=index;zeroIndex=index;clean();movetype=0;changeallmessage()">
<donghua :links="item.donghuapian" width="55rpx" height="55rpx" :playing="typeNowtarget===index" /> <donghua :links="item.donghuapian" width="55rpx" height="55rpx" :playing="typeNowtarget===index" />
@ -270,9 +270,7 @@
{{item.lookName}} {{item.lookName}}
</text> </text>
</view> </view>
<view style="width: 100rpx;">
</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@ -1383,7 +1381,7 @@
rollTo(Number(secondTarget)) rollTo(Number(secondTarget))
} else if (typeNow.value === 3) { } else if (typeNow.value === 3) {
tempmessage.value = allArray.value[typeNowtarget.value] tempmessage.value = allArray.value[typeNowtarget.value]
console.log("啥啊",tempmessage.value) // console.log("啥啊",tempmessage.value)
const thirdTarget = tempmessage.value.temperature const thirdTarget = tempmessage.value.temperature
rollTo(Number(thirdTarget)) rollTo(Number(thirdTarget))
@ -1499,12 +1497,12 @@
height: 100%; height: 100%;
transition: opacity 1s ease; transition: opacity 1s ease;
position: relative; position: relative;
margin-left: 3vw; margin-left: 1.8vw;
.index-father { .index-father {
width: 100%; width: 100%;
height: 1100rpx; height: 1100rpx;
// background-color: red;
} }
.abs-time { .abs-time {
@ -1555,7 +1553,7 @@
.scroll-vi { .scroll-vi {
height: 120rpx; height: 120rpx;
width: 95%; width: 95%;
margin-left: 20rpx; margin-left: 0rpx;
margin-top: 20rpx; margin-top: 20rpx;
position: relative; position: relative;
margin-bottom: 80rpx; margin-bottom: 80rpx;
@ -1766,65 +1764,65 @@
} }
.zerotarget { .zerotarget {
--color: #99C9FD; // --color: #99C9FD;
--thick: 2px; // --thick: 2px;
--radius: 50rpx; // --radius: 50rpx;
--outline-offset: 0rpx; // --outline-offset: 0rpx;
/* 外扩多少 */ // /* 外扩多少 */
/* 内层虚线（你现在用的） */ // /* 内层虚线（你现在用的） */
border-radius: var(--radius); // border-radius: var(--radius);
background-color: white; // background-color: white;
/* 内部背景 */ // /* 内部背景 */
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1); // animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
/* 外层虚线：放在 outline（不会影响元素尺寸） */ // /* 外层虚线：放在 outline（不会影响元素尺寸） */
outline: var(--thick) dashed var(--color); // outline: var(--thick) dashed var(--color);
outline-offset: var(--outline-offset); // outline-offset: var(--outline-offset);
/* 保证文本 / 子元素在最上层 */ // /* 保证文本 / 子元素在最上层 */
position: relative; // position: relative;
z-index: 0; // z-index: 0;
} }
.firsttarget { .firsttarget {
--color: #99C9FD; // --color: #99C9FD;
--thick: 2px; // --thick: 2px;
--radius: 50%; // --radius: 50%;
--outline-offset: 0rpx; // --outline-offset: 0rpx;
/* 外扩多少 */ // /* 外扩多少 */
/* 内层虚线（你现在用的） */ // /* 内层虚线（你现在用的） */
border-radius: var(--radius); // border-radius: var(--radius);
background-color: white; // background-color: white;
/* 内部背景 */ // /* 内部背景 */
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1); // animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
/* 外层虚线：放在 outline（不会影响元素尺寸） */ // /* 外层虚线：放在 outline（不会影响元素尺寸） */
outline: var(--thick) dashed var(--color); // outline: var(--thick) dashed var(--color);
outline-offset: var(--outline-offset); // outline-offset: var(--outline-offset);
/* 保证文本 / 子元素在最上层 */ // /* 保证文本 / 子元素在最上层 */
position: relative; // position: relative;
z-index: 0; // z-index: 0;
} }
.buttontarget { .buttontarget {
--color: #99C9FD; // --color: #99C9FD;
--thick: 2px; // --thick: 2px;
--radius: 30rpx; // --radius: 30rpx;
--outline-offset: 0rpx; // --outline-offset: 0rpx;
/* 外扩多少 */ // /* 外扩多少 */
/* 内层虚线（你现在用的） */ // /* 内层虚线（你现在用的） */
border-radius: var(--radius); // border-radius: var(--radius);
background-color: white; // background-color: white;
/* 内部背景 */ // /* 内部背景 */
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1); // animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
/* 外层虚线：放在 outline（不会影响元素尺寸） */ // /* 外层虚线：放在 outline（不会影响元素尺寸） */
outline: var(--thick) dashed var(--color); // outline: var(--thick) dashed var(--color);
outline-offset: var(--outline-offset); // outline-offset: var(--outline-offset);
/* 保证文本 / 子元素在最上层 */ // /* 保证文本 / 子元素在最上层 */
position: relative; // position: relative;
z-index: 0; // z-index: 0;
} }
@keyframes scalePulse { @keyframes scalePulse {
@ -1875,7 +1873,7 @@
.bottom-father { .bottom-father {
width: 100%; width: 100%;
padding-left: 160rpx; padding-left: 0rpx;
padding-top: 20rpx; padding-top: 20rpx;
@ -2115,6 +2113,7 @@
height: 80rpx; height: 80rpx;
display: flex; display: flex;
.rizhi-card { .rizhi-card {
display: flex; display: flex;
justify-content: center; justify-content: center;

45
pages/NursingNew/component/index.vue
View File

@ -204,7 +204,8 @@
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<view class="mengban" style="background-color: transparent;" v-if="zzbqshow" @click="zzbqshow = false;tagtarget=-1"></view> <view class="mengban" style="background-color: transparent;" v-if="zzbqshow"
@click="zzbqshow = false;tagtarget=-1"></view>
<view class="right-bottom"> <view class="right-bottom">
<view class="bottom-title"> <view class="bottom-title">
<image class="bottom-carmera" src="/static/index/newindex/leftmenu/carmera.png" @click="gotolook" /> <image class="bottom-carmera" src="/static/index/newindex/leftmenu/carmera.png" @click="gotolook" />
@ -248,7 +249,7 @@
<view class="jbsmall" v-show="tagtarget!=-1" :style="{left:`${leftnumber}vw`}"> <view class="jbsmall" v-show="tagtarget!=-1" :style="{left:`${leftnumber}vw`}">
<image src="/static/index/card/bj.png" mode="aspectFill"></image> <image src="/static/index/card/bj.png" mode="aspectFill"></image>
</view> </view>
{{ tagtarget==-1?'':detail }} {{ tagtarget==-1?'':(detail?detail:`暂无详情`) }}
</view> </view>
</view> </view>
@ -359,6 +360,7 @@
const clickmenu = (index : number) => { const clickmenu = (index : number) => {
menutarget.value = index menutarget.value = index
let data = filteredMenu(0)[index] let data = filteredMenu(0)[index]
uni.setStorageSync('nuId', data.nuId); uni.setStorageSync('nuId', data.nuId);
uni.setStorageSync('nuName', data.nuName); uni.setStorageSync('nuName', data.nuName);
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null); uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
@ -615,7 +617,10 @@
})) }))
) )
const nusing = () => { const nusing = () => {
emit('gospecial', 1) if (uni.getStorageSync('elderId')) {
emit('gospecial', 1)
}
} }
const jszlshow = ref(false) const jszlshow = ref(false)
@ -693,16 +698,16 @@
function getleft(index) { function getleft(index) {
switch (index) { switch (index) {
case 0: case 0:
return 2.4; return 2.8;
case 1: case 1:
return 6.7; return 8;
case 2: case 2:
return 11.5; return 13;
case 3: case 3:
return 15.5; return 18;
} }
} }
@ -740,12 +745,12 @@
} }
.zzbqsmall { .zzbqsmall {
width: 20vw; width: 23vw;
// height: 6vw; // height: 6vw;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
border-radius: 1.2vw; border-radius: 1.2vw;
right: -0.8vw; right: -2vw;
top: 15vw; top: 15vw;
position: absolute; position: absolute;
z-index: 200; z-index: 200;
@ -763,17 +768,25 @@
position: relative; position: relative;
left: -0.5vw; left: -0.5vw;
.right-time { .right-time {
margin-top: 1.2vw; margin-top: 1.2vw;
width: 100%; width: 100%;
height: 12vw; height: 12vw;
background-color: #fff; // background-color: red;
background-image: url('/static/index/timebgc.png');
background-size: cover;
/* 等比放大，保证容器被填满（可能裁剪） */
background-position: center;
/* 居中裁剪 */
background-repeat: no-repeat;
border-radius: 1.6vw; border-radius: 1.6vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 30rpx; padding-left: 30rpx;
padding: 0 2.2vw; padding: 0 2.2vw;
border: 1rpx solid #b7b7b7;
.time-top { .time-top {
display: flex; display: flex;
@ -1198,7 +1211,7 @@
} }
.jszl { .jszl {
width: 64.5vw; width: 65.5vw;
height: 44vw; height: 44vw;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
@ -1384,12 +1397,12 @@
} }
.zzbq { .zzbq {
width: 20vw; width: 23vw;
height: 10vw; height: 11vw;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
border-radius: 1.6vw; border-radius: 1.6vw;
right: -0.8vw; right: -2vw;
top: 4vw; top: 4vw;
position: absolute; position: absolute;
z-index: 200; z-index: 200;
@ -1397,7 +1410,7 @@
padding: 1.6vw 1.6vw 0; padding: 1.6vw 1.6vw 0;
.carfd { .carfd {
width: 9vw; width: 11.5vw;
height: 100%; height: 100%;
.tg { .tg {
@ -1429,7 +1442,7 @@
.tittop { .tittop {
height: 2vw; height: 2vw;
font-weight: 400; font-weight: 400;
font-size: 1.1vw; font-size: 1.4vw;
color: #333333; color: #333333;
display: flex; display: flex;
align-items: center; align-items: center;

7
pages/NursingNew/component/leftcontent/leftcontent.vue
View File

@ -128,11 +128,12 @@
padding: 2.3vw 0 1vw 0; padding: 2.3vw 0 1vw 0;
// margin-right: 3vw; // margin-right: 3vw;
.logo{ .logo{
// background-color: red;
width: 3.8vw; width: 3.8vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; height: 6.2vw;
justify-content: center;
view{ view{
width: 3.8vw; width: 3.8vw;
height: 3.8vw; height: 3.8vw;
@ -164,7 +165,7 @@
padding: 4vh 0 3vh; padding: 4vh 0 3vh;
position: relative; position: relative;
margin-top: -2vh; margin-top: -2vh;
// background-color: blue;
.iconst{ .iconst{
width: 6vw; width: 6vw;
height: 4vw; height: 4vw;

30
pages/NursingNew/component/leftcontent/serveswipe.vue
View File

@ -2,11 +2,11 @@
<view> <view>
<view class="swipeservwe"> <view class="swipeservwe">
<view class="swper" v-if="plsbuy.length==0"> <view class="swper" v-if="plsbuy.length==0">
<view class="photo-father"> <view class="photo-father" style="margin-top: 30rpx;">
<image class="big-img" style="width: 420rpx;top:30%;" :src="`/static/index/newindex/wendu/2.png`" <image class="big-img" style="width: 320rpx;top:25%;height: 320rpx;" src="/static/index/noorder.png"
mode="aspectFill" /> mode="aspectFill" />
<view class="juzhong" style=" filter:grayscale(60%)"> <view class="juzhong" >
<donghua :width="`1300rpx`" :height="`900rpx`" :links="blueArray" :playing="photoplay" <donghua :width="`1200rpx`" :height="`600rpx`" :links="blueArray" :playing="photoplay"
:loop="true" :interval="120" /> :loop="true" :interval="120" />
</view> </view>
</view> </view>
@ -22,13 +22,12 @@
<view v-for="(v,i) in plsbuy" :key='i' :class="current==i?'dot':''" <view v-for="(v,i) in plsbuy" :key='i' :class="current==i?'dot':''"
:style="v?.chaoshitime?'background:red':''" @click="change({'detail':{'current':i}})"></view> :style="v?.chaoshitime?'background:red':''" @click="change({'detail':{'current':i}})"></view>
</view> </view>
<swiper class="swiper" :circular="true" :indicator-dots="false" :autoplay="autoplay" :interval="3000" <swiper class="swiper" :circular="false" :indicator-dots="false" :autoplay="autoplay" :interval="3000"
:duration="500" :current="current2" @change="change"> :duration="500" :current="current2" @change="change">
<swiper-item v-for="(indexmessage,i) in plsbuy" :key="i" class="swper"> <swiper-item v-for="(indexmessage,i) in plsbuy" :key="i" class="swper">
<view class="photo-father"> <view class="photo-father">
<!-- {filter: `grayscale(60%)`} -->
<view class="juzhong" :style="indexmessage?.startTime?{}:''"> <view class="juzhong" :style="indexmessage?.startTime?{}:''">
<donghua :width="`1000rpx`" :height="`700rpx`" :links="blueArray" :playing="current==i" <donghua :width="`1200rpx`" :height="`600rpx`" :links="blueArray" :playing="current==i"
:loop="true" :interval="120" /> :loop="true" :interval="120" />
</view> </view>
<view class="timedjs" v-if="current==i&&indexmessage?.izStart=='Y'"> <view class="timedjs" v-if="current==i&&indexmessage?.izStart=='Y'">
@ -72,6 +71,7 @@
@click="indexmessage.flag = true"> @click="indexmessage.flag = true">
<image :src="`/static/zlb.png`" :style=" 'width: 420rpx' " mode="aspectFill" /> <image :src="`/static/zlb.png`" :style=" 'width: 420rpx' " mode="aspectFill" />
</view> </view>
<view class="cardbox" <view class="cardbox"
v-if="indexmessage.izPackage=='Y'&&indexmessage?.izStart=='Y'||indexmessage.flag"> v-if="indexmessage.izPackage=='Y'&&indexmessage?.izStart=='Y'||indexmessage.flag">
<scroll-view scroll-y="true" class="scrollcard" @touchmove.stop> <scroll-view scroll-y="true" class="scrollcard" @touchmove.stop>
@ -92,12 +92,18 @@
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<view class="big-img" v-if="indexmessage.izPackage=='N' "> <view class="big-img" v-if="indexmessage.izPackage=='N'&&indexmessage?.previewFile ">
<image :style="!indexmessage?.previewFile?'width: 420rpx':' '" <image :style="!indexmessage?.previewFile?'width: 420rpx':' width:550rpx;height:550rpx;marginTop:-60rpx'"
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`" :src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/noorder.png`"
mode="heightFix" /> mode="heightFix" />
</view> </view>
<view class="big-img" v-if="indexmessage.izPackage=='N'&&!indexmessage?.previewFile ">
<image :style="!indexmessage?.previewFile?'width: 320rpx;height: 320rpx;':' '"
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/noorder.png`"
mode="heightFix" />
</view>
<!-- <image class="big-img" style="width: 320rpx;top:25%;height: 320rpx;" src="/static/index/noorder.png"
mode="aspectFill" /> -->
<view style="display: flex;align-items: center; "> <view style="display: flex;align-items: center; ">
<view class="server-name"> <view class="server-name">
{{ indexmessage?.directiveName }} {{ indexmessage?.directiveName }}
@ -325,6 +331,7 @@
init init
}) })
const change = (e) => { const change = (e) => {
// return
current.value = e.detail.current; current.value = e.detail.current;
let a = e.detail.current; let a = e.detail.current;
plsbuy.value.forEach((v, i) => { plsbuy.value.forEach((v, i) => {
@ -356,6 +363,7 @@
plsbuy.value.splice(current.value, 1) plsbuy.value.splice(current.value, 1)
firstgetqueryCgdList(form.nuId) firstgetqueryCgdList(form.nuId)
} }
const swip = (e) => { const swip = (e) => {
if (current.value == 0 && e == -1) { if (current.value == 0 && e == -1) {
current.value = plsbuy.value.length - 1; current.value = plsbuy.value.length - 1;

3
pages/NursingNew/component/logistics/index.css
View File

@ -129,7 +129,7 @@
position: relative; position: relative;
/* margin-left: -50rpx; */ /* margin-left: -50rpx; */
margin-left: 0.5vw; margin-left: 0.5vw;
margin-top: -0.8vw; margin-top: 0vw;
.joystick { .joystick {
position: absolute; position: absolute;
@ -1345,6 +1345,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
position: relative; position: relative;
height: 60rpx;
.explain-text { .explain-text {
position: absolute; position: absolute;

2
pages/NursingNew/component/nurse/bigindex.vue
View File

@ -1099,7 +1099,7 @@
const searchtable = (item : any) => { const searchtable = (item : any) => {
// console.log("aaaaaaa", item) console.log("aaaaaaa", item)
firstListTarget.value = -1; firstListTarget.value = -1;
secondListTarget.value = -1; secondListTarget.value = -1;
moveById.value = item.id moveById.value = item.id

2
pages/NursingNew/component/nurse/index.css
View File

@ -614,6 +614,7 @@
height: 1278rpx; height: 1278rpx;
width: 600rpx; width: 600rpx;
border-radius: 30rpx; border-radius: 30rpx;
z-index: 1;
.right-tags { .right-tags {
background-color: #fff; background-color: #fff;
@ -1343,6 +1344,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
position: relative; position: relative;
height: 60rpx;
.explain-text { .explain-text {
position: absolute; position: absolute;

2
pages/NursingNew/component/nurse/newindex.vue
View File

@ -1666,7 +1666,7 @@
const emotionTagList = ref([]); const emotionTagList = ref([]);
const bodyTagList = ref([]); const bodyTagList = ref([]);
const geteverything = () => { const geteverything = () => {
console.log("有老人吗",uni.getStorageSync('elderId'))
if (uni.getStorageSync('nuId') && uni.getStorageSync('elderId')) { if (uni.getStorageSync('nuId') && uni.getStorageSync('elderId')) {
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('elderId')).then((res : any) => { getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('elderId')).then((res : any) => {
// console.log("通了吗",res) // console.log("通了吗",res)

56
pages/NursingNew/component/pleasetake/common/carditem.vue
View File

@ -1,7 +1,13 @@
<template> <template>
<view> <view>
<view class="nolist" v-if="isemity">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<scroll-view scroll-y="true" class="itembox" scroll-with-animation @scrolltolower="scrolltolower()" <scroll-view scroll-y="true" class="itembox" scroll-with-animation @scrolltolower="scrolltolower()"
enable-back-to-top> v-show="!isemity" enable-back-to-top>
<view class="box"> <view class="box">
<view class="fler" v-for="(v,index) in InvoicingList" :key="index"> <view class="fler" v-for="(v,index) in InvoicingList" :key="index">
<scroll-view class="carditem guodu" @touchend="handleTouchEnd($event,v,index)" <scroll-view class="carditem guodu" @touchend="handleTouchEnd($event,v,index)"
@ -12,7 +18,8 @@
</view> </view>
<view class="speitem guodu"> <view class="speitem guodu">
<view class="imgs"> <view class="imgs">
<image style="border-radius: 1vw;" :src="v?.materialImg?serverUrl+v?.materialImg:'/static/index/procurement/k.png'" <image style="border-radius: 1vw;"
:src="v?.materialImg?serverUrl+v?.materialImg:'/static/index/procurement/k.png'"
mode="aspectFill"> mode="aspectFill">
</image> </image>
</view> </view>
@ -93,10 +100,13 @@
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
<view style="height:3vw;width: 100%;display: flex;align-items: center;justify-content: center;"> <view style="height:3vw;width: 100%;display: flex;align-items: center;justify-content: center;"
v-show="!InvoicingList.length">
<u-loadmore :status="status" :loadText="{nomore:'暂无更多数据'}" v-if="InvoicingList.length>6" /> <u-loadmore :status="status" :loadText="{nomore:'暂无更多数据'}" v-if="InvoicingList.length>6" />
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</template> </template>
@ -110,7 +120,10 @@
}, },
status: { status: {
type: String type: String
} },
isemity: {
type: Boolean
},
}) })
const caigouobj = ref({}) const caigouobj = ref({})
const serverUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/') const serverUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
@ -184,7 +197,6 @@
scrollLeft.value = e.detail.scrollLeft scrollLeft.value = e.detail.scrollLeft
// console.log(e.detail.scrollLeft) // console.log(e.detail.scrollLeft)
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@ -395,11 +407,13 @@
padding: 1vw 2vw 0 0; padding: 1vw 2vw 0 0;
width: 90vw; width: 90vw;
height: 64.5vh; height: 64.5vh;
// background-color: red;
.box { .box {
width: 90vw; width: 90vw;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
.fler { .fler {
@ -421,4 +435,36 @@
} }
} }
} }
.nolist {
background-color: #fff;
width: 89vw;
height: 63.4vh;
margin: 0 0.5vw;
margin-top: 1.2vw;
border-radius: 1.1vw;
display: flex;
justify-content: center;
align-items: center;
.que {
width: 10vw;
height: 10vw;
image {
width: 100%;
height: 100%;
}
view {
margin-top: -40rpx;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 1.4vw;
color: #555555;
}
}
}
</style> </style>

271
pages/NursingNew/component/pleasetake/common/htditem.vue
View File

@ -22,7 +22,48 @@
<view v-if="v.materialInfo?.medicationName">{{v.materialInfo?.medicationName}}</view> <view v-if="v.materialInfo?.medicationName">{{v.materialInfo?.medicationName}}</view>
</view> </view>
</view> </view>
<view class="msitem guodu"> <view class="right-one-right">
<view class="right-title">
{{ v?.materialInfo.materialName }}
</view>
<view style="display: flex;margin-top: 10rpx;">
<view class="right-setting">
规格编号：
</view>
<view class="right-mm">
{{ v?.materialInfo.materialNo }}
</view>
</view>
<view style="display: flex;margin-top: 10rpx;">
<view class="right-setting">
规格型号：
</view>
<view class="right-mm">
{{ v?.materialInfo.specificationModel }}
</view>
</view>
<view class="right-down">
<view class="">
<view class="right-first-num">
{{ v?.qlNum }}
</view>
<view class="right-first-type">
请领数量
</view>
</view>
<view class="right-shu"></view>
<view class="">
<view class="right-first-num" style="font-weight: 500;">
{{ v?.materialInfo.materialUnits }}
</view>
<view class="right-first-type">
请领单位
</view>
</view>
</view>
</view>
<!-- <view class="msitem guodu">
<view> <view>
<view>{{v.materialInfo?.materialName}}</view> <view>{{v.materialInfo?.materialName}}</view>
</view> </view>
@ -40,9 +81,9 @@
<text>请领单位</text> <text>请领单位</text>
</view> </view>
</view> </view>
</view> </view> -->
<view class="add" @click.stop="del(v,i)" v-if="status=='3'"> <view class="add" @click.stop="del(v,i)" v-if="status=='3'">
<!-- <image v-if="v.isAdd!=1" :src="'/static/index/procurement/+.png'" mode="aspectFill"></image> -->
<image :src="'/static/index/procurement/-.png'" mode="aspectFill"></image> <image :src="'/static/index/procurement/-.png'" mode="aspectFill"></image>
</view> </view>
<view class="zkadd guodu" v-if="status=='3'"> <view class="zkadd guodu" v-if="status=='3'">
@ -52,6 +93,36 @@
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<view class="right-one-white center" v-if="InvoicingList.length<2&&InvoicingList.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="InvoicingList.length<3&&InvoicingList.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="InvoicingList.length<4&&InvoicingList.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="InvoicingList.length<5&&InvoicingList.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="InvoicingList.length<6&&InvoicingList.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<defaultr cont="暂无数据" v-if="InvoicingList.length==0 " <defaultr cont="暂无数据" v-if="InvoicingList.length==0 "
style="position: absolute;width: 10vw;height: 10vw;"></defaultr> style="position: absolute;width: 10vw;height: 10vw;"></defaultr>
</view> </view>
@ -229,7 +300,8 @@
width: 2.4vw; width: 2.4vw;
height: 2.4vw; height: 2.4vw;
position: absolute; position: absolute;
bottom: 1vw; top: 65%;
transform: translateY(-50%);
right: 0.6vw; right: 0.6vw;
} }
} }
@ -352,7 +424,7 @@
} }
.speitem { .speitem {
width: 38vw; width: 35.5vw;
height: 100%; height: 100%;
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
@ -361,40 +433,58 @@
left: 0; left: 0;
.cardp { .cardp {
width: 8vw; width: 10vw;
// height: 4.7vw; // height: 4.7vw;
// background-color: red;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
view { view {
width: 5.5vw; // width: 5.5vw;
height: 1.5vw; // height: 1.5vw;
border-radius: 0.9vw; // border-radius: 0.9vw;
border: 1px solid #D2D2D2; // border: 1px solid #D2D2D2;
margin: 0vw 0 0.3vw 1.5vw; // margin: 0vw 0 0.3vw 1.5vw;
text-align: center; // text-align: center;
// display: flex; // // display: flex;
// justify-content: center; // // justify-content: center;
// align-items: center; // // align-items: center;
font-weight: 400; // font-weight: 400;
font-size: 1vw; // font-size: 1vw;
// color: #555555;
// // padding: 0 0.25vw;
// white-space: nowrap;
// /* 不换行 */
// overflow: hidden;
// /* 隐藏溢出部分 */
// text-overflow: ellipsis;
// /* 显示省略号 */
margin-bottom: 5rpx;
width: 140rpx;
// height: 36rpx;
border-radius: 30rpx;
color: #555555; color: #555555;
// padding: 0 0.25vw; border: 1rpx solid #D2D2D2;
margin-top: 5rpx;
font-size: 22rpx;
white-space: nowrap; white-space: nowrap;
/* 不换行 */
overflow: hidden;
/* 隐藏溢出部分 */
text-overflow: ellipsis; text-overflow: ellipsis;
/* 显示省略号 */ overflow: hidden;
text-align: center;
line-height: 34rpx;
} }
} }
.imge { .imge {
width: 6.5vw; width: 8vw;
height: 6.5vw; height: 8vw;
margin-left: 1.5vw; // margin: 0.3vw auto 0.25vw;
margin-top: 1.5vw; margin-top: 0.8vw;
margin-bottom: 0.25vw;
margin-left: 1.2vw;
background: #fff;
padding: 0.2vw;
// padding: 0.5vw; // padding: 0.5vw;
// margin: 0.3vw auto 0.25vw; // margin: 0.3vw auto 0.25vw;
@ -412,30 +502,137 @@
.itembox { .itembox {
width: 60vw; width: 60vw;
height: calc(100vh - 8vw); height: calc(100vh - 8vw);
padding: 1vw 0.5vw 0vw 0.8vw; padding: 1.5vw 0.5vw 0vw 0.8vw;
// background-color: blue; // background-color: blue;
.box { .box {
width: 100%; width: 100%;
display: grid; display: flex;
grid-template-columns: 1fr 1fr; flex-wrap: wrap;
// display: grid;
// grid-template-columns: 1fr 1fr;
} }
.fler { .fler {
width: 29vw; width: 615rpx;
height: 13vw; height: 365rpx;
margin-bottom: 0.8vw; margin-left: 20rpx;
margin-left: 0.6vw; margin-bottom: 15rpx;
.carditem { .carditem {
width: 29vw; width: 615rpx;
height: 13vw; height: 365rpx;
background: #f5f5f5; background: #fff;
border-radius: 1.1vw; border-radius: 30rpx;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border: 1rpx solid #c9c9c9;
} }
} }
} }
.right-one-right {
height: 100%;
width: 60%;
// margin-left: 39%;
position: absolute;
left: 39%;
top: 0;
.right-title {
font-size: 36rpx;
font-weight: 600;
margin-top: 40rpx;
color: #222222;
width: 300rpx;
overflow: hidden;
/* 必须 */
white-space: nowrap;
/* 强制单行 */
text-overflow: ellipsis;
/* 显示省略号 */
}
.right-setting {
color: #888888;
margin-top: 5rpx;
font-size: 28rpx;
}
.right-mm {
color: #555555;
font-size: 30rpx;
width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right-down {
display: flex;
margin-top: 50rpx;
.right-first-num {
font-size: 38rpx;
color: #555555;
font-weight: 600;
}
.right-first-type {
color: #888888;
font-size: 26rpx;
}
.right-shu {
width: 2rpx;
height: 50rpx;
background-color: #C9C9C9;
margin: 0 40rpx;
margin-top: 10rpx;
}
}
}
// width: 592rpx;
// height: 365rpx;
// margin-left: 20rpx;
// margin-bottom: 15rpx;
.right-one-white{
width: 615rpx;
height: 365rpx;
border: 1rpx solid #c9c9c9;
background-color: #fff;
border-radius: 30rpx;
margin-left: 20rpx;
margin-bottom: 15rpx;
padding: 0 30rpx;
position: relative;
// background-color: red;
// background-color: #fff;
}
.que {
width: 10vw;
height: 10vw;
// margin: auto;
image {
width: 100%;
height: 100%;
}
view {
margin-top: -30rpx;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 1.2vw;
color: #555555;
}
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
</style> </style>

154
pages/NursingNew/component/pleasetake/component/requestform.vue
View File

@ -190,14 +190,13 @@
<view class="other-contain-right"> <view class="other-contain-right">
<scroll-view scroll-y="true" scroll-with-animation class="right-contain"> <scroll-view scroll-y="true" scroll-with-animation class="right-contain">
<view class="right-ones"> <view class="right-ones">
<view class="right-one" v-for="(item,index) in rightarray" :key="index" :style="index===rightarray.length-1?{marginBottom:`15rpx`}:{}"> <view class="right-one" v-for="(item,index) in rightarray" :key="index">
<view class="right-one-left"> <view class="right-one-left">
<view class="imge"> <view class="bgimg">
<image class="left-image" <image class="left-image"
:src="item.materialInfo.materialImg?serverUrl+item.materialInfo.materialImg:'/static/index/procurement/k.png'" :src="item.materialInfo?.materialImg?serverUrl+item.materialInfo?.materialImg:'/static/index/procurement/k.png'"
mode="aspectFill"></image> mode="aspectFill"></image>
</view> </view>
<view class="left-tages"> <view class="left-tages">
{{ item.materialInfo.categoryName}} {{ item.materialInfo.categoryName}}
</view> </view>
@ -205,20 +204,30 @@
{{ item.materialInfo.typeName}} {{ item.materialInfo.typeName}}
</view> </view>
<view class="left-tages" v-if="item.materialInfo.medicationName"> <view class="left-tages" v-if="item.materialInfo.medicationName">
{{item.materialInfo.medicationName}} {{ item.materialInfo.medicationName}}
</view> </view>
</view> </view>
<view class="right-one-right"> <view class="right-one-right">
<view class="right-title"> <view class="right-title">
{{ item.materialInfo.materialName }} {{ item.materialInfo.materialName }}
</view> </view>
<view class="right-setting"> <view style="display: flex;margin-top: 10rpx;">
规格型号 <view class="right-setting">
规格编号：
</view>
<view class="right-mm">
{{ item.materialInfo.materialNo }}
</view>
</view> </view>
<view class="right-mm"> <view style="display: flex;margin-top: 10rpx;">
{{ item.materialInfo.materialNo }} <view class="right-setting">
规格型号：
</view>
<view class="right-mm">
{{ item.materialInfo.specificationModel }}
</view>
</view> </view>
<view class="right-down"> <view class="right-down">
<view class=""> <view class="">
<view class="right-first-num"> <view class="right-first-num">
@ -241,6 +250,36 @@
</view> </view>
</view> </view>
<view class="right-one-white center" v-if="rightarray.length<2&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<3&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<4&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<5&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<6&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
</view> </view>
<defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua" <defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua"
style="width: 30%;height: 30%;position: absolute;"> style="width: 30%;height: 30%;position: absolute;">
@ -1038,7 +1077,8 @@
.right-contain { .right-contain {
width: 100%; width: 100%;
height: 100%; height: 97%;
margin-top: 20rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
position: relative; position: relative;
@ -1048,53 +1088,74 @@
display: flex; display: flex;
width: 100%; width: 100%;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 5rpx; padding-left: 15rpx;
padding-top: 5rpx; padding-top: 13rpx;
// padding-bottom: 80rpx;
.right-one-white{
width: 592rpx;
height: 365rpx;
border: 1rpx solid #c9c9c9;
background-color: #fff;
border-radius: 30rpx;
margin-left: 20rpx;
margin-bottom: 15rpx;
padding: 0 30rpx;
position: relative;
// background-color: #fff;
}
.right-one { .right-one {
width: 620rpx; width: 592rpx;
height: 280rpx; height: 365rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-top: 15rpx; margin-bottom: 15rpx;
background-color: #F9F9F9; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
display: flex; display: flex;
border: 1rpx solid #c9c9c9;
.right-one-left { .right-one-left {
height: 100%; // height: 100%;
width: 40%; width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
// justify-content: space-around;
padding: 0.5vw 0;
.imge { .bgimg {
width: 160rpx; width: 8vw;
height: 160rpx; height: 8vw;
margin-top: 20rpx; margin: 0.3vw auto 0.25vw;
// margin-bottom: 0.2vw;
padding: 0.2vw;
border-radius: 1.1vw; border-radius: 1.1vw;
background: #f8f8f8; background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 0.2vw;
image { >image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 1vw; border-radius: 1.1vw;
} }
} }
.left-tages { .left-tages {
min-width: 130rpx; margin-bottom: 5rpx;
height: 38rpx; width: 140rpx;
border-radius: 19rpx; // height: 36rpx;
border-radius: 30rpx;
color: #555555; color: #555555;
border: 1rpx solid #D2D2D2; border: 1rpx solid #D2D2D2;
margin-bottom: 0.3vw; margin-top: 5rpx;
font-size: 22rpx; font-size: 22rpx;
text-align: center;
line-height: 40rpx;
white-space: nowrap; white-space: nowrap;
padding: 0 0.4vw; text-overflow: ellipsis;
overflow: hidden;
text-align: center;
line-height: 34rpx;
} }
} }
@ -1103,9 +1164,9 @@
width: 60%; width: 60%;
.right-title { .right-title {
font-size: 34rpx; font-size: 36rpx;
font-weight: 800; font-weight: 600;
margin-top: 25rpx; margin-top: 40rpx;
color: #222222; color: #222222;
width: 300rpx; width: 300rpx;
overflow: hidden; overflow: hidden;
@ -1119,27 +1180,31 @@
.right-setting { .right-setting {
color: #888888; color: #888888;
margin-top: 5rpx; margin-top: 5rpx;
font-size: 25rpx; font-size: 28rpx;
} }
.right-mm { .right-mm {
color: #555555; color: #555555;
font-size: 28rpx; font-size: 30rpx;
width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.right-down { .right-down {
display: flex; display: flex;
margin-top: 30rpx; margin-top: 50rpx;
.right-first-num { .right-first-num {
font-size: 35rpx; font-size: 38rpx;
color: #555555; color: #555555;
font-weight: 600; font-weight: 600;
} }
.right-first-type { .right-first-type {
color: #888888; color: #888888;
font-size: 23rpx; font-size: 26rpx;
} }
.right-shu { .right-shu {
@ -1157,6 +1222,7 @@
} }
} }
} }
.haventmessage { .haventmessage {
width: 97%; width: 97%;
height: 100%; height: 100%;
@ -1167,6 +1233,7 @@
border-radius: 30rpx; border-radius: 30rpx;
} }
.que { .que {
width: 10vw; width: 10vw;
height: 10vw; height: 10vw;
@ -1186,7 +1253,8 @@
color: #555555; color: #555555;
} }
} }
.center{
.center {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

17
pages/NursingNew/component/pleasetake/component/takehomep.vue
View File

@ -57,8 +57,10 @@
</view> </view>
</view> </view>
<addwl :Material="addMaterial" @delall="delall" @del="adddel" @submit="submit"></addwl> <addwl :Material="addMaterial" @delall="delall" @del="adddel" @submit="submit"></addwl>
<carditem :InvoicingList="listarr" @scrolltolower="scrolltolower" :status="status" @comfig="comfig"></carditem> <carditem :isemity="isemity" :InvoicingList="listarr" @scrolltolower="scrolltolower" :status="status" @comfig="comfig"></carditem>
<takeing :show="takeshow" :objtake="objtake" @fill="takeshow = false" @right="right"></takeing> <takeing :show="takeshow" :objtake="objtake" @fill="takeshow = false" @right="right"></takeing>
<cgdclass @confirm="confirm" :show="ification" :typenum="0" ref="classication" @fill="ification = false"> </cgdclass> <cgdclass @confirm="confirm" :show="ification" :typenum="0" ref="classication" @fill="ification = false"> </cgdclass>
<medetails :show="detaishow" @fill="detaishow = false" @confirm="confirm" :objtake="objtake"></medetails> <medetails :show="detaishow" @fill="detaishow = false" @confirm="confirm" :objtake="objtake"></medetails>
@ -67,6 +69,9 @@
<submits :show="subshow" :list="addMaterial" @fill="subshow = false" @config="tijiao"></submits> <submits :show="subshow" :list="addMaterial" @fill="subshow = false" @config="tijiao"></submits>
<tanchuang @back="thshow = false" :show="thshow" font="是否发起退货流程？" @right="thclk"></tanchuang> <tanchuang @back="thshow = false" :show="thshow" font="是否发起退货流程？" @right="thclk"></tanchuang>
<errorshow :show="openerror" :font="errmsg" @close="openerror=false" /> <errorshow :show="openerror" :font="errmsg" @close="openerror=false" />
<!-- <view class="emity-view" v-show="isemity">
</view> -->
</view> </view>
</template> </template>
@ -166,13 +171,21 @@
} }
}) })
} }
// 这样写就不会闪暂无数据的屏幕了
const isemity = ref(false);
const wuliao = () => { const wuliao = () => {
let obj = { let obj = {
nuId: form.nuId, nuId: form.nuId,
elderId: form.elderId elderId: form.elderId
} }
queryGwcInfo(obj).then(res => { queryGwcInfo(obj).then(res => {
addMaterial.value = res.result addMaterial.value = res.result;
if(!addMaterial.value.length){
isemity.value = true
}else{
isemity.value = false
}
// console.log("看看数组",addMaterial.value)
}) })
} }
const listarr = ref([]) const listarr = ref([])

5
pages/NursingNew/component/pleasetake/css/take.less
View File

@ -200,3 +200,8 @@
margin-left: -0.2vw; margin-left: -0.2vw;
width: 100.5%; width: 100.5%;
} }
// .emity-view{
// width: 100%;
// height: 800rpx;
// background-color: #fff;
// }

1
pages/NursingNew/component/warehousematrix/index.css
View File

@ -1345,6 +1345,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
position: relative; position: relative;
height: 60rpx;
.explain-text { .explain-text {
position: absolute; position: absolute;

123
pages/Warehouse/finish.vue
View File

@ -506,7 +506,7 @@
</text> </text>
<view class="title-right-big"> <view class="title-right-big">
{{ Number(v.totalPrice).toFixed(2) }} {{ Number(v.totalPrice)<10000 ?Number(v.totalPrice).toFixed(2):Number(v.totalPrice) }}
</view> </view>
</view> </view>
@ -634,7 +634,7 @@
<scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation> <scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation>
<view class="middle-Y-father"> <view class="middle-Y-father">
<view class="middle-one" v-for="(v,i) in InvoicingList" :key='i' <view class="middle-one" v-for="(v,i) in InvoicingList" :key='i'
:style="{border: middletarget === i? '2rpx solid #3A9BFF': '2rpx solid #E5E5E5',backgroundColor:middletarget === i?`#F9FCFF`:`` }" :style="{border: middletarget === i? '2rpx dashed #3A9BFF': '2rpx solid #E5E5E5',backgroundColor:middletarget === i?`#F9FCFF`:`` }"
@click="clickmiddle(i)"> @click="clickmiddle(i)">
<view :class="v.status<2?`up-tags-target`: `up-tags`"> <view :class="v.status<2?`up-tags-target`: `up-tags`">
{{v.status_dictText}} {{v.status_dictText}}
@ -715,6 +715,24 @@
</view> </view>
</view> </view>
</view> </view>
<view class="middle-one-white center" v-if="InvoicingList.length===1">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length===1">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length===2">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@ -883,10 +901,10 @@
{{showvalue.wlUnits}} {{showvalue.wlUnits}}
</view> </view>
</view> </view>
<scroll-view style="width: 110%;height: 400rpx;display: flex;flex-wrap: wrap;" scroll-y="true" <scroll-view style="width: 110%;height: 420rpx;display: flex;flex-wrap: wrap;" scroll-y="true"
scroll-with-animation @scrolltolower="lhjlfy()"> scroll-with-animation @scrolltolower="lhjlfy()">
<view <view
style=" display: inline-block;width: 45%;height: 180rpx;background-color: #F9F9F9;border-radius: 30rpx;margin-right: 2%;margin-top: 20rpx;padding: 0 30rpx;color: #888888;" style=" display: inline-block;width: 45%;height: 190rpx;background-color: #fff;border-radius: 30rpx;margin-right: 2%;margin-top: 20rpx;padding: 0 30rpx;color: #888888;border: 1rpx solid #D9DADC;"
v-for="(item,index) in lhjlarr" :key="index"> v-for="(item,index) in lhjlarr" :key="index">
<view <view
style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;"> style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;">
@ -901,7 +919,7 @@
</view> </view>
<view <view
style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;background-color: #f1f1f1;color: #888888;margin-top: -10rpx;"> style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;color: #888888;margin-top: -10rpx;">
{{ item.crkStatus_dictText}} {{ item.crkStatus_dictText}}
</view> </view>
</view> </view>
@ -1977,18 +1995,18 @@
const imgSrc = ref(imgNormal) const imgSrc = ref(imgNormal)
const busy = ref(false) // 防止重复点击造成多个定时器 const busy = ref(false) // 防止重复点击造成多个定时器
function handleClick () { function handleClick() {
if (busy.value) return if (busy.value) return
busy.value = true busy.value = true
// 切换到 active 图 // 切换到 active 图
imgSrc.value = imgActive imgSrc.value = imgActive
// 0.5 秒后复原 // 0.5 秒后复原
setTimeout(() => { setTimeout(() => {
imgSrc.value = imgNormal imgSrc.value = imgNormal
busy.value = false busy.value = false
}, 300) }, 300)
} }
</script> </script>
@ -2270,7 +2288,7 @@
.title-left { .title-left {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 35rpx;
} }
.title-right { .title-right {
@ -2438,10 +2456,12 @@
.contain-right { .contain-right {
z-index: 1; z-index: 1;
height: 100vh; height: 96.7vh;
width: 100vw; width: 100vw;
margin-left: 20rpx; margin-left: 20rpx;
overflow: hidden; overflow: hidden;
background-color: #fff;
border-radius: 30rpx;
.contain-right-title { .contain-right-title {
width: 100%; width: 100%;
@ -2515,11 +2535,22 @@
display: flex; display: flex;
height: 100%; height: 100%;
.middle-one-white {
min-width: 400rpx;
max-width: 400rpx;
height: 100%;
background-color: #fff;
border-radius: 30rpx;
margin-right: 24rpx;
margin-bottom: 30rpx;
border: 1rpx solid #c9c9c9;
}
.middle-one { .middle-one {
min-width: 400rpx; min-width: 400rpx;
max-width: 400rpx; max-width: 400rpx;
height: 100%; height: 100%;
background-color: #F9F9F9; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
margin-right: 24rpx; margin-right: 24rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
@ -2580,7 +2611,7 @@
} }
.wuliao-title { .wuliao-title {
margin-top: 40rpx; margin-top: 20rpx;
margin-left: 30rpx; margin-left: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2599,7 +2630,7 @@
} }
.wuliao-title-no { .wuliao-title-no {
margin-top: 40rpx; margin-top: 20rpx;
margin-left: 30rpx; margin-left: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2670,7 +2701,7 @@
// background-color: red; // background-color: red;
.title-left { .title-left {
font-weight: 600; font-weight: 600;
font-size: 35rpx; font-size: 38rpx;
} }
.title-right { .title-right {
@ -2697,12 +2728,13 @@
.gray-text { .gray-text {
color: #999999; color: #999999;
margin-bottom: 3rpx; margin-bottom: 3rpx;
font-size: 25rpx; font-size: 26rpx;
} }
.right-text { .right-text {
font-size: 32rpx; font-size: 33rpx;
color: #555555; color: #555555;
font-weight: 600;
} }
} }
} }
@ -3476,24 +3508,45 @@
} }
.contain-right-father { .contain-right-father {
background-color: #fff; // background-color: #fff;
width: 1305rpx; width: 1305rpx;
height: 600rpx; height: 600rpx;
border-radius: 30rpx; // border-radius: 30rpx;
} }
.contain-right-middle { .contain-right-middle {
width: 100%; width: 100%;
height: 675rpx; height: 675rpx;
margin-top: 20rpx;
background-color: #fff;
border-radius: 30rpx; // margin-top: 20rpx;
// background-color: #fff;
// border-radius: 30rpx;
}
.que {
width: 10vw;
height: 10vw;
// margin: auto;
image {
width: 100%;
height: 100%;
}
view {
margin-top: -30rpx;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 1.2vw;
color: #555555;
}
}
.center {
display: flex;
justify-content: center;
align-items: center;
} }
// .title-ball:active {
// background: linear-gradient(to top, #1083F8, #1083F8);
// color: #fff;
// font-size: 44rpx;
// font-weight: 700;
// border: 1rpx solid #00C9FF;
// }
</style> </style>

11
pages/Warehouse/index/component/index.vue
View File

@ -524,13 +524,20 @@
margin-top: 1.2vw; margin-top: 1.2vw;
width: 100%; width: 100%;
height: 12vw; height: 12vw;
background-color: #fff; // background-color: red;
background-image: url('/static/index/timebgc.png');
background-size: cover;
/* 等比放大，保证容器被填满（可能裁剪） */
background-position: center;
/* 居中裁剪 */
background-repeat: no-repeat;
border-radius: 1.6vw; border-radius: 1.6vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 30rpx; padding-left: 30rpx;
padding: 0 2.2vw; padding: 0 2.2vw;
border: 1rpx solid #b7b7b7;
.time-top { .time-top {
display: flex; display: flex;
@ -1190,7 +1197,7 @@
} }
.jszl { .jszl {
width: 64.5vw; width: 65.5vw;
height: 44vw; height: 44vw;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);

158
pages/Warehouse/picking.vue
View File

@ -42,20 +42,30 @@
</view> </view>
<!-- 改价 --> <!-- 改价 -->
<view class="gaijiafather" v-show="opengaijia" :style="donghuaopo?{opacity:1}:{opacity:0}"> <view class="gaijiafather" v-show="opengaijia" :style="donghuaopo?{opacity:1}:{opacity:0}">
<view style="width: 100%;margin-top: 50rpx;font-size: 30rpx;"> <!-- <view style="width: 100%;margin-top: 42rpx;font-size: 33rpx;">
采购单价: 采购单价:
<text style="color: #888888;"> <text style="color: #888888;">
￥{{ gaijia }} ￥{{ gaijia }}
</text> </text>
</view> </view> -->
<view style="margin-top: 150rpx;display: flex;align-items: center;flex-direction: column;width: 50%;"> <view style="display: flex;flex-direction: column;width: 55%;height: 100%;justify-content: center;">
<view style="font-size: 30rpx;margin-bottom: 10rpx;"> <view style="width: 100%;margin-top: 42rpx;font-size: 33rpx;">
到货单价 采购单价:
<text style="color: #888888;">
￥{{ gaijia }}
</text>
</view> </view>
<view class="gray-input" style="width: 410rpx;"> <view style="display: flex;margin-top: 50rpx;align-items: center;">
¥ {{ gaijia }} <view style="font-size: 33rpx;margin-right: 10rpx;">
到货单价:
</view>
<view class="gray-input" style="width: 270rpx;font-size: 40rpx;">
¥ {{ gaijia }}
</view>
</view> </view>
</view> </view>
<view style="position: absolute;right: 30rpx;bottom: 30rpx;"> <view style="position: absolute;right: 30rpx;bottom: 30rpx;">
<view style="display: flex;"> <view style="display: flex;">
@ -70,7 +80,7 @@
</view> </view>
</view> </view>
<view class="jianhuo-jianpan" style="right: -40rpx;bottom: 150rpx;"> <view class="jianhuo-jianpan" style="right: -40rpx;bottom: 140rpx;">
<view style="display: flex;width: 480rpx;"> <view style="display: flex;width: 480rpx;">
<view class="gray-button-jianpan" @click="press('1')"> <view class="gray-button-jianpan" @click="press('1')">
1 1
@ -547,7 +557,7 @@
</text> </text>
<view class="title-right-big"> <view class="title-right-big">
{{ Number(v.totalPrice).toFixed(2) }} {{ Number(v.totalPrice)<10000 ?Number(v.totalPrice).toFixed(2):Number(v.totalPrice) }}
</view> </view>
</view> </view>
@ -669,7 +679,7 @@
<view <view
:class="!Number(plsbuy[lefttarget]?.status)?`contain-right-button`: `contain-right-title-bad`" :class="!Number(plsbuy[lefttarget]?.status)?`contain-right-button`: `contain-right-title-bad`"
style="" @click="bebad"> style="" @click="bebad">
<image class="buttont-img" :src="`/static/index/warehouse/procurement/picking/bebad.png`" /> <image class="buttont-img" :style="!Number(plsbuy[lefttarget]?.status)?{}:{opacity:`0.5`}" :src="`/static/index/warehouse/procurement/picking/bebad.png`" />
<view class="button-font"> <view class="button-font">
作废 作废
</view> </view>
@ -680,7 +690,7 @@
<scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation> <scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation>
<view class="middle-Y-father"> <view class="middle-Y-father">
<view class="middle-one" v-for="(v,i) in InvoicingList" :key='i' <view class="middle-one" v-for="(v,i) in InvoicingList" :key='i'
:style="{border: middletarget === i? '2rpx solid #3A9BFF': '2rpx solid #E5E5E5',backgroundColor:middletarget === i?`#F9FCFF`:`` }" :style="{border: middletarget === i? '2rpx dashed #3A9BFF': '2rpx solid #E5E5E5',backgroundColor:middletarget === i?`#F9FCFF`:`` }"
@click="clickmiddle(i)"> @click="clickmiddle(i)">
<view :class="v.status<2?`up-tags-target`: `up-tags`"> <view :class="v.status<2?`up-tags-target`: `up-tags`">
{{v.status_dictText}} {{v.status_dictText}}
@ -700,7 +710,7 @@
</view> </view>
<view class="juzhong-right"> <view class="juzhong-right">
￥{{v.arrivalPrice? Number(v.arrivalPrice).toFixed(2):Number(v.procurementPrice).toFixed(2) }} ￥{{v.arrivalPrice? Number(v.arrivalPrice).toFixed(2):Number(v.procurementPrice).toFixed(2) }}
</view> </view>
@ -713,7 +723,7 @@
</view> </view>
<view class="juzhong-right"> <view class="juzhong-right">
{{v.wlSpecificationModel}} {{v.wlSpecificationModel}}
</view> </view>
@ -726,8 +736,8 @@
</view> </view>
<view class="juzhong-right"> <view class="juzhong-right">
{{v.purchaseQuantity}} {{v.purchaseQuantity}}
{{v.wlUnits}} {{v.wlUnits}}
</view> </view>
@ -761,6 +771,25 @@
</view> </view>
</view> </view>
</view> </view>
<view class="middle-one-white center" v-if="InvoicingList.length===1">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length===1">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length===2">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@ -779,10 +808,10 @@
<view class="wuliao-heng"></view> <view class="wuliao-heng"></view>
</view> </view>
</view> </view>
<view style="display: flex;margin-top: 25rpx;font-size: 30rpx;"> <view style="display: flex;font-size: 30rpx;margin-top: -7rpx;">
<view :class="showvalue.jianhuobtn==false?`jianhuobutton-gray-bad`: `jianhuobutton-gray`" @click="opengaijiaclick" <view :class="showvalue.jianhuobtn==false?`jianhuobutton-gray-bad`: `jianhuobutton-gray`"
style="margin-right: 20rpx;"> @click="opengaijiaclick" style="margin-right: 20rpx;">
改价 改价
</view> </view>
<view @click="openjianhuoclick" <view @click="openjianhuoclick"
@ -938,10 +967,10 @@
{{showvalue.wlUnits}} {{showvalue.wlUnits}}
</view> </view>
</view> </view>
<scroll-view style="width: 110%;height: 400rpx;display: flex;flex-wrap: wrap;" scroll-y="true" <scroll-view style="width: 110%;height: 420rpx;display: flex;flex-wrap: wrap;" scroll-y="true"
scroll-with-animation @scrolltolower="lhjlfy()"> scroll-with-animation @scrolltolower="lhjlfy()">
<view <view
style=" display: inline-block;width: 45%;height: 180rpx;background-color: #F9F9F9;border-radius: 30rpx;margin-right: 2%;margin-top: 20rpx;padding: 0 30rpx;color: #888888;" style=" display: inline-block;width: 45%;height: 190rpx;background-color: #fff;border-radius: 30rpx;margin-right: 2%;margin-top: 20rpx;padding: 0 30rpx;color: #888888;border: 1rpx solid #D9DADC;"
v-for="(item,index) in lhjlarr" :key="index"> v-for="(item,index) in lhjlarr" :key="index">
<view <view
style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;"> style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;">
@ -956,7 +985,7 @@
</view> </view>
<view <view
style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;background-color: #f1f1f1;color: #888888;margin-top: -10rpx;"> style="width: 110rpx;height: 50rpx;border-radius: 30rpx;display: flex;justify-content: center;align-items: center;border: 1rpx solid #C3C3C3;background-color: #fff;color: #888888;margin-top: -10rpx;">
{{ item.crkStatus_dictText}} {{ item.crkStatus_dictText}}
</view> </view>
</view> </view>
@ -1017,7 +1046,7 @@
<tanchuang :show="open==2" font="是否销账此物料？" @back="open = 0" @right="sctp(1)"> </tanchuang> <tanchuang :show="open==2" font="是否销账此物料？" @back="open = 0" @right="sctp(1)"> </tanchuang>
<errorshow :show="openerror" :font="errmsg" @close="openerror=false" /> <errorshow :show="openerror" :font="errmsg" @close="openerror=false" />
<severcard></severcard> <severcard></severcard>
<errorshow :show="openmessage" :font="errormessage" @close="openmessage=false" /> <errorshow :show="openmessage" :font="errormessage" @close="openmessage=false" />
</view> </view>
</template> </template>
@ -1073,7 +1102,7 @@
// 改价 // 改价
const dogaijia = () => { const dogaijia = () => {
if(showvalue.value.jianhuobtn){ if (showvalue.value.jianhuobtn) {
editPrice({ id: showvalue.value.id, arrivalPrice: gaijia.value }).then((res) => { editPrice({ id: showvalue.value.id, arrivalPrice: gaijia.value }).then((res) => {
console.log("res", res) console.log("res", res)
if (res.code == 200) { if (res.code == 200) {
@ -1081,7 +1110,7 @@
showvalue.value.totalPrice = Number(gaijia.value) * Number(showvalue.value.purchaseQuantity); showvalue.value.totalPrice = Number(gaijia.value) * Number(showvalue.value.purchaseQuantity);
plsbuy.value[lefttarget.value].totalPrice = res.result.totalPrice plsbuy.value[lefttarget.value].totalPrice = res.result.totalPrice
opengaijia.value = false; opengaijia.value = false;
}else{ } else {
openmessage.value = true; openmessage.value = true;
errormessage.value = res.message errormessage.value = res.message
} }
@ -1143,6 +1172,9 @@
}, 100) }, 100)
} }
const opengaijiaclick = () => { const opengaijiaclick = () => {
if(!showvalue.value.jianhuobtn){
return
}
opengaijia.value = true; opengaijia.value = true;
guiling.value = true guiling.value = true
gaijia.value = (showvalue.value.arrivalPrice ? showvalue.value.arrivalPrice : showvalue.value.procurementPrice).toString() gaijia.value = (showvalue.value.arrivalPrice ? showvalue.value.arrivalPrice : showvalue.value.procurementPrice).toString()
@ -1873,18 +1905,18 @@
const imgSrc = ref(imgNormal) const imgSrc = ref(imgNormal)
const busy = ref(false) // 防止重复点击造成多个定时器 const busy = ref(false) // 防止重复点击造成多个定时器
function handleClick () { function handleClick() {
if (busy.value) return if (busy.value) return
busy.value = true busy.value = true
// 切换到 active 图 // 切换到 active 图
imgSrc.value = imgActive imgSrc.value = imgActive
// 0.5 秒后复原 // 0.5 秒后复原
setTimeout(() => { setTimeout(() => {
imgSrc.value = imgNormal imgSrc.value = imgNormal
busy.value = false busy.value = false
}, 300) }, 300)
} }
</script> </script>
@ -2145,7 +2177,7 @@
.pls-card { .pls-card {
width: 100%; width: 100%;
height: 359rpx; height: 359rpx;
border: transparent 3rpx solid; border: transparent 3rpx solid;
background-color: #fff; background-color: #fff;
border-radius: 40rpx; border-radius: 40rpx;
margin-bottom: 18rpx; margin-bottom: 18rpx;
@ -2162,7 +2194,7 @@
.title-left { .title-left {
font-weight: 800; font-weight: 800;
font-size: 32rpx; font-size: 35rpx;
} }
.title-right { .title-right {
@ -2330,10 +2362,12 @@
.contain-right { .contain-right {
z-index: 1; z-index: 1;
height: 100vh; height: 96.7vh;
width: 100vw; width: 100vw;
margin-left: 20rpx; margin-left: 20rpx;
overflow: hidden; overflow: hidden;
background-color: #fff;
border-radius: 30rpx;
.contain-right-title { .contain-right-title {
width: 100%; width: 100%;
@ -2401,9 +2435,10 @@
.contain-right-middle { .contain-right-middle {
width: 100%; width: 100%;
height: 675rpx; height: 675rpx;
margin-top: 20rpx; // margin-top: 20rpx;
background-color: #fff; // background-color: blue;
border-radius: 30rpx;
// border-radius: 30rpx;
} }
} }
} }
@ -2417,11 +2452,22 @@
display: flex; display: flex;
height: 100%; height: 100%;
.middle-one-white{
min-width: 400rpx;
max-width: 400rpx;
height: 100%;
background-color: #fff;
border-radius: 30rpx;
margin-right: 24rpx;
margin-bottom: 30rpx;
border: 1rpx solid #c9c9c9;
}
.middle-one { .middle-one {
min-width: 400rpx; min-width: 400rpx;
max-width: 400rpx; max-width: 400rpx;
height: 100%; height: 100%;
background-color: #F9F9F9; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
margin-right: 24rpx; margin-right: 24rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
@ -2447,7 +2493,7 @@
align-items: center; align-items: center;
.right-title { .right-title {
width: 100%; width: 90%;
white-space: nowrap; white-space: nowrap;
/* 不换行 */ /* 不换行 */
overflow: hidden; overflow: hidden;
@ -2471,7 +2517,7 @@
} }
.wuliao-title { .wuliao-title {
margin-top: 40rpx; margin-top: 18rpx;
margin-left: 30rpx; margin-left: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2490,7 +2536,7 @@
} }
.wuliao-title-no { .wuliao-title-no {
margin-top: 40rpx; margin-top: 18rpx;
margin-left: 30rpx; margin-left: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2555,7 +2601,7 @@
.bottom-right-title { .bottom-right-title {
width: 100%; width: 100%;
height: 100rpx; height: 120rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -2563,7 +2609,7 @@
// background-color: red; // background-color: red;
.title-left { .title-left {
font-weight: 600; font-weight: 600;
font-size: 35rpx; font-size: 38rpx;
} }
.title-right { .title-right {
@ -2590,12 +2636,13 @@
.gray-text { .gray-text {
color: #999999; color: #999999;
margin-bottom: 3rpx; margin-bottom: 3rpx;
font-size: 25rpx; font-size: 26rpx;
} }
.right-text { .right-text {
font-size: 32rpx; font-size: 33rpx;
color: #555555; color: #555555;
font-weight: 600;
} }
} }
} }
@ -2979,6 +3026,7 @@
font-weight: 700; font-weight: 700;
border: 1rpx solid #00C9FF; border: 1rpx solid #00C9FF;
} }
// .title-ball:active { // .title-ball:active {
// background: linear-gradient(to top, #1083F8, #1083F8); // background: linear-gradient(to top, #1083F8, #1083F8);
// color: #fff; // color: #fff;
@ -3159,8 +3207,8 @@
} }
.jianhuobutton-gray-bad { .jianhuobutton-gray-bad {
background-color: #f8f8f8; background: #fff;
color: #999; color: #ababab;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -3171,7 +3219,7 @@
// box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1); // box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1);
// margin-left: 20rpx; // margin-left: 20rpx;
margin-right: 35rpx; margin-right: 35rpx;
border: 1px solid #D9DADC; border: 1px solid #EEEFF1;
} }
.bottom-left:active, .bottom-left:active,
@ -3226,10 +3274,10 @@
} }
.contain-right-father { .contain-right-father {
background-color: #fff; // background-color: red;
width: 1305rpx; width: 1305rpx;
height: 600rpx; height: 600rpx;
border-radius: 30rpx; // border-radius: 30rpx;
} }
.middle-right-end { .middle-right-end {
@ -3267,6 +3315,7 @@
border-radius: 30rpx; border-radius: 30rpx;
} }
.que { .que {
width: 10vw; width: 10vw;
height: 10vw; height: 10vw;
@ -3286,7 +3335,8 @@
color: #555555; color: #555555;
} }
} }
.center{
.center {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

383
pages/procurement/components/calculator.vue
View File

@ -1,19 +1,18 @@
<template> <template>
<view class="plsbuy-contain guodu" :class="show?'':'unclass'" :style="showbox?'z-index:999':'z-index:-2'"> <view class="plsbuy-contain guodu" :class="show?'':'unclass'" :style="showbox?'z-index:999':'z-index:-2'">
<view class="gys"> <view class="gys">
<view class="tlt">供应商</view> <view class="tlt">供应商</view>
<view class="gssel" @click="gysflag = true"> <view class="gssel" @click="gysflag = true">
<view> <view>
{{gysarr[gysidnum]?.name}} {{gysarr[gysidnum]?.name}}
</view> </view>
<text @click.stop="gysflag = !gysflag"> <text @click.stop="gysflag = !gysflag">
<image class="guodu" <image class="guodu" :style="gysflag?'transform: rotate(180deg);':''"
:style="gysflag?'transform: rotate(180deg);':''" :src=" '/static/index/procurement/sj.png' " mode="aspectFill"></image>
:src=" '/static/index/procurement/sj.png' "
mode="aspectFill"></image>
</text> </text>
</view> </view>
<view class="tanchu guodu" :class="gysflag?'':'hei0'" :style="`height: ${(gysarr && gysarr.length*7) || 0}vh`"> <view class="tanchu guodu" :class="gysflag?'':'hei0'"
:style="`height: ${(gysarr && gysarr.length*7) || 0}vh`">
<scroll-view scroll-y="true" class="gysscrol" v-if="gysflag"> <scroll-view scroll-y="true" class="gysscrol" v-if="gysflag">
<view v-for="(v,i) in gysarr" :key='i' :class="gysidnum==i?'acts':''" @click="gysid(i)"> <view v-for="(v,i) in gysarr" :key='i' :class="gysidnum==i?'acts':''" @click="gysid(i)">
<text>{{v.name}}</text> <text>{{v.name}}</text>
@ -24,13 +23,14 @@
</view> </view>
<view class="calculator-father"> <view class="calculator-father">
<view v-for="(item,index) in calculatorArray" :key="index"> <view v-for="(item,index) in calculatorArray" :key="index">
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" style="font-size: 33rpx;" v-if="item==`AC`" <view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai"
@click="clickKuai(item,index)"> style="font-size: 33rpx;" v-if="item==`AC`" @click="clickKuai(item,index)">
清零 清零
</view> </view>
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" v-else-if="item==`AE`" <view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai"
@click="clickKuai(item,index)"> v-else-if="item==`AE`" @click="clickKuai(item,index)">
<image src="/static/cleanone.png" mode="aspectFill" style="width: 50%;height: 50%;margin-left: -5rpx;"></image> <image src="/static/cleanone.png" mode="aspectFill"
style="width: 50%;height: 50%;margin-left: -5rpx;"></image>
</view> </view>
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" v-else <view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" v-else
@click="clickKuai(item,index)"> @click="clickKuai(item,index)">
@ -43,41 +43,43 @@
采购数量 <text style="color: red;" v-if="sx==true">超过库存上限！</text> 采购数量 <text style="color: red;" v-if="sx==true">超过库存上限！</text>
</view> </view>
<view class="stringShow-father"> <view class="stringShow-father">
<view class="jj" @click="jjnum(-1)" @longpress="handleTouchStart(-1)" @touchend="handleTouchEnd"> <view class="jj" @click="jjnum(-1)" @touchstart="clickstart(-1)"
@touchend="handleTouchEnd">
- -
</view> </view>
<view class="stringShow-kuai"> <view class="stringShow-kuai">
<view v-for="(item,index) in stringShow" :key="index" :style="sx==true?'color: red':''"> <view v-for="(item,index) in stringShow" :key="index" :style="sx==true?'color: red':''">
{{item}} {{item}}
</view> </view>
</view> </view>
<view class="jj" :style="sx==true?'background:#f8f8f8':''" @click="jjnum(1)" @longpress="handleTouchStart(1)" @touchend="handleTouchEnd"> <view class="jj" :style="sx==true?'background:#f8f8f8':''" @click="jjnum(1)" @touchstart="clickstart(1)"
@touchend="handleTouchEnd">
+ +
</view> </view>
</view> </view>
<view class="cgdw"> <view class="cgdw">
<view class="leftr" @click.stop="cgdwflag = !cgdwflag,cgdwec = false"> <view class="leftr" @click.stop="cgdwflag = !cgdwflag,cgdwec = false">
<view>{{type.unit}}</view> <view>{{type.unit}}</view>
<text> <text>
<image class="guodu" <image class="guodu" :style="!cgdwflag?'transform: rotate(180deg);':''"
:style="!cgdwflag?'transform: rotate(180deg);':''" :src=" '/static/index/procurement/sj.png' " mode="aspectFill"></image>
:src=" '/static/index/procurement/sj.png' "
mode="aspectFill"></image>
</text> </text>
</view> </view>
<!-- <view class="tz" @click="cgdwflag=!cgdwflag">调整</view> --> <!-- <view class="tz" @click="cgdwflag=!cgdwflag">调整</view> -->
<view class="dwdw guodu" :class="cgdwflag?'':'hei0'" :style="`height: ${(cgdwarr && cgdwarr.length*7) || 0}vh`"> <view class="dwdw guodu" :class="cgdwflag?'':'hei0'"
<view class="gysscrol guodu" v-if="cgdwec" :class="cgdwflag?'':'hei0'" > :style="`height: ${(cgdwarr && cgdwarr.length*7) || 0}vh`">
<view class="gysscrol guodu" v-if="cgdwec" :class="cgdwflag?'':'hei0'">
<view v-for="(v,i) in cgdwarr" :key='i' :class="type.multiUnitType==v.multiUnitType?'acts':''" <view v-for="(v,i) in cgdwarr" :key='i' :class="type.multiUnitType==v.multiUnitType?'acts':''"
@click="cd(v,i)" :style="v.unit&&v.num?'':'height:0 !important;margin-top:-0.5vw'"> @click="cd(v,i)" :style="v.unit&&v.num?'':'height:0 !important;margin-top:-0.5vw'">
<text v-if="v.unit&&v.num">{{v.unit}}</text><text v-if="v.unit&&v.num">{{v.num}}{{caigouobj.materialUnits}}</text> <text v-if="v.unit&&v.num">{{v.unit}}</text><text
v-if="v.unit&&v.num">{{v.num}}{{caigouobj.materialUnits}}</text>
<!-- <image src="/static/index/procurement/d.png" mode="aspectFill"></image> --> <!-- <image src="/static/index/procurement/d.png" mode="aspectFill"></image> -->
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="plsbuy-bottom"> <view class="plsbuy-bottom">
<view class="quxiao" @click="colse"> <view class="quxiao" @click="colse">
取消 取消
</view> </view>
<view class="plsbuy-bottom-blue" @click="closeIt"> <view class="plsbuy-bottom-blue" @click="closeIt">
@ -97,7 +99,7 @@
nextTick, nextTick,
watch watch
} from 'vue'; } from 'vue';
const emit = defineEmits(['right','colse','jjnum']) const emit = defineEmits(['right', 'colse', 'jjnum'])
const blueNumber = ref(-1); const blueNumber = ref(-1);
const gysflag = ref(false) const gysflag = ref(false)
const cgdwflag = ref(false) const cgdwflag = ref(false)
@ -111,10 +113,10 @@
const props = defineProps({ const props = defineProps({
show: { show: {
type: Boolean, type: Boolean,
default:false default: false
}, },
caigouobj:{ caigouobj: {
type:Object, type: Object,
required: true, required: true,
} }
}); });
@ -141,53 +143,53 @@
// ) // )
const cgdwec = ref(false) const cgdwec = ref(false)
const showbox = ref(false) const showbox = ref(false)
watch(()=>cgdwflag.value, watch(() => cgdwflag.value,
()=>{ () => {
if(cgdwflag.value==true){ if (cgdwflag.value == true) {
setTimeout(()=>{ setTimeout(() => {
cgdwec.value = true cgdwec.value = true
},200) }, 200)
} }
}) })
watch( watch(
()=>props.show, () => props.show,
()=>{ () => {
console.log(props.caigouobj) console.log(props.caigouobj)
if(props.show){ if (props.show) {
let a = [ let a = [
{ {
multiUnitType:1, multiUnitType: 1,
price:props.caigouobj.oneUnitPrice, price: props.caigouobj.oneUnitPrice,
unit:props.caigouobj.oneUnit, unit: props.caigouobj.oneUnit,
num:props.caigouobj.oneUnitProportion num: props.caigouobj.oneUnitProportion
}, },
{ {
multiUnitType:2, multiUnitType: 2,
price:props.caigouobj.twoUnitPrice, price: props.caigouobj.twoUnitPrice,
unit:props.caigouobj.twoUnit, unit: props.caigouobj.twoUnit,
num:props.caigouobj.twoUnitProportion num: props.caigouobj.twoUnitProportion
}, },
{ {
multiUnitType:3, multiUnitType: 3,
price:props.caigouobj.unitPrice?props.caigouobj.unitPrice:props.caigouobj.referenceUnitPrice, price: props.caigouobj.unitPrice ? props.caigouobj.unitPrice : props.caigouobj.referenceUnitPrice,
unit:props.caigouobj.materialUnits, unit: props.caigouobj.materialUnits,
num:1 num: 1
} }
]; ];
if(props.caigouobj.wlUnits){ if (props.caigouobj.wlUnits) {
type.value = a.find(item=> type.value = a.find(item =>
item.unit == props.caigouobj.wlUnits item.unit == props.caigouobj.wlUnits
); );
}else{ } else {
type.value = a.find(item=> type.value = a.find(item =>
item.multiUnitType == props.caigouobj.multiUnitType item.multiUnitType == props.caigouobj.multiUnitType
); );
} }
cgdwarr.value = [] cgdwarr.value = []
downslength.value = 0; downslength.value = 0;
a.forEach((element:any)=>{ a.forEach((element : any) => {
if(element.unit&&element.num){ if (element.unit && element.num) {
cgdwarr.value.push(element) cgdwarr.value.push(element)
} }
}) })
@ -195,26 +197,26 @@
let n = []; let n = [];
let id = []; let id = [];
gysarr.value = []; gysarr.value = [];
console.log("为啥报错",props.caigouobj) console.log("为啥报错", props.caigouobj)
n = props.caigouobj.suppliers_dictText.split(/[, ]+/); n = props.caigouobj.suppliers_dictText?.split(/[, ]+/);
id = props.caigouobj.suppliers.split(/[, ]+/); id = props.caigouobj.suppliers?.split(/[, ]+/);
n.forEach((item,i)=>{ n.forEach((item, i) => {
gysarr.value.push({'name':item,'id':id[i]}) gysarr.value.push({ 'name': item, 'id': id[i] })
if(item==props.caigouobj.suppliersName){ if (item == props.caigouobj.suppliersName) {
gysid(i) gysid(i)
} }
}) })
if(props.caigouobj.purchaseQuantity){ if (props.caigouobj.purchaseQuantity) {
props.caigouobj.upperLimit=props.caigouobj.wlUpperLimit props.caigouobj.upperLimit = props.caigouobj.wlUpperLimit
huansuan(props.caigouobj.purchaseQuantity) huansuan(props.caigouobj.purchaseQuantity)
}else{ } else {
jssl() jssl()
} }
setTimeout(()=>{ setTimeout(() => {
showbox.value = true; showbox.value = true;
},50) }, 50)
}else{ } else {
gysflag.value = false; gysflag.value = false;
cgdwflag.value = false; cgdwflag.value = false;
cgdwec.value = false; cgdwec.value = false;
@ -226,33 +228,33 @@
showbox.value = false; showbox.value = false;
}, 400) }, 400)
} }
}) })
const jssl=()=>{ const jssl = () => {
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl); let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
let m = Math.floor(num/type.value.num) let m = Math.floor(num / type.value.num)
huansuan(m); huansuan(m);
cy() cy()
} }
const huansuan=(m:number)=>{ const huansuan = (m : number) => {
relNumber.value = m; relNumber.value = m;
stringShow.value = toFixed4ByPadStart(relNumber.value); stringShow.value = toFixed4ByPadStart(relNumber.value);
} }
const cy=()=>{ const cy = () => {
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl); let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
let bl = relNumber.value*type.value.num let bl = relNumber.value * type.value.num
if(bl>num){ if (bl > num) {
sx.value = true sx.value = true
}else{ } else {
sx.value = false sx.value = false
} }
} }
const cd =(v,i)=>{ const cd = (v, i) => {
type.value = v; type.value = v;
cgdwflag.value = false; cgdwflag.value = false;
cgdwec.value = false; cgdwec.value = false;
jssl() jssl()
} }
const gysid = (e:number)=>{ const gysid = (e : number) => {
gysidnum.value = e; gysidnum.value = e;
gysflag.value = false; gysflag.value = false;
} }
@ -277,7 +279,7 @@
cy() cy()
return return
} }
if(isZero.value == false){ if (isZero.value == false) {
isZero.value = true; isZero.value = true;
relNumber.value = item; relNumber.value = item;
stringShow.value = toFixed4ByPadStart(relNumber.value); stringShow.value = toFixed4ByPadStart(relNumber.value);
@ -298,40 +300,73 @@
} }
const InteroutId = ref(null) const InteroutId = ref(null)
const handleTouchStart = (e:number)=> { const handleTouchStart = (e : number) => {
Interval(e)
// Interval(e)
} }
const handleTouchEnd=()=> { let longPressTimer = null;
clearInterval(InteroutId.value); let longPressed = false;
// 清除定时器 const clickstart = (e : number) => {
// console.log("开始长按")
longPressed = false;
if (longPressTimer) {
clearTimeout(longPressTimer);
longPressTimer = null;
}
longPressTimer = setTimeout(() => {
longPressTimer = null;
longPressed = true;
Interval(e)
}, 800); // 1000ms = 1s
} }
const Interval = (e:number)=>{ const handleTouchEnd = () => {
// console.log("取消了吗？？？")
// 如果定时器还在，说明没到 1 秒，取消长按
if (longPressTimer) {
clearTimeout(longPressTimer);
longPressTimer = null;
// console.log('未达到 1 秒：取消长按');
return;
}
// 如果已经触发过长按
if (longPressed) {
// console.log('长按已触发，用户放手');
clearInterval(InteroutId.value);
longPressed = false; // 重置状态（按需）
} else {
console.log('无效状态（通常不会到这）');
}
}
const Interval = (e : number) => {
InteroutId.value = setInterval(() => { InteroutId.value = setInterval(() => {
jjnum(e); jjnum(e);
}, 120); }, 120);
} }
const jjnum = (e:number)=>{ const jjnum = (e : number) => {
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl); let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
let m = Math.floor(num/type.value.num) let m = Math.floor(num / type.value.num)
if(m<=relNumber.value&&e==1){relNumber.value = m; return} if (m <= relNumber.value && e == 1) { relNumber.value = m; return }
if(relNumber.value<=1&&e==-1){relNumber.value = 1; return} if (relNumber.value <= 1 && e == -1) { relNumber.value = 1; return }
relNumber.value+=e; relNumber.value += e;
stringShow.value = toFixed4ByPadStart(relNumber.value) stringShow.value = toFixed4ByPadStart(relNumber.value)
cy() cy()
// emit('jjnum',e) // emit('jjnum',e)
} }
const closeIt = () => { const closeIt = () => {
if(relNumber.value<1){ if (relNumber.value < 1) {
uni.showToast({ uni.showToast({
title:'采购数量不能为0！', title: '采购数量不能为0！',
icon:'none' icon: 'none'
}) })
return return
} }
emit('right', relNumber.value,gysarr.value[gysidnum.value],type.value,props.caigouobj) emit('right', relNumber.value, gysarr.value[gysidnum.value], type.value, props.caigouobj)
} }
const colse = ()=>{ const colse = () => {
emit('colse') emit('colse')
} }
function digitCountByString(n) { function digitCountByString(n) {
@ -347,57 +382,67 @@
<style lang="less" scoped> <style lang="less" scoped>
.hei0 { .hei0 {
height: 0 !important; height: 0 !important;
view{
view {
height: 0 !important; height: 0 !important;
} }
} }
.unclass { .unclass {
opacity: 0 !important; opacity: 0 !important;
} }
.cgdw{
.cgdw {
width: 24.3vw; width: 24.3vw;
display: flex; display: flex;
height: 3.3vw; height: 3.3vw;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin :0.8vw auto 0; margin: 0.8vw auto 0;
background: #F3F5F9; background: #F3F5F9;
border-radius: 1.65vw; border-radius: 1.65vw;
padding: 0 1vw; padding: 0 1vw;
position: relative; position: relative;
text{
text {
width: 3.3vw; width: 3.3vw;
height: 3.3vw; height: 3.3vw;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
image { image {
width: 1.6vw; width: 1.6vw;
height: 1.6vw; height: 1.6vw;
} }
} }
.dwdw{
.dwdw {
width: 24.3vw; width: 24.3vw;
// max-height: 21vh; // max-height: 21vh;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(174,175,176,0.35); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(174, 175, 176, 0.35);
border-radius: 1.1vw; border-radius: 1.1vw;
padding: 0 1vw; padding: 0 1vw;
position: absolute; position: absolute;
left:0vw; left: 0vw;
bottom: 3.5vw; bottom: 3.5vw;
z-index: 211; z-index: 211;
.gysscrol{
.gysscrol {
width: 100%; width: 100%;
height: 100%; height: 100%;
// max-height: 21vw; // max-height: 21vw;
>.acts{ >.acts {
color: #0385FA !important; color: #0385FA !important;
image{
image {
display: block; display: block;
} }
} }
view{
view {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -409,14 +454,17 @@
height: 7vh; height: 7vh;
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
text{
text {
white-space: nowrap; white-space: nowrap;
padding-right: 1vw; padding-right: 1vw;
} }
&:nth-child(1){
&:nth-child(1) {
// margin-top: 1vw; // margin-top: 1vw;
} }
>image{
>image {
position: absolute; position: absolute;
right: -0.2vw; right: -0.2vw;
top: 50%; top: 50%;
@ -429,10 +477,10 @@
} }
} }
.tz{ .tz {
width: 7vw; width: 7vw;
height: 3.3vw; height: 3.3vw;
background: rgba(255,255,255,0.6); background: rgba(255, 255, 255, 0.6);
border-radius: 1.6vw; border-radius: 1.6vw;
border: 1px solid #D9DADC; border: 1px solid #D9DADC;
box-shadow: 0.05vw 0.5vw 0.5vw #dadee1; box-shadow: 0.05vw 0.5vw 0.5vw #dadee1;
@ -443,52 +491,61 @@
font-size: 1.5vw; font-size: 1.5vw;
color: #555555; color: #555555;
} }
.leftr{
.leftr {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
white-space: nowrap; white-space: nowrap;
height: 3.3vw; height: 3.3vw;
view{
view {
width: 8.6vw; width: 8.6vw;
font-weight: 400; font-weight: 400;
font-size: 1.6vw; font-size: 1.6vw;
color: #555555; color: #555555;
} }
text{
text {
font-weight: 400; font-weight: 400;
font-size: 1.4vw; font-size: 1.4vw;
color: #888888; color: #888888;
} }
} }
} }
.gys{
.gys {
width: 100%; width: 100%;
height: 7vw; height: 7vw;
position: relative; position: relative;
margin-top: 0.5vw; margin-top: 0.5vw;
>.tanchu{
>.tanchu {
width: 24.5vw; width: 24.5vw;
max-height: 35vh; max-height: 35vh;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(174,175,176,0.35); box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(174, 175, 176, 0.35);
border-radius: 1.1vw; border-radius: 1.1vw;
padding: 0 1.4vw; padding: 0 1.4vw;
position: absolute; position: absolute;
left: 3vw; left: 3vw;
top: 6.5vw; top: 6.5vw;
z-index: 211; z-index: 211;
.gysscrol{
.gysscrol {
width: 100%; width: 100%;
height: 100%; height: 100%;
.acts{
.acts {
color: #0385FA !important; color: #0385FA !important;
image{
image {
display: block; display: block;
} }
} }
view{
view {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -500,10 +557,12 @@
// margin-bottom: 1.2vw; // margin-bottom: 1.2vw;
// padding-right: 1.5vw; // padding-right: 1.5vw;
position: relative; position: relative;
&:nth-child(1){
&:nth-child(1) {
// margin-top: 1.2vw; // margin-top: 1.2vw;
} }
image{
image {
position: absolute; position: absolute;
right: 0.2vw; right: 0.2vw;
top: 50%; top: 50%;
@ -516,28 +575,32 @@
} }
} }
.gssel{
width: 24.3vw; .gssel {
width: 26vw;
display: flex; display: flex;
height: 3.3vw; height: 3.3vw;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin :0.8vw auto 0; margin: 0.8vw auto 0;
background: #F3F5F9; background: #F3F5F9;
border-radius: 1.65vw; border-radius: 1.65vw;
padding: 0 1vw; padding: 0 1vw;
text{
text {
width: 3.3vw; width: 3.3vw;
height: 3.3vw; height: 3.3vw;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
image { image {
width: 1.6vw; width: 1.6vw;
height: 1.6vw; height: 1.6vw;
} }
} }
view{
view {
width: 22vw; width: 22vw;
height: 3.3vw; height: 3.3vw;
white-space: nowrap; white-space: nowrap;
@ -549,7 +612,8 @@
line-height: 3.3vw; line-height: 3.3vw;
} }
} }
.tlt{
.tlt {
font-weight: bold; font-weight: bold;
font-size: 1.5vw; font-size: 1.5vw;
color: #333333; color: #333333;
@ -557,44 +621,47 @@
font-weight: 400; font-weight: 400;
} }
} }
.plsbuy-contain { .plsbuy-contain {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
width: 32vw; width: 34vw;
height: 95vh; height: 95vh;
background: rgba(250, 251, 252, 1); background: rgba(250, 251, 252, 1);
overflow: hidden; overflow: hidden;
box-shadow: 0rpx 0rpx 1.6vw 0rpx rgba(136,141,153,0.28); box-shadow: 0rpx 0rpx 1.6vw 0rpx rgba(136, 141, 153, 0.28);
border-radius: 2.2vw; border-radius: 2.2vw;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
right: 32vw; right: 32vw;
position: fixed; position: fixed;
padding:1.5vw 1vw; padding: 1.5vw 0vw;
} }
.plsbuy-bottom { .plsbuy-bottom {
width: 90%; width: 75%;
margin-top: 3vw; margin-top: 3vw;
height: 7vw; height: 7vw;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
font-size: 35rpx; font-size: 35rpx;
view{
view {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 9vw; width: 9vw;
height: 3.8vw; height: 3.8vw;
color: rgba(92, 121, 146, 1); color: rgba(92, 121, 146, 1);
border-radius:1.9vw; border-radius: 1.9vw;
font-size: 1.8vw; font-size: 1.8vw;
border: 1px solid #EDEDEF; border: 1px solid #EDEDEF;
margin-left: 1vw; margin-left: 1vw;
} }
.quxiao{
.quxiao {
min-width: 8vw; min-width: 8vw;
height: 3.8vw; height: 3.8vw;
background: #EDEDEF; background: #EDEDEF;
@ -610,9 +677,10 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.plsbuy-bottom-blue { .plsbuy-bottom-blue {
background: linear-gradient(0deg, #CAE0F9, #E9F4FF); background: linear-gradient(0deg, #CAE0F9, #E9F4FF);
border: 1px solid rgba(3,133,250,0.34); border: 1px solid rgba(3, 133, 250, 0.34);
color: #0385FA; color: #0385FA;
} }
} }
@ -620,10 +688,12 @@
.calculator-father { .calculator-father {
width: 25vw; width: 25vw;
height: 45vh; height: 45vh;
margin :0 auto 0; margin-left: -20rpx;
// margin: 0 auto 0;
flex-wrap: wrap; flex-wrap: wrap;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
.calculator-kuai { .calculator-kuai {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -633,10 +703,11 @@
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
margin: 12rpx 20rpx 0 20rpx; margin: 12rpx 20rpx 0 20rpx;
width: 6.1vw; width: 7vw;
height: 6.1vw; height: 6.1vw;
} }
.calculator-kuai:active{
.calculator-kuai:active {
background: linear-gradient(to bottom, #00C9FF, #0076FF); background: linear-gradient(to bottom, #00C9FF, #0076FF);
color: #fff; color: #fff;
font-size: 45rpx; font-size: 45rpx;
@ -647,12 +718,13 @@
.stringShow-father { .stringShow-father {
width: 100%; width: 100%;
height:7vw; height: 7vw;
margin-top:0.5vw; margin-top: 0.5vw;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.jj{
.jj {
width: 5vw; width: 5vw;
height: 5vw; height: 5vw;
margin: 0 1vw; margin: 0 1vw;
@ -664,7 +736,8 @@
border-radius: 25rpx; border-radius: 25rpx;
font-size: 42rpx; font-size: 42rpx;
} }
.jj:active{
.jj:active {
background: linear-gradient(to bottom, #00C9FF, #0076FF); background: linear-gradient(to bottom, #00C9FF, #0076FF);
color: #fff; color: #fff;
display: flex; display: flex;
@ -675,23 +748,25 @@
font-size: 45rpx; font-size: 45rpx;
font-weight: 500; font-weight: 500;
} }
.stringShow-kuai { .stringShow-kuai {
display: flex; display: flex;
align-items: center; align-items: center;
width: 11.5vw; width: 14vw;
height: 5vw; height: 5vw;
background: #F3F5F9; background: #F3F5F9;
border-radius: 1vw; border-radius: 1vw;
border: 1px solid #CBCFD0; border: 1px solid #CBCFD0;
justify-content: space-around; justify-content: space-around;
box-shadow: 0rpx 0.1vw 0.3vw 0rpx rgba(140,143,153,0.17) inset; box-shadow: 0rpx 0.1vw 0.3vw 0rpx rgba(140, 143, 153, 0.17) inset;
view{
view {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 42rpx; font-size: 42rpx;
font-weight: 500; font-weight: 500;
width:2.5vw; width: 2.5vw;
height: 5vw; height: 5vw;
} }
} }
@ -702,15 +777,17 @@
font-weight: 500; font-weight: 500;
margin: 0.8vw auto 0; margin: 0.8vw auto 0;
} }
.mengban { .mengban {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index:210; z-index: 210;
background: RGBA(239, 240, 244, 0); background: RGBA(239, 240, 244, 0);
} }
.guodu { .guodu {
transition: .4s; transition: .4s;
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;

46
pages/procurement/components/carditem.vue
View File

@ -58,9 +58,12 @@
<view v-if="v.isAdd==1">已添加</view> <view v-if="v.isAdd==1">已添加</view>
<image :src="'/static/index/procurement/+.png'" mode="aspectFill"></image> <image :src="'/static/index/procurement/+.png'" mode="aspectFill"></image>
</view> </view>
<view class="zkadd guodu" :class="v.isAdd==1?'zkf':''"> <view class="zkadd guodu" :class="v.isAdd==1?'':''">
<view @click.stop="crk(v,index)" @touchend.stop>出入库</view> <view v-if="v.isAdd==1">
<view @click.stop="addcar(v,index)" v-if="v.isAdd!=1" @touchend.stop>
</view>
<view class="zkadd-white" @click.stop="crk(v,index)" @touchend.stop>出入库</view>
<view class="zkadd-blue" @click.stop="addcar(v,index)" v-if="v.isAdd!=1" @touchend.stop>
<view> <view>
加购物车 加购物车
</view> </view>
@ -220,25 +223,24 @@
text-orientation: upright; text-orientation: upright;
text-align: center; text-align: center;
&:nth-child(2) { }
background: #1083F8; .zkadd-blue{
color: #fff; background: #1083F8;
color: #fff;
view {
width: 3.8vw;
height: 3.8vw;
display: flex;
justify-content: center;
align-items: center;
margin-top: -0.7vw;
}
view {
width: 3.8vw;
height: 3.8vw;
display: flex;
justify-content: center;
align-items: center;
margin-top: -0.7vw;
} }
}
&:nth-child(1) { .zkadd-white{
background: #e3e5e7; background: #e3e5e7;
color: #555555; color: #555555;
}
} }
} }
@ -259,13 +261,13 @@
// top: 0.8vw; // top: 0.8vw;
right:0.8vw; right:0.8vw;
>view { >view {
width: 4.5vw; width: 5.5vw;
height: 1.8vw; height: 2.2vw;
background: #E3EEF7; background: #E3EEF7;
border-radius: 0.9vw; border-radius: 0.9vw;
border: 1px solid rgba(3, 133, 250, 0.34); border: 1px solid rgba(3, 133, 250, 0.34);
font-weight: 400; font-weight: 400;
font-size: 1.1vw; font-size: 1.4vw;
color: #1083F8; color: #1083F8;
display: flex; display: flex;
justify-content: center; justify-content: center;

119
pages/procurement/components/carlist.vue
View File

@ -15,7 +15,8 @@
:scroll-left="v.scrollleft" @scroll="scroll" :class="v.flag?'actve':''"> :scroll-left="v.scrollleft" @scroll="scroll" :class="v.flag?'actve':''">
<view class="speitem guodu"> <view class="speitem guodu">
<view class="imghs"> <view class="imghs">
<image style="border-radius: 1vw;" :src="v.materialImg?serverUrl+v.materialImg:'/static/index/procurement/k.png'" <image style="border-radius: 1vw;"
:src="v.materialImg?serverUrl+v.materialImg:'/static/index/procurement/k.png'"
mode="aspectFill"> mode="aspectFill">
</image> </image>
</view> </view>
@ -52,16 +53,22 @@
</view> </view>
<view> <view>
<view> <view class="three-one">
<text>{{v.kcsl?v.kcsl:'0'}}</text> <text style="margin-left: 35rpx;">{{v.kcsl?v.kcsl:'0'}}</text>
<text>库存数量</text> <text>库存数量</text>
<view class="three-shu">
</view>
</view> </view>
<view> <view class="three-one">
<text>{{v.wlUpperLimit}}</text> <text style="text-align: center;">{{v.wlUpperLimit}}</text>
<text>物料上限 ↑</text> <text>物料上限 ↑</text>
<view class="three-shu">
</view>
</view> </view>
<view> <view class="three-one">
<text>{{v.wlLowerLimit}}</text> <text style="text-align: end;margin-right: 20rpx;">{{v.wlLowerLimit}}</text>
<text>↓ 物料下限</text> <text>↓ 物料下限</text>
</view> </view>
</view> </view>
@ -262,6 +269,7 @@
border-radius: 1.6vw; border-radius: 1.6vw;
border: 2px solid rgba(245, 246, 248, 1); border: 2px solid rgba(245, 246, 248, 1);
.zkadd { .zkadd {
width: 10vw; width: 10vw;
height: 100%; height: 100%;
@ -360,31 +368,33 @@
&:nth-child(7) { &:nth-child(7) {
width: 25vw; width: 25vw;
height: 3.4vw; // height: 2.5vw;
display: flex; display: flex;
// justify-content: space-between; // justify-content: space-between;
position: relative; position: relative;
left: -1.3vw; left: -1.3vw;
top: 1.3vw; top: 3.5vw;
>view { .three-one {
width: 31%; width: 33%;
height: 100%; // height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
align-items: center; // align-items: center;
// text-align: center;
position: relative;
// background-color: blue; .three-shu{
// border: 2rpx solid black; position: absolute;
right: 0;
// &:nth-child(1) { top: 50%;
// text-align: center; transform: translateY(-50%);
// } height: 60%;
&:nth-child(1) &:nth-child(2), width: 2rpx;
&:nth-child(3), background-color: #dddddd;
{ }
text-align: center; // background-color: red;
} }
text { text {
@ -398,8 +408,33 @@
font-weight: 400; font-weight: 400;
font-size: 1.3vw; font-size: 1.3vw;
color: #999999; color: #999999;
text-align: center;
} }
}
// >view {
// width: 33%;
// height: 100%;
// display: flex;
// flex-direction: column;
// position: relative;
// align-items: center;
// border-right: 2rpx solid #c3c3c3;
// // background-color: blue;
// // border: 2rpx solid black;
// // &:nth-child(1) {
// // text-align: center;
// // }
// &:nth-child(1) &:nth-child(2),
// &:nth-child(3),
// {
// border-right: 0;
// text-align: center;
// }
} }
} }
@ -413,6 +448,7 @@
justify-content: space-between; justify-content: space-between;
margin-bottom: 0.5vw; margin-bottom: 0.5vw;
text { text {
font-weight: 400; font-weight: 400;
font-size: 1.4vw; font-size: 1.4vw;
@ -441,7 +477,7 @@
align-items: center; align-items: center;
height: 1.8vw; height: 1.8vw;
margin-bottom: 1.2vw; margin-bottom: 1.2vw;
margin-top: 2.3vw; margin-top: 1.5vw;
// margin-top: -0.4vw; // margin-top: -0.4vw;
>view { >view {
@ -475,22 +511,24 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
position: relative; position: relative;
top: -3vw; top: -4vw;
// background-color: red; // background-color: red;
.cardp { .cardp {
width: 100%; width: 100%;
padding-left: 1vw;
height: 4vw; height: 4vw;
display: flex; display: flex;
flex-direction: column; margin-top: 3vw;
align-items: center; // flex-direction: column;
// flex-wrap: wrap; // align-items: center;
flex-wrap: wrap;
// margin: 0 auto 0; // margin: 0 auto 0;
// align-items: center; // align-items: center;
view { view {
min-width: 9vw; min-width: 7vw;
min-height: 2vw; height: 2vw;
border-radius: 0.9vw; border-radius: 0.9vw;
border: 1px solid #D2D2D2; border: 1px solid #D2D2D2;
margin: 0.7vw 0 0 0.5vw; margin: 0.7vw 0 0 0.5vw;
@ -518,13 +556,27 @@
align-items: center; align-items: center;
} }
&:nth-child(3) {
max-width: 12vw;
// color: red;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
// line-height: 1.8vw;
// text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20rpx;
}
} }
} }
.imghs { .imghs {
width: 13vw; width: 13vw;
height: 13vw; height: 13vw;
margin: -0.5vw auto 0.25vw; margin: 0vw auto 0.25vw;
padding: 0.2vw; padding: 0.2vw;
background: #fff; background: #fff;
border-radius: 1.1vw; border-radius: 1.1vw;
@ -543,7 +595,8 @@
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.right-top{
.right-top {
top: 2vw; top: 2vw;
right: 2vw; right: 2vw;
position: absolute; position: absolute;

2
pages/procurement/components/default.vue
View File

@ -26,6 +26,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
// background-color: red;
image{ image{
width: 100%; width: 100%;
height: 100%; height: 100%;

13
pages/procurement/material.vue
View File

@ -36,8 +36,8 @@
</view> </view>
</view> </view>
<view class="more-view"> <view class="more-view">
<image src="/static/backmore.png" mode="aspectFill" class="more" <image src="/static/backmore.png" mode="aspectFill" class="more" :style="Material.length?{}:{opacity:`0.3`}"
@click.stop="backmoreopen=!backmoreopen"></image> @click.stop="openmore()"></image>
<view class="more-view-button" @click.stop v-show="backmoreopen"> <view class="more-view-button" @click.stop v-show="backmoreopen">
<view class="more-whitebutton" @click="moredex=1;Invenshow=true;backmoreopen=false"> <view class="more-whitebutton" @click="moredex=1;Invenshow=true;backmoreopen=false">
@ -404,6 +404,7 @@
const addcartory = (e : any) => { const addcartory = (e : any) => {
// e把index覆盖了导致index永远是0 // e把index覆盖了导致index永远是0
// console.log("我要测试",e) // console.log("我要测试",e)
console.log("啥啊",e)
if(!e.suppliers_dictText || !e.suppliers){ if(!e.suppliers_dictText || !e.suppliers){
openerror.value = true; openerror.value = true;
errmsg.value = `此物料暂无供应商，请联系管理员` errmsg.value = `此物料暂无供应商，请联系管理员`
@ -536,6 +537,11 @@
chongzhi() chongzhi()
}) })
} }
const openmore = () => {
if(Material.value.length){
backmoreopen.value = !backmoreopen.value
}
}
defineExpose({ defineExpose({
gwcsx gwcsx
}) })
@ -939,7 +945,8 @@
image { image {
width: 2.2vw; width: 2.2vw;
height: 2.2vw; height: 2.2vw;
margin: 0 0.5vw; // margin: 0 0.5vw;
margin-right: 1.5vw;
} }
input { input {

18
pages/procurement/materialcar.vue
View File

@ -45,7 +45,10 @@
<!-- 筛选 --> <!-- 筛选 -->
<view class="mengban" v-if="ification" @click="ification = false"></view> <view class="mengban" v-if="ification" @click="ification = false"></view>
<classification @confirm="confirm" :show="ification" :typenum="1" ref="classication"></classification> <classification @confirm="confirm" :show="ification" :typenum="1" ref="classication"></classification>
<defaultr cont="暂无数据" v-if="status=='nomore'&&InvoicingList.length==0"></defaultr> <view class="white-nomessage" v-if="status=='nomore'&&InvoicingList.length==0">
<defaultr cont="暂无数据"></defaultr>
</view>
<view class="mengban" v-if="addflag" @click="addflag = false"></view> <view class="mengban" v-if="addflag" @click="addflag = false"></view>
<calculator :show="addflag" :caigouobj="caigouobj" @colse="addflag = false" @right="right"></calculator> <calculator :show="addflag" :caigouobj="caigouobj" @colse="addflag = false" @right="right"></calculator>
@ -280,7 +283,7 @@
} }
}) })
caigouarr.value = arr; caigouarr.value = arr;
console.log("????", arr) console.log("????", caigouarr.value)
if (arr.length == 0) { if (arr.length == 0) {
uni.showToast({ uni.showToast({
title: '请选择物料!', title: '请选择物料!',
@ -312,6 +315,7 @@
margin: 0.7vw 0 0; margin: 0.7vw 0 0;
overflow: hidden; overflow: hidden;
justify-content: space-between; justify-content: space-between;
position: relative;
.leftbtn { .leftbtn {
width: 50vw; width: 50vw;
@ -477,6 +481,16 @@
top: 48%; top: 48%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.white-nomessage{
width: 89%;
height: 88%;
background-color: #fff;
position: absolute;
top: 9.5%;
left: 9.5%;
border-radius: 30rpx;
// z-index: 10;
}
</style> </style>
<style> <style>
/* page { /* page {

131
pages/procurement/outbound.vue
View File

@ -215,12 +215,23 @@
<view class="right-title"> <view class="right-title">
{{ item.materialInfo.materialName }} {{ item.materialInfo.materialName }}
</view> </view>
<view class="right-setting"> <view style="display: flex;margin-top: 10rpx;">
规格型号 <view class="right-setting">
规格编号：
</view>
<view class="right-mm">
{{ item.materialInfo.materialNo }}
</view>
</view> </view>
<view class="right-mm"> <view style="display: flex;margin-top: 10rpx;">
{{ item.materialInfo.materialNo }} <view class="right-setting">
规格型号：
</view>
<view class="right-mm">
{{ item.materialInfo.specificationModel }}
</view>
</view> </view>
<view class="right-down"> <view class="right-down">
<view class=""> <view class="">
<view class="right-first-num"> <view class="right-first-num">
@ -243,6 +254,36 @@
</view> </view>
</view> </view>
<view class="right-one-white center" v-if="rightarray.length<2&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<3&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<4&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<5&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="right-one-white center" v-if="rightarray.length<6&&rightarray.length">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
</view> </view>
<defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua" <defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua"
style="width: 30%;height: 30%;position: absolute;"> style="width: 30%;height: 30%;position: absolute;">
@ -400,6 +441,7 @@
queryQldWlInfo({ qldNo: res.result.records[0].qldNo }).then((element : any) => { queryQldWlInfo({ qldNo: res.result.records[0].qldNo }).then((element : any) => {
rightarray.value = [] rightarray.value = []
rightarray.value.push(...element.result) rightarray.value.push(...element.result)
console.log("看看参数", rightarray.value)
rightdonghua.value = true; rightdonghua.value = true;
}) })
} else { } else {
@ -747,7 +789,7 @@
} }
.title-input { .title-input {
width: 405rpx; width: 420rpx;
height: 5.1vh; height: 5.1vh;
background-color: #fff; background-color: #fff;
font-size: 27.5rpx; font-size: 27.5rpx;
@ -1168,28 +1210,41 @@
padding-top: 13rpx; padding-top: 13rpx;
padding-bottom: 80rpx; padding-bottom: 80rpx;
.right-one-white{
width: 592rpx;
height: 365rpx;
border: 1rpx solid #c9c9c9;
background-color: #fff;
border-radius: 30rpx;
margin-left: 20rpx;
margin-bottom: 15rpx;
padding: 0 30rpx;
position: relative;
// background-color: #fff;
}
.right-one { .right-one {
width: 592rpx; width: 592rpx;
height: 270rpx; height: 365rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
background-color: #F9F9F9; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
display: flex; display: flex;
border: 1rpx solid #c9c9c9;
.right-one-left { .right-one-left {
height: 100%; // height: 100%;
width: 40%; width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-around; // justify-content: space-around;
padding: 0.5vw 0; padding: 0.5vw 0;
.bgimg { .bgimg {
width: 6.5vw; width: 8vw;
height: 6vw; height: 8vw;
margin: 0.3vw auto 0.25vw; margin: 0.3vw auto 0.25vw;
border-radius: 1.1vw; border-radius: 1.1vw;
background: #fff; background: #fff;
@ -1206,13 +1261,14 @@
} }
.left-tages { .left-tages {
width: 130rpx; margin-bottom: 5rpx;
height: 36rpx; width: 140rpx;
// height: 36rpx;
border-radius: 30rpx; border-radius: 30rpx;
color: #555555; color: #555555;
border: 1rpx solid #D2D2D2; border: 1rpx solid #D2D2D2;
margin-top: 5rpx; margin-top: 5rpx;
font-size: 20rpx; font-size: 22rpx;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -1226,9 +1282,9 @@
width: 60%; width: 60%;
.right-title { .right-title {
font-size: 34rpx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
margin-top: 25rpx; margin-top: 40rpx;
color: #222222; color: #222222;
width: 300rpx; width: 300rpx;
overflow: hidden; overflow: hidden;
@ -1242,27 +1298,31 @@
.right-setting { .right-setting {
color: #888888; color: #888888;
margin-top: 5rpx; margin-top: 5rpx;
font-size: 25rpx; font-size: 28rpx;
} }
.right-mm { .right-mm {
color: #555555; color: #555555;
font-size: 28rpx; font-size: 30rpx;
width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.right-down { .right-down {
display: flex; display: flex;
margin-top: 15rpx; margin-top: 50rpx;
.right-first-num { .right-first-num {
font-size: 35rpx; font-size: 38rpx;
color: #555555; color: #555555;
font-weight: 600; font-weight: 600;
} }
.right-first-type { .right-first-type {
color: #888888; color: #888888;
font-size: 23rpx; font-size: 26rpx;
} }
.right-shu { .right-shu {
@ -1442,8 +1502,33 @@
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
position: absolute; position: absolute;
left: 370rpx; left: 380rpx;
top: 47%; top: 42%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.que {
width: 10vw;
height: 10vw;
// margin: auto;
image {
width: 100%;
height: 100%;
}
view {
margin-top: -30rpx;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 1.2vw;
color: #555555;
}
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
</style> </style>

103
pages/procurement/purchaseorder.vue
View File

@ -43,7 +43,7 @@
</text> </text>
<view class="title-right-big"> <view class="title-right-big">
{{ Number(v.totalPrice ).toFixed(2) }} {{ Number(v.totalPrice ) < 10000? Number(v.totalPrice).toFixed(2) : Number(v.totalPrice) }}
</view> </view>
<image class="title-right-img" src="/static/more.png" @click="openmore(i)" /> <image class="title-right-img" src="/static/more.png" @click="openmore(i)" />
@ -149,7 +149,7 @@
<scroll-view scroll-y="true" class="middle-Y" scroll-with-animation :scroll-top="Invoitop"> <scroll-view scroll-y="true" class="middle-Y" scroll-with-animation :scroll-top="Invoitop">
<view class="middle-Y-father"> <view class="middle-Y-father">
<view class="middle-one" v-for="(v,i) in InvoicingList" :key='i' <view class="middle-one" v-for="(v,i) in InvoicingList" :key='i'
:style="{border: middletarget === i? '4rpx dashed #0f9fff': '4rpx solid transparent',backgroundColor:middletarget === i?`#F9FCFF`:``}" :style="{border: middletarget === i? '2rpx dashed #3A9BFF': '2rpx solid #E5E5E5',backgroundColor:middletarget === i?`#F9FCFF`:``}"
@click="clickmiddle(i)"> @click="clickmiddle(i)">
<image class="middle-img" <image class="middle-img"
:src="v.materialImg?serverUrl + v.materialImg : '/static/index/warehouse/procurement/k.png'" :src="v.materialImg?serverUrl + v.materialImg : '/static/index/warehouse/procurement/k.png'"
@ -167,6 +167,24 @@
</view> </view>
</view> </view>
</view> </view>
<view class="middle-one-white center" v-if="InvoicingList.length<4">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length<3">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
<view class="middle-one-white center" v-if="InvoicingList.length<2">
<view class="que">
<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
<view>暂无数据</view>
</view>
</view>
</view> </view>
</scroll-view> </scroll-view>
<view class="wuliao-title"> <view class="wuliao-title">
@ -216,7 +234,7 @@
<view class="middle-onecard"> <view class="middle-onecard">
<view class="threeone"> <view class="threeone">
<view class="gray-text"> <view class="gray-text">
物料编号 物料编码
</view> </view>
<view class="right-text"> <view class="right-text">
{{ showvalue?.wlMaterialNo }} {{ showvalue?.wlMaterialNo }}
@ -748,7 +766,7 @@
} }
.title-input { .title-input {
width: 68%; width: 82%;
height: 5.1vh; height: 5.1vh;
background-color: #fff; background-color: #fff;
font-size: 27.5rpx; font-size: 27.5rpx;
@ -801,10 +819,11 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 5rpx;
.title-left { .title-left {
font-weight: 600; font-weight: 600;
font-size: 32rpx; font-size: 35rpx;
color: #222222; color: #222222;
} }
@ -911,7 +930,7 @@
.pls-card-end { .pls-card-end {
width: 100%; width: 100%;
height: 7vh; height: 7vh;
margin-top: 1vh;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
@ -986,8 +1005,8 @@
// background-color: red; // background-color: red;
.contain-right-title { .contain-right-title {
margin-top: 16rpx; margin-top: 27rpx;
margin-right: 20rpx; padding-right: 17rpx;
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
display: flex; display: flex;
@ -1043,10 +1062,20 @@
width: 100%; width: 100%;
padding-left: 20rpx; padding-left: 20rpx;
.middle-one-white{
width: 610rpx;
height: 200rpx;
background-color: #fff;
border-radius: 30rpx;
margin-left: 20rpx;
margin-bottom: 30rpx;
border: 1rpx solid #c9c9c9;
}
.middle-one { .middle-one {
width: 610rpx; width: 610rpx;
height: 200rpx; height: 200rpx;
background-color: #F9F9F9; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
@ -1100,19 +1129,19 @@
// } // }
.wuliao-title { .wuliao-title {
margin-top: 40rpx; margin-top: 10rpx;
margin-left: 30rpx; margin-left: 30rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size: 32rpx; font-size: 34rpx;
font-weight: 600; font-weight: 600;
width: 200rpx; width: 200rpx;
.wuliao-heng { .wuliao-heng {
background-color: #1083F8; background-color: #1083F8;
width: 40rpx; width: 40rpx;
min-height: 5rpx; height: 10rpx;
border-radius: 5rpx; border-radius: 5rpx;
margin-top: 10rpx; margin-top: 10rpx;
} }
@ -1126,13 +1155,14 @@
.right-bottom-left { .right-bottom-left {
height: 100%; height: 100%;
width: 30%; width: 30%;
padding-left: 55rpx; padding-left: 30rpx;
padding-top: 30rpx;
.left-img { .left-img {
width: 270rpx; width: 250rpx;
height: 270rpx; height: 250rpx;
margin-left: 2vw; margin-left: 50rpx;
margin-top: 5vw; margin-top: 2vw;
border-radius: 1vw; border-radius: 1vw;
} }
@ -1164,7 +1194,7 @@
.bottom-right-title { .bottom-right-title {
width: 100%; width: 100%;
height: 100rpx; height: 120rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -1172,7 +1202,7 @@
// background-color: red; // background-color: red;
.title-left { .title-left {
font-weight: 600; font-weight: 600;
font-size: 35rpx; font-size: 38rpx;
} }
.title-right { .title-right {
@ -1202,13 +1232,13 @@
.gray-text { .gray-text {
color: #999999; color: #999999;
margin-bottom: 3rpx; margin-bottom: 3rpx;
font-size: 25rpx; font-size: 26rpx;
} }
.right-text { .right-text {
font-size: 32rpx; font-size: 33rpx;
color: #555555; color: #555555;
white-space: nowrap; font-weight: 600;
} }
} }
} }
@ -1229,8 +1259,8 @@
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
position: absolute; position: absolute;
right: 190rpx; right: 110rpx;
top: 48%; top: 51%;
transform: translateY(-50%); transform: translateY(-50%);
} }
@ -1578,4 +1608,29 @@
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.center {
display: flex;
justify-content: center;
align-items: center;
}
.que {
width: 7vw;
height: 7vw;
margin-top: -1vw;
// margin: auto;
image {
width: 100%;
height: 100%;
}
view {
margin-top: -30rpx;
width: 100%;
text-align: center;
font-weight: 300;
font-size: 1.2vw;
color: #555555;
}
}
</style> </style>

2
pages/watch/full.vue
View File

@ -617,7 +617,7 @@
.right-right { .right-right {
position: absolute; position: absolute;
right: -20rpx; right: -20rpx;
top: 80rpx; top: 60rpx;
height: calc(100% - 250rpx); height: calc(100% - 250rpx);
width: 570rpx; width: 570rpx;

BIN
static/index/newindex/leftmenu/NUblue.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
static/index/newindex/leftmenu/NUwhite.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
static/index/newindex/leftmenu/wareblue.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
static/index/noorder.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
static/index/timebgc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB