采购冲突
|
|
@ -13,7 +13,7 @@
|
||||||
|
|
||||||
<view class="title">退出登录</view>
|
<view class="title">退出登录</view>
|
||||||
<view class="card-font">
|
<view class="card-font">
|
||||||
确定要注销130******31账户吗
|
确定要注销账户吗
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -2,81 +2,62 @@
|
||||||
<view class="move-circle" :style="{ bottom: `${movebottom}rpx`, left: `${moveleft}rpx` }">
|
<view class="move-circle" :style="{ bottom: `${movebottom}rpx`, left: `${moveleft}rpx` }">
|
||||||
|
|
||||||
<!-- 返回 -->
|
<!-- 返回 -->
|
||||||
<view
|
<view :class="beblue === 5 ? 'click-box-target' : 'click-box'" @tap="onTap(5)"
|
||||||
:class="beblue === 5 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(5)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(5)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(5)"
|
<image :src="`/static/index/newruler/${beblue === 5 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@touchcancel="onLongPressEnd"
|
<span style="z-index: 1;font-size: 30rpx;"
|
||||||
style="position: relative;"
|
:class="beblue === 5 ? 'grad-text' : ''">{{leftbuttonname}}</span>
|
||||||
>
|
|
||||||
<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>
|
||||||
|
|
||||||
<!-- 上 -->
|
<!-- 上 -->
|
||||||
<view
|
<view :class="beblue === 0 ? 'click-box-target' : 'click-box'" @tap="onTap(0)"
|
||||||
:class="beblue === 0 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(0)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(0)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(0)"
|
<image :src="`/static/index/newruler/${beblue === 0 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@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" />
|
<image :src="`/static/index/newruler/fangxiang${beblue===0 ? 'target' : ''}.png`" class="image-photo" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 确定 -->
|
<!-- 确定 -->
|
||||||
<view
|
<view :class="beblue === 4 ? 'click-box-target' : 'click-box'" @tap="onTap(4)"
|
||||||
:class="beblue === 4 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(4)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(4)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(4)"
|
<image :src="`/static/index/newruler/${beblue === 4 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@touchcancel="onLongPressEnd"
|
<span style="z-index: 1;font-size: 30rpx;"
|
||||||
style="position: relative;"
|
:class="beblue === 4 ? 'grad-text' : ''">{{rightbuttonname}}</span>
|
||||||
>
|
|
||||||
<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>
|
||||||
|
|
||||||
<!-- 左 -->
|
<!-- 左 -->
|
||||||
<view
|
<view :class="beblue === 3 ? 'click-box-target' : 'click-box'" @tap="onTap(3)"
|
||||||
:class="beblue === 3 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(3)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(3)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(3)"
|
<image :src="`/static/index/newruler/${beblue === 3 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@touchcancel="onLongPressEnd"
|
<image style="transform: rotate(270deg);transform-origin: center;"
|
||||||
style="position: relative;"
|
:src="`/static/index/newruler/fangxiang${beblue===3 ? 'target' : ''}.png`" class="image-photo" />
|
||||||
>
|
|
||||||
<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>
|
||||||
|
|
||||||
<!-- 下 -->
|
<!-- 下 -->
|
||||||
<view
|
<view :class="beblue === 2 ? 'click-box-target' : 'click-box'" @tap="onTap(2)"
|
||||||
:class="beblue === 2 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(2)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(2)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(2)"
|
<image :src="`/static/index/newruler/${beblue === 2 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@touchcancel="onLongPressEnd"
|
<image style="transform: rotate(180deg);transform-origin: center;"
|
||||||
style="position: relative;"
|
:src="`/static/index/newruler/fangxiang${beblue===2 ? 'target' : ''}.png`" class="image-photo" />
|
||||||
>
|
|
||||||
<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>
|
||||||
|
|
||||||
<!-- 右 -->
|
<!-- 右 -->
|
||||||
<view
|
<view :class="beblue === 1 ? 'click-box-target' : 'click-box'" @tap="onTap(1)"
|
||||||
:class="beblue === 1 ? 'click-box-target' : 'click-box'"
|
@longpress="() => onLongPressStart(1)" @touchend="onLongPressEnd" @touchcancel="onLongPressEnd"
|
||||||
@tap="onTap(1)"
|
style="position: relative;">
|
||||||
@longpress="() => onLongPressStart(1)"
|
<image :src="`/static/index/newruler/${beblue === 1 ? 1:0}.png`"
|
||||||
@touchend="onLongPressEnd"
|
style="position: absolute;width: 100%; height: 100%;" />
|
||||||
@touchcancel="onLongPressEnd"
|
<image style="transform: rotate(90deg);transform-origin: center;"
|
||||||
style="position: relative;"
|
:src="`/static/index/newruler/fangxiang${beblue===1 ? 'target' : ''}.png`" class="image-photo" />
|
||||||
>
|
|
||||||
<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>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -114,19 +95,20 @@ function clearLongPressTimer() {
|
||||||
isLongPress = false
|
isLongPress = false
|
||||||
activeLongPressDir = null
|
activeLongPressDir = null
|
||||||
}
|
}
|
||||||
|
let _lastMovecard = 0;
|
||||||
// 单击(或短按)
|
// 单击(或短按)
|
||||||
function onTap(dir : number) {
|
function onTap(dir : number) {
|
||||||
clearLongPressTimer()
|
clearLongPressTimer()
|
||||||
clearClickResetTimer()
|
clearClickResetTimer()
|
||||||
|
|
||||||
beblue.value = dir
|
|
||||||
emit('movecard', dir)
|
|
||||||
|
|
||||||
clickResetTimer = setTimeout(() => {
|
clickResetTimer = setTimeout(() => {
|
||||||
beblue.value = -1
|
beblue.value = -1
|
||||||
clickResetTimer = null
|
clickResetTimer = null
|
||||||
}, 500)
|
}, 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 {
|
@keyframes scalePulse {
|
||||||
0% { transform: scale(1); }
|
0% {
|
||||||
25% { transform: scale(0.94); }
|
transform: scale(1);
|
||||||
65% { transform: scale(1.08); }
|
}
|
||||||
100% { transform: scale(1); }
|
|
||||||
|
25% {
|
||||||
|
transform: scale(0.94);
|
||||||
|
}
|
||||||
|
|
||||||
|
65% {
|
||||||
|
transform: scale(1.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.grad-text {
|
.grad-text {
|
||||||
|
|
|
||||||
|
|
@ -171,33 +171,32 @@
|
||||||
/* ==================
|
/* ==================
|
||||||
按钮
|
按钮
|
||||||
==================== */
|
==================== */
|
||||||
|
.zy-quxiao{
|
||||||
.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; */
|
|
||||||
height: 90rpx;
|
height: 90rpx;
|
||||||
width: 550rpx;
|
width: 200rpx;
|
||||||
/* margin: 0 auto; */
|
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -206,7 +205,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.zy-btn:not([class*="bg-"]) {
|
.zy-btn:not([class*="bg-"]) {
|
||||||
background-color: #f0f0f0;
|
/* background-color: #f0f0f0; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.zy-btn[class*="line"] {
|
.zy-btn[class*="line"] {
|
||||||
|
|
@ -472,7 +471,7 @@ button.cuIcon.lg {
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-xl {
|
.padding-xl {
|
||||||
padding: 50upx;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding-top-xs {
|
.padding-top-xs {
|
||||||
|
|
@ -621,8 +620,9 @@ button.cuIcon.lg {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
max-width: 100%;
|
padding: 0 20rpx;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zy-bar .action.border-title {
|
.zy-bar .action.border-title {
|
||||||
|
|
@ -683,6 +683,7 @@ button.cuIcon.lg {
|
||||||
.zy-bar .action:first-child {
|
.zy-bar .action:first-child {
|
||||||
margin-left: 30upx;
|
margin-left: 30upx;
|
||||||
font-size: 30upx;
|
font-size: 30upx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.zy-bar .action text.text-cut {
|
.zy-bar .action text.text-cut {
|
||||||
|
|
@ -1281,8 +1282,8 @@ button.cuIcon.lg {
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-blue {
|
.bg-blue {
|
||||||
background-color: #0081ff;
|
/* background-color: #0081ff; */
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-purple {
|
.bg-purple {
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
<text class="flex-wrap" style="margin-top: 10rpx;">{{version}}</text>
|
<text class="flex-wrap" style="margin-top: 10rpx;">{{version}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="padding-xl bg-white text-left">
|
<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>
|
<text>{{update_tips}}</text>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view class="zy-progress radius striped active" v-if="update_flag">
|
<view class="zy-progress radius striped active" v-if="update_flag">
|
||||||
|
|
@ -26,11 +26,14 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="zy-bar bg-white " style="justify-content: center;display: flex;margin-bottom: 60rpx;">
|
<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" :class="'bg-'+theme" @click="upgrade_checked">确认升级</button>
|
||||||
<button class="zy-btn margin-left" :class="'line-'+theme"
|
|
||||||
v-if="!forceupgrade"
|
</view>
|
||||||
@click="upgrade_cancel">取消升级</button>
|
<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>
|
||||||
<view class="action text-center" v-if="update_flag&&!forceupgrade">
|
<view class="action text-center" v-if="update_flag&&!forceupgrade">
|
||||||
<button class="zy-btn" :class="'bg-'+theme" @click="upgrade_break">中断升级</button>
|
<button class="zy-btn" :class="'bg-'+theme" @click="upgrade_break">中断升级</button>
|
||||||
|
|
@ -309,4 +312,24 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* color: white; */
|
/* 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>
|
</style>
|
||||||
|
|
|
||||||
40
pages.json
|
|
@ -1,8 +1,5 @@
|
||||||
{
|
{
|
||||||
"pages": [
|
"pages": [
|
||||||
//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
|
||||||
// 主页
|
|
||||||
// 登录
|
|
||||||
{
|
{
|
||||||
"path": "pages/login/login",
|
"path": "pages/login/login",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -10,22 +7,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
// 测试
|
|
||||||
{
|
|
||||||
"path": "pages/denglu",
|
|
||||||
"style": {
|
|
||||||
// "navigationStyle": "custom"
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
// 测试
|
|
||||||
// {
|
|
||||||
// "path": "pages/ceshianzhuo",
|
|
||||||
// "style": {
|
|
||||||
// // "navigationStyle": "custom"
|
|
||||||
// }
|
|
||||||
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
"path": "pages/index/index",
|
"path": "pages/index/index",
|
||||||
"style": {
|
"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",
|
"path": "pages/watch/settings/settings",
|
||||||
|
|
|
||||||
|
|
@ -1828,7 +1828,7 @@
|
||||||
bottomItems.value.forEach((element:any,index:number)=>{
|
bottomItems.value.forEach((element:any,index:number)=>{
|
||||||
element.sort = index
|
element.sort = index
|
||||||
})
|
})
|
||||||
console.log("bottomItems",bottomItems.value)
|
// console.log("bottomItems",bottomItems.value)
|
||||||
// console.log("22222",info)
|
// console.log("22222",info)
|
||||||
// console.log("cccc",uni.getStorageSync('NUall').elderInfo.name)
|
// console.log("cccc",uni.getStorageSync('NUall').elderInfo.name)
|
||||||
let allvalue = {
|
let allvalue = {
|
||||||
|
|
@ -1840,7 +1840,7 @@
|
||||||
instantList: bottomItems.value,
|
instantList: bottomItems.value,
|
||||||
tagList: info
|
tagList: info
|
||||||
}
|
}
|
||||||
console.log("提交的", allvalue)
|
// console.log("提交的", allvalue)
|
||||||
|
|
||||||
addBatch(allvalue).then(() => {
|
addBatch(allvalue).then(() => {
|
||||||
|
|
||||||
|
|
@ -1913,7 +1913,7 @@
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
|
|
||||||
getServiceTree().then((res : any) => {
|
getServiceTree().then((res : any) => {
|
||||||
console.log("?????",res)
|
// console.log("?????",res)
|
||||||
res.result.forEach((element : any) => {
|
res.result.forEach((element : any) => {
|
||||||
if (element.netFlag == '0') {
|
if (element.netFlag == '0') {
|
||||||
doctorsayList.value.forEach((res : any) => {
|
doctorsayList.value.forEach((res : any) => {
|
||||||
|
|
@ -1960,7 +1960,7 @@
|
||||||
if (uni.getStorageSync('nuId') && uni.getStorageSync('customerId')) {
|
if (uni.getStorageSync('nuId') && uni.getStorageSync('customerId')) {
|
||||||
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
|
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
|
||||||
|
|
||||||
console.log("返回的",res.result)
|
// console.log("返回的",res.result)
|
||||||
res.result.serviceList.forEach((res:any)=>{
|
res.result.serviceList.forEach((res:any)=>{
|
||||||
timearr.value[res.positioning].children[res.positioningLong] = res;
|
timearr.value[res.positioning].children[res.positioningLong] = res;
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -4,10 +4,9 @@
|
||||||
<view class="wareaitem-item">
|
<view class="wareaitem-item">
|
||||||
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
<view class="tp" :class="'itemact'+(index+1)" v-for="(item,index) in animArray" :key='index'
|
||||||
@click.stop="housactive(index)">
|
@click.stop="housactive(index)">
|
||||||
<image :src="'/static/index/warehouse/active/w'+index+'.png'" mode="aspectFill"
|
<!-- <image :src="'/static/index/warehouse/active/w'+index+'.png'" mode="aspectFill"
|
||||||
v-if="housedex!=index"></image>
|
v-if="housedex!=index"></image> -->
|
||||||
<donghua :width="item.width" :height="item.height" :links="item.url" :playing="index === housedex"
|
<donghua :width="item.width" :height="item.height" :links="item.url" :playing="index === housedex" />
|
||||||
v-show="index === housedex" />
|
|
||||||
<!-- <image :src="'/static/index/warehouse/active/i'+index+'.png'" mode="aspectFill" v-if="housedex==index"></image> -->
|
<!-- <image :src="'/static/index/warehouse/active/i'+index+'.png'" mode="aspectFill" v-if="housedex==index"></image> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -116,6 +115,22 @@
|
||||||
beblue.value = -1
|
beblue.value = -1
|
||||||
clickResetTimer = null
|
clickResetTimer = null
|
||||||
}, 500)
|
}, 500)
|
||||||
|
switch (dir) {
|
||||||
|
case 0:
|
||||||
|
|
||||||
|
break
|
||||||
|
case 1:
|
||||||
|
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
uni.navigateTo({
|
||||||
|
url:"/pages/watch/full"
|
||||||
|
})
|
||||||
|
break
|
||||||
|
}
|
||||||
}
|
}
|
||||||
function clearClickResetTimer() {
|
function clearClickResetTimer() {
|
||||||
if (clickResetTimer) {
|
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>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="leftscrolltop" class="scroll-Y"
|
||||||
@scrolltolower="plsbuytolower" :lower-threshold="200" @scroll="scrollview">
|
@scrolltolower="plsbuytolower" :lower-threshold="200">
|
||||||
|
<view class="margin-height"></view>
|
||||||
<view class="boxitem" v-for="(v,i) in plsbuy" :key='i'
|
<view class="boxitem" v-for="(v,i) in plsbuy" :key='i'
|
||||||
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==i}"
|
:class="{'yujing':v.cgdType=='9','active':leftitem==i}" @click="getmiddle(v,i);saveleftgo = i;">
|
||||||
@click="getmiddle(v)">
|
|
||||||
<view>{{ v.cgdNo }}</view>
|
<view>{{ v.cgdNo }}</view>
|
||||||
<view>供应商:{{ v.gysId_dictText }}</view>
|
<view>供应商:{{ v.gysId_dictText }}</view>
|
||||||
<view>采购人: {{ v.createBy_dictText }}</view>
|
<view>采购人: {{ v.createBy_dictText }}</view>
|
||||||
<view>{{ v.qgDate }}</view>
|
<view>{{ v.qgDate }}</view>
|
||||||
|
<view v-if="v.cgdType=='9'" class="zuofei">
|
||||||
|
已作废
|
||||||
|
</view>
|
||||||
|
|
||||||
<view>
|
<view class="special-pos">
|
||||||
|
|
||||||
<view class="num">
|
<view class="num">
|
||||||
<view>{{v.totalPrice}}</view>
|
<view>{{v.totalPrice}}</view>
|
||||||
<view>采购金额</view>
|
<view>采购金额</view>
|
||||||
|
|
@ -29,14 +32,8 @@
|
||||||
<view class="dollar">
|
<view class="dollar">
|
||||||
¥
|
¥
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="right-icon">
|
|
||||||
月付
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view style="height: 23vw;width: 100%;padding:10vw 40vw ;">
|
|
||||||
<u-loadmore :status="status" />
|
|
||||||
</view> -->
|
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view class="fxj">
|
<view class="fxj">
|
||||||
<arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" />
|
<arrowkeys @movecard="movecard" :getblue="getblue" :moveleft="45" />
|
||||||
|
|
@ -52,19 +49,26 @@
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
<scroll-view scroll-y="true" scroll-with-animation :scroll-top="scrolltop" class="scroll-Y"
|
||||||
@scrolltolower="scrolltolower" :lower-threshold="200" @scroll="scrollview">
|
@scrolltolower="scrolltolower" :lower-threshold="200" @scroll="scrollview">
|
||||||
|
<view class="margin-height"></view>
|
||||||
<view class="boxitem" v-for="(v,i) in InvoicingList" :key='i'
|
<view class="boxitem" v-for="(v,i) in InvoicingList" :key='i'
|
||||||
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==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.wlName}}</view>
|
||||||
<view>规格型号: {{v.wlMaterialNo}}</view>
|
<view>规格型号: {{v.wlMaterialNo}}</view>
|
||||||
<view class="special-view">
|
|
||||||
<view>采购单位: {{v.wlUnits}}</view>
|
|
||||||
<view>采购金额:
|
<view>采购金额:
|
||||||
<text style="font-weight: bold;">
|
<text style="font-weight: bold;">
|
||||||
{{(v.purchaseQuantity * Number(v.procurementPrice)).toFixed(2) }}
|
{{(v.kcsl * Number(v.procurementPrice)).toFixed(2) }}
|
||||||
</text>
|
</text>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
<view>采购数量:
|
||||||
|
<text style="font-weight: bold;">
|
||||||
|
{{v.kcsl }}
|
||||||
|
</text>
|
||||||
|
<text>
|
||||||
|
{{ `(${v.wlUnits})` }}
|
||||||
|
</text>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view>
|
<view>
|
||||||
|
|
@ -92,12 +96,6 @@
|
||||||
<u-loadmore :status="status" />
|
<u-loadmore :status="status" />
|
||||||
</view>
|
</view>
|
||||||
</scroll-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>
|
||||||
<view class="rights">
|
<view class="rights">
|
||||||
<view class="shitem">
|
<view class="shitem">
|
||||||
|
|
@ -114,8 +112,6 @@
|
||||||
<view class="rigname">
|
<view class="rigname">
|
||||||
<view>{{cellobj?.fzr}}</view>
|
<view>{{cellobj?.fzr}}</view>
|
||||||
<view>
|
<view>
|
||||||
<!-- <text>男</text>
|
|
||||||
<text>50岁</text> -->
|
|
||||||
<text>{{cellobj?.fzrTel?cellobj?.fzrTel:'-'}}</text>
|
<text>{{cellobj?.fzrTel?cellobj?.fzrTel:'-'}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -160,11 +156,9 @@
|
||||||
<view class="anmikc">
|
<view class="anmikc">
|
||||||
<view v-for="(v,i) in animArray" :key="i" @click="admiclick(i)" class="mar-left">
|
<view v-for="(v,i) in animArray" :key="i" @click="admiclick(i)" class="mar-left">
|
||||||
<view>
|
<view>
|
||||||
|
|
||||||
<donghua width="2vw" height="2vw" :links="v.url" :playing="i === anmidex"
|
<donghua width="2vw" height="2vw" :links="v.url" :playing="i === anmidex"
|
||||||
class="donghua" />
|
class="donghua" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<text>
|
<text>
|
||||||
{{v.name}}
|
{{v.name}}
|
||||||
</text>
|
</text>
|
||||||
|
|
@ -187,7 +181,6 @@
|
||||||
<view class="mengban" v-if="crk" @click="qingkong"></view>
|
<view class="mengban" v-if="crk" @click="qingkong"></view>
|
||||||
<view class="crkcard guodu" :class="crk?'':'uncrkcard'">
|
<view class="crkcard guodu" :class="crk?'':'uncrkcard'">
|
||||||
<view class="crkcard-title">
|
<view class="crkcard-title">
|
||||||
<!-- 纸尿裤-拉拉裤纸尿裤-拉拉裤 -->
|
|
||||||
{{ savedetail.materialName }}
|
{{ savedetail.materialName }}
|
||||||
</view>
|
</view>
|
||||||
<view class="crkcard-img-father">
|
<view class="crkcard-img-father">
|
||||||
|
|
@ -262,12 +255,54 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineProps } from 'vue';
|
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 { onShow, onLoad, onHide, onPageScroll } from "@dcloudio/uni-app"
|
||||||
import shadowview from './components/ShadowView.vue';
|
import shadowview from './components/ShadowView.vue';
|
||||||
import calculator from './components/calculator.vue';
|
import calculator from './components/calculator.vue';
|
||||||
|
|
@ -278,13 +313,18 @@
|
||||||
|
|
||||||
const serverUrl = ref('');
|
const serverUrl = ref('');
|
||||||
const scrolltop = ref(0)
|
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 getblue = ref(false);
|
||||||
const shyp = ref(false);
|
const shyp = ref(false);
|
||||||
const opacity = ref(false);
|
const opacity = ref(false);
|
||||||
const gysnum = ref(false);
|
const gysnum = ref(false);
|
||||||
const gys = ref(false);
|
const gys = ref(false);
|
||||||
const crk = ref(false);
|
const crk = ref(false);
|
||||||
|
const shareShow = ref(false);
|
||||||
|
const deletedownisopacity = ref(false);
|
||||||
|
|
||||||
|
|
||||||
const scrollnum = ref(0);
|
const scrollnum = ref(0);
|
||||||
|
|
||||||
|
|
@ -310,13 +350,18 @@
|
||||||
wlParamInfo: '',
|
wlParamInfo: '',
|
||||||
cgdId: ""
|
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 = [];
|
InvoicingList.value = [];
|
||||||
Object.assign(form, mobanform)
|
Object.assign(form, mobanform)
|
||||||
// form = mobanform
|
|
||||||
form.cgdId = item.id
|
form.cgdId = item.id
|
||||||
queryInvo()
|
queryInvo()
|
||||||
console.log("入参", form)
|
// console.log("入参", form)
|
||||||
}
|
}
|
||||||
const switchshyp = () => {
|
const switchshyp = () => {
|
||||||
let obj = {
|
let obj = {
|
||||||
|
|
@ -340,32 +385,47 @@
|
||||||
wlId: "",
|
wlId: "",
|
||||||
nuId: uni.getStorageSync('nuId')
|
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 = () => {
|
const getdetail = () => {
|
||||||
|
// console.log("????", detailform)
|
||||||
queryWlInfoByWlId(detailform).then((res : any) => {
|
queryWlInfoByWlId(detailform).then((res : any) => {
|
||||||
console.log("res", res.result)
|
// console.log("res", res.result)
|
||||||
|
if (res.result) {
|
||||||
savedetail.value = res.result;
|
savedetail.value = res.result;
|
||||||
crk.value = true;
|
crk.value = true;
|
||||||
|
leftitem.value = -1
|
||||||
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
const shopclick = (i : number, k : number) => {
|
const shopclick = (i : number) => {
|
||||||
|
|
||||||
if (k == 2) {
|
|
||||||
let num = Math.ceil((i + 1) / 2)
|
let num = Math.ceil((i + 1) / 2)
|
||||||
scrolltop.value = (num - 2) * 270;
|
scrolltop.value = (num - 2) * 270;
|
||||||
shopitem.value = i;
|
shopitem.value = i;
|
||||||
} else {
|
// console.log(InvoicingList.value[i].wlId, uni.getStorageSync('nuId'))
|
||||||
let num = Math.ceil((i + 1) / 3)
|
detailform.wlId = InvoicingList.value[i]?.wlId
|
||||||
scrolltop.value = (num - 2) * 240;
|
// getdetail()
|
||||||
shopitem.value = i;
|
|
||||||
}
|
|
||||||
console.log(InvoicingList.value[i].wlId, uni.getStorageSync('nuId'))
|
|
||||||
detailform.wlId = InvoicingList.value[i].wlId
|
|
||||||
getdetail()
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const typescroll = (e : number, i : number, v : object) => {
|
const typescroll = (e : number, i : number, v : object) => {
|
||||||
if (e == 1) {
|
if (e == 1) {
|
||||||
scroll.act2 = -1;
|
scroll.act2 = -1;
|
||||||
|
|
@ -404,31 +464,51 @@
|
||||||
queryInvo();
|
queryInvo();
|
||||||
}
|
}
|
||||||
const search = (x : number) => {
|
const search = (x : number) => {
|
||||||
|
|
||||||
if (x === 0) { form.wlParamInfo = '' }
|
if (x === 0) { form.wlParamInfo = '' }
|
||||||
form.pageNo = 1;
|
form.pageNo = 1;
|
||||||
InvoicingList.value = [];
|
InvoicingList.value = [];
|
||||||
|
leftitem.value = saveleftgo.value;
|
||||||
|
shopitem.value = -1;
|
||||||
queryInvo();
|
queryInvo();
|
||||||
}
|
}
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
form.nuId = uni.getStorageSync('nuId');
|
form.nuId = uni.getStorageSync('nuId');
|
||||||
serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
|
serverUrl.value = uni.getStorageSync('serverUrl') + '/sys/common/static/';
|
||||||
getMaterial();
|
getMaterial();
|
||||||
// queryInvo();
|
|
||||||
cell();
|
cell();
|
||||||
firstgetqueryCgdList();
|
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({
|
const plzinfo = reactive({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 3,
|
pageSize: 3,
|
||||||
canpull: true
|
canpull: true
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const mobanplzinfo = {
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 3,
|
||||||
|
canpull: true
|
||||||
|
}
|
||||||
const plsbuy = ref([])
|
const plsbuy = ref([])
|
||||||
const firstgetqueryCgdList = () => {
|
const firstgetqueryCgdList = () => {
|
||||||
queryCgdList(plzinfo).then((res : any) => {
|
queryCgdList(plzinfo).then((res : any) => {
|
||||||
console.log("请购单", res.result.records)
|
// console.log("请购单", res.result.records)
|
||||||
plsbuy.value.push(...res.result.records)
|
plsbuy.value.push(...res.result.records)
|
||||||
|
|
||||||
form.cgdId = plsbuy.value[0].id
|
form.cgdId = plsbuy.value[0].id
|
||||||
queryInvo()
|
queryInvo()
|
||||||
if (res.result.records.length < plzinfo.pageSize) {
|
if (res.result.records.length < plzinfo.pageSize) {
|
||||||
|
|
@ -492,6 +572,7 @@
|
||||||
setout.value = true
|
setout.value = true
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
|
|
||||||
const scrollview = (e : number) => {
|
const scrollview = (e : number) => {
|
||||||
if (e.detail.scrollTop > scrollnum.value) {
|
if (e.detail.scrollTop > scrollnum.value) {
|
||||||
opacity.value = true;
|
opacity.value = true;
|
||||||
|
|
@ -504,14 +585,68 @@
|
||||||
scrollnum.value = e.detail.scrollTop;
|
scrollnum.value = e.detail.scrollTop;
|
||||||
}
|
}
|
||||||
const queryInvo = () => {
|
const queryInvo = () => {
|
||||||
|
// console.log("form", form)
|
||||||
queryCgdInfoList(form).then(res => {
|
queryCgdInfoList(form).then(res => {
|
||||||
InvoicingList.value.push(...res.result.records);
|
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'
|
status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const movecard = (type : number, l : number) => {
|
const saveleftgo = ref(0);
|
||||||
if (l == 1) {
|
|
||||||
|
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) {
|
switch (type) {
|
||||||
case 0:
|
case 0:
|
||||||
// 上
|
// 上
|
||||||
|
|
@ -531,54 +666,24 @@
|
||||||
break;
|
break;
|
||||||
case 4:
|
case 4:
|
||||||
// 扫描
|
// 扫描
|
||||||
|
getdetail()
|
||||||
break;
|
break;
|
||||||
case 5:
|
case 5:
|
||||||
// 返回
|
// 返回
|
||||||
uni.navigateBack({
|
leftitem.value = saveleftgo.value;
|
||||||
delta: 1
|
getmiddle(plsbuy.value[leftitem.value], leftitem.value)
|
||||||
})
|
shopitem.value = -1;
|
||||||
break;
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
shopclick(shopitem.value, 2)
|
shopclick(shopitem.value)
|
||||||
} 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)
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
// 通用的生成函数
|
// 通用的生成函数
|
||||||
function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) {
|
function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) {
|
||||||
|
|
@ -591,15 +696,14 @@
|
||||||
}
|
}
|
||||||
const anmidex = ref(-1)
|
const anmidex = ref(-1)
|
||||||
const admiclick = (i : number) => {
|
const admiclick = (i : number) => {
|
||||||
if (anmidex.value == i) {
|
|
||||||
anmidex.value = -1
|
|
||||||
} else {
|
|
||||||
anmidex.value = i;
|
anmidex.value = i;
|
||||||
switch (i) {
|
switch (i) {
|
||||||
case 0:
|
case 0:
|
||||||
|
bebad();
|
||||||
break;
|
break;
|
||||||
case 1:
|
case 1:
|
||||||
// gys.value = true
|
// gys.value = true
|
||||||
|
shareToWeixin()
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
break;
|
break;
|
||||||
|
|
@ -614,32 +718,113 @@
|
||||||
default:
|
default:
|
||||||
break;
|
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([
|
const animArray = ref([
|
||||||
{
|
{
|
||||||
url: genPaths(
|
url: genPaths(
|
||||||
'/static/index/warehouse/procurement/details',
|
'/static/index/warehouse/procurement/cancel',
|
||||||
'details0',
|
'cancel',
|
||||||
7, // 张数
|
|
||||||
'png',
|
|
||||||
1, // 起始索引为 1
|
|
||||||
false // 不补零
|
|
||||||
),
|
|
||||||
name: '作废',
|
|
||||||
imgurl: '/static/index/warehouse/procurement/details/details01.png'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
url: genPaths(
|
|
||||||
'/static/index/warehouse/procurement/Purchase',
|
|
||||||
'Purchase0',
|
|
||||||
9, // 张数
|
9, // 张数
|
||||||
'png',
|
'png',
|
||||||
1, // 起始索引为 1
|
1, // 起始索引为 1
|
||||||
false // 不补零
|
false // 不补零
|
||||||
),
|
),
|
||||||
|
name: '作废',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: genPaths(
|
||||||
|
'/static/index/warehouse/procurement/share',
|
||||||
|
'share',
|
||||||
|
6, // 张数
|
||||||
|
'png',
|
||||||
|
1, // 起始索引为 1
|
||||||
|
false // 不补零
|
||||||
|
),
|
||||||
name: '分享',
|
name: '分享',
|
||||||
imgurl: '/static/index/warehouse/procurement/Purchase/Purchase01.png'
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1493,6 +1678,23 @@
|
||||||
height: calc(100%);
|
height: calc(100%);
|
||||||
position: relative;
|
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 {
|
.fxj {
|
||||||
width: 23vw;
|
width: 23vw;
|
||||||
height: 22vw;
|
height: 22vw;
|
||||||
|
|
@ -1584,24 +1786,26 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #555555;
|
color: #555555;
|
||||||
margin-top: .6vw;
|
margin-top: .2vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:nth-child(3) {
|
&:nth-child(3) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-top: .6vw;
|
margin-top: .2vw;
|
||||||
|
// z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:nth-child(4) {
|
&:nth-child(4) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-top: .6vw;
|
margin-top: .2vw;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
>&:nth-child(5) {
|
>&:nth-child(6) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
position: absolute;
|
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 {
|
.active {
|
||||||
border: 2px dashed #017DE9 !important;
|
border: 2px dashed #017DE9 !important;
|
||||||
|
|
@ -1914,6 +2104,21 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
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;
|
// margin-left: 1vw;
|
||||||
.fxj {
|
.fxj {
|
||||||
// margin-left: 1.5vw;
|
// margin-left: 1.5vw;
|
||||||
|
|
@ -1966,6 +2171,11 @@
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.yujing {
|
||||||
|
color: black;
|
||||||
|
box-shadow: 0 0 8px rgba(255, 102, 107, 0.51);
|
||||||
|
}
|
||||||
|
|
||||||
.boxitem {
|
.boxitem {
|
||||||
width: 22vw;
|
width: 22vw;
|
||||||
height: 19.3vw;
|
height: 19.3vw;
|
||||||
|
|
@ -2025,15 +2235,23 @@
|
||||||
margin-top: .6vw;
|
margin-top: .6vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
>&:nth-child(5) {
|
.special-pos {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// >&:nth-child(5) {
|
||||||
|
// width: 100%;
|
||||||
|
// height: 10vw;
|
||||||
|
// position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
// bottom: 0;
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
.dollar {
|
.dollar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 3.6vw;
|
bottom: 3.6vw;
|
||||||
|
|
@ -2239,6 +2457,233 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
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>
|
||||||
<style>
|
<style>
|
||||||
page {
|
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",
|
"id": "__UNI__FB2D473",
|
||||||
"name": "护理单元",
|
"name": "护理单元",
|
||||||
"version": {
|
"version": {
|
||||||
"name": "1.6.8",
|
"name": "1.6.9",
|
||||||
"code": 168
|
"code": 169
|
||||||
},
|
},
|
||||||
"description": "护理单元",
|
"description": "护理单元",
|
||||||
"developer": {
|
"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] {
|
.zy-quxiao[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; */
|
|
||||||
height: 2.8125rem;
|
height: 2.8125rem;
|
||||||
width: 17.1875rem;
|
width: 6.25rem;
|
||||||
/* margin: 0 auto; */
|
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]::after {
|
.zy-btn[data-v-bf1d6c35]::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||||
background-color: #f0f0f0;
|
/* background-color: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -1047,7 +1047,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
.padding-xl[data-v-bf1d6c35] {
|
.padding-xl[data-v-bf1d6c35] {
|
||||||
padding: 1.5625rem;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.padding-top-xs[data-v-bf1d6c35] {
|
.padding-top-xs[data-v-bf1d6c35] {
|
||||||
padding-top: 0.3125rem;
|
padding-top: 0.3125rem;
|
||||||
|
|
@ -1164,8 +1164,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
max-width: 100%;
|
padding: 0 0.625rem;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1711,8 +1712,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.bg-blue[data-v-bf1d6c35] {
|
.bg-blue[data-v-bf1d6c35] {
|
||||||
background-color: #0081ff;
|
/* background-color: #0081ff; */
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
.bg-purple[data-v-bf1d6c35] {
|
.bg-purple[data-v-bf1d6c35] {
|
||||||
background-color: #6739b6;
|
background-color: #6739b6;
|
||||||
|
|
@ -2125,6 +2126,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* color: white; */
|
/* 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] {
|
.all[data-v-e42fb5c8] {
|
||||||
margin-top: 1.40625rem;
|
margin-top: 1.40625rem;
|
||||||
|
|
|
||||||
|
|
@ -858,6 +858,13 @@ to {
|
||||||
height: calc(100%);
|
height: calc(100%);
|
||||||
position: relative;
|
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 {
|
.box .lefts .fxj {
|
||||||
width: 23vw;
|
width: 23vw;
|
||||||
height: 22vw;
|
height: 22vw;
|
||||||
|
|
@ -931,21 +938,21 @@ to {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #555555;
|
color: #555555;
|
||||||
margin-top: 0.6vw;
|
margin-top: 0.2vw;
|
||||||
}
|
}
|
||||||
.box .lefts .boxitem > uni-view:nth-child(3) {
|
.box .lefts .boxitem > uni-view:nth-child(3) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-top: 0.6vw;
|
margin-top: 0.2vw;
|
||||||
}
|
}
|
||||||
.box .lefts .boxitem > uni-view:nth-child(4) {
|
.box .lefts .boxitem > uni-view:nth-child(4) {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.2vw;
|
font-size: 1.2vw;
|
||||||
color: #666666;
|
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%;
|
width: 100%;
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -996,13 +1003,6 @@ to {
|
||||||
width: 1.4vw;
|
width: 1.4vw;
|
||||||
height: 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 {
|
.active {
|
||||||
border: 2px dashed #017DE9 !important;
|
border: 2px dashed #017DE9 !important;
|
||||||
}
|
}
|
||||||
|
|
@ -1189,6 +1189,20 @@ to {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
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 {
|
.rel-left .fxj {
|
||||||
width: 23vw;
|
width: 23vw;
|
||||||
height: 22vw;
|
height: 22vw;
|
||||||
|
|
@ -1226,6 +1240,10 @@ to {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
.rel-left .yujing {
|
||||||
|
color: black;
|
||||||
|
box-shadow: 0 0 8px rgba(255, 102, 107, 0.51);
|
||||||
|
}
|
||||||
.rel-left .boxitem {
|
.rel-left .boxitem {
|
||||||
width: 22vw;
|
width: 22vw;
|
||||||
height: 19.3vw;
|
height: 19.3vw;
|
||||||
|
|
@ -1276,7 +1294,7 @@ to {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
margin-top: 0.6vw;
|
margin-top: 0.6vw;
|
||||||
}
|
}
|
||||||
> .rel-left .boxitem > uni-view:nth-child(5) {
|
.rel-left .boxitem > uni-view .special-pos {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -1450,6 +1468,202 @@ to {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
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 {
|
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] {
|
.zy-quxiao[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; */
|
|
||||||
height: 2.8125rem;
|
height: 2.8125rem;
|
||||||
width: 17.1875rem;
|
width: 6.25rem;
|
||||||
/* margin: 0 auto; */
|
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]::after {
|
.zy-btn[data-v-bf1d6c35]::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||||
background-color: #f0f0f0;
|
/* background-color: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -386,7 +386,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
.padding-xl[data-v-bf1d6c35] {
|
.padding-xl[data-v-bf1d6c35] {
|
||||||
padding: 1.5625rem;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.padding-top-xs[data-v-bf1d6c35] {
|
.padding-top-xs[data-v-bf1d6c35] {
|
||||||
padding-top: 0.3125rem;
|
padding-top: 0.3125rem;
|
||||||
|
|
@ -503,8 +503,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
max-width: 100%;
|
padding: 0 0.625rem;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1050,8 +1051,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.bg-blue[data-v-bf1d6c35] {
|
.bg-blue[data-v-bf1d6c35] {
|
||||||
background-color: #0081ff;
|
/* background-color: #0081ff; */
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
.bg-purple[data-v-bf1d6c35] {
|
.bg-purple[data-v-bf1d6c35] {
|
||||||
background-color: #6739b6;
|
background-color: #6739b6;
|
||||||
|
|
@ -1464,6 +1465,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* color: white; */
|
/* 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] {
|
.backgroundContainer[data-v-1cf27b2a] {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -145,39 +145,39 @@ to {
|
||||||
/* ==================
|
/* ==================
|
||||||
按钮
|
按钮
|
||||||
==================== */
|
==================== */
|
||||||
.zy-btn[data-v-bf1d6c35] {
|
.zy-quxiao[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; */
|
|
||||||
height: 2.8125rem;
|
height: 2.8125rem;
|
||||||
width: 17.1875rem;
|
width: 6.25rem;
|
||||||
/* margin: 0 auto; */
|
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]::after {
|
.zy-btn[data-v-bf1d6c35]::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||||
background-color: #f0f0f0;
|
/* background-color: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -386,7 +386,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
.padding-xl[data-v-bf1d6c35] {
|
.padding-xl[data-v-bf1d6c35] {
|
||||||
padding: 1.5625rem;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.padding-top-xs[data-v-bf1d6c35] {
|
.padding-top-xs[data-v-bf1d6c35] {
|
||||||
padding-top: 0.3125rem;
|
padding-top: 0.3125rem;
|
||||||
|
|
@ -503,8 +503,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
max-width: 100%;
|
padding: 0 0.625rem;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1050,8 +1051,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.bg-blue[data-v-bf1d6c35] {
|
.bg-blue[data-v-bf1d6c35] {
|
||||||
background-color: #0081ff;
|
/* background-color: #0081ff; */
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
.bg-purple[data-v-bf1d6c35] {
|
.bg-purple[data-v-bf1d6c35] {
|
||||||
background-color: #6739b6;
|
background-color: #6739b6;
|
||||||
|
|
@ -1464,6 +1465,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* color: white; */
|
/* 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] {
|
.all[data-v-e42fb5c8] {
|
||||||
margin-top: 1.40625rem;
|
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] {
|
.zy-quxiao[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; */
|
|
||||||
height: 2.8125rem;
|
height: 2.8125rem;
|
||||||
width: 17.1875rem;
|
width: 6.25rem;
|
||||||
/* margin: 0 auto; */
|
/* background: linear-gradient(to right, #00C9FF, #0076FF); */
|
||||||
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|
||||||
border-radius: 0.9375rem;
|
border-radius: 0.9375rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]::after {
|
.zy-btn[data-v-bf1d6c35]::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
.zy-btn[data-v-bf1d6c35]:not([class*="bg-"]) {
|
||||||
background-color: #f0f0f0;
|
/* background-color: #f0f0f0; */
|
||||||
}
|
}
|
||||||
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
.zy-btn[class*="line"][data-v-bf1d6c35] {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -617,7 +617,7 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
.padding-xl[data-v-bf1d6c35] {
|
.padding-xl[data-v-bf1d6c35] {
|
||||||
padding: 1.5625rem;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
.padding-top-xs[data-v-bf1d6c35] {
|
.padding-top-xs[data-v-bf1d6c35] {
|
||||||
padding-top: 0.3125rem;
|
padding-top: 0.3125rem;
|
||||||
|
|
@ -734,8 +734,9 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
max-width: 100%;
|
padding: 0 0.625rem;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
.zy-bar .action.border-title[data-v-bf1d6c35] {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1281,8 +1282,8 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.bg-blue[data-v-bf1d6c35] {
|
.bg-blue[data-v-bf1d6c35] {
|
||||||
background-color: #0081ff;
|
/* background-color: #0081ff; */
|
||||||
color: #ffffff;
|
/* color: #ffffff; */
|
||||||
}
|
}
|
||||||
.bg-purple[data-v-bf1d6c35] {
|
.bg-purple[data-v-bf1d6c35] {
|
||||||
background-color: #6739b6;
|
background-color: #6739b6;
|
||||||
|
|
@ -1695,6 +1696,26 @@ uni-button.cuIcon.lg[data-v-bf1d6c35] {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* color: white; */
|
/* 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] {
|
.all[data-v-e42fb5c8] {
|
||||||
margin-top: 1.40625rem;
|
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 |