采购冲突
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<view class="title">退出登录</view>
|
||||
<view class="card-font">
|
||||
确定要注销130******31账户吗
|
||||
确定要注销账户吗
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -2,81 +2,62 @@
|
|||
<view class="move-circle" :style="{ bottom: `${movebottom}rpx`, left: `${moveleft}rpx` }">
|
||||
|
||||
<!-- 返回 -->
|
||||
<view
|
||||
:class="beblue === 5 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(5)"
|
||||
@longpress="() => onLongPressStart(5)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 5 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<span style="z-index: 1;font-size: 30rpx;" :class="beblue === 5 ? 'grad-text' : ''">{{leftbuttonname}}</span>
|
||||
<view :class="beblue === 5 ? 'click-box-target' : 'click-box'" @tap="onTap(5)"
|
||||
@longpress="() => onLongPressStart(5)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 5 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<span style="z-index: 1;font-size: 30rpx;"
|
||||
:class="beblue === 5 ? 'grad-text' : ''">{{leftbuttonname}}</span>
|
||||
</view>
|
||||
|
||||
<!-- 上 -->
|
||||
<view
|
||||
:class="beblue === 0 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(0)"
|
||||
@longpress="() => onLongPressStart(0)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 0 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<view :class="beblue === 0 ? 'click-box-target' : 'click-box'" @tap="onTap(0)"
|
||||
@longpress="() => onLongPressStart(0)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 0 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image :src="`/static/index/newruler/fangxiang${beblue===0 ? 'target' : ''}.png`" class="image-photo" />
|
||||
</view>
|
||||
|
||||
<!-- 确定 -->
|
||||
<view
|
||||
:class="beblue === 4 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(4)"
|
||||
@longpress="() => onLongPressStart(4)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 4 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<span style="z-index: 1;font-size: 30rpx;" :class="beblue === 4 ? 'grad-text' : ''">{{rightbuttonname}}</span>
|
||||
<view :class="beblue === 4 ? 'click-box-target' : 'click-box'" @tap="onTap(4)"
|
||||
@longpress="() => onLongPressStart(4)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 4 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<span style="z-index: 1;font-size: 30rpx;"
|
||||
:class="beblue === 4 ? 'grad-text' : ''">{{rightbuttonname}}</span>
|
||||
</view>
|
||||
|
||||
<!-- 左 -->
|
||||
<view
|
||||
:class="beblue === 3 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(3)"
|
||||
@longpress="() => onLongPressStart(3)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 3 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(270deg);transform-origin: center;" :src="`/static/index/newruler/fangxiang${beblue===3 ? 'target' : ''}.png`" class="image-photo" />
|
||||
<view :class="beblue === 3 ? 'click-box-target' : 'click-box'" @tap="onTap(3)"
|
||||
@longpress="() => onLongPressStart(3)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 3 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(270deg);transform-origin: center;"
|
||||
:src="`/static/index/newruler/fangxiang${beblue===3 ? 'target' : ''}.png`" class="image-photo" />
|
||||
</view>
|
||||
|
||||
<!-- 下 -->
|
||||
<view
|
||||
:class="beblue === 2 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(2)"
|
||||
@longpress="() => onLongPressStart(2)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 2 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(180deg);transform-origin: center;" :src="`/static/index/newruler/fangxiang${beblue===2 ? 'target' : ''}.png`" class="image-photo" />
|
||||
<view :class="beblue === 2 ? 'click-box-target' : 'click-box'" @tap="onTap(2)"
|
||||
@longpress="() => onLongPressStart(2)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 2 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(180deg);transform-origin: center;"
|
||||
:src="`/static/index/newruler/fangxiang${beblue===2 ? 'target' : ''}.png`" class="image-photo" />
|
||||
</view>
|
||||
|
||||
<!-- 右 -->
|
||||
<view
|
||||
:class="beblue === 1 ? 'click-box-target' : 'click-box'"
|
||||
@tap="onTap(1)"
|
||||
@longpress="() => onLongPressStart(1)"
|
||||
@touchend="onLongPressEnd"
|
||||
@touchcancel="onLongPressEnd"
|
||||
style="position: relative;"
|
||||
>
|
||||
<image :src="`/static/index/newruler/${beblue === 1 ? 1:0}.png`" style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(90deg);transform-origin: center;" :src="`/static/index/newruler/fangxiang${beblue===1 ? 'target' : ''}.png`" class="image-photo" />
|
||||
<view :class="beblue === 1 ? 'click-box-target' : 'click-box'" @tap="onTap(1)"
|
||||
@longpress="() => onLongPressStart(1)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||
style="position: relative;">
|
||||
<image :src="`/static/index/newruler/${beblue === 1 ? 1:0}.png`"
|
||||
style="position: absolute;width: 100%; height: 100%;" />
|
||||
<image style="transform: rotate(90deg);transform-origin: center;"
|
||||
:src="`/static/index/newruler/fangxiang${beblue===1 ? 'target' : ''}.png`" class="image-photo" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -114,19 +95,20 @@ function clearLongPressTimer() {
|
|||
isLongPress = false
|
||||
activeLongPressDir = null
|
||||
}
|
||||
|
||||
let _lastMovecard = 0;
|
||||
// 单击(或短按)
|
||||
function onTap(dir : number) {
|
||||
clearLongPressTimer()
|
||||
clearClickResetTimer()
|
||||
|
||||
beblue.value = dir
|
||||
emit('movecard', dir)
|
||||
|
||||
clickResetTimer = setTimeout(() => {
|
||||
beblue.value = -1
|
||||
clickResetTimer = null
|
||||
}, 500)
|
||||
const now = Date.now();
|
||||
if (now - _lastMovecard < 200) return; // 500ms 内忽略
|
||||
_lastMovecard = now;
|
||||
beblue.value = dir
|
||||
emit('movecard', dir)
|
||||
}
|
||||
|
||||
// 长按开始
|
||||
|
|
@ -202,10 +184,21 @@ onBeforeUnmount(() => {
|
|||
}
|
||||
|
||||
@keyframes scalePulse {
|
||||
0% { transform: scale(1); }
|
||||
25% { transform: scale(0.94); }
|
||||
65% { transform: scale(1.08); }
|
||||
100% { transform: scale(1); }
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: scale(0.94);
|
||||
}
|
||||
|
||||
65% {
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.grad-text {
|
||||
|
|
|
|||
|
|
@ -171,33 +171,32 @@
|
|||
/* ==================
|
||||
按钮
|
||||
==================== */
|
||||
|
||||
.zy-btn {
|
||||
/* position: relative;
|
||||
border: 0upx; */
|
||||
/* display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center; */
|
||||
/* box-sizing: border-box; */
|
||||
/* padding: 0 30upx; */
|
||||
/* font-size: 28upx; */
|
||||
/* height: 64upx; */
|
||||
/* line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
margin-left: initial;
|
||||
transform: translate(0upx, 0upx);
|
||||
margin-right: initial; */
|
||||
.zy-quxiao{
|
||||
height: 90rpx;
|
||||
width: 550rpx;
|
||||
/* margin: 0 auto; */
|
||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||||
width: 200rpx;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
color: gray;
|
||||
font-size: 32rpx;
|
||||
border: 2rpx solid lightgray;
|
||||
color: gray;
|
||||
}
|
||||
.zy-btn {
|
||||
height: 90rpx;
|
||||
width: 200rpx;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
background: url('/static/index/warehouse/procurement/sh.png')no-repeat;
|
||||
border: 1px solid rgba(0, 155, 252, 1);
|
||||
color: #1083F8;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* color: #fff; */
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
|
|
@ -206,7 +205,7 @@
|
|||
}
|
||||
|
||||
.zy-btn:not([class*="bg-"]) {
|
||||
background-color: #f0f0f0;
|
||||
/* background-color: #f0f0f0; */
|
||||
}
|
||||
|
||||
.zy-btn[class*="line"] {
|
||||
|
|
@ -472,7 +471,7 @@ button.cuIcon.lg {
|
|||
}
|
||||
|
||||
.padding-xl {
|
||||
padding: 50upx;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.padding-top-xs {
|
||||
|
|
@ -621,8 +620,9 @@ button.cuIcon.lg {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0 20rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zy-bar .action.border-title {
|
||||
|
|
@ -683,6 +683,7 @@ button.cuIcon.lg {
|
|||
.zy-bar .action:first-child {
|
||||
margin-left: 30upx;
|
||||
font-size: 30upx;
|
||||
|
||||
}
|
||||
|
||||
.zy-bar .action text.text-cut {
|
||||
|
|
@ -1281,8 +1282,8 @@ button.cuIcon.lg {
|
|||
}
|
||||
|
||||
.bg-blue {
|
||||
background-color: #0081ff;
|
||||
color: #ffffff;
|
||||
/* background-color: #0081ff; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
|
||||
.bg-purple {
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<text class="flex-wrap" style="margin-top: 10rpx;">{{version}}</text>
|
||||
</view>
|
||||
<view class="padding-xl bg-white text-left">
|
||||
<scroll-view style="max-height: 200rpx;text-align: center;" scroll-y="auto" v-if="!update_flag">
|
||||
<scroll-view class="scroll-box" scroll-y="true" v-if="!update_flag">
|
||||
<text>{{update_tips}}</text>
|
||||
</scroll-view>
|
||||
<view class="zy-progress radius striped active" v-if="update_flag">
|
||||
|
|
@ -26,11 +26,14 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="zy-bar bg-white " style="justify-content: center;display: flex;margin-bottom: 60rpx;">
|
||||
<view class="action" v-if="!update_flag">
|
||||
<view class="action" v-if="!update_flag && forceupgrade">
|
||||
<button class="zy-btn" :class="'bg-'+theme" @click="upgrade_checked">确认升级</button>
|
||||
<button class="zy-btn margin-left" :class="'line-'+theme"
|
||||
v-if="!forceupgrade"
|
||||
@click="upgrade_cancel">取消升级</button>
|
||||
|
||||
</view>
|
||||
<view class="action" v-if="!update_flag && !forceupgrade">
|
||||
<view class="zy-btn" @click="upgrade_checked">确认升级</view>
|
||||
<view class="zy-quxiao"
|
||||
v-if="!forceupgrade" @click="upgrade_cancel">取消升级</view>
|
||||
</view>
|
||||
<view class="action text-center" v-if="update_flag&&!forceupgrade">
|
||||
<button class="zy-btn" :class="'bg-'+theme" @click="upgrade_break">中断升级</button>
|
||||
|
|
@ -309,4 +312,24 @@
|
|||
font-weight: 600;
|
||||
/* color: white; */
|
||||
}
|
||||
.scroll-box{
|
||||
height: 200rpx;
|
||||
}
|
||||
/* ✅ 显示滚动条(App / H5 都有效) */
|
||||
.scroll-box::-webkit-scrollbar {
|
||||
width: 8rpx; /* 滚动条宽度 */
|
||||
}
|
||||
|
||||
::v-deep ::-webkit-scrollbar {
|
||||
/* 滚动条整体样式 */
|
||||
display: block !important;
|
||||
width: 7rpx;
|
||||
}
|
||||
::v-deep ::-webkit-scrollbar-thumb {
|
||||
/* 滚动条里面小方块 */
|
||||
border-radius: 5rpx !important;
|
||||
box-shadow: inset 0 0 1rpx rgba(0, 0, 0, 0.2) !important;
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
40
pages.json
|
|
@ -1,8 +1,5 @@
|
|||
{
|
||||
"pages": [
|
||||
//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
||||
// 主页
|
||||
// 登录
|
||||
{
|
||||
"path": "pages/login/login",
|
||||
"style": {
|
||||
|
|
@ -10,22 +7,6 @@
|
|||
}
|
||||
|
||||
},
|
||||
// 测试
|
||||
{
|
||||
"path": "pages/denglu",
|
||||
"style": {
|
||||
// "navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
// 测试
|
||||
// {
|
||||
// "path": "pages/ceshianzhuo",
|
||||
// "style": {
|
||||
// // "navigationStyle": "custom"
|
||||
// }
|
||||
|
||||
// },
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
|
|
@ -62,6 +43,27 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/watch/full",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"app-plus": {
|
||||
// "subNVues": [{
|
||||
// "id": "monitorSub",
|
||||
// "path": "pages/camera",
|
||||
// "style": {
|
||||
// "position": "absolute",
|
||||
// "left": "230px",
|
||||
// "top": "105px",
|
||||
// "width": "680px",
|
||||
// "height": "520px",
|
||||
// "background": "transparent"
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
}
|
||||
}
|
||||
},
|
||||
// 设置
|
||||
{
|
||||
"path": "pages/watch/settings/settings",
|
||||
|
|
|
|||
|
|
@ -1828,7 +1828,7 @@
|
|||
bottomItems.value.forEach((element:any,index:number)=>{
|
||||
element.sort = index
|
||||
})
|
||||
console.log("bottomItems",bottomItems.value)
|
||||
// console.log("bottomItems",bottomItems.value)
|
||||
// console.log("22222",info)
|
||||
// console.log("cccc",uni.getStorageSync('NUall').elderInfo.name)
|
||||
let allvalue = {
|
||||
|
|
@ -1840,7 +1840,7 @@
|
|||
instantList: bottomItems.value,
|
||||
tagList: info
|
||||
}
|
||||
console.log("提交的", allvalue)
|
||||
// console.log("提交的", allvalue)
|
||||
|
||||
addBatch(allvalue).then(() => {
|
||||
|
||||
|
|
@ -1913,7 +1913,7 @@
|
|||
onShow(() => {
|
||||
|
||||
getServiceTree().then((res : any) => {
|
||||
console.log("?????",res)
|
||||
// console.log("?????",res)
|
||||
res.result.forEach((element : any) => {
|
||||
if (element.netFlag == '0') {
|
||||
doctorsayList.value.forEach((res : any) => {
|
||||
|
|
@ -1960,7 +1960,7 @@
|
|||
if (uni.getStorageSync('nuId') && uni.getStorageSync('customerId')) {
|
||||
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
|
||||
|
||||
console.log("返回的",res.result)
|
||||
// console.log("返回的",res.result)
|
||||
res.result.serviceList.forEach((res:any)=>{
|
||||
timearr.value[res.positioning].children[res.positioningLong] = res;
|
||||
})
|
||||
|
|
|
|||
|
|
@ -4,10 +4,9 @@
|
|||
<view class="wareaitem-item">
|
||||
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
||||
@click.stop="housactive(index)">
|
||||
<image :src="'/static/index/warehouse/active/w'+index+'.png'" mode="aspectFill"
|
||||
v-if="housedex!=index"></image>
|
||||
<donghua :width="item.width" :height="item.height" :links="item.url" :playing="index === housedex"
|
||||
v-show="index === housedex" />
|
||||
<!-- <image :src="'/static/index/warehouse/active/w'+index+'.png'" mode="aspectFill"
|
||||
v-if="housedex!=index"></image> -->
|
||||
<donghua :width="item.width" :height="item.height" :links="item.url" :playing="index === housedex" />
|
||||
<!-- <image :src="'/static/index/warehouse/active/i'+index+'.png'" mode="aspectFill" v-if="housedex==index"></image> -->
|
||||
</view>
|
||||
|
||||
|
|
@ -116,6 +115,22 @@
|
|||
beblue.value = -1
|
||||
clickResetTimer = null
|
||||
}, 500)
|
||||
switch (dir) {
|
||||
case 0:
|
||||
|
||||
break
|
||||
case 1:
|
||||
|
||||
break
|
||||
case 2:
|
||||
|
||||
break
|
||||
case 3:
|
||||
uni.navigateTo({
|
||||
url:"/pages/watch/full"
|
||||
})
|
||||
break
|
||||
}
|
||||
}
|
||||
function clearClickResetTimer() {
|
||||
if (clickResetTimer) {
|
||||
|
|
|
|||
|
|
@ -94,3 +94,11 @@ export const deleteQgInfoById = (params) => {
|
|||
})
|
||||
}
|
||||
|
||||
// 作废
|
||||
export const voidedCgdMain = (params) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/api/pad/invoicing/voidedCgdMain`,
|
||||
method: 'post',
|
||||
data: params,
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,18 +10,21 @@
|
|||
采购单
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
||||
@scrolltolower="plsbuytolower" :lower-threshold="200" @scroll="scrollview">
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y"
|
||||
@scrolltolower="plsbuytolower" :lower-threshold="200">
|
||||
<view class="margin-height"></view>
|
||||
<view class="boxitem" v-for="(v,i) in plsbuy" :key='i'
|
||||
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==i}"
|
||||
@click="getmiddle(v)">
|
||||
:class="{'yujing':v.cgdType=='9','active':leftitem==i}" @click="getmiddle(v,i);saveleftgo = i;">
|
||||
|
||||
<view>{{ v.cgdNo }}</view>
|
||||
<view>供应商:{{ v.gysId_dictText }}</view>
|
||||
<view>采购人: {{ v.createBy_dictText }}</view>
|
||||
<view>{{ v.qgDate }}</view>
|
||||
<view v-if="v.cgdType=='9'" class="zuofei">
|
||||
已作废
|
||||
</view>
|
||||
|
||||
<view>
|
||||
|
||||
<view class="special-pos">
|
||||
<view class="num">
|
||||
<view>{{v.totalPrice}}</view>
|
||||
<view>采购金额</view>
|
||||
|
|
@ -29,14 +32,8 @@
|
|||
<view class="dollar">
|
||||
¥
|
||||
</view>
|
||||
<!-- <view class="right-icon">
|
||||
月付
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view style="height: 23vw;width: 100%;padding:10vw 40vw ;">
|
||||
<u-loadmore :status="status" />
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
<view class="fxj">
|
||||
<arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" />
|
||||
|
|
@ -52,19 +49,26 @@
|
|||
</view>
|
||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
||||
@scrolltolower="scrolltolower" :lower-threshold="200" @scroll="scrollview">
|
||||
<view class="margin-height"></view>
|
||||
<view class="boxitem" v-for="(v,i) in InvoicingList" :key='i'
|
||||
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==i}"
|
||||
@click="shopclick(i,2)">
|
||||
@click="shopclick(i);getdetail()">
|
||||
<view>{{v.wlName}}</view>
|
||||
<view>规格型号: {{v.wlMaterialNo}}</view>
|
||||
<view class="special-view">
|
||||
<view>采购单位: {{v.wlUnits}}</view>
|
||||
<view>采购金额:
|
||||
<text style="font-weight: bold;">
|
||||
{{(v.purchaseQuantity * Number(v.procurementPrice)).toFixed(2) }}
|
||||
{{(v.kcsl * Number(v.procurementPrice)).toFixed(2) }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
<view>采购数量:
|
||||
<text style="font-weight: bold;">
|
||||
{{v.kcsl }}
|
||||
</text>
|
||||
<text>
|
||||
{{ `(${v.wlUnits})` }}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view>
|
||||
|
|
@ -92,12 +96,6 @@
|
|||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- <shadowview :opacity="opacity" ></shadowview>
|
||||
<view class="mblbg"> </view>
|
||||
<view class="fxj">
|
||||
<arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" />
|
||||
<text>长春市朝阳区久泰开运养老服务有限公司</text>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="rights">
|
||||
<view class="shitem">
|
||||
|
|
@ -114,8 +112,6 @@
|
|||
<view class="rigname">
|
||||
<view>{{cellobj?.fzr}}</view>
|
||||
<view>
|
||||
<!-- <text>男</text>
|
||||
<text>50岁</text> -->
|
||||
<text>{{cellobj?.fzrTel?cellobj?.fzrTel:'-'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -160,11 +156,9 @@
|
|||
<view class="anmikc">
|
||||
<view v-for="(v,i) in animArray" :key="i" @click="admiclick(i)" class="mar-left">
|
||||
<view>
|
||||
|
||||
<donghua width="2vw" height="2vw" :links="v.url" :playing="i === anmidex"
|
||||
class="donghua" />
|
||||
</view>
|
||||
|
||||
<text>
|
||||
{{v.name}}
|
||||
</text>
|
||||
|
|
@ -187,7 +181,6 @@
|
|||
<view class="mengban" v-if="crk" @click="qingkong"></view>
|
||||
<view class="crkcard guodu" :class="crk?'':'uncrkcard'">
|
||||
<view class="crkcard-title">
|
||||
<!-- 纸尿裤-拉拉裤纸尿裤-拉拉裤 -->
|
||||
{{ savedetail.materialName }}
|
||||
</view>
|
||||
<view class="crkcard-img-father">
|
||||
|
|
@ -262,12 +255,54 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 分享的弹出层 -->
|
||||
<view v-show="shareShow" class="popup-share" @click="shareShow=false">
|
||||
<view class="popup-share-content" :style="{ opacity: deletedownisopacity ? 1 : 0 }" @click.stop>
|
||||
<view class="share-other">
|
||||
<view class="share-title">
|
||||
<image style="width: 50rpx;height: 50rpx;" src="/static/index/sharelogo.png" />
|
||||
<view style="font-weight: 600;margin-left: 15rpx;">
|
||||
护理单元
|
||||
</view>
|
||||
</view>
|
||||
<view class="share-others">
|
||||
<view style="font-weight: 600;font-size: 45rpx;">
|
||||
护理流程
|
||||
</view>
|
||||
<view style="margin-top: 30rpx;">
|
||||
护理单元01
|
||||
<text style="color: #1083F8;">
|
||||
王金凤
|
||||
</text>
|
||||
</view>
|
||||
<view class="blue-button" @click="clickshare">
|
||||
分享
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view :class="['neuro-wrapper', donghuacs ? 'is-active' : '']" v-show="badshow">
|
||||
<view class="neuro-mask" @click="badshow=false;"></view>
|
||||
<view class="neuro-box" @click.stop>
|
||||
|
||||
<view class="button-father">
|
||||
<view class="button-white" @click="badshow=false;">取消</view>
|
||||
<view class="button" @click="zuofei">确定</view>
|
||||
</view>
|
||||
|
||||
<view class="title">作废</view>
|
||||
<view class="card-font">
|
||||
确定要作废这个采购单吗
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineProps } from 'vue';
|
||||
import { queryInvoicingList, getMaterialTreeData, queryNuInfoByNuId, updateKfstatus, queryCgdList, queryCgdInfoList, queryWlInfoByWlId } from './api/lunpan.js'
|
||||
import { queryInvoicingList, getMaterialTreeData, queryNuInfoByNuId, updateKfstatus, queryCgdList, queryCgdInfoList, queryWlInfoByWlId, voidedCgdMain } from './api/lunpan.js'
|
||||
import { onShow, onLoad, onHide, onPageScroll } from "@dcloudio/uni-app"
|
||||
import shadowview from './components/ShadowView.vue';
|
||||
import calculator from './components/calculator.vue';
|
||||
|
|
@ -278,13 +313,18 @@
|
|||
|
||||
const serverUrl = ref('');
|
||||
const scrolltop = ref(0)
|
||||
const shopitem = ref(0)
|
||||
const leftscrolltop = ref(0)
|
||||
const shopitem = ref(-1);
|
||||
const leftitem = ref(0)
|
||||
const getblue = ref(false);
|
||||
const shyp = ref(false);
|
||||
const opacity = ref(false);
|
||||
const gysnum = ref(false);
|
||||
const gys = ref(false);
|
||||
const crk = ref(false);
|
||||
const shareShow = ref(false);
|
||||
const deletedownisopacity = ref(false);
|
||||
|
||||
|
||||
const scrollnum = ref(0);
|
||||
|
||||
|
|
@ -310,13 +350,18 @@
|
|||
wlParamInfo: '',
|
||||
cgdId: ""
|
||||
}
|
||||
const getmiddle = (item : any) => {
|
||||
const getmiddle = (item : any, i : number) => {
|
||||
let num = Math.ceil((i + 1))
|
||||
leftscrolltop.value = (num - 1) * 238.5;
|
||||
leftitem.value = i;
|
||||
shopitem.value = -1
|
||||
|
||||
InvoicingList.value = [];
|
||||
Object.assign(form, mobanform)
|
||||
// form = mobanform
|
||||
|
||||
form.cgdId = item.id
|
||||
queryInvo()
|
||||
console.log("入参", form)
|
||||
// console.log("入参", form)
|
||||
}
|
||||
const switchshyp = () => {
|
||||
let obj = {
|
||||
|
|
@ -340,32 +385,47 @@
|
|||
wlId: "",
|
||||
nuId: uni.getStorageSync('nuId')
|
||||
})
|
||||
const savedetail = ref({})
|
||||
const savedetail = ref({
|
||||
categoryName: '',
|
||||
typeName: '',
|
||||
medicationName: '',
|
||||
materialNo: '',
|
||||
specificationModel: '',
|
||||
tagName: '',
|
||||
materialUnits: '',
|
||||
izYbbxName: '',
|
||||
izJgyhName: '',
|
||||
kcsl: '',
|
||||
upperLimit: '',
|
||||
lowerLimit: '',
|
||||
materialName: '',
|
||||
materialImg: ''
|
||||
})
|
||||
const getdetail = () => {
|
||||
// console.log("????", detailform)
|
||||
queryWlInfoByWlId(detailform).then((res : any) => {
|
||||
console.log("res", res.result)
|
||||
// console.log("res", res.result)
|
||||
if (res.result) {
|
||||
savedetail.value = res.result;
|
||||
crk.value = true;
|
||||
leftitem.value = -1
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
const shopclick = (i : number, k : number) => {
|
||||
|
||||
if (k == 2) {
|
||||
const shopclick = (i : number) => {
|
||||
let num = Math.ceil((i + 1) / 2)
|
||||
scrolltop.value = (num - 2) * 270;
|
||||
shopitem.value = i;
|
||||
} else {
|
||||
let num = Math.ceil((i + 1) / 3)
|
||||
scrolltop.value = (num - 2) * 240;
|
||||
shopitem.value = i;
|
||||
}
|
||||
console.log(InvoicingList.value[i].wlId, uni.getStorageSync('nuId'))
|
||||
detailform.wlId = InvoicingList.value[i].wlId
|
||||
getdetail()
|
||||
// console.log(InvoicingList.value[i].wlId, uni.getStorageSync('nuId'))
|
||||
detailform.wlId = InvoicingList.value[i]?.wlId
|
||||
// getdetail()
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
const typescroll = (e : number, i : number, v : object) => {
|
||||
if (e == 1) {
|
||||
scroll.act2 = -1;
|
||||
|
|
@ -404,31 +464,51 @@
|
|||
queryInvo();
|
||||
}
|
||||
const search = (x : number) => {
|
||||
|
||||
if (x === 0) { form.wlParamInfo = '' }
|
||||
form.pageNo = 1;
|
||||
InvoicingList.value = [];
|
||||
leftitem.value = saveleftgo.value;
|
||||
shopitem.value = -1;
|
||||
queryInvo();
|
||||
}
|
||||
onLoad(() => {
|
||||
form.nuId = uni.getStorageSync('nuId');
|
||||
serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
|
||||
getMaterial();
|
||||
// queryInvo();
|
||||
cell();
|
||||
firstgetqueryCgdList();
|
||||
// firstqueryInvo();
|
||||
})
|
||||
|
||||
const init = () => {
|
||||
InvoicingList.value = [];
|
||||
plsbuy.value = []
|
||||
Object.assign(form, mobanform)
|
||||
Object.assign(plzinfo, mobanplzinfo)
|
||||
|
||||
serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
|
||||
getMaterial();
|
||||
cell();
|
||||
firstgetqueryCgdList();
|
||||
}
|
||||
|
||||
const plzinfo = reactive({
|
||||
pageNo: 1,
|
||||
pageSize: 3,
|
||||
canpull: true
|
||||
})
|
||||
|
||||
const mobanplzinfo = {
|
||||
pageNo: 1,
|
||||
pageSize: 3,
|
||||
canpull: true
|
||||
}
|
||||
const plsbuy = ref([])
|
||||
const firstgetqueryCgdList = () => {
|
||||
queryCgdList(plzinfo).then((res : any) => {
|
||||
console.log("请购单", res.result.records)
|
||||
// console.log("请购单", res.result.records)
|
||||
plsbuy.value.push(...res.result.records)
|
||||
|
||||
form.cgdId = plsbuy.value[0].id
|
||||
queryInvo()
|
||||
if (res.result.records.length < plzinfo.pageSize) {
|
||||
|
|
@ -492,6 +572,7 @@
|
|||
setout.value = true
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
const scrollview = (e : number) => {
|
||||
if (e.detail.scrollTop > scrollnum.value) {
|
||||
opacity.value = true;
|
||||
|
|
@ -504,14 +585,68 @@
|
|||
scrollnum.value = e.detail.scrollTop;
|
||||
}
|
||||
const queryInvo = () => {
|
||||
// console.log("form", form)
|
||||
queryCgdInfoList(form).then(res => {
|
||||
InvoicingList.value.push(...res.result.records);
|
||||
console.log("出参", res.result.records)
|
||||
// console.log("chu", InvoicingList.value)
|
||||
detailform.wlId = InvoicingList.value[0].wlId
|
||||
|
||||
|
||||
status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore'
|
||||
})
|
||||
}
|
||||
const movecard = (type : number, l : number) => {
|
||||
if (l == 1) {
|
||||
const saveleftgo = ref(0);
|
||||
|
||||
const movecard = (type : number) => {
|
||||
|
||||
|
||||
if (leftitem.value != -1) {
|
||||
switch (type) {
|
||||
case 0:
|
||||
// 上
|
||||
if (leftitem.value) {
|
||||
leftitem.value--
|
||||
getmiddle(plsbuy.value[leftitem.value], leftitem.value);
|
||||
}
|
||||
break;
|
||||
case 1:
|
||||
// →
|
||||
saveleftgo.value = leftitem.value;
|
||||
leftitem.value = -1;
|
||||
shopitem.value = 0;
|
||||
|
||||
break;
|
||||
case 2:
|
||||
// 下
|
||||
if (leftitem.value < plsbuy.value.length - 1) {
|
||||
leftitem.value++
|
||||
getmiddle(plsbuy.value[leftitem.value], leftitem.value)
|
||||
|
||||
}
|
||||
|
||||
break;
|
||||
case 3:
|
||||
|
||||
// ←
|
||||
break;
|
||||
case 4:
|
||||
// 扫描
|
||||
saveleftgo.value = leftitem.value;
|
||||
leftitem.value = -1;
|
||||
shopitem.value = 0;
|
||||
break;
|
||||
case 5:
|
||||
// 返回
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
else if (shopitem.value != -1) {
|
||||
switch (type) {
|
||||
case 0:
|
||||
// 上
|
||||
|
|
@ -531,54 +666,24 @@
|
|||
break;
|
||||
case 4:
|
||||
// 扫描
|
||||
|
||||
getdetail()
|
||||
break;
|
||||
case 5:
|
||||
// 返回
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
leftitem.value = saveleftgo.value;
|
||||
getmiddle(plsbuy.value[leftitem.value], leftitem.value)
|
||||
shopitem.value = -1;
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
shopclick(shopitem.value, 2)
|
||||
} else {
|
||||
switch (type) {
|
||||
case 0:
|
||||
// 上
|
||||
shopitem.value = shopitem.value < 2 ? shopitem.value = 0 : shopitem.value - 3
|
||||
break;
|
||||
case 1:
|
||||
// →
|
||||
shopitem.value = shopitem.value > InvoicingList.value.length ? shopitem.value = 0 : shopitem.value + 1
|
||||
break;
|
||||
case 2:
|
||||
// 下
|
||||
shopitem.value = shopitem.value > InvoicingList.value.length ? shopitem.value = 0 : shopitem.value + 3
|
||||
break;
|
||||
case 3:
|
||||
shopitem.value = shopitem.value == 0 ? shopitem.value = InvoicingList.value.length : shopitem.value - 1
|
||||
// ←
|
||||
break;
|
||||
case 4:
|
||||
// 扫描
|
||||
|
||||
break;
|
||||
case 5:
|
||||
// 返回
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
shopclick(shopitem.value, 0)
|
||||
shopclick(shopitem.value)
|
||||
}
|
||||
|
||||
// shopclick(shopitem.value)
|
||||
|
||||
|
||||
}
|
||||
// 通用的生成函数
|
||||
function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) {
|
||||
|
|
@ -591,15 +696,14 @@
|
|||
}
|
||||
const anmidex = ref(-1)
|
||||
const admiclick = (i : number) => {
|
||||
if (anmidex.value == i) {
|
||||
anmidex.value = -1
|
||||
} else {
|
||||
anmidex.value = i;
|
||||
switch (i) {
|
||||
case 0:
|
||||
bebad();
|
||||
break;
|
||||
case 1:
|
||||
// gys.value = true
|
||||
shareToWeixin()
|
||||
break;
|
||||
case 2:
|
||||
break;
|
||||
|
|
@ -614,32 +718,113 @@
|
|||
default:
|
||||
break;
|
||||
}
|
||||
// if (anmidex.value == i) {
|
||||
// anmidex.value = -1
|
||||
// } else {
|
||||
// anmidex.value = i;
|
||||
// switch (i) {
|
||||
// case 0:
|
||||
// break;
|
||||
// case 1:
|
||||
// // gys.value = true
|
||||
// shareToWeixin()
|
||||
// break;
|
||||
// case 2:
|
||||
// break;
|
||||
// case 3:
|
||||
// break;
|
||||
// case 4:
|
||||
// // crk.value = true
|
||||
// break;
|
||||
// case 5:
|
||||
// break;
|
||||
|
||||
// default:
|
||||
// break;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
const badshow = ref(false);
|
||||
const donghuacs = ref(false);
|
||||
const bebad = () => {
|
||||
console.log("leftitem", leftitem.value)
|
||||
if (leftitem.value == -1) {
|
||||
uni.showToast({
|
||||
title: '请选择想要作废的采购单',
|
||||
icon: 'none', // 'none' 表示不带图标
|
||||
duration: 2000
|
||||
})
|
||||
return
|
||||
} else {
|
||||
|
||||
badshow.value = true;
|
||||
donghuacs.value = false;
|
||||
setTimeout(() => donghuacs.value = true, 50)
|
||||
// setTimeout(()=>donghua.value = true,50)
|
||||
}
|
||||
}
|
||||
const zuofei = () => {
|
||||
voidedCgdMain({ id: plsbuy.value[leftitem.value].id }).then((res : any) => {
|
||||
console.log("res", res)
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: 'success', // 'none' 表示不带图标
|
||||
duration: 2000
|
||||
})
|
||||
badshow.value = false;
|
||||
init()
|
||||
}
|
||||
})
|
||||
}
|
||||
const shareToWeixin = () => {
|
||||
|
||||
shareShow.value = true;
|
||||
deletedownisopacity.value = false;
|
||||
setTimeout(() => {
|
||||
deletedownisopacity.value = true
|
||||
}, 100)
|
||||
|
||||
}
|
||||
const clickshare = () => {
|
||||
uni.share({
|
||||
provider: "weixin",
|
||||
scene: "WXSceneSession",
|
||||
type: 0,
|
||||
href: "https://www.baidu.com/",
|
||||
title: "护理日程分享",
|
||||
summary: "九泰护理日程测试",
|
||||
imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
|
||||
success: function (res) {
|
||||
console.log("success:");
|
||||
},
|
||||
fail: function (err) {
|
||||
console.log("fail:");
|
||||
}
|
||||
});
|
||||
}
|
||||
const animArray = ref([
|
||||
{
|
||||
url: genPaths(
|
||||
'/static/index/warehouse/procurement/details',
|
||||
'details0',
|
||||
7, // 张数
|
||||
'png',
|
||||
1, // 起始索引为 1
|
||||
false // 不补零
|
||||
),
|
||||
name: '作废',
|
||||
imgurl: '/static/index/warehouse/procurement/details/details01.png'
|
||||
},
|
||||
{
|
||||
url: genPaths(
|
||||
'/static/index/warehouse/procurement/Purchase',
|
||||
'Purchase0',
|
||||
'/static/index/warehouse/procurement/cancel',
|
||||
'cancel',
|
||||
9, // 张数
|
||||
'png',
|
||||
1, // 起始索引为 1
|
||||
false // 不补零
|
||||
),
|
||||
name: '作废',
|
||||
},
|
||||
{
|
||||
url: genPaths(
|
||||
'/static/index/warehouse/procurement/share',
|
||||
'share',
|
||||
6, // 张数
|
||||
'png',
|
||||
1, // 起始索引为 1
|
||||
false // 不补零
|
||||
),
|
||||
name: '分享',
|
||||
imgurl: '/static/index/warehouse/procurement/Purchase/Purchase01.png'
|
||||
},
|
||||
|
||||
|
||||
|
|
@ -1493,6 +1678,23 @@
|
|||
height: calc(100%);
|
||||
position: relative;
|
||||
|
||||
.yujing {
|
||||
// border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||||
|
||||
view {
|
||||
.num {
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
color: #FF5757 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fxj {
|
||||
width: 23vw;
|
||||
height: 22vw;
|
||||
|
|
@ -1584,24 +1786,26 @@
|
|||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #555555;
|
||||
margin-top: .6vw;
|
||||
margin-top: .2vw;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: .6vw;
|
||||
margin-top: .2vw;
|
||||
// z-index: 9999;
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: .6vw;
|
||||
margin-top: .2vw;
|
||||
|
||||
}
|
||||
|
||||
>&:nth-child(5) {
|
||||
>&:nth-child(6) {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
|
|
@ -1670,21 +1874,7 @@
|
|||
|
||||
}
|
||||
|
||||
.yujing {
|
||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||||
|
||||
view {
|
||||
.num {
|
||||
view {
|
||||
&:nth-child(1) {
|
||||
color: #FF5757 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 2px dashed #017DE9 !important;
|
||||
|
|
@ -1914,6 +2104,21 @@
|
|||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.zuofei {
|
||||
background-color: #FFE2E2;
|
||||
color: #FF5757;
|
||||
border: 1rpx solid #FF5757;
|
||||
position: absolute;
|
||||
top: 30rpx;
|
||||
right: 30rpx;
|
||||
width: 120rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// margin-left: 1vw;
|
||||
.fxj {
|
||||
// margin-left: 1.5vw;
|
||||
|
|
@ -1966,6 +2171,11 @@
|
|||
// }
|
||||
}
|
||||
|
||||
.yujing {
|
||||
color: black;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.51);
|
||||
}
|
||||
|
||||
.boxitem {
|
||||
width: 22vw;
|
||||
height: 19.3vw;
|
||||
|
|
@ -2025,15 +2235,23 @@
|
|||
margin-top: .6vw;
|
||||
}
|
||||
|
||||
>&:nth-child(5) {
|
||||
.special-pos {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
|
||||
}
|
||||
|
||||
// >&:nth-child(5) {
|
||||
// width: 100%;
|
||||
// height: 10vw;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// bottom: 0;
|
||||
|
||||
// }
|
||||
|
||||
.dollar {
|
||||
position: absolute;
|
||||
bottom: 3.6vw;
|
||||
|
|
@ -2239,6 +2457,233 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.popup-share {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
backdrop-filter: blur(1rpx);
|
||||
background-color: rgba(236, 237, 241, 0.4);
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
|
||||
|
||||
.share-other {
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.share-title {
|
||||
padding-left: 50rpx;
|
||||
height: 150rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.share-others {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.other-img {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
margin-left: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-share-content {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 800rpx;
|
||||
height: 450rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
transition: opacity 0.4s ease;
|
||||
|
||||
.popup-share-title {
|
||||
margin: 30rpx 30rpx;
|
||||
font-size: 40rpx;
|
||||
position: relative;
|
||||
|
||||
.popup-share-img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-share-upcontent {
|
||||
margin: 0 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.popup-share-font {
|
||||
font-size: 35rpx;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.popup-share-gray {
|
||||
background-color: #D3D3D3;
|
||||
width: calc(100% - 60rpx);
|
||||
height: 2rpx;
|
||||
margin: 110rpx 30rpx 0 30rpx;
|
||||
}
|
||||
|
||||
.popup-share-downcontent {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
margin: 0 30rpx;
|
||||
|
||||
.popup-downcontent-img {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.popup-downcontent-font {
|
||||
font-size: 27rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.popup-share-downcontent-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.popup-share-downcontent-button {
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15rpx 30rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.blue-button {
|
||||
margin-top: 60rpx;
|
||||
width: 150rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #007CFF;
|
||||
font-size: 30rpx;
|
||||
background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
|
||||
border: 2rpx solid #9AD1FF;
|
||||
}
|
||||
|
||||
/* 容器默认隐藏,透明度为 0,不接受点击 */
|
||||
.neuro-wrapper {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
/* 显示时透明度过渡到 1,可接受点击 */
|
||||
.neuro-wrapper.is-active {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* 遮罩层,半透明黑色 */
|
||||
.neuro-mask {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* 拟态框 固定尺寸 + 阴影样式 + 相对定位于 wrapper */
|
||||
.neuro-box {
|
||||
position: relative;
|
||||
width: 600rpx;
|
||||
height: 450rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
padding: 0 10%;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 47%;
|
||||
background-color: #ddf0ff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// color: #fff;
|
||||
color: #007CFF;
|
||||
border: 1rpx solid #007CFF;
|
||||
font-size: 25rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 70rpx;
|
||||
}
|
||||
|
||||
.card-font {
|
||||
margin-top: 70rpx;
|
||||
width: 600rpx;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.button-white {
|
||||
width: 47%;
|
||||
border: 2rpx solid #c3cacd;
|
||||
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 25rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
.button-father {
|
||||
position: absolute;
|
||||
bottom: 60rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 50rpx;
|
||||
}
|
||||
|
||||
.margin-height {
|
||||
height: 10rpx;
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
page {
|
||||
|
|
|
|||
|
|
@ -1,441 +0,0 @@
|
|||
<template>
|
||||
<div class="center-column">
|
||||
<!-- 视频播放组件,监听原生事件 -->
|
||||
<MonitorView ref="monitor" init="5" style="width:300px;height:200px;margin-top: 20px;" @onTel="handleTelEvent"
|
||||
@onSnapShot="handleSnapShotEvent" @onRecord="handleRecordEvent" @onTalkStatus="handleTalkEvent" />
|
||||
|
||||
<view style="display: flex;flex-direction: row; align-items: flex-start;">
|
||||
<!-- 云台控制组件 -->
|
||||
<MonitorControlView ref="control" init="5" style="width:300px;height:300px;margin-top: 20px;" />
|
||||
|
||||
<!-- 功能按钮 -->
|
||||
<div class="button-group">
|
||||
<button class="button" @click="switchDisplay(0)">原图</button>
|
||||
<button class="button" @click="switchDisplay(1)">四分屏</button>
|
||||
<button class="button" @click="switchDisplay(2)">180°全景</button>
|
||||
<button class="button" @click="switchDisplay(3)">360°全景</button>
|
||||
<button class="button" @click="switchDisplay(4)">环状全景</button>
|
||||
|
||||
<button class="button" @click="startAlarm">开启手动报警</button>
|
||||
<button class="button" @click="stopAlarm">停止手动报警</button>
|
||||
|
||||
<button class="button" @click="flipImage(0)">左右翻转</button>
|
||||
<button class="button" @click="flipImage(1)">上下翻转</button>
|
||||
<button class="button" @click="flipImage(2)">中心翻转</button>
|
||||
<button class="button" @click="flipImage(3)">顺时针90°</button>
|
||||
<button class="button" @click="flipImage(4)">逆时针90°</button>
|
||||
<button class="button" @click="flipImage(5)">逆时针180°</button>
|
||||
<button class="button" @click="flipImage(6)">不翻转</button>
|
||||
|
||||
<button class="button" @click="resumeOrPause">暂停/继续</button>
|
||||
<button class="button" @click="changeQuality">切换清晰度</button>
|
||||
|
||||
<!-- === 新增的功能按钮:截图 / 录屏 / 对讲 === -->
|
||||
<button class="button" @click="doSnapshot">截图</button>
|
||||
|
||||
<button class="button" :disabled="isRecording" @click="doStartRecord">
|
||||
开始录屏
|
||||
</button>
|
||||
<button class="button" :disabled="!isRecording" @click="doStopRecord">
|
||||
结束录屏
|
||||
</button>
|
||||
|
||||
<button class="button" :disabled="isTalking" @click="doOpenTalk">
|
||||
开始对讲
|
||||
</button>
|
||||
<button class="button" :disabled="!isTalking" @click="doStopTalk">
|
||||
结束对讲
|
||||
</button>
|
||||
|
||||
<!-- 测试按钮 -->
|
||||
<button class="button" @click="test">test</button>
|
||||
</div>
|
||||
</view>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phoneNumber: "1234567890",
|
||||
isAlarming: false,
|
||||
isRecording: false, // 录屏状态
|
||||
isTalking: false, // 对讲状态
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
// 全局事件监听:保留原有用法(有时原生插件会走 globalEvent 发广播)
|
||||
const globalEvent = uni.requireNativePlugin && uni.requireNativePlugin("globalEvent");
|
||||
if (globalEvent && globalEvent.addEventListener) {
|
||||
globalEvent.addEventListener("myEvent", (e) => {
|
||||
console.log("myEvent", e);
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/* ------------------ 原有功能 ------------------ */
|
||||
handleTelEvent(event) {
|
||||
console.log("Tel event detail:", event.detail);
|
||||
// 如果需要解析电话事件,在这里处理
|
||||
},
|
||||
|
||||
switchDisplay(mode) {
|
||||
this.$refs.monitor && this.$refs.monitor.switchDisplayModeFragment(mode);
|
||||
},
|
||||
|
||||
startAlarm() {
|
||||
this.isAlarming = true;
|
||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
||||
console.log("startAlarm callback:", res);
|
||||
});
|
||||
},
|
||||
stopAlarm() {
|
||||
this.isAlarming = false;
|
||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
||||
console.log("stopAlarm callback:", res);
|
||||
});
|
||||
},
|
||||
|
||||
flipImage(type) {
|
||||
this.$refs.monitor.changeImageSwitch(type, (res) => {
|
||||
console.log("flipImage callback:", res);
|
||||
});
|
||||
},
|
||||
|
||||
resumeOrPause() {
|
||||
this.$refs.monitor.resumeOrPause && this.$refs.monitor.resumeOrPause();
|
||||
},
|
||||
|
||||
changeQuality() {
|
||||
this.$refs.monitor.changeQuality && this.$refs.monitor.changeQuality();
|
||||
},
|
||||
|
||||
test() {
|
||||
this.$refs.monitor && this.$refs.monitor.test && this.$refs.monitor.test();
|
||||
},
|
||||
|
||||
/* ------------------ 新增:截图/录屏/对讲 调用方法 ------------------ */
|
||||
|
||||
// 1. 截图(调用)
|
||||
doSnapshot() {
|
||||
if (!this.$refs.monitor || !this.$refs.monitor.snapShot) {
|
||||
uni.showToast({
|
||||
title: "组件不支持 snapShot()",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
// 有些原生实现既会通过 callback 返回结果,也可能通过事件推送。这里同时处理 callback
|
||||
try {
|
||||
this.$refs.monitor.snapShot((res) => {
|
||||
// callback 返回路径或结果,优先显示
|
||||
console.log("snapShot callback:", res);
|
||||
this._handleSnapshotResultFromNative(res);
|
||||
});
|
||||
uni.showToast({
|
||||
title: "正在截屏...",
|
||||
icon: "none",
|
||||
duration: 800
|
||||
});
|
||||
} catch (err) {
|
||||
console.error("snapShot 调用失败", err);
|
||||
uni.showToast({
|
||||
title: "snapShot 调用失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 2. 开始录屏(调用)
|
||||
doStartRecord() {
|
||||
if (!this.$refs.monitor || !this.$refs.monitor.startRecord) {
|
||||
uni.showToast({
|
||||
title: "组件不支持 startRecord()",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
this.$refs.monitor.startRecord((res) => {
|
||||
// 有些实现会在 start 的 callback 里返回启动结果
|
||||
console.log("startRecord callback:", res);
|
||||
});
|
||||
this.isRecording = true;
|
||||
uni.showToast({
|
||||
title: "录屏已开始",
|
||||
icon: "none"
|
||||
});
|
||||
} catch (err) {
|
||||
console.error("startRecord 调用失败", err);
|
||||
uni.showToast({
|
||||
title: "startRecord 调用失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 3. 停止录屏(调用)
|
||||
doStopRecord() {
|
||||
if (!this.$refs.monitor || !this.$refs.monitor.stopRecord) {
|
||||
uni.showToast({
|
||||
title: "组件不支持 stopRecord()",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
this.$refs.monitor.stopRecord((res) => {
|
||||
// stopRecord 通常会回传录屏结果(recordUrl / recordFailedReason)
|
||||
console.log("stopRecord callback:", res);
|
||||
this._handleRecordResultFromNative(res);
|
||||
});
|
||||
// 注意:实际是否结束以及是否成功,会通过回调或事件告诉你,这里先等待回调/事件设置状态
|
||||
} catch (err) {
|
||||
console.error("stopRecord 调用失败", err);
|
||||
uni.showToast({
|
||||
title: "stopRecord 调用失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 4. 开始对讲(调用)
|
||||
doOpenTalk() {
|
||||
if (!this.$refs.monitor || !this.$refs.monitor.openTalk) {
|
||||
uni.showToast({
|
||||
title: "组件不支持 openTalk()",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
this.$refs.monitor.openTalk((res) => {
|
||||
console.log("openTalk callback:", res);
|
||||
// 有的实现会在 callback 中返回立即结果
|
||||
});
|
||||
// 将状态标为正在建立连接(最终以事件推送为准)
|
||||
this.isTalking = true;
|
||||
uni.showToast({
|
||||
title: "尝试建立对讲连接...",
|
||||
icon: "none"
|
||||
});
|
||||
} catch (err) {
|
||||
console.error("openTalk 调用失败", err);
|
||||
uni.showToast({
|
||||
title: "openTalk 调用失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 5. 停止对讲(调用)
|
||||
doStopTalk() {
|
||||
if (!this.$refs.monitor || !this.$refs.monitor.stopTalk) {
|
||||
uni.showToast({
|
||||
title: "组件不支持 stopTalk()",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
this.$refs.monitor.stopTalk((res) => {
|
||||
console.log("stopTalk callback:", res);
|
||||
// 回调/事件会通知最终状态
|
||||
});
|
||||
this.isTalking = false;
|
||||
// 依赖事件或回调再把 isTalking 更新为 false(有些实现会立即回调成功)
|
||||
} catch (err) {
|
||||
console.error("stopTalk 调用失败", err);
|
||||
uni.showToast({
|
||||
title: "stopTalk 调用失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
/* ------------------ 事件回调处理(来自原生推送的事件) ------------------ */
|
||||
|
||||
// 处理来自模板 @onSnapShot 的事件(event.detail)
|
||||
handleSnapShotEvent(event) {
|
||||
// event.detail 里可能是你给出的结构:{snapShotUrl, snapShotResult:true/false, snapShotErrorCode:""}
|
||||
console.log("onSnapShot event:", event && event.detail ? event.detail : event);
|
||||
this._handleSnapshotResultFromNative(event && event.detail ? event.detail : event);
|
||||
},
|
||||
|
||||
// 处理来自模板 @onRecord 的事件(event.detail)
|
||||
handleRecordEvent(event) {
|
||||
// 期待结构:{recordUrl:"", snapShotResult:true, recordFailedReason:""}
|
||||
console.log("onRecord event:", event && event.detail ? event.detail : event);
|
||||
this._handleRecordResultFromNative(event && event.detail ? event.detail : event);
|
||||
},
|
||||
|
||||
// 处理来自模板 @onTalkStatus 的事件
|
||||
handleTalkEvent(event) {
|
||||
// 期待结构:{talkStatus:"loading"|"playing"|"stopped"|"failed", tips:""}
|
||||
const payload = event && event.detail ? event.detail : event;
|
||||
console.log("onTalkStatus event:", payload);
|
||||
|
||||
const status = payload && payload.talkStatus;
|
||||
const tips = payload && payload.tips;
|
||||
switch ((status || "").toLowerCase()) {
|
||||
case "loading":
|
||||
uni.showToast({
|
||||
title: tips || "对讲连接中...",
|
||||
icon: "none"
|
||||
});
|
||||
this.isTalking = true;
|
||||
break;
|
||||
case "playing":
|
||||
uni.showToast({
|
||||
title: tips || "对讲已连接",
|
||||
icon: "none"
|
||||
});
|
||||
this.isTalking = true;
|
||||
break;
|
||||
case "stopped":
|
||||
uni.showToast({
|
||||
title: tips || "对讲已停止",
|
||||
icon: "none"
|
||||
});
|
||||
this.isTalking = false;
|
||||
break;
|
||||
case "failed":
|
||||
uni.showToast({
|
||||
title: tips || "对讲失败",
|
||||
icon: "none"
|
||||
});
|
||||
this.isTalking = false;
|
||||
break;
|
||||
default:
|
||||
// 兼容未知状态
|
||||
uni.showToast({
|
||||
title: tips || ("对讲状态: " + (status || "unknown")),
|
||||
icon: "none"
|
||||
});
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
/* ------------------ 原生结果的内部处理函数(统一处理 callback / event) ------------------ */
|
||||
|
||||
_handleSnapshotResultFromNative(res) {
|
||||
// res 可能是对象,也可能是字符串,做兼容
|
||||
if (!res) {
|
||||
uni.showToast({
|
||||
title: "截图没有返回数据",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
let payload = res;
|
||||
// 当 res 是带 detail 的 event 时(在上层已经做过处理,但再次保险处理)
|
||||
if (res.detail) payload = res.detail;
|
||||
|
||||
// 常见结构: { snapShotUrl: "...", snapShotResult: true/false, snapShotErrorCode: "" }
|
||||
console.log("snapshot payload normalized:", payload);
|
||||
if (payload.snapShotResult === true || payload.snapShotResult === "true") {
|
||||
const url = payload.snapShotUrl || payload.snapShotPath || payload.url;
|
||||
uni.showToast({
|
||||
title: "截图成功",
|
||||
icon: "success",
|
||||
duration: 1200
|
||||
});
|
||||
console.log("截图地址:", url);
|
||||
// 你可以在这里把 url 存入 state / 调用后端上传 / 打开预览等
|
||||
// 例如打开图片预览:
|
||||
if (url) {
|
||||
uni.previewImage({
|
||||
urls: [url]
|
||||
});
|
||||
}
|
||||
} else {
|
||||
const err = payload.snapShotErrorCode || payload.error || "unknown";
|
||||
uni.showToast({
|
||||
title: "截图失败: " + err,
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
console.warn("snapshot failed reason:", err, payload);
|
||||
}
|
||||
},
|
||||
|
||||
_handleRecordResultFromNative(res) {
|
||||
if (!res) {
|
||||
uni.showToast({
|
||||
title: "录屏没有返回数据",
|
||||
icon: "none"
|
||||
});
|
||||
this.isRecording = false;
|
||||
return;
|
||||
}
|
||||
let payload = res;
|
||||
if (res.detail) payload = res.detail;
|
||||
|
||||
// 期待: { recordUrl: "...", snapShotResult: true, recordFailedReason: "" }
|
||||
console.log("record payload normalized:", payload);
|
||||
|
||||
// 如果有成功 URL
|
||||
if (payload.recordUrl) {
|
||||
uni.showToast({
|
||||
title: "录屏完成",
|
||||
icon: "success",
|
||||
duration: 1400
|
||||
});
|
||||
console.log("录屏地址:", payload.recordUrl);
|
||||
this.isRecording = false;
|
||||
// TODO: 根据需要下载/上传/播放录屏文件
|
||||
} else if (payload.recordFailedReason) {
|
||||
uni.showToast({
|
||||
title: "录屏失败: " + payload.recordFailedReason,
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
console.warn("record failed reason:", payload.recordFailedReason);
|
||||
this.isRecording = false;
|
||||
} else {
|
||||
// 有些实现可能只返回一个标志位
|
||||
if (payload.snapShotResult === true) {
|
||||
uni.showToast({
|
||||
title: "录屏操作已完成(返回未知)",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
this.isRecording = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.center-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-top: 40px;
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.button {
|
||||
margin: 6px;
|
||||
padding: 8px 12px;
|
||||
min-width: 120px;
|
||||
height: 44px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.button[disabled] {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
112
pages/denglu.vue
|
|
@ -1,112 +0,0 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<button class="typebutton" type="primary" @click="init">初始化sdk</button>
|
||||
<button class="typebutton" type="primary" @click="login">登陆</button>
|
||||
<button class="typebutton" type="primary" @click="logout">退出登陆</button>
|
||||
<button class="typebutton" type="primary" @click="jumptonve">跳到nvue</button>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
title: 'Hello'
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
var globalEvent = uni.requireNativePlugin('globalEvent');
|
||||
globalEvent.addEventListener('myEvent', function(e) {
|
||||
console.log('myEvent' + JSON.stringify(e));
|
||||
uni.showToast({
|
||||
title: 'myEvent' + JSON.stringify(e),
|
||||
duration: 2000
|
||||
});
|
||||
});
|
||||
|
||||
},
|
||||
methods: {
|
||||
testAsyncFunc() {
|
||||
// 获取 module
|
||||
var testModule = uni.requireNativePlugin("MonitorModule")
|
||||
|
||||
var json = {
|
||||
deviceId: '4',
|
||||
deviceName: 'sdfsfsdf'
|
||||
}
|
||||
// 调用异步方法
|
||||
testModule.gotoNativePage(json)
|
||||
},
|
||||
jumptonve() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/ceshianzhuo'
|
||||
})
|
||||
},
|
||||
init(event) {
|
||||
var monitorModule = uni.requireNativePlugin("MonitorModule")
|
||||
monitorModule.initSMBCloudSDK()
|
||||
},
|
||||
login(event) {
|
||||
var monitorModule = uni.requireNativePlugin("MonitorModule")
|
||||
var loginfo = {
|
||||
userName: "admin",
|
||||
password: "Bl20230518",
|
||||
serverAddress: "121.36.88.64",
|
||||
port: 8888,
|
||||
}
|
||||
monitorModule.cloudLoginIn(loginfo, (r) => {
|
||||
console.log("loginResult", r.code)
|
||||
uni.showToast({
|
||||
title: '操作成功',
|
||||
duration: 2000
|
||||
});
|
||||
})
|
||||
},
|
||||
logout(event) {
|
||||
var monitorModule = uni.requireNativePlugin("MonitorModule")
|
||||
monitorModule.cloudLoginOut((r) => {
|
||||
console.log("loginResult", r.code)
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 200rpx;
|
||||
width: 200rpx;
|
||||
margin-top: 200rpx;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.text-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: #8f8f94;
|
||||
}
|
||||
.typebutton{
|
||||
width: 300rpx;
|
||||
height: 150rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 30rpx;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<template>
|
||||
<div class="center-column" @click="jumptonve">
|
||||
<!-- 视频播放组件 -->
|
||||
<MonitorControlView ref="monitor" init="5" style="width: 170px;height: 170px;" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.center-column {
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
/* background-color: red; */
|
||||
border-radius: 80px;
|
||||
}
|
||||
</style>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "护理单元",
|
||||
"version": {
|
||||
"name": "1.6.8",
|
||||
"code": 168
|
||||
"name": "1.6.9",
|
||||
"code": 169
|
||||
},
|
||||
"description": "护理单元",
|
||||
"developer": {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
.wareaitem[data-v-9891960a]{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../../static/index/warehouse/bg.png) no-repeat;background-size:cover cover}.wareaitem .tp uni-image[data-v-9891960a]{width:100%;height:100%}.wareaitem .operationbtn[data-v-9891960a]{width:22vw;height:10vw;position:absolute;right:1.5vw;bottom:2vw;display:flex;justify-content:space-between;flex-wrap:wrap}.wareaitem .operationbtn>uni-view[data-v-9891960a]{width:10vw;height:4vw;border-radius:1vw;border:.0625rem solid #D9DADC;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.3vw;color:#888d99;margin:0 .3vw;transition:transform .18s ease,box-shadow .18s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.wareaitem .operationbtn>uni-view uni-image[data-v-9891960a]{width:1.6vw;height:1.6vw;margin-right:.2vw}.wareaitem .operationbtn .click-box[data-v-9891960a]{color:#888d99;background:rgba(255,255,255,.43)}.wareaitem .operationbtn .click-box-target[data-v-9891960a]{background:#fff;box-shadow:0 0 3vw rgba(12,102,209,.33) inset;color:#6c84a0!important;animation:scalePulse-9891960a .36s cubic-bezier(.2,.8,.2,1);transform-origin:center center}.wareaitem .operationbtn .grad-text[data-v-9891960a]{background:linear-gradient(90deg,#5b8bb3,#87a1bd);background-size:200% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s linear}@keyframes scalePulse-9891960a{0%{transform:scale(1)}25%{transform:scale(.94)}65%{transform:scale(1.08)}to{transform:scale(1)}}.wareaitem .wareaitem-item[data-v-9891960a]{width:100%;height:100%;position:fixed;top:0;left:-2vw}.wareaitem .wareaitem-item .itemact1[data-v-9891960a]{width:29vw;height:21vw;top:23vw;left:6vw;z-index:31}.wareaitem .wareaitem-item .itemact2[data-v-9891960a]{width:26vw;height:16vw;top:15vw;left:41vw;z-index:27}.wareaitem .wareaitem-item .itemact3[data-v-9891960a]{width:24vw;height:16vw;top:28vw;left:46vw;z-index:55}.wareaitem .wareaitem-item .itemact4[data-v-9891960a]{width:17vw;height:13vw;top:22vw;left:67vw;z-index:36}.wareaitem .wareaitem-item .wclik[data-v-9891960a]{width:22vw;height:14vw;top:16vw;left:44vw;z-index:47}.wareaitem .wareaitem-item .gifs[data-v-9891960a]{width:41vw;height:20vw;top:21.6vw;left:27.5vw;z-index:29}.wareaitem .wareaitem-item .ys[data-v-9891960a]{width:11vw;height:8vw;top:24.2vw;left:57.9vw;z-index:28}.wareaitem .wareaitem-item .wareitem1[data-v-9891960a]{width:86vw;height:44vw;top:1vw;left:10.5vw;z-index:15}.wareaitem .wareaitem-item .wareitem4[data-v-9891960a]{width:11vw;height:7vw;top:30.9vw;left:60vw}.wareaitem .wareaitem-item .wareitem6[data-v-9891960a]{width:17vw;height:12vw;top:28vw;right:-2vw;z-index:35}.wareaitem .wareaitem-item .wareitem5[data-v-9891960a]{width:18vw;height:15vw;top:37vw;left:73vw;z-index:35}.wareaitem .wareaitem-item .wareitem8[data-v-9891960a]{width:26vw;height:8vw;top:29.7vw;left:21.8vw}.wareaitem .wareaitem-item .wareitem11[data-v-9891960a]{width:3vw;height:3vw;top:24.5vw;left:60vw;z-index:35}.wareaitem .wareaitem-item .wareitem10[data-v-9891960a]{width:55vw;height:27vw;top:38vw;left:20vw;z-index:36}.wareaitem .wareaitem-item>uni-view[data-v-9891960a]{position:absolute}.wareaitem .annotation1[data-v-9891960a]{top:21.5vw;left:19.5vw}.wareaitem .annotation2[data-v-9891960a]{top:13vw;left:47vw}.wareaitem .annotation3[data-v-9891960a]{top:24vw;left:49.3vw}.wareaitem .annotation4[data-v-9891960a]{top:18vw;left:70vw}.wareaitem .annotation5[data-v-9891960a]{top:34vw;left:74vw}.wareaitem .annotation6[data-v-9891960a]{top:24vw;right:6vw}.wareaitem .annotation[data-v-9891960a]{width:7vw;height:8vw;z-index:20;position:fixed}.wareaitem .annotation>uni-view[data-v-9891960a]{position:relative}.wareaitem .annotation>uni-view[data-v-9891960a]:nth-child(2){width:6.5vw;height:3.2vw;margin:-.0625rem auto 0;z-index:2;display:flex;align-items:center;justify-content:center}.wareaitem .annotation>uni-view:nth-child(2) uni-image[data-v-9891960a]{position:absolute;top:0;left:0}.wareaitem .annotation>uni-view:nth-child(2) uni-text[data-v-9891960a]{position:relative;font-weight:400;font-size:1.1vw;color:#fff;z-index:3;margin-top:-.5vw}.wareaitem .annotation>uni-view[data-v-9891960a]:nth-child(3){width:3vw;height:5vw;z-index:1;margin:-1vw auto 0}.backgroundContainer[data-v-9891960a]{display:flex;flex-direction:column;position:relative;width:100vw;height:100vh;background-image:url(../../static/index/lightbgcnew.png);background-size:cover;background-position:center center;overflow:hidden}.darkbackgroundContainer[data-v-9891960a]{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background-image:url(../../static/index/background.png);background-size:cover;background-position:center center;overflow:hidden}
|
||||
.wareaitem[data-v-ca51b68b]{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../../static/index/warehouse/bg.png) no-repeat;background-size:cover cover}.wareaitem .tp uni-image[data-v-ca51b68b]{width:100%;height:100%}.wareaitem .operationbtn[data-v-ca51b68b]{width:22vw;height:10vw;position:absolute;right:1.5vw;bottom:2vw;display:flex;justify-content:space-between;flex-wrap:wrap}.wareaitem .operationbtn>uni-view[data-v-ca51b68b]{width:10vw;height:4vw;border-radius:1vw;border:.0625rem solid #D9DADC;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.3vw;color:#888d99;margin:0 .3vw;transition:transform .18s ease,box-shadow .18s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.wareaitem .operationbtn>uni-view uni-image[data-v-ca51b68b]{width:1.6vw;height:1.6vw;margin-right:.2vw}.wareaitem .operationbtn .click-box[data-v-ca51b68b]{color:#888d99;background:rgba(255,255,255,.43)}.wareaitem .operationbtn .click-box-target[data-v-ca51b68b]{background:#fff;box-shadow:0 0 3vw rgba(12,102,209,.33) inset;color:#6c84a0!important;animation:scalePulse-ca51b68b .36s cubic-bezier(.2,.8,.2,1);transform-origin:center center}.wareaitem .operationbtn .grad-text[data-v-ca51b68b]{background:linear-gradient(90deg,#5b8bb3,#87a1bd);background-size:200% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s linear}@keyframes scalePulse-ca51b68b{0%{transform:scale(1)}25%{transform:scale(.94)}65%{transform:scale(1.08)}to{transform:scale(1)}}.wareaitem .wareaitem-item[data-v-ca51b68b]{width:100%;height:100%;position:fixed;top:0;left:-2vw}.wareaitem .wareaitem-item .itemact1[data-v-ca51b68b]{width:29vw;height:21vw;top:23vw;left:6vw;z-index:31}.wareaitem .wareaitem-item .itemact2[data-v-ca51b68b]{width:26vw;height:16vw;top:15vw;left:41vw;z-index:27}.wareaitem .wareaitem-item .itemact3[data-v-ca51b68b]{width:24vw;height:16vw;top:28vw;left:46vw;z-index:55}.wareaitem .wareaitem-item .itemact4[data-v-ca51b68b]{width:17vw;height:13vw;top:22vw;left:67vw;z-index:36}.wareaitem .wareaitem-item .wclik[data-v-ca51b68b]{width:22vw;height:14vw;top:16vw;left:44vw;z-index:47}.wareaitem .wareaitem-item .gifs[data-v-ca51b68b]{width:41vw;height:20vw;top:21.6vw;left:27.5vw;z-index:29}.wareaitem .wareaitem-item .ys[data-v-ca51b68b]{width:11vw;height:8vw;top:24.2vw;left:57.9vw;z-index:28}.wareaitem .wareaitem-item .wareitem1[data-v-ca51b68b]{width:86vw;height:44vw;top:1vw;left:10.5vw;z-index:15}.wareaitem .wareaitem-item .wareitem4[data-v-ca51b68b]{width:11vw;height:7vw;top:30.9vw;left:60vw}.wareaitem .wareaitem-item .wareitem6[data-v-ca51b68b]{width:17vw;height:12vw;top:28vw;right:-2vw;z-index:35}.wareaitem .wareaitem-item .wareitem5[data-v-ca51b68b]{width:18vw;height:15vw;top:37vw;left:73vw;z-index:35}.wareaitem .wareaitem-item .wareitem8[data-v-ca51b68b]{width:26vw;height:8vw;top:29.7vw;left:21.8vw}.wareaitem .wareaitem-item .wareitem11[data-v-ca51b68b]{width:3vw;height:3vw;top:24.5vw;left:60vw;z-index:35}.wareaitem .wareaitem-item .wareitem10[data-v-ca51b68b]{width:55vw;height:27vw;top:38vw;left:20vw;z-index:36}.wareaitem .wareaitem-item>uni-view[data-v-ca51b68b]{position:absolute}.wareaitem .annotation1[data-v-ca51b68b]{top:21.5vw;left:19.5vw}.wareaitem .annotation2[data-v-ca51b68b]{top:13vw;left:47vw}.wareaitem .annotation3[data-v-ca51b68b]{top:24vw;left:49.3vw}.wareaitem .annotation4[data-v-ca51b68b]{top:18vw;left:70vw}.wareaitem .annotation5[data-v-ca51b68b]{top:34vw;left:74vw}.wareaitem .annotation6[data-v-ca51b68b]{top:24vw;right:6vw}.wareaitem .annotation[data-v-ca51b68b]{width:7vw;height:8vw;z-index:20;position:fixed}.wareaitem .annotation>uni-view[data-v-ca51b68b]{position:relative}.wareaitem .annotation>uni-view[data-v-ca51b68b]:nth-child(2){width:6.5vw;height:3.2vw;margin:-.0625rem auto 0;z-index:2;display:flex;align-items:center;justify-content:center}.wareaitem .annotation>uni-view:nth-child(2) uni-image[data-v-ca51b68b]{position:absolute;top:0;left:0}.wareaitem .annotation>uni-view:nth-child(2) uni-text[data-v-ca51b68b]{position:relative;font-weight:400;font-size:1.1vw;color:#fff;z-index:3;margin-top:-.5vw}.wareaitem .annotation>uni-view[data-v-ca51b68b]:nth-child(3){width:3vw;height:5vw;z-index:1;margin:-1vw auto 0}.backgroundContainer[data-v-ca51b68b]{display:flex;flex-direction:column;position:relative;width:100vw;height:100vh;background-image:url(../../static/index/lightbgcnew.png);background-size:cover;background-position:center center;overflow:hidden}.darkbackgroundContainer[data-v-ca51b68b]{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background-image:url(../../static/index/background.png);background-size:cover;background-position:center center;overflow:hidden}
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 694 B |
|
After Width: | Height: | Size: 669 B |
|
|
@ -806,39 +806,39 @@ to {
|
|||
/* ==================
|
||||
按钮
|
||||
==================== */
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
/* position: relative;
|
||||
border: 0upx; */
|
||||
/* display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center; */
|
||||
/* box-sizing: border-box; */
|
||||
/* padding: 0 30upx; */
|
||||
/* font-size: 28upx; */
|
||||
/* height: 64upx; */
|
||||
/* line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
margin-left: initial;
|
||||
transform: translate(0upx, 0upx);
|
||||
margin-right: initial; */
|
||||
.zy-quxiao[data-v-bf1d6c35]{
|
||||
height: 2.8125rem;
|
||||
width: 17.1875rem;
|
||||
/* margin: 0 auto; */
|
||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
color: gray;
|
||||
font-size: 1rem;
|
||||
border: 0.0625rem solid lightgray;
|
||||
color: gray;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
height: 2.8125rem;
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
background: url('../../static/index/warehouse/procurement/sh.png')no-repeat;
|
||||
border: 1px solid rgba(0, 155, 252, 1);
|
||||
color: #1083F8;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* color: #fff; */
|
||||
font-size: 1rem;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]::after {
|
||||
display: none;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||
background-color: #f0f0f0;
|
||||
/* background-color: #f0f0f0; */
|
||||
}
|
||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||
background-color: transparent;
|
||||
|
|
@ -1047,7 +1047,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
padding: 1.25rem;
|
||||
}
|
||||
.padding-xl[data-v-bf1d6c35] {
|
||||
padding: 1.5625rem;
|
||||
padding: 20px;
|
||||
}
|
||||
.padding-top-xs[data-v-bf1d6c35] {
|
||||
padding-top: 0.3125rem;
|
||||
|
|
@ -1164,8 +1164,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0 0.625rem;
|
||||
width: 100%;
|
||||
}
|
||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||
position: relative;
|
||||
|
|
@ -1711,8 +1712,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
color: #ffffff;
|
||||
}
|
||||
.bg-blue[data-v-bf1d6c35] {
|
||||
background-color: #0081ff;
|
||||
color: #ffffff;
|
||||
/* background-color: #0081ff; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.bg-purple[data-v-bf1d6c35] {
|
||||
background-color: #6739b6;
|
||||
|
|
@ -2125,6 +2126,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
font-weight: 600;
|
||||
/* color: white; */
|
||||
}
|
||||
.scroll-box[data-v-bf1d6c35]{
|
||||
height: 6.25rem;
|
||||
}
|
||||
|
||||
/* ✅ 显示滚动条(App / H5 都有效) */
|
||||
.scroll-box[data-v-bf1d6c35]::-webkit-scrollbar {
|
||||
width: 0.25rem; /* 滚动条宽度 */
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar {
|
||||
/* 滚动条整体样式 */
|
||||
display: block !important;
|
||||
width: 0.21875rem;
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar-thumb {
|
||||
/* 滚动条里面小方块 */
|
||||
border-radius: 0.15625rem !important;
|
||||
box-shadow: inset 0 0 0.03125rem rgba(0, 0, 0, 0.2) !important;
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
|
||||
.all[data-v-e42fb5c8] {
|
||||
margin-top: 1.40625rem;
|
||||
|
|
|
|||
|
|
@ -858,6 +858,13 @@ to {
|
|||
height: calc(100%);
|
||||
position: relative;
|
||||
}
|
||||
.box .lefts .yujing {
|
||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||||
}
|
||||
.box .lefts .yujing uni-view .num uni-view:nth-child(1) {
|
||||
color: #FF5757 !important;
|
||||
}
|
||||
.box .lefts .fxj {
|
||||
width: 23vw;
|
||||
height: 22vw;
|
||||
|
|
@ -931,21 +938,21 @@ to {
|
|||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #555555;
|
||||
margin-top: 0.6vw;
|
||||
margin-top: 0.2vw;
|
||||
}
|
||||
.box .lefts .boxitem > uni-view:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: 0.6vw;
|
||||
margin-top: 0.2vw;
|
||||
}
|
||||
.box .lefts .boxitem > uni-view:nth-child(4) {
|
||||
font-weight: 400;
|
||||
font-size: 1.2vw;
|
||||
color: #666666;
|
||||
margin-top: 0.6vw;
|
||||
margin-top: 0.2vw;
|
||||
}
|
||||
> .box .lefts .boxitem > uni-view:nth-child(5) {
|
||||
> .box .lefts .boxitem > uni-view:nth-child(6) {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
|
|
@ -996,13 +1003,6 @@ to {
|
|||
width: 1.4vw;
|
||||
height: 1.4vw;
|
||||
}
|
||||
.yujing {
|
||||
border: 2px solid rgba(255, 102, 107, 0.51) !important;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.051) inset;
|
||||
}
|
||||
.yujing uni-view .num uni-view:nth-child(1) {
|
||||
color: #FF5757 !important;
|
||||
}
|
||||
.active {
|
||||
border: 2px dashed #017DE9 !important;
|
||||
}
|
||||
|
|
@ -1189,6 +1189,20 @@ to {
|
|||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.rel-left .zuofei {
|
||||
background-color: #FFE2E2;
|
||||
color: #FF5757;
|
||||
border: 0.03125rem solid #FF5757;
|
||||
position: absolute;
|
||||
top: 0.9375rem;
|
||||
right: 0.9375rem;
|
||||
width: 3.75rem;
|
||||
height: 1.5625rem;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.rel-left .fxj {
|
||||
width: 23vw;
|
||||
height: 22vw;
|
||||
|
|
@ -1226,6 +1240,10 @@ to {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.rel-left .yujing {
|
||||
color: black;
|
||||
box-shadow: 0 0 8px rgba(255, 102, 107, 0.51);
|
||||
}
|
||||
.rel-left .boxitem {
|
||||
width: 22vw;
|
||||
height: 19.3vw;
|
||||
|
|
@ -1276,7 +1294,7 @@ to {
|
|||
color: #666666;
|
||||
margin-top: 0.6vw;
|
||||
}
|
||||
> .rel-left .boxitem > uni-view:nth-child(5) {
|
||||
.rel-left .boxitem > uni-view .special-pos {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
position: absolute;
|
||||
|
|
@ -1450,6 +1468,202 @@ to {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.popup-share {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-backdrop-filter: blur(0.03125rem);
|
||||
backdrop-filter: blur(0.03125rem);
|
||||
background-color: rgba(236, 237, 241, 0.4);
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
}
|
||||
.popup-share .share-other {
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.popup-share .share-title {
|
||||
padding-left: 1.5625rem;
|
||||
height: 4.6875rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-share .share-others {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.popup-share .share-others .other-img {
|
||||
width: 4.6875rem;
|
||||
height: 4.6875rem;
|
||||
margin-left: 3.125rem;
|
||||
}
|
||||
.popup-share .popup-share-content {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 25rem;
|
||||
height: 14.0625rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.9375rem;
|
||||
transition: opacity 0.4s ease;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-title {
|
||||
margin: 0.9375rem 0.9375rem;
|
||||
font-size: 1.25rem;
|
||||
position: relative;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-title .popup-share-img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 6.25rem;
|
||||
height: 6.25rem;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-upcontent {
|
||||
margin: 0 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-upcontent .popup-share-font {
|
||||
font-size: 1.09375rem;
|
||||
color: gray;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-gray {
|
||||
background-color: #D3D3D3;
|
||||
width: calc(100% - 1.875rem);
|
||||
height: 0.0625rem;
|
||||
margin: 3.4375rem 0.9375rem 0 0.9375rem;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-downcontent {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
margin: 0 0.9375rem;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-downcontent .popup-downcontent-img {
|
||||
width: 2.1875rem;
|
||||
height: 2.1875rem;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-downcontent .popup-downcontent-font {
|
||||
font-size: 0.84375rem;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-downcontent .popup-share-downcontent-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-share .popup-share-content .popup-share-downcontent .popup-share-downcontent-button {
|
||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0.46875rem 0.9375rem;
|
||||
border-radius: 0.625rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.blue-button {
|
||||
margin-top: 1.875rem;
|
||||
width: 4.6875rem;
|
||||
height: 2.1875rem;
|
||||
border-radius: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #007CFF;
|
||||
font-size: 0.9375rem;
|
||||
background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
|
||||
border: 0.0625rem solid #9AD1FF;
|
||||
}
|
||||
/* 容器默认隐藏,透明度为 0,不接受点击 */
|
||||
.neuro-wrapper {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
/* 显示时透明度过渡到 1,可接受点击 */
|
||||
.neuro-wrapper.is-active {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
/* 遮罩层,半透明黑色 */
|
||||
.neuro-mask {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
/* 拟态框 固定尺寸 + 阴影样式 + 相对定位于 wrapper */
|
||||
.neuro-box {
|
||||
position: relative;
|
||||
width: 18.75rem;
|
||||
height: 14.0625rem;
|
||||
border-radius: 0.9375rem;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
padding: 0 10%;
|
||||
}
|
||||
.button {
|
||||
width: 47%;
|
||||
background-color: #ddf0ff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #007CFF;
|
||||
border: 0.03125rem solid #007CFF;
|
||||
font-size: 0.78125rem;
|
||||
border-radius: 0.9375rem;
|
||||
}
|
||||
.title {
|
||||
margin-top: 2.1875rem;
|
||||
}
|
||||
.card-font {
|
||||
margin-top: 2.1875rem;
|
||||
width: 18.75rem;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
.button-white {
|
||||
width: 47%;
|
||||
border: 0.0625rem solid #c3cacd;
|
||||
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 0.78125rem;
|
||||
border-radius: 0.9375rem;
|
||||
}
|
||||
.button-father {
|
||||
position: absolute;
|
||||
bottom: 1.875rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 1.5625rem;
|
||||
}
|
||||
.margin-height {
|
||||
height: 0.3125rem;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
.logo {
|
||||
height: 6.25rem;
|
||||
width: 6.25rem;
|
||||
margin-top: 6.25rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 1.5625rem;
|
||||
}
|
||||
.text-area {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.title {
|
||||
font-size: 1.125rem;
|
||||
color: #8f8f94;
|
||||
}
|
||||
.typebutton{
|
||||
width: 9.375rem;
|
||||
height: 4.6875rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.9375rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -145,39 +145,39 @@ to {
|
|||
/* ==================
|
||||
按钮
|
||||
==================== */
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
/* position: relative;
|
||||
border: 0upx; */
|
||||
/* display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center; */
|
||||
/* box-sizing: border-box; */
|
||||
/* padding: 0 30upx; */
|
||||
/* font-size: 28upx; */
|
||||
/* height: 64upx; */
|
||||
/* line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
margin-left: initial;
|
||||
transform: translate(0upx, 0upx);
|
||||
margin-right: initial; */
|
||||
.zy-quxiao[data-v-bf1d6c35]{
|
||||
height: 2.8125rem;
|
||||
width: 17.1875rem;
|
||||
/* margin: 0 auto; */
|
||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
color: gray;
|
||||
font-size: 1rem;
|
||||
border: 0.0625rem solid lightgray;
|
||||
color: gray;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
height: 2.8125rem;
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
background: url('../../static/index/warehouse/procurement/sh.png')no-repeat;
|
||||
border: 1px solid rgba(0, 155, 252, 1);
|
||||
color: #1083F8;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* color: #fff; */
|
||||
font-size: 1rem;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]::after {
|
||||
display: none;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||
background-color: #f0f0f0;
|
||||
/* background-color: #f0f0f0; */
|
||||
}
|
||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||
background-color: transparent;
|
||||
|
|
@ -386,7 +386,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
padding: 1.25rem;
|
||||
}
|
||||
.padding-xl[data-v-bf1d6c35] {
|
||||
padding: 1.5625rem;
|
||||
padding: 20px;
|
||||
}
|
||||
.padding-top-xs[data-v-bf1d6c35] {
|
||||
padding-top: 0.3125rem;
|
||||
|
|
@ -503,8 +503,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0 0.625rem;
|
||||
width: 100%;
|
||||
}
|
||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||
position: relative;
|
||||
|
|
@ -1050,8 +1051,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
color: #ffffff;
|
||||
}
|
||||
.bg-blue[data-v-bf1d6c35] {
|
||||
background-color: #0081ff;
|
||||
color: #ffffff;
|
||||
/* background-color: #0081ff; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.bg-purple[data-v-bf1d6c35] {
|
||||
background-color: #6739b6;
|
||||
|
|
@ -1464,6 +1465,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
font-weight: 600;
|
||||
/* color: white; */
|
||||
}
|
||||
.scroll-box[data-v-bf1d6c35]{
|
||||
height: 6.25rem;
|
||||
}
|
||||
|
||||
/* ✅ 显示滚动条(App / H5 都有效) */
|
||||
.scroll-box[data-v-bf1d6c35]::-webkit-scrollbar {
|
||||
width: 0.25rem; /* 滚动条宽度 */
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar {
|
||||
/* 滚动条整体样式 */
|
||||
display: block !important;
|
||||
width: 0.21875rem;
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar-thumb {
|
||||
/* 滚动条里面小方块 */
|
||||
border-radius: 0.15625rem !important;
|
||||
box-shadow: inset 0 0 0.03125rem rgba(0, 0, 0, 0.2) !important;
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
|
||||
.backgroundContainer[data-v-1cf27b2a] {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -145,39 +145,39 @@ to {
|
|||
/* ==================
|
||||
按钮
|
||||
==================== */
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
/* position: relative;
|
||||
border: 0upx; */
|
||||
/* display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center; */
|
||||
/* box-sizing: border-box; */
|
||||
/* padding: 0 30upx; */
|
||||
/* font-size: 28upx; */
|
||||
/* height: 64upx; */
|
||||
/* line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
margin-left: initial;
|
||||
transform: translate(0upx, 0upx);
|
||||
margin-right: initial; */
|
||||
.zy-quxiao[data-v-bf1d6c35]{
|
||||
height: 2.8125rem;
|
||||
width: 17.1875rem;
|
||||
/* margin: 0 auto; */
|
||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
color: gray;
|
||||
font-size: 1rem;
|
||||
border: 0.0625rem solid lightgray;
|
||||
color: gray;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
height: 2.8125rem;
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
background: url('../../static/index/warehouse/procurement/sh.png')no-repeat;
|
||||
border: 1px solid rgba(0, 155, 252, 1);
|
||||
color: #1083F8;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* color: #fff; */
|
||||
font-size: 1rem;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]::after {
|
||||
display: none;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||
background-color: #f0f0f0;
|
||||
/* background-color: #f0f0f0; */
|
||||
}
|
||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||
background-color: transparent;
|
||||
|
|
@ -386,7 +386,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
padding: 1.25rem;
|
||||
}
|
||||
.padding-xl[data-v-bf1d6c35] {
|
||||
padding: 1.5625rem;
|
||||
padding: 20px;
|
||||
}
|
||||
.padding-top-xs[data-v-bf1d6c35] {
|
||||
padding-top: 0.3125rem;
|
||||
|
|
@ -503,8 +503,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0 0.625rem;
|
||||
width: 100%;
|
||||
}
|
||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||
position: relative;
|
||||
|
|
@ -1050,8 +1051,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
color: #ffffff;
|
||||
}
|
||||
.bg-blue[data-v-bf1d6c35] {
|
||||
background-color: #0081ff;
|
||||
color: #ffffff;
|
||||
/* background-color: #0081ff; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.bg-purple[data-v-bf1d6c35] {
|
||||
background-color: #6739b6;
|
||||
|
|
@ -1464,6 +1465,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
font-weight: 600;
|
||||
/* color: white; */
|
||||
}
|
||||
.scroll-box[data-v-bf1d6c35]{
|
||||
height: 6.25rem;
|
||||
}
|
||||
|
||||
/* ✅ 显示滚动条(App / H5 都有效) */
|
||||
.scroll-box[data-v-bf1d6c35]::-webkit-scrollbar {
|
||||
width: 0.25rem; /* 滚动条宽度 */
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar {
|
||||
/* 滚动条整体样式 */
|
||||
display: block !important;
|
||||
width: 0.21875rem;
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar-thumb {
|
||||
/* 滚动条里面小方块 */
|
||||
border-radius: 0.15625rem !important;
|
||||
box-shadow: inset 0 0 0.03125rem rgba(0, 0, 0, 0.2) !important;
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
|
||||
.all[data-v-e42fb5c8] {
|
||||
margin-top: 1.40625rem;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,555 @@
|
|||
.move-circle[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 10.9375rem;
|
||||
height: 10.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 99;
|
||||
touch-action: none;
|
||||
}
|
||||
.move-circle .click-box-top[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
top: 0.625rem;
|
||||
right: 2.1875rem;
|
||||
width: 6.875rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
.move-circle .click-box-bottom[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
bottom: 0.625rem;
|
||||
right: 2.1875rem;
|
||||
width: 6.875rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
.move-circle .click-box-right[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
bottom: 3.125rem;
|
||||
right: 0;
|
||||
width: 2.8125rem;
|
||||
height: 4.6875rem;
|
||||
}
|
||||
.move-circle .click-box-left[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
bottom: 3.125rem;
|
||||
left: 0;
|
||||
width: 2.8125rem;
|
||||
height: 4.6875rem;
|
||||
}
|
||||
.move-circle .click-box-center[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
bottom: 4.0625rem;
|
||||
right: 4.0625rem;
|
||||
width: 2.8125rem;
|
||||
height: 2.8125rem;
|
||||
}
|
||||
.move-circle-all[data-v-e20c63a2] {
|
||||
width: 10.9375rem;
|
||||
height: 10.9375rem;
|
||||
}
|
||||
.light-shadow[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
background-color: transparent;
|
||||
border: 1.875rem solid #3da6ff;
|
||||
border-radius: 50%;
|
||||
pointer-events: none;
|
||||
opacity: 1;
|
||||
}
|
||||
/* 无限循环波纹动画,长按时用 */
|
||||
.ripple-loop[data-v-e20c63a2] {
|
||||
animation: rippleLoop-e20c63a2 1.2s ease-out infinite;
|
||||
}
|
||||
/* 点击一次的波纹动画 */
|
||||
.ripple-once[data-v-e20c63a2] {
|
||||
animation: rippleLoop-e20c63a2 1.2s ease-out forwards;
|
||||
}
|
||||
@keyframes rippleLoop-e20c63a2 {
|
||||
0% {
|
||||
transform: translate(-50%, -50%) scale(0.5);
|
||||
opacity: 0.6;
|
||||
}
|
||||
100% {
|
||||
transform: translate(-50%, -50%) scale(2.5);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.light-circle[data-v-e20c63a2] {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
background: #111;
|
||||
/* 你背景色自己改 */
|
||||
overflow: visible;
|
||||
}
|
||||
.circle[data-v-e20c63a2] {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
background: #222;
|
||||
margin: 50px;
|
||||
}
|
||||
.pulse-circle[data-v-e20c63a2] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 50%;
|
||||
background: radial-gradient(circle, #03a4ff 0%, transparent 70%);
|
||||
animation: pulse-e20c63a2 3s forwards;
|
||||
}
|
||||
@keyframes pulse-e20c63a2 {
|
||||
0% {
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0.8;
|
||||
}
|
||||
50% {
|
||||
width: 10.9375rem;
|
||||
height: 10.9375rem;
|
||||
opacity: 0.4;
|
||||
}
|
||||
100% {
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.view[data-v-d96776e5] {
|
||||
background-color: #eff0f4;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
}
|
||||
.view .view-left[data-v-d96776e5] {
|
||||
height: 100%;
|
||||
width: 23%;
|
||||
}
|
||||
.view .view-left .title-father[data-v-d96776e5] {
|
||||
padding-top: 3.125rem;
|
||||
padding-bottom: 1.5625rem;
|
||||
padding-left: 1.875rem;
|
||||
display: flex;
|
||||
}
|
||||
.view .view-left .title-father .title-img[data-v-d96776e5] {
|
||||
width: 1.71875rem;
|
||||
height: 1.71875rem;
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.view .view-left .title-father .title-font[data-v-d96776e5] {
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
}
|
||||
.view .view-left .menus-father[data-v-d96776e5] {
|
||||
width: 100%;
|
||||
height: 28.125rem;
|
||||
}
|
||||
.view .view-left .menus-father .menu[data-v-d96776e5] {
|
||||
margin: 1.40625rem 0;
|
||||
margin-left: 0.9375rem;
|
||||
height: 3.4375rem;
|
||||
width: 12.5rem;
|
||||
border-radius: 1.875rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.view .view-left .menus-father .menu .menu-img[data-v-d96776e5] {
|
||||
width: 2.03125rem;
|
||||
height: 2.03125rem;
|
||||
margin-left: 0.78125rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.view .view-right[data-v-d96776e5] {
|
||||
height: 100%;
|
||||
width: 90%;
|
||||
position: relative;
|
||||
}
|
||||
.view .view-right .scroll-vi[data-v-d96776e5] {
|
||||
height: 3.125rem;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
margin-top: 2.5rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
.view .view-right .scroll-vi .menu[data-v-d96776e5] {
|
||||
flex: 0 0 auto;
|
||||
height: 2.8125rem;
|
||||
width: 7.5rem;
|
||||
border-radius: 1.5625rem;
|
||||
margin-left: 0.625rem;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 0.28125rem;
|
||||
}
|
||||
.view .view-right .scroll-vi .menu .menu-img[data-v-d96776e5] {
|
||||
width: 1.71875rem;
|
||||
height: 1.71875rem;
|
||||
margin-right: 0.46875rem;
|
||||
}
|
||||
.view .view-right .scroll-vi .menu .menu-font[data-v-d96776e5] {
|
||||
margin-top: 0.5625rem;
|
||||
font-size: 0.78125rem;
|
||||
}
|
||||
.new-weight[data-v-d96776e5] {
|
||||
margin: 0 0.9375rem;
|
||||
margin-top: 1.25rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.big-bgc[data-v-d96776e5] {
|
||||
margin-left: -0.3125rem;
|
||||
margin-top: 0.9375rem;
|
||||
width: 42.1875rem;
|
||||
height: 32.5rem;
|
||||
border-radius: 1.71875rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
@keyframes glowFlash-d96776e5 {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: 0 0 0.125rem #f1d7da, 0 0 0.25rem #f1d7da, 0 0 0.375rem #f1d7da;
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 0.3125rem #f1d7da, 0 0 0.625rem #f1d7da, 0 0 0.9375rem #f1d7da;
|
||||
}
|
||||
}
|
||||
.right-right[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
right: -0.625rem;
|
||||
top: 6.5625rem;
|
||||
height: calc(100% - 7.8125rem);
|
||||
width: 17.8125rem;
|
||||
}
|
||||
.right-right .red-kuang[data-v-d96776e5] {
|
||||
margin-left: 2.8125rem;
|
||||
width: 13.4375rem;
|
||||
height: 3.75rem;
|
||||
border-radius: 0.9375rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
}
|
||||
.right-right .red-kuang .blue-bgc[data-v-d96776e5] {
|
||||
width: 3.75rem;
|
||||
height: 1.5625rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 1;
|
||||
font-size: 0.71875rem;
|
||||
background-color: rgba(248, 249, 250, 0.5);
|
||||
color: #017DE9;
|
||||
border-radius: 0.625rem;
|
||||
}
|
||||
.right-right .red-kuang .font-weight[data-v-d96776e5] {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.right-right .red-kuang .font-small[data-v-d96776e5] {
|
||||
font-size: 0.6875rem;
|
||||
}
|
||||
.states-father[data-v-d96776e5] {
|
||||
display: flex;
|
||||
margin-top: 0.625rem;
|
||||
margin-left: 2.8125rem;
|
||||
width: 100%;
|
||||
}
|
||||
.states-father .states[data-v-d96776e5] {
|
||||
width: 4.21875rem;
|
||||
margin-right: 0.46875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 1.875rem;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.states-father .phone-number[data-v-d96776e5] {
|
||||
width: 100%;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.bottom-view[data-v-d96776e5] {
|
||||
margin-left: 2.8125rem;
|
||||
margin-top: 0.625rem;
|
||||
width: 13.75rem;
|
||||
height: 21.5625rem;
|
||||
border-radius: 1.5625rem;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.bottom-view .button-father[data-v-d96776e5] {
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0.875rem;
|
||||
text-align: center;
|
||||
}
|
||||
.bottom-view .button-father .bottom-button[data-v-d96776e5] {
|
||||
background-color: #F2F2F4;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 3.4375rem;
|
||||
height: 3.4375rem;
|
||||
border: 0.03125rem solid #CDD3DD;
|
||||
border-radius: 1.09375rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
}
|
||||
.big-view[data-v-d96776e5] {
|
||||
margin-left: 2.8125rem;
|
||||
margin-top: 0.625rem;
|
||||
width: 13.75rem;
|
||||
height: 10.625rem;
|
||||
border-radius: 1.5625rem;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.big-view .font-weight[data-v-d96776e5] {
|
||||
font-size: 1.25rem;
|
||||
margin-top: 1.5625rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.big-view .pao[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
right: 1.25rem;
|
||||
top: 0.625rem;
|
||||
width: 2.65625rem;
|
||||
height: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
}
|
||||
.small-button[data-v-d96776e5] {
|
||||
margin-top: 0.3125rem;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
}
|
||||
.small-button .gray-ball[data-v-d96776e5] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #F8F9FA;
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
border-radius: 50%;
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.small-button .gray-ball .laba-img[data-v-d96776e5] {
|
||||
width: 1.09375rem;
|
||||
height: 1.09375rem;
|
||||
}
|
||||
.right-bottom[data-v-d96776e5] {
|
||||
margin-left: 1.5625rem;
|
||||
margin-top: 0.9375rem;
|
||||
width: 17.1875rem;
|
||||
height: 7.5rem;
|
||||
border-radius: 1.5625rem;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
position: relative;
|
||||
}
|
||||
.right-bottom .bottom-img[data-v-d96776e5] {
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
margin-bottom: 0.9375rem;
|
||||
}
|
||||
.right-bottom .people-card[data-v-d96776e5] {
|
||||
width: 7.65625rem;
|
||||
height: 3.125rem;
|
||||
border-radius: 0.78125rem;
|
||||
background-color: rgba(248, 249, 250, 0.5);
|
||||
margin-left: 0.625rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.right-father[data-v-d96776e5] {
|
||||
width: 15.625rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.warning[data-v-d96776e5] {
|
||||
animation: glowFlash-d96776e5 1.2s infinite ease-in-out;
|
||||
border: 0.03125rem solid #ff5757;
|
||||
background-color: rgba(239, 240, 244, 0.5);
|
||||
}
|
||||
.zoom[data-v-d96776e5] {
|
||||
transform: scale(1.2);
|
||||
transform-origin: bottom left;
|
||||
transition: transform 1s ease;
|
||||
}
|
||||
.juzhong[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.zhezhao-left[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0%;
|
||||
height: 100%;
|
||||
width: 3.75rem;
|
||||
background: linear-gradient(to right, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
}
|
||||
.zhezhao-right[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 34%;
|
||||
height: 100%;
|
||||
width: 3.75rem;
|
||||
background: linear-gradient(to left, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
}
|
||||
.zhezhao-top[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
top: 6.25rem;
|
||||
left: 0%;
|
||||
width: 14.0625rem;
|
||||
height: 3.75rem;
|
||||
background: linear-gradient(to bottom, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
}
|
||||
.zhezhao-bottom[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
bottom: 11.875rem;
|
||||
left: 0%;
|
||||
width: 14.0625rem;
|
||||
height: 3.75rem;
|
||||
background: linear-gradient(to top, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
}
|
||||
.bgc-image[data-v-d96776e5] {
|
||||
width: 15.625rem;
|
||||
height: 6.25rem;
|
||||
position: absolute;
|
||||
top: -1.5625rem;
|
||||
left: 0;
|
||||
}
|
||||
.font-phone[data-v-d96776e5] {
|
||||
font-size: 1.09375rem;
|
||||
font-weight: 600;
|
||||
margin-left: 0.9375rem;
|
||||
}
|
||||
.phone-ball[data-v-d96776e5] {
|
||||
width: 1.5625rem;
|
||||
height: 1.5625rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 4.0625rem;
|
||||
}
|
||||
.target[data-v-d96776e5] {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 1.875rem;
|
||||
--outline-offset: 0;
|
||||
/* 外扩多少 */
|
||||
/* 内层虚线(你现在用的) */
|
||||
border-radius: var(--radius);
|
||||
background-color: #ddf0ff;
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.targetbutton[data-v-d96776e5] {
|
||||
--color: #99C9FD;
|
||||
--thick: 2px;
|
||||
--radius: 1.875rem;
|
||||
--outline-offset: 0.3125rem;
|
||||
/* 外扩多少 */
|
||||
/* 内层虚线(你现在用的) */
|
||||
border-radius: var(--radius);
|
||||
/* 内部背景 */
|
||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
||||
outline: var(--thick) dashed var(--color);
|
||||
outline-offset: var(--outline-offset);
|
||||
/* 保证文本 / 子元素在最上层 */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.picture[data-v-d96776e5] {
|
||||
display: flex;
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
.picture .picture-card[data-v-d96776e5] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-left: 0.625rem;
|
||||
margin-right: 0.3125rem;
|
||||
width: 6.25rem;
|
||||
}
|
||||
.picture .picture-card .bgc-card[data-v-d96776e5] {
|
||||
width: 100%;
|
||||
height: 4.0625rem;
|
||||
background-color: rgba(226, 227, 231, 0.5);
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 0.3125rem;
|
||||
}
|
||||
.jump-white[data-v-d96776e5] {
|
||||
position: absolute;
|
||||
bottom: 0.625rem;
|
||||
left: 1.5625rem;
|
||||
width: 9.375rem;
|
||||
height: 12.5rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.9375rem;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.jump-item[data-v-d96776e5] {
|
||||
margin: 0.3125rem 0.3125rem;
|
||||
height: 1.875rem;
|
||||
justify-content: center;
|
||||
width: 93%;
|
||||
display: flex;
|
||||
border-radius: 0.625rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -376,39 +376,39 @@ to {
|
|||
/* ==================
|
||||
按钮
|
||||
==================== */
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
/* position: relative;
|
||||
border: 0upx; */
|
||||
/* display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center; */
|
||||
/* box-sizing: border-box; */
|
||||
/* padding: 0 30upx; */
|
||||
/* font-size: 28upx; */
|
||||
/* height: 64upx; */
|
||||
/* line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
margin-left: initial;
|
||||
transform: translate(0upx, 0upx);
|
||||
margin-right: initial; */
|
||||
.zy-quxiao[data-v-bf1d6c35]{
|
||||
height: 2.8125rem;
|
||||
width: 17.1875rem;
|
||||
/* margin: 0 auto; */
|
||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
color: gray;
|
||||
font-size: 1rem;
|
||||
border: 0.0625rem solid lightgray;
|
||||
color: gray;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35] {
|
||||
height: 2.8125rem;
|
||||
width: 6.25rem;
|
||||
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||
background: url('../../../static/index/warehouse/procurement/sh.png')no-repeat;
|
||||
border: 1px solid rgba(0, 155, 252, 1);
|
||||
color: #1083F8;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* color: #fff; */
|
||||
font-size: 1rem;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]::after {
|
||||
display: none;
|
||||
}
|
||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||
background-color: #f0f0f0;
|
||||
/* background-color: #f0f0f0; */
|
||||
}
|
||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||
background-color: transparent;
|
||||
|
|
@ -617,7 +617,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
padding: 1.25rem;
|
||||
}
|
||||
.padding-xl[data-v-bf1d6c35] {
|
||||
padding: 1.5625rem;
|
||||
padding: 20px;
|
||||
}
|
||||
.padding-top-xs[data-v-bf1d6c35] {
|
||||
padding-top: 0.3125rem;
|
||||
|
|
@ -734,8 +734,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
max-width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0 0.625rem;
|
||||
width: 100%;
|
||||
}
|
||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||
position: relative;
|
||||
|
|
@ -1281,8 +1282,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
color: #ffffff;
|
||||
}
|
||||
.bg-blue[data-v-bf1d6c35] {
|
||||
background-color: #0081ff;
|
||||
color: #ffffff;
|
||||
/* background-color: #0081ff; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.bg-purple[data-v-bf1d6c35] {
|
||||
background-color: #6739b6;
|
||||
|
|
@ -1695,6 +1696,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
|||
font-weight: 600;
|
||||
/* color: white; */
|
||||
}
|
||||
.scroll-box[data-v-bf1d6c35]{
|
||||
height: 6.25rem;
|
||||
}
|
||||
|
||||
/* ✅ 显示滚动条(App / H5 都有效) */
|
||||
.scroll-box[data-v-bf1d6c35]::-webkit-scrollbar {
|
||||
width: 0.25rem; /* 滚动条宽度 */
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar {
|
||||
/* 滚动条整体样式 */
|
||||
display: block !important;
|
||||
width: 0.21875rem;
|
||||
}
|
||||
[data-v-bf1d6c35] ::-webkit-scrollbar-thumb {
|
||||
/* 滚动条里面小方块 */
|
||||
border-radius: 0.15625rem !important;
|
||||
box-shadow: inset 0 0 0.03125rem rgba(0, 0, 0, 0.2) !important;
|
||||
background-color: #CCCCCC !important;
|
||||
}
|
||||
|
||||
|
||||
.all[data-v-e42fb5c8] {
|
||||
margin-top: 1.40625rem;
|
||||
|
|
|
|||
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel1.png
vendored
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel2.png
vendored
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel3.png
vendored
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel4.png
vendored
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel5.png
vendored
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel6.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel7.png
vendored
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel8.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/cancel/cancel9.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share1.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share2.png
vendored
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share3.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share4.png
vendored
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share5.png
vendored
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
unpackage/dist/dev/app-plus/static/index/warehouse/procurement/share/share6.png
vendored
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -1 +1 @@
|
|||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__FB2D473","name":"护理单元","version":{"name":"1.6.8","code":168},"description":"护理单元","developer":{"name":"","email":"","url":""},"permissions":{"Share":{},"Camera":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"nativePlugins":{"MonitorModule":{"__plugin_info__":{"name":"MonitorModule","description":"bugly升级","platforms":"Android","url":"","android_package_name":"","ios_bundle_id":"","isCloud":false,"bought":-1,"pid":"","parameters":{}}}},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"control":"uni-v3","vueVersion":"3","compilerVersion":"4.76","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal","webView":{"minUserAgentVersion":"49.0"}}},"app-harmony":{"useragent":{"value":"uni-app","concatenate":true},"uniStatistics":{"enable":false}},"screenOrientation":["landscape-primary","landscape-secondary"],"launch_path":"__uniappview.html"}
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__FB2D473","name":"护理单元","version":{"name":"1.6.9","code":169},"description":"护理单元","developer":{"name":"","email":"","url":""},"permissions":{"Share":{},"Camera":{},"VideoPlayer":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"target":"id:1","autoclose":true,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"render":"always","id":"1","kernel":"WKWebview"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"nativePlugins":{"MonitorModule":{"__plugin_info__":{"name":"MonitorModule","description":"bugly升级","platforms":"Android","url":"","android_package_name":"","ios_bundle_id":"","isCloud":false,"bought":-1,"pid":"","parameters":{}}}},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#F8F8F8"},"uniStatistics":{"enable":false},"allowsInlineMediaPlayback":true,"uni-app":{"control":"uni-v3","vueVersion":"3","compilerVersion":"4.76","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal","webView":{"minUserAgentVersion":"49.0"}}},"app-harmony":{"useragent":{"value":"uni-app","concatenate":true},"uniStatistics":{"enable":false}},"screenOrientation":["landscape-primary","landscape-secondary"],"launch_path":"__uniappview.html"}
|
||||
|
|
@ -1 +1 @@
|
|||
.wareaitem[data-v-9891960a]{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../../static/index/warehouse/bg.png) no-repeat;background-size:cover cover}.wareaitem .tp uni-image[data-v-9891960a]{width:100%;height:100%}.wareaitem .operationbtn[data-v-9891960a]{width:22vw;height:10vw;position:absolute;right:1.5vw;bottom:2vw;display:flex;justify-content:space-between;flex-wrap:wrap}.wareaitem .operationbtn>uni-view[data-v-9891960a]{width:10vw;height:4vw;border-radius:1vw;border:.0625rem solid #D9DADC;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.3vw;color:#888d99;margin:0 .3vw;transition:transform .18s ease,box-shadow .18s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.wareaitem .operationbtn>uni-view uni-image[data-v-9891960a]{width:1.6vw;height:1.6vw;margin-right:.2vw}.wareaitem .operationbtn .click-box[data-v-9891960a]{color:#888d99;background:rgba(255,255,255,.43)}.wareaitem .operationbtn .click-box-target[data-v-9891960a]{background:#fff;box-shadow:0 0 3vw rgba(12,102,209,.33) inset;color:#6c84a0!important;animation:scalePulse-9891960a .36s cubic-bezier(.2,.8,.2,1);transform-origin:center center}.wareaitem .operationbtn .grad-text[data-v-9891960a]{background:linear-gradient(90deg,#5b8bb3,#87a1bd);background-size:200% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s linear}@keyframes scalePulse-9891960a{0%{transform:scale(1)}25%{transform:scale(.94)}65%{transform:scale(1.08)}to{transform:scale(1)}}.wareaitem .wareaitem-item[data-v-9891960a]{width:100%;height:100%;position:fixed;top:0;left:-2vw}.wareaitem .wareaitem-item .itemact1[data-v-9891960a]{width:29vw;height:21vw;top:23vw;left:6vw;z-index:31}.wareaitem .wareaitem-item .itemact2[data-v-9891960a]{width:26vw;height:16vw;top:15vw;left:41vw;z-index:27}.wareaitem .wareaitem-item .itemact3[data-v-9891960a]{width:24vw;height:16vw;top:28vw;left:46vw;z-index:55}.wareaitem .wareaitem-item .itemact4[data-v-9891960a]{width:17vw;height:13vw;top:22vw;left:67vw;z-index:36}.wareaitem .wareaitem-item .wclik[data-v-9891960a]{width:22vw;height:14vw;top:16vw;left:44vw;z-index:47}.wareaitem .wareaitem-item .gifs[data-v-9891960a]{width:41vw;height:20vw;top:21.6vw;left:27.5vw;z-index:29}.wareaitem .wareaitem-item .ys[data-v-9891960a]{width:11vw;height:8vw;top:24.2vw;left:57.9vw;z-index:28}.wareaitem .wareaitem-item .wareitem1[data-v-9891960a]{width:86vw;height:44vw;top:1vw;left:10.5vw;z-index:15}.wareaitem .wareaitem-item .wareitem4[data-v-9891960a]{width:11vw;height:7vw;top:30.9vw;left:60vw}.wareaitem .wareaitem-item .wareitem6[data-v-9891960a]{width:17vw;height:12vw;top:28vw;right:-2vw;z-index:35}.wareaitem .wareaitem-item .wareitem5[data-v-9891960a]{width:18vw;height:15vw;top:37vw;left:73vw;z-index:35}.wareaitem .wareaitem-item .wareitem8[data-v-9891960a]{width:26vw;height:8vw;top:29.7vw;left:21.8vw}.wareaitem .wareaitem-item .wareitem11[data-v-9891960a]{width:3vw;height:3vw;top:24.5vw;left:60vw;z-index:35}.wareaitem .wareaitem-item .wareitem10[data-v-9891960a]{width:55vw;height:27vw;top:38vw;left:20vw;z-index:36}.wareaitem .wareaitem-item>uni-view[data-v-9891960a]{position:absolute}.wareaitem .annotation1[data-v-9891960a]{top:21.5vw;left:19.5vw}.wareaitem .annotation2[data-v-9891960a]{top:13vw;left:47vw}.wareaitem .annotation3[data-v-9891960a]{top:24vw;left:49.3vw}.wareaitem .annotation4[data-v-9891960a]{top:18vw;left:70vw}.wareaitem .annotation5[data-v-9891960a]{top:34vw;left:74vw}.wareaitem .annotation6[data-v-9891960a]{top:24vw;right:6vw}.wareaitem .annotation[data-v-9891960a]{width:7vw;height:8vw;z-index:20;position:fixed}.wareaitem .annotation>uni-view[data-v-9891960a]{position:relative}.wareaitem .annotation>uni-view[data-v-9891960a]:nth-child(2){width:6.5vw;height:3.2vw;margin:-.0625rem auto 0;z-index:2;display:flex;align-items:center;justify-content:center}.wareaitem .annotation>uni-view:nth-child(2) uni-image[data-v-9891960a]{position:absolute;top:0;left:0}.wareaitem .annotation>uni-view:nth-child(2) uni-text[data-v-9891960a]{position:relative;font-weight:400;font-size:1.1vw;color:#fff;z-index:3;margin-top:-.5vw}.wareaitem .annotation>uni-view[data-v-9891960a]:nth-child(3){width:3vw;height:5vw;z-index:1;margin:-1vw auto 0}.backgroundContainer[data-v-9891960a]{display:flex;flex-direction:column;position:relative;width:100vw;height:100vh;background-image:url(../../static/index/lightbgcnew.png);background-size:cover;background-position:center center;overflow:hidden}.darkbackgroundContainer[data-v-9891960a]{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background-image:url(../../static/index/background.png);background-size:cover;background-position:center center;overflow:hidden}
|
||||
.wareaitem[data-v-ca51b68b]{width:100%;height:100%;position:fixed;top:0;left:0;background:url(../../static/index/warehouse/bg.png) no-repeat;background-size:cover cover}.wareaitem .tp uni-image[data-v-ca51b68b]{width:100%;height:100%}.wareaitem .operationbtn[data-v-ca51b68b]{width:22vw;height:10vw;position:absolute;right:1.5vw;bottom:2vw;display:flex;justify-content:space-between;flex-wrap:wrap}.wareaitem .operationbtn>uni-view[data-v-ca51b68b]{width:10vw;height:4vw;border-radius:1vw;border:.0625rem solid #D9DADC;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.3vw;color:#888d99;margin:0 .3vw;transition:transform .18s ease,box-shadow .18s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.wareaitem .operationbtn>uni-view uni-image[data-v-ca51b68b]{width:1.6vw;height:1.6vw;margin-right:.2vw}.wareaitem .operationbtn .click-box[data-v-ca51b68b]{color:#888d99;background:rgba(255,255,255,.43)}.wareaitem .operationbtn .click-box-target[data-v-ca51b68b]{background:#fff;box-shadow:0 0 3vw rgba(12,102,209,.33) inset;color:#6c84a0!important;animation:scalePulse-ca51b68b .36s cubic-bezier(.2,.8,.2,1);transform-origin:center center}.wareaitem .operationbtn .grad-text[data-v-ca51b68b]{background:linear-gradient(90deg,#5b8bb3,#87a1bd);background-size:200% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s linear}@keyframes scalePulse-ca51b68b{0%{transform:scale(1)}25%{transform:scale(.94)}65%{transform:scale(1.08)}to{transform:scale(1)}}.wareaitem .wareaitem-item[data-v-ca51b68b]{width:100%;height:100%;position:fixed;top:0;left:-2vw}.wareaitem .wareaitem-item .itemact1[data-v-ca51b68b]{width:29vw;height:21vw;top:23vw;left:6vw;z-index:31}.wareaitem .wareaitem-item .itemact2[data-v-ca51b68b]{width:26vw;height:16vw;top:15vw;left:41vw;z-index:27}.wareaitem .wareaitem-item .itemact3[data-v-ca51b68b]{width:24vw;height:16vw;top:28vw;left:46vw;z-index:55}.wareaitem .wareaitem-item .itemact4[data-v-ca51b68b]{width:17vw;height:13vw;top:22vw;left:67vw;z-index:36}.wareaitem .wareaitem-item .wclik[data-v-ca51b68b]{width:22vw;height:14vw;top:16vw;left:44vw;z-index:47}.wareaitem .wareaitem-item .gifs[data-v-ca51b68b]{width:41vw;height:20vw;top:21.6vw;left:27.5vw;z-index:29}.wareaitem .wareaitem-item .ys[data-v-ca51b68b]{width:11vw;height:8vw;top:24.2vw;left:57.9vw;z-index:28}.wareaitem .wareaitem-item .wareitem1[data-v-ca51b68b]{width:86vw;height:44vw;top:1vw;left:10.5vw;z-index:15}.wareaitem .wareaitem-item .wareitem4[data-v-ca51b68b]{width:11vw;height:7vw;top:30.9vw;left:60vw}.wareaitem .wareaitem-item .wareitem6[data-v-ca51b68b]{width:17vw;height:12vw;top:28vw;right:-2vw;z-index:35}.wareaitem .wareaitem-item .wareitem5[data-v-ca51b68b]{width:18vw;height:15vw;top:37vw;left:73vw;z-index:35}.wareaitem .wareaitem-item .wareitem8[data-v-ca51b68b]{width:26vw;height:8vw;top:29.7vw;left:21.8vw}.wareaitem .wareaitem-item .wareitem11[data-v-ca51b68b]{width:3vw;height:3vw;top:24.5vw;left:60vw;z-index:35}.wareaitem .wareaitem-item .wareitem10[data-v-ca51b68b]{width:55vw;height:27vw;top:38vw;left:20vw;z-index:36}.wareaitem .wareaitem-item>uni-view[data-v-ca51b68b]{position:absolute}.wareaitem .annotation1[data-v-ca51b68b]{top:21.5vw;left:19.5vw}.wareaitem .annotation2[data-v-ca51b68b]{top:13vw;left:47vw}.wareaitem .annotation3[data-v-ca51b68b]{top:24vw;left:49.3vw}.wareaitem .annotation4[data-v-ca51b68b]{top:18vw;left:70vw}.wareaitem .annotation5[data-v-ca51b68b]{top:34vw;left:74vw}.wareaitem .annotation6[data-v-ca51b68b]{top:24vw;right:6vw}.wareaitem .annotation[data-v-ca51b68b]{width:7vw;height:8vw;z-index:20;position:fixed}.wareaitem .annotation>uni-view[data-v-ca51b68b]{position:relative}.wareaitem .annotation>uni-view[data-v-ca51b68b]:nth-child(2){width:6.5vw;height:3.2vw;margin:-.0625rem auto 0;z-index:2;display:flex;align-items:center;justify-content:center}.wareaitem .annotation>uni-view:nth-child(2) uni-image[data-v-ca51b68b]{position:absolute;top:0;left:0}.wareaitem .annotation>uni-view:nth-child(2) uni-text[data-v-ca51b68b]{position:relative;font-weight:400;font-size:1.1vw;color:#fff;z-index:3;margin-top:-.5vw}.wareaitem .annotation>uni-view[data-v-ca51b68b]:nth-child(3){width:3vw;height:5vw;z-index:1;margin:-1vw auto 0}.backgroundContainer[data-v-ca51b68b]{display:flex;flex-direction:column;position:relative;width:100vw;height:100vh;background-image:url(../../static/index/lightbgcnew.png);background-size:cover;background-position:center center;overflow:hidden}.darkbackgroundContainer[data-v-ca51b68b]{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background-image:url(../../static/index/background.png);background-size:cover;background-position:center center;overflow:hidden}
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 694 B |
|
After Width: | Height: | Size: 669 B |