合并代码
This commit is contained in:
parent
9d89b1e813
commit
2a3a652438
|
|
@ -235,7 +235,7 @@
|
|||
|
||||
</view>
|
||||
<view class="right-container-title-nav">
|
||||
<text style="margin-left: 30rpx;">
|
||||
<text>
|
||||
NUID：{{ uni.getStorageSync('nuId')}}
|
||||
</text>
|
||||
<text class="new-weight">
|
||||
|
|
@ -254,14 +254,14 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="scroll-vi">
|
||||
<view class="zhezhao-left"></view>
|
||||
<view class="zhezhao-right"></view>
|
||||
<!-- <view class="zhezhao-left"></view>
|
||||
<view class="zhezhao-right"></view> -->
|
||||
<scroll-view scroll-x="true" style="width: 1800rpx;height: 100%;" :scroll-left="scrollLeft">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<view style="width: 100rpx;"></view>
|
||||
|
||||
<view v-for="(item,index) in allArray" :key="index"
|
||||
: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()">
|
||||
|
||||
<donghua :links="item.donghuapian" width="55rpx" height="55rpx" :playing="typeNowtarget===index" />
|
||||
|
|
@ -270,9 +270,7 @@
|
|||
{{item.lookName}}
|
||||
</text>
|
||||
</view>
|
||||
<view style="width: 100rpx;">
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
@ -1383,7 +1381,7 @@
|
|||
rollTo(Number(secondTarget))
|
||||
} else if (typeNow.value === 3) {
|
||||
tempmessage.value = allArray.value[typeNowtarget.value]
|
||||
console.log("啥啊",tempmessage.value)
|
||||
// console.log("啥啊",tempmessage.value)
|
||||
const thirdTarget = tempmessage.value.temperature
|
||||
|
||||
rollTo(Number(thirdTarget))
|
||||
|
|
@ -1499,12 +1497,12 @@
|
|||
height: 100%;
|
||||
transition: opacity 1s ease;
|
||||
position: relative;
|
||||
margin-left: 3vw;
|
||||
margin-left: 1.8vw;
|
||||
|
||||
.index-father {
|
||||
width: 100%;
|
||||
height: 1100rpx;
|
||||
|
||||
// background-color: red;
|
||||
}
|
||||
|
||||
.abs-time {
|
||||
|
|
@ -1528,8 +1526,8 @@
|
|||
height: 60rpx;
|
||||
position: relative;
|
||||
font-size: 28rpx;
|
||||
|
||||
|
||||
|
||||
|
||||
.new-weight {
|
||||
margin-left: 30rpx;
|
||||
font-weight: 600;
|
||||
|
|
@ -1555,7 +1553,7 @@
|
|||
.scroll-vi {
|
||||
height: 120rpx;
|
||||
width: 95%;
|
||||
margin-left: 20rpx;
|
||||
margin-left: 0rpx;
|
||||
margin-top: 20rpx;
|
||||
position: relative;
|
||||
margin-bottom: 80rpx;
|
||||
|
|
@ -1766,65 +1764,65 @@
|
|||
}
|
||||
|
||||
.zerotarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 50rpx;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
// --color: #99C9FD;
|
||||
// --thick: 2px;
|
||||
// --radius: 50rpx;
|
||||
// --outline-offset: 0rpx;
|
||||
// /* 外扩多少 */
|
||||
// /* 内层虚线（你现在用的） */
|
||||
// border-radius: var(--radius);
|
||||
// background-color: white;
|
||||
// /* 内部背景 */
|
||||
// animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
// /* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
// outline: var(--thick) dashed var(--color);
|
||||
// outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
// /* 保证文本 / 子元素在最上层 */
|
||||
// position: relative;
|
||||
// z-index: 0;
|
||||
}
|
||||
|
||||
.firsttarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 50%;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
// --color: #99C9FD;
|
||||
// --thick: 2px;
|
||||
// --radius: 50%;
|
||||
// --outline-offset: 0rpx;
|
||||
// /* 外扩多少 */
|
||||
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
// /* 内层虚线（你现在用的） */
|
||||
// border-radius: var(--radius);
|
||||
// background-color: white;
|
||||
// /* 内部背景 */
|
||||
// animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
// /* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
// outline: var(--thick) dashed var(--color);
|
||||
// outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
// /* 保证文本 / 子元素在最上层 */
|
||||
// position: relative;
|
||||
// z-index: 0;
|
||||
}
|
||||
|
||||
.buttontarget {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 30rpx;
|
||||
--outline-offset: 0rpx;
|
||||
/* 外扩多少 */
|
||||
// --color: #99C9FD;
|
||||
// --thick: 2px;
|
||||
// --radius: 30rpx;
|
||||
// --outline-offset: 0rpx;
|
||||
// /* 外扩多少 */
|
||||
|
||||
/* 内层虚线（你现在用的） */
|
||||
border-radius: var(--radius);
|
||||
background-color: white;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
/* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
// /* 内层虚线（你现在用的） */
|
||||
// border-radius: var(--radius);
|
||||
// background-color: white;
|
||||
// /* 内部背景 */
|
||||
// animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
|
||||
// /* 外层虚线：放在 outline（不会影响元素尺寸） */
|
||||
// outline: var(--thick) dashed var(--color);
|
||||
// outline-offset: var(--outline-offset);
|
||||
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
// /* 保证文本 / 子元素在最上层 */
|
||||
// position: relative;
|
||||
// z-index: 0;
|
||||
}
|
||||
|
||||
@keyframes scalePulse {
|
||||
|
|
@ -1875,7 +1873,7 @@
|
|||
|
||||
.bottom-father {
|
||||
width: 100%;
|
||||
padding-left: 160rpx;
|
||||
padding-left: 0rpx;
|
||||
padding-top: 20rpx;
|
||||
|
||||
|
||||
|
|
@ -2114,6 +2112,7 @@
|
|||
.rizhi-father {
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
|
||||
|
||||
.rizhi-card {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -204,7 +204,8 @@
|
|||
</view>
|
||||
</scroll-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="bottom-title">
|
||||
<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`}">
|
||||
<image src="/static/index/card/bj.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
{{ tagtarget==-1?'':detail }}
|
||||
{{ tagtarget==-1?'':(detail?detail:`暂无详情`) }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -359,6 +360,7 @@
|
|||
const clickmenu = (index : number) => {
|
||||
menutarget.value = index
|
||||
let data = filteredMenu(0)[index]
|
||||
|
||||
uni.setStorageSync('nuId', data.nuId);
|
||||
uni.setStorageSync('nuName', data.nuName);
|
||||
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
|
||||
|
|
@ -615,7 +617,10 @@
|
|||
}))
|
||||
)
|
||||
const nusing = () => {
|
||||
emit('gospecial', 1)
|
||||
if (uni.getStorageSync('elderId')) {
|
||||
emit('gospecial', 1)
|
||||
}
|
||||
|
||||
}
|
||||
const jszlshow = ref(false)
|
||||
|
||||
|
|
@ -693,16 +698,16 @@
|
|||
function getleft(index) {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return 2.4;
|
||||
return 2.8;
|
||||
|
||||
case 1:
|
||||
return 6.7;
|
||||
return 8;
|
||||
|
||||
case 2:
|
||||
return 11.5;
|
||||
return 13;
|
||||
|
||||
case 3:
|
||||
return 15.5;
|
||||
return 18;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -740,12 +745,12 @@
|
|||
}
|
||||
|
||||
.zzbqsmall {
|
||||
width: 20vw;
|
||||
width: 23vw;
|
||||
// height: 6vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
border-radius: 1.2vw;
|
||||
right: -0.8vw;
|
||||
right: -2vw;
|
||||
top: 15vw;
|
||||
position: absolute;
|
||||
z-index: 200;
|
||||
|
|
@ -763,17 +768,25 @@
|
|||
position: relative;
|
||||
left: -0.5vw;
|
||||
|
||||
|
||||
.right-time {
|
||||
margin-top: 1.2vw;
|
||||
width: 100%;
|
||||
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;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-left: 30rpx;
|
||||
padding: 0 2.2vw;
|
||||
border: 1rpx solid #b7b7b7;
|
||||
|
||||
.time-top {
|
||||
display: flex;
|
||||
|
|
@ -1198,7 +1211,7 @@
|
|||
}
|
||||
|
||||
.jszl {
|
||||
width: 64.5vw;
|
||||
width: 65.5vw;
|
||||
height: 44vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
|
|
@ -1384,12 +1397,12 @@
|
|||
}
|
||||
|
||||
.zzbq {
|
||||
width: 20vw;
|
||||
height: 10vw;
|
||||
width: 23vw;
|
||||
height: 11vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
border-radius: 1.6vw;
|
||||
right: -0.8vw;
|
||||
right: -2vw;
|
||||
top: 4vw;
|
||||
position: absolute;
|
||||
z-index: 200;
|
||||
|
|
@ -1397,7 +1410,7 @@
|
|||
padding: 1.6vw 1.6vw 0;
|
||||
|
||||
.carfd {
|
||||
width: 9vw;
|
||||
width: 11.5vw;
|
||||
height: 100%;
|
||||
|
||||
.tg {
|
||||
|
|
@ -1429,7 +1442,7 @@
|
|||
.tittop {
|
||||
height: 2vw;
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
font-size: 1.4vw;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -128,11 +128,12 @@
|
|||
padding: 2.3vw 0 1vw 0;
|
||||
// margin-right: 3vw;
|
||||
.logo{
|
||||
// background-color: red;
|
||||
width: 3.8vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 6.2vw;
|
||||
|
||||
view{
|
||||
width: 3.8vw;
|
||||
height: 3.8vw;
|
||||
|
|
@ -164,7 +165,7 @@
|
|||
padding: 4vh 0 3vh;
|
||||
position: relative;
|
||||
margin-top: -2vh;
|
||||
|
||||
// background-color: blue;
|
||||
.iconst{
|
||||
width: 6vw;
|
||||
height: 4vw;
|
||||
|
|
|
|||
|
|
@ -2,11 +2,11 @@
|
|||
<view>
|
||||
<view class="swipeservwe">
|
||||
<view class="swper" v-if="plsbuy.length==0">
|
||||
<view class="photo-father">
|
||||
<image class="big-img" style="width: 420rpx;top:30%;" :src="`/static/index/newindex/wendu/2.png`"
|
||||
<view class="photo-father" style="margin-top: 30rpx;">
|
||||
<image class="big-img" style="width: 320rpx;top:25%;height: 320rpx;" src="/static/index/noorder.png"
|
||||
mode="aspectFill" />
|
||||
<view class="juzhong" style=" filter:grayscale(60%)">
|
||||
<donghua :width="`1300rpx`" :height="`900rpx`" :links="blueArray" :playing="photoplay"
|
||||
<view class="juzhong" >
|
||||
<donghua :width="`1200rpx`" :height="`600rpx`" :links="blueArray" :playing="photoplay"
|
||||
:loop="true" :interval="120" />
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -22,13 +22,12 @@
|
|||
<view v-for="(v,i) in plsbuy" :key='i' :class="current==i?'dot':''"
|
||||
:style="v?.chaoshitime?'background:red':''" @click="change({'detail':{'current':i}})"></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">
|
||||
<swiper-item v-for="(indexmessage,i) in plsbuy" :key="i" class="swper">
|
||||
<view class="photo-father">
|
||||
<!-- {filter: `grayscale(60%)`} -->
|
||||
<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" />
|
||||
</view>
|
||||
<view class="timedjs" v-if="current==i&&indexmessage?.izStart=='Y'">
|
||||
|
|
@ -72,6 +71,7 @@
|
|||
@click="indexmessage.flag = true">
|
||||
<image :src="`/static/zlb.png`" :style=" 'width: 420rpx' " mode="aspectFill" />
|
||||
</view>
|
||||
|
||||
<view class="cardbox"
|
||||
v-if="indexmessage.izPackage=='Y'&&indexmessage?.izStart=='Y'||indexmessage.flag">
|
||||
<scroll-view scroll-y="true" class="scrollcard" @touchmove.stop>
|
||||
|
|
@ -92,12 +92,18 @@
|
|||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="big-img" v-if="indexmessage.izPackage=='N' ">
|
||||
<image :style="!indexmessage?.previewFile?'width: 420rpx':' '"
|
||||
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/newindex/wendu/2.png`"
|
||||
<view class="big-img" v-if="indexmessage.izPackage=='N'&&indexmessage?.previewFile ">
|
||||
<image :style="!indexmessage?.previewFile?'width: 420rpx':' width:550rpx;height:550rpx;marginTop:-60rpx'"
|
||||
:src="indexmessage?.previewFile? serverUrl + indexmessage?.previewFile: `/static/index/noorder.png`"
|
||||
mode="heightFix" />
|
||||
</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 class="server-name">
|
||||
{{ indexmessage?.directiveName }}
|
||||
|
|
@ -325,6 +331,7 @@
|
|||
init
|
||||
})
|
||||
const change = (e) => {
|
||||
// return
|
||||
current.value = e.detail.current;
|
||||
let a = e.detail.current;
|
||||
plsbuy.value.forEach((v, i) => {
|
||||
|
|
@ -356,6 +363,7 @@
|
|||
plsbuy.value.splice(current.value, 1)
|
||||
firstgetqueryCgdList(form.nuId)
|
||||
}
|
||||
|
||||
const swip = (e) => {
|
||||
if (current.value == 0 && e == -1) {
|
||||
current.value = plsbuy.value.length - 1;
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@
|
|||
position: relative;
|
||||
/* margin-left: -50rpx; */
|
||||
margin-left: 0.5vw;
|
||||
margin-top: -0.8vw;
|
||||
margin-top: 0vw;
|
||||
|
||||
.joystick {
|
||||
position: absolute;
|
||||
|
|
@ -1345,6 +1345,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
height: 60rpx;
|
||||
|
||||
.explain-text {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -1099,7 +1099,7 @@
|
|||
|
||||
|
||||
const searchtable = (item : any) => {
|
||||
// console.log("aaaaaaa", item)
|
||||
console.log("aaaaaaa", item)
|
||||
firstListTarget.value = -1;
|
||||
secondListTarget.value = -1;
|
||||
moveById.value = item.id
|
||||
|
|
|
|||
|
|
@ -614,6 +614,7 @@
|
|||
height: 1278rpx;
|
||||
width: 600rpx;
|
||||
border-radius: 30rpx;
|
||||
z-index: 1;
|
||||
|
||||
.right-tags {
|
||||
background-color: #fff;
|
||||
|
|
@ -1343,6 +1344,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
height: 60rpx;
|
||||
|
||||
.explain-text {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -1666,7 +1666,7 @@
|
|||
const emotionTagList = ref([]);
|
||||
const bodyTagList = ref([]);
|
||||
const geteverything = () => {
|
||||
|
||||
console.log("有老人吗",uni.getStorageSync('elderId'))
|
||||
if (uni.getStorageSync('nuId') && uni.getStorageSync('elderId')) {
|
||||
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('elderId')).then((res : any) => {
|
||||
// console.log("通了吗",res)
|
||||
|
|
|
|||
|
|
@ -1,7 +1,13 @@
|
|||
<template>
|
||||
<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()"
|
||||
enable-back-to-top>
|
||||
v-show="!isemity" enable-back-to-top>
|
||||
<view class="box">
|
||||
<view class="fler" v-for="(v,index) in InvoicingList" :key="index">
|
||||
<scroll-view class="carditem guodu" @touchend="handleTouchEnd($event,v,index)"
|
||||
|
|
@ -12,7 +18,8 @@
|
|||
</view>
|
||||
<view class="speitem guodu">
|
||||
<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">
|
||||
</image>
|
||||
</view>
|
||||
|
|
@ -93,10 +100,13 @@
|
|||
</view>
|
||||
</scroll-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" />
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -110,7 +120,10 @@
|
|||
},
|
||||
status: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
isemity: {
|
||||
type: Boolean
|
||||
},
|
||||
})
|
||||
const caigouobj = ref({})
|
||||
const serverUrl = ref(uni.getStorageSync('serverUrl') + '/sys/common/static/')
|
||||
|
|
@ -184,7 +197,6 @@
|
|||
scrollLeft.value = e.detail.scrollLeft
|
||||
// console.log(e.detail.scrollLeft)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
@ -395,11 +407,13 @@
|
|||
padding: 1vw 2vw 0 0;
|
||||
width: 90vw;
|
||||
height: 64.5vh;
|
||||
// background-color: red;
|
||||
|
||||
.box {
|
||||
width: 90vw;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
}
|
||||
|
||||
.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>
|
||||
|
|
@ -22,7 +22,48 @@
|
|||
<view v-if="v.materialInfo?.medicationName">{{v.materialInfo?.medicationName}}</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>{{v.materialInfo?.materialName}}</view>
|
||||
</view>
|
||||
|
|
@ -40,9 +81,9 @@
|
|||
<text>请领单位</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<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>
|
||||
</view>
|
||||
<view class="zkadd guodu" v-if="status=='3'">
|
||||
|
|
@ -52,6 +93,36 @@
|
|||
</view>
|
||||
</scroll-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 "
|
||||
style="position: absolute;width: 10vw;height: 10vw;"></defaultr>
|
||||
</view>
|
||||
|
|
@ -229,7 +300,8 @@
|
|||
width: 2.4vw;
|
||||
height: 2.4vw;
|
||||
position: absolute;
|
||||
bottom: 1vw;
|
||||
top: 65%;
|
||||
transform: translateY(-50%);
|
||||
right: 0.6vw;
|
||||
}
|
||||
}
|
||||
|
|
@ -352,7 +424,7 @@
|
|||
}
|
||||
|
||||
.speitem {
|
||||
width: 38vw;
|
||||
width: 35.5vw;
|
||||
height: 100%;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -361,40 +433,58 @@
|
|||
left: 0;
|
||||
|
||||
.cardp {
|
||||
width: 8vw;
|
||||
width: 10vw;
|
||||
// height: 4.7vw;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
view {
|
||||
width: 5.5vw;
|
||||
height: 1.5vw;
|
||||
border-radius: 0.9vw;
|
||||
border: 1px solid #D2D2D2;
|
||||
margin: 0vw 0 0.3vw 1.5vw;
|
||||
text-align: center;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
// width: 5.5vw;
|
||||
// height: 1.5vw;
|
||||
// border-radius: 0.9vw;
|
||||
// border: 1px solid #D2D2D2;
|
||||
// margin: 0vw 0 0.3vw 1.5vw;
|
||||
// text-align: center;
|
||||
// // display: flex;
|
||||
// // justify-content: center;
|
||||
// // align-items: center;
|
||||
// font-weight: 400;
|
||||
// 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;
|
||||
// padding: 0 0.25vw;
|
||||
border: 1rpx solid #D2D2D2;
|
||||
margin-top: 5rpx;
|
||||
font-size: 22rpx;
|
||||
white-space: nowrap;
|
||||
/* 不换行 */
|
||||
overflow: hidden;
|
||||
/* 隐藏溢出部分 */
|
||||
text-overflow: ellipsis;
|
||||
/* 显示省略号 */
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.imge {
|
||||
width: 6.5vw;
|
||||
height: 6.5vw;
|
||||
margin-left: 1.5vw;
|
||||
margin-top: 1.5vw;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
// margin: 0.3vw auto 0.25vw;
|
||||
margin-top: 0.8vw;
|
||||
margin-bottom: 0.25vw;
|
||||
margin-left: 1.2vw;
|
||||
background: #fff;
|
||||
padding: 0.2vw;
|
||||
// padding: 0.5vw;
|
||||
// margin: 0.3vw auto 0.25vw;
|
||||
|
||||
|
|
@ -412,30 +502,137 @@
|
|||
.itembox {
|
||||
width: 60vw;
|
||||
height: calc(100vh - 8vw);
|
||||
padding: 1vw 0.5vw 0vw 0.8vw;
|
||||
padding: 1.5vw 0.5vw 0vw 0.8vw;
|
||||
// background-color: blue;
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// display: grid;
|
||||
// grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.fler {
|
||||
width: 29vw;
|
||||
height: 13vw;
|
||||
margin-bottom: 0.8vw;
|
||||
margin-left: 0.6vw;
|
||||
width: 615rpx;
|
||||
height: 365rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-bottom: 15rpx;
|
||||
|
||||
|
||||
.carditem {
|
||||
width: 29vw;
|
||||
height: 13vw;
|
||||
background: #f5f5f5;
|
||||
border-radius: 1.1vw;
|
||||
width: 615rpx;
|
||||
height: 365rpx;
|
||||
background: #fff;
|
||||
border-radius: 30rpx;
|
||||
position: relative;
|
||||
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>
|
||||
|
|
@ -190,14 +190,13 @@
|
|||
<view class="other-contain-right">
|
||||
<scroll-view scroll-y="true" scroll-with-animation class="right-contain">
|
||||
<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="imge">
|
||||
<view class="bgimg">
|
||||
<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>
|
||||
</view>
|
||||
|
||||
<view class="left-tages">
|
||||
{{ item.materialInfo.categoryName}}
|
||||
</view>
|
||||
|
|
@ -205,20 +204,30 @@
|
|||
{{ item.materialInfo.typeName}}
|
||||
</view>
|
||||
<view class="left-tages" v-if="item.materialInfo.medicationName">
|
||||
{{item.materialInfo.medicationName}}
|
||||
{{ item.materialInfo.medicationName}}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="right-one-right">
|
||||
<view class="right-title">
|
||||
{{ item.materialInfo.materialName }}
|
||||
</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 class="right-mm">
|
||||
{{ item.materialInfo.materialNo }}
|
||||
<view style="display: flex;margin-top: 10rpx;">
|
||||
<view class="right-setting">
|
||||
规格型号：
|
||||
</view>
|
||||
<view class="right-mm">
|
||||
{{ item.materialInfo.specificationModel }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="right-down">
|
||||
<view class="">
|
||||
<view class="right-first-num">
|
||||
|
|
@ -241,6 +250,36 @@
|
|||
</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>
|
||||
<defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua"
|
||||
style="width: 30%;height: 30%;position: absolute;">
|
||||
|
|
@ -1038,7 +1077,8 @@
|
|||
|
||||
.right-contain {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: 97%;
|
||||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
|
|
@ -1048,53 +1088,74 @@
|
|||
display: flex;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
padding-left: 5rpx;
|
||||
padding-top: 5rpx;
|
||||
padding-left: 15rpx;
|
||||
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 {
|
||||
width: 620rpx;
|
||||
height: 280rpx;
|
||||
width: 592rpx;
|
||||
height: 365rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 15rpx;
|
||||
background-color: #F9F9F9;
|
||||
margin-bottom: 15rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
border: 1rpx solid #c9c9c9;
|
||||
|
||||
.right-one-left {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
width: 40%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
// justify-content: space-around;
|
||||
padding: 0.5vw 0;
|
||||
|
||||
.imge {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
margin-top: 20rpx;
|
||||
// margin-bottom: 0.2vw;
|
||||
padding: 0.2vw;
|
||||
.bgimg {
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
margin: 0.3vw auto 0.25vw;
|
||||
border-radius: 1.1vw;
|
||||
background: #f8f8f8;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0.2vw;
|
||||
|
||||
image {
|
||||
>image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 1vw;
|
||||
border-radius: 1.1vw;
|
||||
}
|
||||
}
|
||||
|
||||
.left-tages {
|
||||
min-width: 130rpx;
|
||||
height: 38rpx;
|
||||
border-radius: 19rpx;
|
||||
margin-bottom: 5rpx;
|
||||
width: 140rpx;
|
||||
// height: 36rpx;
|
||||
border-radius: 30rpx;
|
||||
color: #555555;
|
||||
border: 1rpx solid #D2D2D2;
|
||||
margin-bottom: 0.3vw;
|
||||
margin-top: 5rpx;
|
||||
font-size: 22rpx;
|
||||
text-align: center;
|
||||
line-height: 40rpx;
|
||||
white-space: nowrap;
|
||||
padding: 0 0.4vw;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1103,9 +1164,9 @@
|
|||
width: 60%;
|
||||
|
||||
.right-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 800;
|
||||
margin-top: 25rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
margin-top: 40rpx;
|
||||
color: #222222;
|
||||
width: 300rpx;
|
||||
overflow: hidden;
|
||||
|
|
@ -1119,27 +1180,31 @@
|
|||
.right-setting {
|
||||
color: #888888;
|
||||
margin-top: 5rpx;
|
||||
font-size: 25rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.right-mm {
|
||||
color: #555555;
|
||||
font-size: 28rpx;
|
||||
font-size: 30rpx;
|
||||
width: 200rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.right-down {
|
||||
display: flex;
|
||||
margin-top: 30rpx;
|
||||
margin-top: 50rpx;
|
||||
|
||||
.right-first-num {
|
||||
font-size: 35rpx;
|
||||
font-size: 38rpx;
|
||||
color: #555555;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.right-first-type {
|
||||
color: #888888;
|
||||
font-size: 23rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.right-shu {
|
||||
|
|
@ -1157,6 +1222,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.haventmessage {
|
||||
width: 97%;
|
||||
height: 100%;
|
||||
|
|
@ -1165,18 +1231,19 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 30rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.que {
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
// margin: auto;
|
||||
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
view {
|
||||
margin-top: -30rpx;
|
||||
width: 100%;
|
||||
|
|
@ -1186,7 +1253,8 @@
|
|||
color: #555555;
|
||||
}
|
||||
}
|
||||
.center{
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -57,8 +57,10 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
<cgdclass @confirm="confirm" :show="ification" :typenum="0" ref="classication" @fill="ification = false"> </cgdclass>
|
||||
<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>
|
||||
<tanchuang @back="thshow = false" :show="thshow" font="是否发起退货流程？" @right="thclk"></tanchuang>
|
||||
<errorshow :show="openerror" :font="errmsg" @close="openerror=false" />
|
||||
<!-- <view class="emity-view" v-show="isemity">
|
||||
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -166,13 +171,21 @@
|
|||
}
|
||||
})
|
||||
}
|
||||
// 这样写就不会闪暂无数据的屏幕了
|
||||
const isemity = ref(false);
|
||||
const wuliao = () => {
|
||||
let obj = {
|
||||
nuId: form.nuId,
|
||||
elderId: form.elderId
|
||||
}
|
||||
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([])
|
||||
|
|
|
|||
|
|
@ -199,4 +199,9 @@
|
|||
.allview{
|
||||
margin-left: -0.2vw;
|
||||
width: 100.5%;
|
||||
}
|
||||
}
|
||||
// .emity-view{
|
||||
// width: 100%;
|
||||
// height: 800rpx;
|
||||
// background-color: #fff;
|
||||
// }
|
||||
|
|
@ -1345,6 +1345,7 @@
|
|||
width: 100%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
height: 60rpx;
|
||||
|
||||
.explain-text {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -506,7 +506,7 @@
|
|||
</text>
|
||||
|
||||
<view class="title-right-big">
|
||||
{{ Number(v.totalPrice).toFixed(2) }}
|
||||
{{ Number(v.totalPrice)<10000 ?Number(v.totalPrice).toFixed(2):Number(v.totalPrice) }}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -634,7 +634,7 @@
|
|||
<scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation>
|
||||
<view class="middle-Y-father">
|
||||
<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)">
|
||||
<view :class="v.status<2?`up-tags-target`: `up-tags`">
|
||||
{{v.status_dictText}}
|
||||
|
|
@ -715,6 +715,24 @@
|
|||
</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>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
@ -883,10 +901,10 @@
|
|||
{{showvalue.wlUnits}}
|
||||
</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()">
|
||||
<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">
|
||||
<view
|
||||
style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;">
|
||||
|
|
@ -901,7 +919,7 @@
|
|||
|
||||
</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}}
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -1973,22 +1991,22 @@
|
|||
const basePath = '/static/index/procurement/' // 图片公共路径
|
||||
const imgNormal = basePath + 'sh.png'
|
||||
const imgActive = basePath + 'shr.png'
|
||||
|
||||
|
||||
const imgSrc = ref(imgNormal)
|
||||
const busy = ref(false) // 防止重复点击造成多个定时器
|
||||
|
||||
function handleClick () {
|
||||
if (busy.value) return
|
||||
busy.value = true
|
||||
|
||||
// 切换到 active 图
|
||||
imgSrc.value = imgActive
|
||||
|
||||
// 0.5 秒后复原
|
||||
setTimeout(() => {
|
||||
imgSrc.value = imgNormal
|
||||
busy.value = false
|
||||
}, 300)
|
||||
|
||||
function handleClick() {
|
||||
if (busy.value) return
|
||||
busy.value = true
|
||||
|
||||
// 切换到 active 图
|
||||
imgSrc.value = imgActive
|
||||
|
||||
// 0.5 秒后复原
|
||||
setTimeout(() => {
|
||||
imgSrc.value = imgNormal
|
||||
busy.value = false
|
||||
}, 300)
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -2270,7 +2288,7 @@
|
|||
|
||||
.title-left {
|
||||
font-weight: 800;
|
||||
font-size: 32rpx;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.title-right {
|
||||
|
|
@ -2438,10 +2456,12 @@
|
|||
|
||||
.contain-right {
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
height: 96.7vh;
|
||||
width: 100vw;
|
||||
margin-left: 20rpx;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.contain-right-title {
|
||||
width: 100%;
|
||||
|
|
@ -2515,11 +2535,22 @@
|
|||
display: flex;
|
||||
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 {
|
||||
min-width: 400rpx;
|
||||
max-width: 400rpx;
|
||||
height: 100%;
|
||||
background-color: #F9F9F9;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
margin-right: 24rpx;
|
||||
margin-bottom: 30rpx;
|
||||
|
|
@ -2580,7 +2611,7 @@
|
|||
}
|
||||
|
||||
.wuliao-title {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2599,7 +2630,7 @@
|
|||
}
|
||||
|
||||
.wuliao-title-no {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2670,7 +2701,7 @@
|
|||
// background-color: red;
|
||||
.title-left {
|
||||
font-weight: 600;
|
||||
font-size: 35rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.title-right {
|
||||
|
|
@ -2697,12 +2728,13 @@
|
|||
.gray-text {
|
||||
color: #999999;
|
||||
margin-bottom: 3rpx;
|
||||
font-size: 25rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
|
||||
.right-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 33rpx;
|
||||
color: #555555;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3476,24 +3508,45 @@
|
|||
}
|
||||
|
||||
.contain-right-father {
|
||||
background-color: #fff;
|
||||
// background-color: #fff;
|
||||
width: 1305rpx;
|
||||
height: 600rpx;
|
||||
border-radius: 30rpx;
|
||||
// border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.contain-right-middle {
|
||||
width: 100%;
|
||||
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>
|
||||
|
|
@ -524,13 +524,20 @@
|
|||
margin-top: 1.2vw;
|
||||
width: 100%;
|
||||
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;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-left: 30rpx;
|
||||
padding: 0 2.2vw;
|
||||
border: 1rpx solid #b7b7b7;
|
||||
|
||||
.time-top {
|
||||
display: flex;
|
||||
|
|
@ -1190,7 +1197,7 @@
|
|||
}
|
||||
|
||||
.jszl {
|
||||
width: 64.5vw;
|
||||
width: 65.5vw;
|
||||
height: 44vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
|
||||
|
|
|
|||
|
|
@ -42,20 +42,30 @@
|
|||
</view>
|
||||
<!-- 改价 -->
|
||||
<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;">
|
||||
￥{{ gaijia }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
<view style="margin-top: 150rpx;display: flex;align-items: center;flex-direction: column;width: 50%;">
|
||||
<view style="font-size: 30rpx;margin-bottom: 10rpx;">
|
||||
到货单价
|
||||
</view> -->
|
||||
<view style="display: flex;flex-direction: column;width: 55%;height: 100%;justify-content: center;">
|
||||
<view style="width: 100%;margin-top: 42rpx;font-size: 33rpx;">
|
||||
采购单价:
|
||||
<text style="color: #888888;">
|
||||
￥{{ gaijia }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
<view class="gray-input" style="width: 410rpx;">
|
||||
¥ {{ gaijia }}
|
||||
<view style="display: flex;margin-top: 50rpx;align-items: center;">
|
||||
<view style="font-size: 33rpx;margin-right: 10rpx;">
|
||||
到货单价:
|
||||
</view>
|
||||
<view class="gray-input" style="width: 270rpx;font-size: 40rpx;">
|
||||
¥ {{ gaijia }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view style="position: absolute;right: 30rpx;bottom: 30rpx;">
|
||||
<view style="display: flex;">
|
||||
|
|
@ -70,7 +80,7 @@
|
|||
|
||||
</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 class="gray-button-jianpan" @click="press('1')">
|
||||
1
|
||||
|
|
@ -530,7 +540,7 @@
|
|||
<view>暂无数据</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="pls-card" v-for="(v,i) in plsbuy" :key='i' @click="clickLeftMenu(i,v)" :style="{
|
||||
borderColor: i === lefttarget ? '#0f9fff' : '',
|
||||
}">
|
||||
|
|
@ -547,7 +557,7 @@
|
|||
</text>
|
||||
|
||||
<view class="title-right-big">
|
||||
{{ Number(v.totalPrice).toFixed(2) }}
|
||||
{{ Number(v.totalPrice)<10000 ?Number(v.totalPrice).toFixed(2):Number(v.totalPrice) }}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -669,7 +679,7 @@
|
|||
<view
|
||||
:class="!Number(plsbuy[lefttarget]?.status)?`contain-right-button`: `contain-right-title-bad`"
|
||||
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>
|
||||
|
|
@ -680,7 +690,7 @@
|
|||
<scroll-view scroll-x="true" class="middle-Y" :scroll-left="Invoiscroll" scroll-with-animation>
|
||||
<view class="middle-Y-father">
|
||||
<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)">
|
||||
<view :class="v.status<2?`up-tags-target`: `up-tags`">
|
||||
{{v.status_dictText}}
|
||||
|
|
@ -699,11 +709,11 @@
|
|||
</text>
|
||||
</view>
|
||||
<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>
|
||||
<view class="juzhong">
|
||||
<view class="">
|
||||
|
|
@ -712,9 +722,9 @@
|
|||
</text>
|
||||
</view>
|
||||
<view class="juzhong-right">
|
||||
|
||||
{{v.wlSpecificationModel}}
|
||||
|
||||
|
||||
{{v.wlSpecificationModel}}
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -725,10 +735,10 @@
|
|||
</text>
|
||||
</view>
|
||||
<view class="juzhong-right">
|
||||
|
||||
{{v.purchaseQuantity}}
|
||||
{{v.wlUnits}}
|
||||
|
||||
|
||||
{{v.purchaseQuantity}}
|
||||
{{v.wlUnits}}
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
|
@ -761,6 +771,25 @@
|
|||
</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>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
@ -779,10 +808,10 @@
|
|||
<view class="wuliao-heng"></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"
|
||||
style="margin-right: 20rpx;">
|
||||
<view :class="showvalue.jianhuobtn==false?`jianhuobutton-gray-bad`: `jianhuobutton-gray`"
|
||||
@click="opengaijiaclick" style="margin-right: 20rpx;">
|
||||
改价
|
||||
</view>
|
||||
<view @click="openjianhuoclick"
|
||||
|
|
@ -938,10 +967,10 @@
|
|||
{{showvalue.wlUnits}}
|
||||
</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()">
|
||||
<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">
|
||||
<view
|
||||
style="width: 100%;justify-content: space-between;display: flex;align-items: center;height: 60rpx;margin-top: 20rpx;">
|
||||
|
|
@ -956,7 +985,7 @@
|
|||
|
||||
</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}}
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -1011,13 +1040,13 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<tanchuang :show="badshow" font="确定要作废这个采购单吗" @back="badshow=false;" @right="zuofei"> </tanchuang>
|
||||
<tanchuang :show="open==1" font="是否删除此图片" @back="open = 0" @right="del()"> </tanchuang>
|
||||
<tanchuang :show="open==2" font="是否销账此物料？" @back="open = 0" @right="sctp(1)"> </tanchuang>
|
||||
<errorshow :show="openerror" :font="errmsg" @close="openerror=false" />
|
||||
<severcard></severcard>
|
||||
<errorshow :show="openmessage" :font="errormessage" @close="openmessage=false" />
|
||||
<errorshow :show="openmessage" :font="errormessage" @close="openmessage=false" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -1056,7 +1085,7 @@
|
|||
transition.value = true;
|
||||
}, 50)
|
||||
})
|
||||
|
||||
|
||||
const transition = ref(false)
|
||||
const open = ref(0);
|
||||
const typechange = ref(0);
|
||||
|
|
@ -1073,7 +1102,7 @@
|
|||
|
||||
// 改价
|
||||
const dogaijia = () => {
|
||||
if(showvalue.value.jianhuobtn){
|
||||
if (showvalue.value.jianhuobtn) {
|
||||
editPrice({ id: showvalue.value.id, arrivalPrice: gaijia.value }).then((res) => {
|
||||
console.log("res", res)
|
||||
if (res.code == 200) {
|
||||
|
|
@ -1081,7 +1110,7 @@
|
|||
showvalue.value.totalPrice = Number(gaijia.value) * Number(showvalue.value.purchaseQuantity);
|
||||
plsbuy.value[lefttarget.value].totalPrice = res.result.totalPrice
|
||||
opengaijia.value = false;
|
||||
}else{
|
||||
} else {
|
||||
openmessage.value = true;
|
||||
errormessage.value = res.message
|
||||
}
|
||||
|
|
@ -1143,6 +1172,9 @@
|
|||
}, 100)
|
||||
}
|
||||
const opengaijiaclick = () => {
|
||||
if(!showvalue.value.jianhuobtn){
|
||||
return
|
||||
}
|
||||
opengaijia.value = true;
|
||||
guiling.value = true
|
||||
gaijia.value = (showvalue.value.arrivalPrice ? showvalue.value.arrivalPrice : showvalue.value.procurementPrice).toString()
|
||||
|
|
@ -1855,12 +1887,12 @@
|
|||
sctp(0)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 启动定时器：推进 baseP，从 0 线性到 1 再回到 0（循环）
|
||||
let timer = null;
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
});
|
||||
onUnmounted(() => {
|
||||
if (timer) clearInterval(timer);
|
||||
|
|
@ -1869,22 +1901,22 @@
|
|||
const basePath = '/static/index/procurement/' // 图片公共路径
|
||||
const imgNormal = basePath + 'sh.png'
|
||||
const imgActive = basePath + 'shr.png'
|
||||
|
||||
|
||||
const imgSrc = ref(imgNormal)
|
||||
const busy = ref(false) // 防止重复点击造成多个定时器
|
||||
|
||||
function handleClick () {
|
||||
if (busy.value) return
|
||||
busy.value = true
|
||||
|
||||
// 切换到 active 图
|
||||
imgSrc.value = imgActive
|
||||
|
||||
// 0.5 秒后复原
|
||||
setTimeout(() => {
|
||||
imgSrc.value = imgNormal
|
||||
busy.value = false
|
||||
}, 300)
|
||||
|
||||
function handleClick() {
|
||||
if (busy.value) return
|
||||
busy.value = true
|
||||
|
||||
// 切换到 active 图
|
||||
imgSrc.value = imgActive
|
||||
|
||||
// 0.5 秒后复原
|
||||
setTimeout(() => {
|
||||
imgSrc.value = imgNormal
|
||||
busy.value = false
|
||||
}, 300)
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -2145,7 +2177,7 @@
|
|||
.pls-card {
|
||||
width: 100%;
|
||||
height: 359rpx;
|
||||
border: transparent 3rpx solid;
|
||||
border: transparent 3rpx solid;
|
||||
background-color: #fff;
|
||||
border-radius: 40rpx;
|
||||
margin-bottom: 18rpx;
|
||||
|
|
@ -2162,7 +2194,7 @@
|
|||
|
||||
.title-left {
|
||||
font-weight: 800;
|
||||
font-size: 32rpx;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.title-right {
|
||||
|
|
@ -2330,10 +2362,12 @@
|
|||
|
||||
.contain-right {
|
||||
z-index: 1;
|
||||
height: 100vh;
|
||||
height: 96.7vh;
|
||||
width: 100vw;
|
||||
margin-left: 20rpx;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
|
||||
.contain-right-title {
|
||||
width: 100%;
|
||||
|
|
@ -2401,9 +2435,10 @@
|
|||
.contain-right-middle {
|
||||
width: 100%;
|
||||
height: 675rpx;
|
||||
margin-top: 20rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
// margin-top: 20rpx;
|
||||
// background-color: blue;
|
||||
|
||||
// border-radius: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2416,12 +2451,23 @@
|
|||
.middle-Y-father {
|
||||
display: flex;
|
||||
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 {
|
||||
min-width: 400rpx;
|
||||
max-width: 400rpx;
|
||||
height: 100%;
|
||||
background-color: #F9F9F9;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
margin-right: 24rpx;
|
||||
margin-bottom: 30rpx;
|
||||
|
|
@ -2447,7 +2493,7 @@
|
|||
align-items: center;
|
||||
|
||||
.right-title {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
white-space: nowrap;
|
||||
/* 不换行 */
|
||||
overflow: hidden;
|
||||
|
|
@ -2471,7 +2517,7 @@
|
|||
}
|
||||
|
||||
.wuliao-title {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 18rpx;
|
||||
margin-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2490,7 +2536,7 @@
|
|||
}
|
||||
|
||||
.wuliao-title-no {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 18rpx;
|
||||
margin-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2555,7 +2601,7 @@
|
|||
|
||||
.bottom-right-title {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height: 120rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -2563,7 +2609,7 @@
|
|||
// background-color: red;
|
||||
.title-left {
|
||||
font-weight: 600;
|
||||
font-size: 35rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.title-right {
|
||||
|
|
@ -2590,12 +2636,13 @@
|
|||
.gray-text {
|
||||
color: #999999;
|
||||
margin-bottom: 3rpx;
|
||||
font-size: 25rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.right-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 33rpx;
|
||||
color: #555555;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2979,6 +3026,7 @@
|
|||
font-weight: 700;
|
||||
border: 1rpx solid #00C9FF;
|
||||
}
|
||||
|
||||
// .title-ball:active {
|
||||
// background: linear-gradient(to top, #1083F8, #1083F8);
|
||||
// color: #fff;
|
||||
|
|
@ -3159,8 +3207,8 @@
|
|||
}
|
||||
|
||||
.jianhuobutton-gray-bad {
|
||||
background-color: #f8f8f8;
|
||||
color: #999;
|
||||
background: #fff;
|
||||
color: #ababab;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -3171,7 +3219,7 @@
|
|||
// box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1);
|
||||
// margin-left: 20rpx;
|
||||
margin-right: 35rpx;
|
||||
border: 1px solid #D9DADC;
|
||||
border: 1px solid #EEEFF1;
|
||||
}
|
||||
|
||||
.bottom-left:active,
|
||||
|
|
@ -3226,10 +3274,10 @@
|
|||
}
|
||||
|
||||
.contain-right-father {
|
||||
background-color: #fff;
|
||||
// background-color: red;
|
||||
width: 1305rpx;
|
||||
height: 600rpx;
|
||||
border-radius: 30rpx;
|
||||
// border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.middle-right-end {
|
||||
|
|
@ -3267,16 +3315,17 @@
|
|||
border-radius: 30rpx;
|
||||
|
||||
}
|
||||
|
||||
.que {
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
// margin: auto;
|
||||
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
view {
|
||||
margin-top: -30rpx;
|
||||
width: 100%;
|
||||
|
|
@ -3286,7 +3335,8 @@
|
|||
color: #555555;
|
||||
}
|
||||
}
|
||||
.center{
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -1,19 +1,18 @@
|
|||
<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="tlt">供应商</view>
|
||||
<view class="gssel" @click="gysflag = true">
|
||||
<view>
|
||||
{{gysarr[gysidnum]?.name}}
|
||||
</view>
|
||||
<text @click.stop="gysflag = !gysflag">
|
||||
<image class="guodu"
|
||||
:style="gysflag?'transform: rotate(180deg);':''"
|
||||
:src=" '/static/index/procurement/sj.png' "
|
||||
mode="aspectFill"></image>
|
||||
<text @click.stop="gysflag = !gysflag">
|
||||
<image class="guodu" :style="gysflag?'transform: rotate(180deg);':''"
|
||||
:src=" '/static/index/procurement/sj.png' " mode="aspectFill"></image>
|
||||
</text>
|
||||
</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">
|
||||
<view v-for="(v,i) in gysarr" :key='i' :class="gysidnum==i?'acts':''" @click="gysid(i)">
|
||||
<text>{{v.name}}</text>
|
||||
|
|
@ -24,60 +23,63 @@
|
|||
</view>
|
||||
<view class="calculator-father">
|
||||
<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`"
|
||||
@click="clickKuai(item,index)">
|
||||
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai"
|
||||
style="font-size: 33rpx;" v-if="item==`AC`" @click="clickKuai(item,index)">
|
||||
清零
|
||||
</view>
|
||||
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" 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>
|
||||
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai"
|
||||
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>
|
||||
</view>
|
||||
<view :class="blueNumber == index ? `calculator-kuai-target` : ``" class="calculator-kuai" v-else
|
||||
@click="clickKuai(item,index)">
|
||||
{{item}}
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="qinggou-font">
|
||||
采购数量 <text style="color: red;" v-if="sx==true">超过库存上限！</text>
|
||||
</view>
|
||||
<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 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}}
|
||||
</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 class="cgdw">
|
||||
<view class="leftr" @click.stop="cgdwflag = !cgdwflag,cgdwec = false">
|
||||
<view class="leftr" @click.stop="cgdwflag = !cgdwflag,cgdwec = false">
|
||||
<view>{{type.unit}}</view>
|
||||
<text>
|
||||
<image class="guodu"
|
||||
:style="!cgdwflag?'transform: rotate(180deg);':''"
|
||||
:src=" '/static/index/procurement/sj.png' "
|
||||
mode="aspectFill"></image>
|
||||
<image class="guodu" :style="!cgdwflag?'transform: rotate(180deg);':''"
|
||||
:src=" '/static/index/procurement/sj.png' " mode="aspectFill"></image>
|
||||
</text>
|
||||
</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="gysscrol guodu" v-if="cgdwec" :class="cgdwflag?'':'hei0'" >
|
||||
<view class="dwdw guodu" :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':''"
|
||||
@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>
|
||||
@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>
|
||||
<!-- <image src="/static/index/procurement/d.png" mode="aspectFill"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="plsbuy-bottom">
|
||||
<view class="quxiao" @click="colse">
|
||||
<view class="quxiao" @click="colse">
|
||||
取消
|
||||
</view>
|
||||
<view class="plsbuy-bottom-blue" @click="closeIt">
|
||||
|
|
@ -97,13 +99,13 @@
|
|||
nextTick,
|
||||
watch
|
||||
} from 'vue';
|
||||
const emit = defineEmits(['right','colse','jjnum'])
|
||||
const emit = defineEmits(['right', 'colse', 'jjnum'])
|
||||
const blueNumber = ref(-1);
|
||||
const gysflag = ref(false)
|
||||
const cgdwflag = ref(false)
|
||||
const sx = ref(false)
|
||||
const type = ref({})
|
||||
|
||||
|
||||
const downslength = ref(0);
|
||||
const gysarr = ref([])
|
||||
const cgdwarr = ref([])
|
||||
|
|
@ -111,10 +113,10 @@
|
|||
const props = defineProps({
|
||||
show: {
|
||||
type: Boolean,
|
||||
default:false
|
||||
default: false
|
||||
},
|
||||
caigouobj:{
|
||||
type:Object,
|
||||
caigouobj: {
|
||||
type: Object,
|
||||
required: true,
|
||||
}
|
||||
});
|
||||
|
|
@ -141,80 +143,80 @@
|
|||
// )
|
||||
const cgdwec = ref(false)
|
||||
const showbox = ref(false)
|
||||
watch(()=>cgdwflag.value,
|
||||
()=>{
|
||||
if(cgdwflag.value==true){
|
||||
setTimeout(()=>{
|
||||
watch(() => cgdwflag.value,
|
||||
() => {
|
||||
if (cgdwflag.value == true) {
|
||||
setTimeout(() => {
|
||||
cgdwec.value = true
|
||||
},200)
|
||||
}, 200)
|
||||
}
|
||||
})
|
||||
watch(
|
||||
()=>props.show,
|
||||
()=>{
|
||||
() => props.show,
|
||||
() => {
|
||||
console.log(props.caigouobj)
|
||||
if(props.show){
|
||||
if (props.show) {
|
||||
let a = [
|
||||
{
|
||||
multiUnitType:1,
|
||||
price:props.caigouobj.oneUnitPrice,
|
||||
unit:props.caigouobj.oneUnit,
|
||||
num:props.caigouobj.oneUnitProportion
|
||||
multiUnitType: 1,
|
||||
price: props.caigouobj.oneUnitPrice,
|
||||
unit: props.caigouobj.oneUnit,
|
||||
num: props.caigouobj.oneUnitProportion
|
||||
},
|
||||
{
|
||||
multiUnitType:2,
|
||||
price:props.caigouobj.twoUnitPrice,
|
||||
unit:props.caigouobj.twoUnit,
|
||||
num:props.caigouobj.twoUnitProportion
|
||||
multiUnitType: 2,
|
||||
price: props.caigouobj.twoUnitPrice,
|
||||
unit: props.caigouobj.twoUnit,
|
||||
num: props.caigouobj.twoUnitProportion
|
||||
},
|
||||
{
|
||||
multiUnitType:3,
|
||||
price:props.caigouobj.unitPrice?props.caigouobj.unitPrice:props.caigouobj.referenceUnitPrice,
|
||||
unit:props.caigouobj.materialUnits,
|
||||
num:1
|
||||
multiUnitType: 3,
|
||||
price: props.caigouobj.unitPrice ? props.caigouobj.unitPrice : props.caigouobj.referenceUnitPrice,
|
||||
unit: props.caigouobj.materialUnits,
|
||||
num: 1
|
||||
}
|
||||
];
|
||||
if(props.caigouobj.wlUnits){
|
||||
type.value = a.find(item=>
|
||||
if (props.caigouobj.wlUnits) {
|
||||
type.value = a.find(item =>
|
||||
item.unit == props.caigouobj.wlUnits
|
||||
);
|
||||
}else{
|
||||
type.value = a.find(item=>
|
||||
} else {
|
||||
type.value = a.find(item =>
|
||||
item.multiUnitType == props.caigouobj.multiUnitType
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
cgdwarr.value = []
|
||||
downslength.value = 0;
|
||||
a.forEach((element:any)=>{
|
||||
if(element.unit&&element.num){
|
||||
a.forEach((element : any) => {
|
||||
if (element.unit && element.num) {
|
||||
cgdwarr.value.push(element)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
let n = [];
|
||||
let id = [];
|
||||
gysarr.value = [];
|
||||
console.log("为啥报错",props.caigouobj)
|
||||
n = props.caigouobj.suppliers_dictText.split(/[, ]+/);
|
||||
id = props.caigouobj.suppliers.split(/[, ]+/);
|
||||
n.forEach((item,i)=>{
|
||||
gysarr.value.push({'name':item,'id':id[i]})
|
||||
|
||||
if(item==props.caigouobj.suppliersName){
|
||||
console.log("为啥报错", props.caigouobj)
|
||||
n = props.caigouobj.suppliers_dictText?.split(/[, ]+/);
|
||||
id = props.caigouobj.suppliers?.split(/[, ]+/);
|
||||
n.forEach((item, i) => {
|
||||
gysarr.value.push({ 'name': item, 'id': id[i] })
|
||||
|
||||
if (item == props.caigouobj.suppliersName) {
|
||||
gysid(i)
|
||||
}
|
||||
})
|
||||
if(props.caigouobj.purchaseQuantity){
|
||||
props.caigouobj.upperLimit=props.caigouobj.wlUpperLimit
|
||||
if (props.caigouobj.purchaseQuantity) {
|
||||
props.caigouobj.upperLimit = props.caigouobj.wlUpperLimit
|
||||
huansuan(props.caigouobj.purchaseQuantity)
|
||||
}else{
|
||||
} else {
|
||||
jssl()
|
||||
}
|
||||
setTimeout(()=>{
|
||||
setTimeout(() => {
|
||||
showbox.value = true;
|
||||
},50)
|
||||
}else{
|
||||
}, 50)
|
||||
} else {
|
||||
gysflag.value = false;
|
||||
cgdwflag.value = false;
|
||||
cgdwec.value = false;
|
||||
|
|
@ -226,33 +228,33 @@
|
|||
showbox.value = false;
|
||||
}, 400)
|
||||
}
|
||||
})
|
||||
const jssl=()=>{
|
||||
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
|
||||
let m = Math.floor(num/type.value.num)
|
||||
})
|
||||
const jssl = () => {
|
||||
let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
|
||||
let m = Math.floor(num / type.value.num)
|
||||
huansuan(m);
|
||||
cy()
|
||||
}
|
||||
const huansuan=(m:number)=>{
|
||||
const huansuan = (m : number) => {
|
||||
relNumber.value = m;
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value);
|
||||
}
|
||||
const cy=()=>{
|
||||
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
|
||||
let bl = relNumber.value*type.value.num
|
||||
if(bl>num){
|
||||
const cy = () => {
|
||||
let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
|
||||
let bl = relNumber.value * type.value.num
|
||||
if (bl > num) {
|
||||
sx.value = true
|
||||
}else{
|
||||
} else {
|
||||
sx.value = false
|
||||
}
|
||||
}
|
||||
const cd =(v,i)=>{
|
||||
const cd = (v, i) => {
|
||||
type.value = v;
|
||||
cgdwflag.value = false;
|
||||
cgdwec.value = false;
|
||||
jssl()
|
||||
}
|
||||
const gysid = (e:number)=>{
|
||||
const gysid = (e : number) => {
|
||||
gysidnum.value = e;
|
||||
gysflag.value = false;
|
||||
}
|
||||
|
|
@ -277,7 +279,7 @@
|
|||
cy()
|
||||
return
|
||||
}
|
||||
if(isZero.value == false){
|
||||
if (isZero.value == false) {
|
||||
isZero.value = true;
|
||||
relNumber.value = item;
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value);
|
||||
|
|
@ -298,40 +300,73 @@
|
|||
|
||||
}
|
||||
const InteroutId = ref(null)
|
||||
const handleTouchStart = (e:number)=> {
|
||||
Interval(e)
|
||||
const handleTouchStart = (e : number) => {
|
||||
|
||||
// Interval(e)
|
||||
}
|
||||
const handleTouchEnd=()=> {
|
||||
clearInterval(InteroutId.value);
|
||||
// 清除定时器
|
||||
let longPressTimer = null;
|
||||
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(() => {
|
||||
jjnum(e);
|
||||
}, 120);
|
||||
jjnum(e);
|
||||
}, 120);
|
||||
}
|
||||
const jjnum = (e:number)=>{
|
||||
let num = Number(props.caigouobj.upperLimit)-Number(props.caigouobj.kcsl);
|
||||
let m = Math.floor(num/type.value.num)
|
||||
if(m<=relNumber.value&&e==1){relNumber.value = m; return}
|
||||
if(relNumber.value<=1&&e==-1){relNumber.value = 1; return}
|
||||
relNumber.value+=e;
|
||||
const jjnum = (e : number) => {
|
||||
let num = Number(props.caigouobj.upperLimit) - Number(props.caigouobj.kcsl);
|
||||
let m = Math.floor(num / type.value.num)
|
||||
if (m <= relNumber.value && e == 1) { relNumber.value = m; return }
|
||||
if (relNumber.value <= 1 && e == -1) { relNumber.value = 1; return }
|
||||
relNumber.value += e;
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value)
|
||||
cy()
|
||||
// emit('jjnum',e)
|
||||
}
|
||||
const closeIt = () => {
|
||||
if(relNumber.value<1){
|
||||
if (relNumber.value < 1) {
|
||||
uni.showToast({
|
||||
title:'采购数量不能为0！',
|
||||
icon:'none'
|
||||
title: '采购数量不能为0！',
|
||||
icon: 'none'
|
||||
})
|
||||
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')
|
||||
}
|
||||
function digitCountByString(n) {
|
||||
|
|
@ -347,57 +382,67 @@
|
|||
<style lang="less" scoped>
|
||||
.hei0 {
|
||||
height: 0 !important;
|
||||
view{
|
||||
|
||||
view {
|
||||
height: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.unclass {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
.cgdw{
|
||||
|
||||
.cgdw {
|
||||
width: 24.3vw;
|
||||
display: flex;
|
||||
height: 3.3vw;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin :0.8vw auto 0;
|
||||
margin: 0.8vw auto 0;
|
||||
background: #F3F5F9;
|
||||
border-radius: 1.65vw;
|
||||
padding: 0 1vw;
|
||||
position: relative;
|
||||
text{
|
||||
|
||||
text {
|
||||
width: 3.3vw;
|
||||
height: 3.3vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 1.6vw;
|
||||
height: 1.6vw;
|
||||
}
|
||||
}
|
||||
.dwdw{
|
||||
|
||||
.dwdw {
|
||||
width: 24.3vw;
|
||||
// max-height: 21vh;
|
||||
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;
|
||||
padding: 0 1vw;
|
||||
position: absolute;
|
||||
left:0vw;
|
||||
left: 0vw;
|
||||
bottom: 3.5vw;
|
||||
z-index: 211;
|
||||
.gysscrol{
|
||||
|
||||
.gysscrol {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
// max-height: 21vw;
|
||||
>.acts{
|
||||
>.acts {
|
||||
color: #0385FA !important;
|
||||
image{
|
||||
|
||||
image {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
view{
|
||||
|
||||
view {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -409,14 +454,17 @@
|
|||
height: 7vh;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
text{
|
||||
|
||||
text {
|
||||
white-space: nowrap;
|
||||
padding-right: 1vw;
|
||||
}
|
||||
&:nth-child(1){
|
||||
|
||||
&:nth-child(1) {
|
||||
// margin-top: 1vw;
|
||||
}
|
||||
>image{
|
||||
|
||||
>image {
|
||||
position: absolute;
|
||||
right: -0.2vw;
|
||||
top: 50%;
|
||||
|
|
@ -428,11 +476,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tz{
|
||||
|
||||
.tz {
|
||||
width: 7vw;
|
||||
height: 3.3vw;
|
||||
background: rgba(255,255,255,0.6);
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
border-radius: 1.6vw;
|
||||
border: 1px solid #D9DADC;
|
||||
box-shadow: 0.05vw 0.5vw 0.5vw #dadee1;
|
||||
|
|
@ -443,52 +491,61 @@
|
|||
font-size: 1.5vw;
|
||||
color: #555555;
|
||||
}
|
||||
.leftr{
|
||||
|
||||
.leftr {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
white-space: nowrap;
|
||||
height: 3.3vw;
|
||||
view{
|
||||
|
||||
view {
|
||||
width: 8.6vw;
|
||||
font-weight: 400;
|
||||
font-size: 1.6vw;
|
||||
color: #555555;
|
||||
}
|
||||
text{
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 1.4vw;
|
||||
color: #888888;
|
||||
}
|
||||
}
|
||||
}
|
||||
.gys{
|
||||
|
||||
.gys {
|
||||
width: 100%;
|
||||
height: 7vw;
|
||||
position: relative;
|
||||
margin-top: 0.5vw;
|
||||
>.tanchu{
|
||||
|
||||
>.tanchu {
|
||||
width: 24.5vw;
|
||||
max-height: 35vh;
|
||||
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;
|
||||
padding: 0 1.4vw;
|
||||
position: absolute;
|
||||
left: 3vw;
|
||||
top: 6.5vw;
|
||||
z-index: 211;
|
||||
.gysscrol{
|
||||
|
||||
.gysscrol {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.acts{
|
||||
|
||||
.acts {
|
||||
color: #0385FA !important;
|
||||
image{
|
||||
|
||||
image {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
view{
|
||||
|
||||
view {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -500,10 +557,12 @@
|
|||
// margin-bottom: 1.2vw;
|
||||
// padding-right: 1.5vw;
|
||||
position: relative;
|
||||
&:nth-child(1){
|
||||
|
||||
&:nth-child(1) {
|
||||
// margin-top: 1.2vw;
|
||||
}
|
||||
image{
|
||||
|
||||
image {
|
||||
position: absolute;
|
||||
right: 0.2vw;
|
||||
top: 50%;
|
||||
|
|
@ -514,30 +573,34 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.gssel{
|
||||
width: 24.3vw;
|
||||
|
||||
.gssel {
|
||||
width: 26vw;
|
||||
display: flex;
|
||||
height: 3.3vw;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin :0.8vw auto 0;
|
||||
margin: 0.8vw auto 0;
|
||||
background: #F3F5F9;
|
||||
border-radius: 1.65vw;
|
||||
padding: 0 1vw;
|
||||
text{
|
||||
|
||||
text {
|
||||
width: 3.3vw;
|
||||
height: 3.3vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 1.6vw;
|
||||
height: 1.6vw;
|
||||
}
|
||||
}
|
||||
view{
|
||||
|
||||
view {
|
||||
width: 22vw;
|
||||
height: 3.3vw;
|
||||
white-space: nowrap;
|
||||
|
|
@ -549,7 +612,8 @@
|
|||
line-height: 3.3vw;
|
||||
}
|
||||
}
|
||||
.tlt{
|
||||
|
||||
.tlt {
|
||||
font-weight: bold;
|
||||
font-size: 1.5vw;
|
||||
color: #333333;
|
||||
|
|
@ -557,44 +621,47 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.plsbuy-contain {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 32vw;
|
||||
width: 34vw;
|
||||
height: 95vh;
|
||||
background: rgba(250, 251, 252, 1);
|
||||
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;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 32vw;
|
||||
position: fixed;
|
||||
padding:1.5vw 1vw;
|
||||
padding: 1.5vw 0vw;
|
||||
}
|
||||
|
||||
|
||||
.plsbuy-bottom {
|
||||
width: 90%;
|
||||
width: 75%;
|
||||
margin-top: 3vw;
|
||||
height: 7vw;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
font-size: 35rpx;
|
||||
view{
|
||||
|
||||
view {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 9vw;
|
||||
height: 3.8vw;
|
||||
color: rgba(92, 121, 146, 1);
|
||||
border-radius:1.9vw;
|
||||
border-radius: 1.9vw;
|
||||
font-size: 1.8vw;
|
||||
border: 1px solid #EDEDEF;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
.quxiao{
|
||||
|
||||
.quxiao {
|
||||
min-width: 8vw;
|
||||
height: 3.8vw;
|
||||
background: #EDEDEF;
|
||||
|
|
@ -610,9 +677,10 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.plsbuy-bottom-blue {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
|
@ -620,10 +688,12 @@
|
|||
.calculator-father {
|
||||
width: 25vw;
|
||||
height: 45vh;
|
||||
margin :0 auto 0;
|
||||
margin-left: -20rpx;
|
||||
// margin: 0 auto 0;
|
||||
flex-wrap: wrap;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
|
||||
.calculator-kuai {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -633,10 +703,11 @@
|
|||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
margin: 12rpx 20rpx 0 20rpx;
|
||||
width: 6.1vw;
|
||||
height: 6.1vw;
|
||||
width: 7vw;
|
||||
height: 6.1vw;
|
||||
}
|
||||
.calculator-kuai:active{
|
||||
|
||||
.calculator-kuai:active {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
color: #fff;
|
||||
font-size: 45rpx;
|
||||
|
|
@ -647,12 +718,13 @@
|
|||
|
||||
.stringShow-father {
|
||||
width: 100%;
|
||||
height:7vw;
|
||||
margin-top:0.5vw;
|
||||
height: 7vw;
|
||||
margin-top: 0.5vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.jj{
|
||||
|
||||
.jj {
|
||||
width: 5vw;
|
||||
height: 5vw;
|
||||
margin: 0 1vw;
|
||||
|
|
@ -664,7 +736,8 @@
|
|||
border-radius: 25rpx;
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.jj:active{
|
||||
|
||||
.jj:active {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
|
|
@ -675,25 +748,27 @@
|
|||
font-size: 45rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.stringShow-kuai {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 11.5vw;
|
||||
width: 14vw;
|
||||
height: 5vw;
|
||||
background: #F3F5F9;
|
||||
border-radius: 1vw;
|
||||
border: 1px solid #CBCFD0;
|
||||
justify-content: space-around;
|
||||
box-shadow: 0rpx 0.1vw 0.3vw 0rpx rgba(140,143,153,0.17) inset;
|
||||
view{
|
||||
box-shadow: 0rpx 0.1vw 0.3vw 0rpx rgba(140, 143, 153, 0.17) inset;
|
||||
|
||||
view {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
width:2.5vw;
|
||||
width: 2.5vw;
|
||||
height: 5vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -702,15 +777,17 @@
|
|||
font-weight: 500;
|
||||
margin: 0.8vw auto 0;
|
||||
}
|
||||
|
||||
.mengban {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index:210;
|
||||
z-index: 210;
|
||||
background: RGBA(239, 240, 244, 0);
|
||||
}
|
||||
|
||||
.guodu {
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
|
|
|
|||
|
|
@ -58,9 +58,12 @@
|
|||
<view v-if="v.isAdd==1">已添加</view>
|
||||
<image :src="'/static/index/procurement/+.png'" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="zkadd guodu" :class="v.isAdd==1?'zkf':''">
|
||||
<view @click.stop="crk(v,index)" @touchend.stop>出入库</view>
|
||||
<view @click.stop="addcar(v,index)" v-if="v.isAdd!=1" @touchend.stop>
|
||||
<view class="zkadd guodu" :class="v.isAdd==1?'':''">
|
||||
<view v-if="v.isAdd==1">
|
||||
|
||||
</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>
|
||||
|
|
@ -219,27 +222,26 @@
|
|||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
text-align: center;
|
||||
|
||||
&:nth-child(2) {
|
||||
background: #1083F8;
|
||||
color: #fff;
|
||||
|
||||
view {
|
||||
width: 3.8vw;
|
||||
height: 3.8vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -0.7vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
background: #e3e5e7;
|
||||
color: #555555;
|
||||
|
||||
}
|
||||
.zkadd-blue{
|
||||
background: #1083F8;
|
||||
color: #fff;
|
||||
|
||||
view {
|
||||
width: 3.8vw;
|
||||
height: 3.8vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -0.7vw;
|
||||
}
|
||||
}
|
||||
|
||||
.zkadd-white{
|
||||
background: #e3e5e7;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
|
||||
.zkf {
|
||||
|
|
@ -259,13 +261,13 @@
|
|||
// top: 0.8vw;
|
||||
right:0.8vw;
|
||||
>view {
|
||||
width: 4.5vw;
|
||||
height: 1.8vw;
|
||||
width: 5.5vw;
|
||||
height: 2.2vw;
|
||||
background: #E3EEF7;
|
||||
border-radius: 0.9vw;
|
||||
border: 1px solid rgba(3, 133, 250, 0.34);
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
font-size: 1.4vw;
|
||||
color: #1083F8;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,8 @@
|
|||
:scroll-left="v.scrollleft" @scroll="scroll" :class="v.flag?'actve':''">
|
||||
<view class="speitem guodu">
|
||||
<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">
|
||||
</image>
|
||||
</view>
|
||||
|
|
@ -52,16 +53,22 @@
|
|||
</view>
|
||||
<view>
|
||||
|
||||
<view>
|
||||
<text>{{v.kcsl?v.kcsl:'0'}}</text>
|
||||
<view class="three-one">
|
||||
<text style="margin-left: 35rpx;">{{v.kcsl?v.kcsl:'0'}}</text>
|
||||
<text>库存数量</text>
|
||||
<view class="three-shu">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<text>{{v.wlUpperLimit}}</text>
|
||||
<view class="three-one">
|
||||
<text style="text-align: center;">{{v.wlUpperLimit}}</text>
|
||||
<text>物料上限 ↑</text>
|
||||
<view class="three-shu">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<text>{{v.wlLowerLimit}}</text>
|
||||
<view class="three-one">
|
||||
<text style="text-align: end;margin-right: 20rpx;">{{v.wlLowerLimit}}</text>
|
||||
<text>↓ 物料下限</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -261,6 +268,7 @@
|
|||
white-space: nowrap;
|
||||
border-radius: 1.6vw;
|
||||
border: 2px solid rgba(245, 246, 248, 1);
|
||||
|
||||
|
||||
.zkadd {
|
||||
width: 10vw;
|
||||
|
|
@ -360,31 +368,33 @@
|
|||
|
||||
&:nth-child(7) {
|
||||
width: 25vw;
|
||||
height: 3.4vw;
|
||||
// height: 2.5vw;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
position: relative;
|
||||
left: -1.3vw;
|
||||
top: 1.3vw;
|
||||
top: 3.5vw;
|
||||
|
||||
>view {
|
||||
width: 31%;
|
||||
height: 100%;
|
||||
.three-one {
|
||||
width: 33%;
|
||||
// height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
|
||||
// background-color: blue;
|
||||
// border: 2rpx solid black;
|
||||
|
||||
// &:nth-child(1) {
|
||||
// text-align: center;
|
||||
// }
|
||||
&:nth-child(1) &:nth-child(2),
|
||||
&:nth-child(3),
|
||||
{
|
||||
text-align: center;
|
||||
// align-items: center;
|
||||
// text-align: center;
|
||||
position: relative;
|
||||
|
||||
.three-shu{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
height: 60%;
|
||||
width: 2rpx;
|
||||
background-color: #dddddd;
|
||||
}
|
||||
// background-color: red;
|
||||
}
|
||||
|
||||
text {
|
||||
|
|
@ -398,8 +408,33 @@
|
|||
font-weight: 400;
|
||||
font-size: 1.3vw;
|
||||
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;
|
||||
margin-bottom: 0.5vw;
|
||||
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 1.4vw;
|
||||
|
|
@ -441,7 +477,7 @@
|
|||
align-items: center;
|
||||
height: 1.8vw;
|
||||
margin-bottom: 1.2vw;
|
||||
margin-top: 2.3vw;
|
||||
margin-top: 1.5vw;
|
||||
|
||||
// margin-top: -0.4vw;
|
||||
>view {
|
||||
|
|
@ -475,22 +511,24 @@
|
|||
flex-direction: column;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
top: -3vw;
|
||||
top: -4vw;
|
||||
// background-color: red;
|
||||
|
||||
.cardp {
|
||||
width: 100%;
|
||||
padding-left: 1vw;
|
||||
height: 4vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
// flex-wrap: wrap;
|
||||
margin-top: 3vw;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
flex-wrap: wrap;
|
||||
// margin: 0 auto 0;
|
||||
// align-items: center;
|
||||
|
||||
view {
|
||||
min-width: 9vw;
|
||||
min-height: 2vw;
|
||||
min-width: 7vw;
|
||||
height: 2vw;
|
||||
border-radius: 0.9vw;
|
||||
border: 1px solid #D2D2D2;
|
||||
margin: 0.7vw 0 0 0.5vw;
|
||||
|
|
@ -518,13 +556,27 @@
|
|||
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 {
|
||||
width: 13vw;
|
||||
height: 13vw;
|
||||
margin: -0.5vw auto 0.25vw;
|
||||
margin: 0vw auto 0.25vw;
|
||||
padding: 0.2vw;
|
||||
background: #fff;
|
||||
border-radius: 1.1vw;
|
||||
|
|
@ -543,7 +595,8 @@
|
|||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.right-top{
|
||||
|
||||
.right-top {
|
||||
top: 2vw;
|
||||
right: 2vw;
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -26,6 +26,8 @@
|
|||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
// background-color: red;
|
||||
|
||||
image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
|
|||
|
|
@ -36,8 +36,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="more-view">
|
||||
<image src="/static/backmore.png" mode="aspectFill" class="more"
|
||||
@click.stop="backmoreopen=!backmoreopen"></image>
|
||||
<image src="/static/backmore.png" mode="aspectFill" class="more" :style="Material.length?{}:{opacity:`0.3`}"
|
||||
@click.stop="openmore()"></image>
|
||||
<view class="more-view-button" @click.stop v-show="backmoreopen">
|
||||
|
||||
<view class="more-whitebutton" @click="moredex=1;Invenshow=true;backmoreopen=false">
|
||||
|
|
@ -404,6 +404,7 @@
|
|||
const addcartory = (e : any) => {
|
||||
// e把index覆盖了导致index永远是0
|
||||
// console.log("我要测试",e)
|
||||
console.log("啥啊",e)
|
||||
if(!e.suppliers_dictText || !e.suppliers){
|
||||
openerror.value = true;
|
||||
errmsg.value = `此物料暂无供应商，请联系管理员`
|
||||
|
|
@ -536,6 +537,11 @@
|
|||
chongzhi()
|
||||
})
|
||||
}
|
||||
const openmore = () => {
|
||||
if(Material.value.length){
|
||||
backmoreopen.value = !backmoreopen.value
|
||||
}
|
||||
}
|
||||
defineExpose({
|
||||
gwcsx
|
||||
})
|
||||
|
|
@ -939,7 +945,8 @@
|
|||
image {
|
||||
width: 2.2vw;
|
||||
height: 2.2vw;
|
||||
margin: 0 0.5vw;
|
||||
// margin: 0 0.5vw;
|
||||
margin-right: 1.5vw;
|
||||
}
|
||||
|
||||
input {
|
||||
|
|
|
|||
|
|
@ -45,7 +45,10 @@
|
|||
<!-- 筛选 -->
|
||||
<view class="mengban" v-if="ification" @click="ification = false"></view>
|
||||
<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>
|
||||
<calculator :show="addflag" :caigouobj="caigouobj" @colse="addflag = false" @right="right"></calculator>
|
||||
|
|
@ -280,7 +283,7 @@
|
|||
}
|
||||
})
|
||||
caigouarr.value = arr;
|
||||
console.log("????", arr)
|
||||
console.log("????", caigouarr.value)
|
||||
if (arr.length == 0) {
|
||||
uni.showToast({
|
||||
title: '请选择物料!',
|
||||
|
|
@ -312,6 +315,7 @@
|
|||
margin: 0.7vw 0 0;
|
||||
overflow: hidden;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
.leftbtn {
|
||||
width: 50vw;
|
||||
|
|
@ -477,6 +481,16 @@
|
|||
top: 48%;
|
||||
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>
|
||||
/* page {
|
||||
|
|
|
|||
|
|
@ -215,12 +215,23 @@
|
|||
<view class="right-title">
|
||||
{{ item.materialInfo.materialName }}
|
||||
</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 class="right-mm">
|
||||
{{ item.materialInfo.materialNo }}
|
||||
<view style="display: flex;margin-top: 10rpx;">
|
||||
<view class="right-setting">
|
||||
规格型号：
|
||||
</view>
|
||||
<view class="right-mm">
|
||||
{{ item.materialInfo.specificationModel }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="right-down">
|
||||
<view class="">
|
||||
<view class="right-first-num">
|
||||
|
|
@ -243,6 +254,36 @@
|
|||
</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>
|
||||
<defaultr cont="暂无数据" v-if="rightarray.length==0 && rightdonghua"
|
||||
style="width: 30%;height: 30%;position: absolute;">
|
||||
|
|
@ -400,6 +441,7 @@
|
|||
queryQldWlInfo({ qldNo: res.result.records[0].qldNo }).then((element : any) => {
|
||||
rightarray.value = []
|
||||
rightarray.value.push(...element.result)
|
||||
console.log("看看参数", rightarray.value)
|
||||
rightdonghua.value = true;
|
||||
})
|
||||
} else {
|
||||
|
|
@ -747,7 +789,7 @@
|
|||
}
|
||||
|
||||
.title-input {
|
||||
width: 405rpx;
|
||||
width: 420rpx;
|
||||
height: 5.1vh;
|
||||
background-color: #fff;
|
||||
font-size: 27.5rpx;
|
||||
|
|
@ -1167,29 +1209,42 @@
|
|||
padding-left: 15rpx;
|
||||
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 {
|
||||
width: 592rpx;
|
||||
height: 270rpx;
|
||||
height: 365rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-bottom: 15rpx;
|
||||
background-color: #F9F9F9;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
border: 1rpx solid #c9c9c9;
|
||||
|
||||
.right-one-left {
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
width: 40%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
// justify-content: space-around;
|
||||
padding: 0.5vw 0;
|
||||
|
||||
.bgimg {
|
||||
width: 6.5vw;
|
||||
height: 6vw;
|
||||
width: 8vw;
|
||||
height: 8vw;
|
||||
margin: 0.3vw auto 0.25vw;
|
||||
border-radius: 1.1vw;
|
||||
background: #fff;
|
||||
|
|
@ -1206,13 +1261,14 @@
|
|||
}
|
||||
|
||||
.left-tages {
|
||||
width: 130rpx;
|
||||
height: 36rpx;
|
||||
margin-bottom: 5rpx;
|
||||
width: 140rpx;
|
||||
// height: 36rpx;
|
||||
border-radius: 30rpx;
|
||||
color: #555555;
|
||||
border: 1rpx solid #D2D2D2;
|
||||
margin-top: 5rpx;
|
||||
font-size: 20rpx;
|
||||
font-size: 22rpx;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
|
@ -1226,9 +1282,9 @@
|
|||
width: 60%;
|
||||
|
||||
.right-title {
|
||||
font-size: 34rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
margin-top: 25rpx;
|
||||
margin-top: 40rpx;
|
||||
color: #222222;
|
||||
width: 300rpx;
|
||||
overflow: hidden;
|
||||
|
|
@ -1242,27 +1298,31 @@
|
|||
.right-setting {
|
||||
color: #888888;
|
||||
margin-top: 5rpx;
|
||||
font-size: 25rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.right-mm {
|
||||
color: #555555;
|
||||
font-size: 28rpx;
|
||||
font-size: 30rpx;
|
||||
width: 200rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.right-down {
|
||||
display: flex;
|
||||
margin-top: 15rpx;
|
||||
margin-top: 50rpx;
|
||||
|
||||
.right-first-num {
|
||||
font-size: 35rpx;
|
||||
font-size: 38rpx;
|
||||
color: #555555;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.right-first-type {
|
||||
color: #888888;
|
||||
font-size: 23rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.right-shu {
|
||||
|
|
@ -1442,8 +1502,33 @@
|
|||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
left: 370rpx;
|
||||
top: 47%;
|
||||
left: 380rpx;
|
||||
top: 42%;
|
||||
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>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
</text>
|
||||
|
||||
<view class="title-right-big">
|
||||
{{ Number(v.totalPrice ).toFixed(2) }}
|
||||
{{ Number(v.totalPrice ) < 10000? Number(v.totalPrice).toFixed(2) : Number(v.totalPrice) }}
|
||||
</view>
|
||||
|
||||
<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">
|
||||
<view class="middle-Y-father">
|
||||
<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)">
|
||||
<image class="middle-img"
|
||||
:src="v.materialImg?serverUrl + v.materialImg : '/static/index/warehouse/procurement/k.png'"
|
||||
|
|
@ -167,6 +167,24 @@
|
|||
</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>
|
||||
</scroll-view>
|
||||
<view class="wuliao-title">
|
||||
|
|
@ -216,7 +234,7 @@
|
|||
<view class="middle-onecard">
|
||||
<view class="threeone">
|
||||
<view class="gray-text">
|
||||
物料编号
|
||||
物料编码
|
||||
</view>
|
||||
<view class="right-text">
|
||||
{{ showvalue?.wlMaterialNo }}
|
||||
|
|
@ -748,7 +766,7 @@
|
|||
}
|
||||
|
||||
.title-input {
|
||||
width: 68%;
|
||||
width: 82%;
|
||||
height: 5.1vh;
|
||||
background-color: #fff;
|
||||
font-size: 27.5rpx;
|
||||
|
|
@ -801,10 +819,11 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 5rpx;
|
||||
|
||||
.title-left {
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
font-size: 35rpx;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
|
|
@ -911,7 +930,7 @@
|
|||
.pls-card-end {
|
||||
width: 100%;
|
||||
height: 7vh;
|
||||
|
||||
margin-top: 1vh;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
|
@ -986,8 +1005,8 @@
|
|||
// background-color: red;
|
||||
|
||||
.contain-right-title {
|
||||
margin-top: 16rpx;
|
||||
margin-right: 20rpx;
|
||||
margin-top: 27rpx;
|
||||
padding-right: 17rpx;
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
|
|
@ -1042,11 +1061,21 @@
|
|||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
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 {
|
||||
width: 610rpx;
|
||||
height: 200rpx;
|
||||
background-color: #F9F9F9;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
|
|
@ -1100,19 +1129,19 @@
|
|||
// }
|
||||
|
||||
.wuliao-title {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 10rpx;
|
||||
margin-left: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
width: 200rpx;
|
||||
|
||||
.wuliao-heng {
|
||||
background-color: #1083F8;
|
||||
width: 40rpx;
|
||||
min-height: 5rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
|
@ -1126,13 +1155,14 @@
|
|||
.right-bottom-left {
|
||||
height: 100%;
|
||||
width: 30%;
|
||||
padding-left: 55rpx;
|
||||
padding-left: 30rpx;
|
||||
padding-top: 30rpx;
|
||||
|
||||
.left-img {
|
||||
width: 270rpx;
|
||||
height: 270rpx;
|
||||
margin-left: 2vw;
|
||||
margin-top: 5vw;
|
||||
width: 250rpx;
|
||||
height: 250rpx;
|
||||
margin-left: 50rpx;
|
||||
margin-top: 2vw;
|
||||
border-radius: 1vw;
|
||||
}
|
||||
|
||||
|
|
@ -1164,7 +1194,7 @@
|
|||
|
||||
.bottom-right-title {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height: 120rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -1172,7 +1202,7 @@
|
|||
// background-color: red;
|
||||
.title-left {
|
||||
font-weight: 600;
|
||||
font-size: 35rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.title-right {
|
||||
|
|
@ -1202,13 +1232,13 @@
|
|||
.gray-text {
|
||||
color: #999999;
|
||||
margin-bottom: 3rpx;
|
||||
font-size: 25rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.right-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 33rpx;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1229,8 +1259,8 @@
|
|||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
position: absolute;
|
||||
right: 190rpx;
|
||||
top: 48%;
|
||||
right: 110rpx;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
|
|
@ -1578,4 +1608,29 @@
|
|||
-webkit-transform-style: preserve-3d;
|
||||
-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>
|
||||
|
|
@ -617,7 +617,7 @@
|
|||
.right-right {
|
||||
position: absolute;
|
||||
right: -20rpx;
|
||||
top: 80rpx;
|
||||
top: 60rpx;
|
||||
height: calc(100% - 250rpx);
|
||||
width: 570rpx;
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Loading…
Reference in New Issue