检查图片丢没丢
This commit is contained in:
parent
819581c31d
commit
e69ef08e94
File diff suppressed because it is too large
Load Diff
|
|
@ -1,881 +0,0 @@
|
|||
<template>
|
||||
<view class="index-content-other" v-show="isShow" :style="transition?{opacity: `1`}:{opacity: `0`}">
|
||||
<view class="index-content-right">
|
||||
<view class="index-content-title">
|
||||
<view class="shu"></view>
|
||||
<view class="shu-font">
|
||||
护理机构A
|
||||
</view>
|
||||
</view>
|
||||
<view style="position: relative;">
|
||||
<image class="big-photo" src="@/static/index/topright/scan/all.png"></image>
|
||||
<view class="big-text">
|
||||
<view style="margin-bottom: 20rpx;">
|
||||
恭喜您已成功添加
|
||||
<text style="color: #00A3FF;">
|
||||
“护理机构A”
|
||||
</text>
|
||||
，现在您可以通过下面
|
||||
</view>
|
||||
<view class="">
|
||||
三种方式为机构进行初始化操作:
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="button-father">
|
||||
<view v-for="(item,index) in bottomList" :key="index" @click="clickBall(index)">
|
||||
<view class="ball-father">
|
||||
<view :class="ballTarget == index? `ball-bgc-target` : `ball-bgc`">
|
||||
<image class="ball-img" :src="ballTarget == index?item.targetUrl:item.url"></image>
|
||||
</view>
|
||||
{{item.name}}
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 解决margin重叠问题 -->
|
||||
<!-- <view class="index-right-height"></view>
|
||||
<view class="index-right-title">
|
||||
<view class="index-right-name">
|
||||
货品名称
|
||||
</view>
|
||||
<input class="index-right-input" placeholder="请输入货品名称" />
|
||||
<view class="index-right-name">
|
||||
货品编码
|
||||
</view>
|
||||
<input class="index-right-input" placeholder="请输入货品编码" />
|
||||
<view class="index-right-name">
|
||||
拼音检索
|
||||
</view>
|
||||
<input class="index-right-input" placeholder="请输入货品拼音" />
|
||||
|
||||
<view class="index-right-button-all">
|
||||
<view class="first-bgc">
|
||||
<image class="bgc-img" src="/static/index/Warehousing/firstbutton.png" />
|
||||
</view>
|
||||
<view class="second-bgc">
|
||||
<image class="bgc-img" src="/static/index/Warehousing/secondbutton.png" />
|
||||
</view>
|
||||
<view :class="!isWarning? `third-bgc`:`bgc-white`" @click="isWarning=!isWarning">
|
||||
<view class="red-pao" v-show="!isWarning">
|
||||
{{ 99 + `+` }}
|
||||
</view>
|
||||
<image class="bgc-img" src="/static/index/Warehousing/thirdbutton.png" />
|
||||
</view>
|
||||
<view class="fourth-bgc" @click="clickgoshop">
|
||||
<image class="fourth-bgc-img" src="/static/index/Warehousing/fourthbutton.png" />
|
||||
<view class="fourth-bgc-font">
|
||||
请购单
|
||||
</view>
|
||||
</view>
|
||||
<view v-for="(item,index) in buttonList" :key="index">
|
||||
<view class="index-right-button">
|
||||
<image class="index-right-button-img" :src="item.url" />
|
||||
<view class="index-right-button-font">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-contain">
|
||||
<scroll-view scroll-y style="height: 98%;" :show-scrollbar="false">
|
||||
<view class="swiper-flex">
|
||||
<view v-for="(item,index) in cardsArray" :key="index">
|
||||
<view class="swiper-card" :style="
|
||||
item.type === 1
|
||||
? {
|
||||
// backgroundColor: '#00D6A9',
|
||||
background: '#00D6A9 url(/static/index/warehouseCard/bgcgreen.png) center/cover'
|
||||
}
|
||||
: item.type === 2
|
||||
? {
|
||||
// backgroundColor: '#BD9AF8',
|
||||
background: '#BD9AF8 url(/static/index/warehouseCard/bgcpouple.png) center/cover'
|
||||
}
|
||||
: {}
|
||||
">
|
||||
<view class="swiper-card-left">
|
||||
<view class="swiper-card-left-white">
|
||||
<image :class="item.type === 0
|
||||
? 'swiper-card-left-white-img-first'
|
||||
: item.type === 1
|
||||
? 'swiper-card-left-white-img-second'
|
||||
: 'swiper-card-left-white-img-third'" :src="`/static/index/project3.png`" @click="opendetail" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="swiper-card-right">
|
||||
<view class="swiper-right-title">
|
||||
<view class="swiper-title-font">{{item.name}}</view>
|
||||
<view class="swiper-title-font-button">
|
||||
{{ item.type === 0
|
||||
? '护理类'
|
||||
: item.type === 1
|
||||
? '医疗类'
|
||||
: '行政类' }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-heng"></view>
|
||||
<view class="swiper-font">
|
||||
规格型号：800mm*690mm
|
||||
</view>
|
||||
<view class="swiper-double">
|
||||
<view class="swiper-littlefont">
|
||||
采购单位：片
|
||||
</view>
|
||||
<view class="swiper-littlefont" style="margin-left: 10rpx;" v-show="isWarning">
|
||||
库存
|
||||
<view style="color: rgb(18,169,51);">↑</view>
|
||||
：1000
|
||||
</view>
|
||||
</view>
|
||||
<view class="swiper-double">
|
||||
<view class="swiper-littlefont">
|
||||
库存数量：
|
||||
<view class="blackfont">
|
||||
50
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="swiper-littlefont" style="margin-left: 10rpx;" v-show="isWarning">
|
||||
库存
|
||||
<view style="color: rgb(248,122,85);">↓</view>
|
||||
：5
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swiper-left-buttons">
|
||||
<view :class="item.type === 0
|
||||
? 'swiper-left-button-blue'
|
||||
: item.type === 1
|
||||
? 'swiper-left-button-green'
|
||||
: 'swiper-left-button-pouple'" @click="openBuy">
|
||||
请购
|
||||
</view>
|
||||
<view class="swiper-left-button" @click="clickgoback">
|
||||
出入库
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="bug-bottom"></view>
|
||||
</scroll-view>
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- <view class="index-content-down">
|
||||
长春市朝阳区久泰开运养老服务有限公司
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
<!-- 详情的的弹出层 -->
|
||||
<!-- <view v-show="detailisopen && isShow" class="popup-detail" @click="detailisopen=false">
|
||||
<view class="popup-detail-content" :style="{ opacity: detailisopacity ? 1 : 0 }" @click.stop>
|
||||
<info @qinggou="openBuy" @churuku="clickgoback" />
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 请购的的弹出层 -->
|
||||
<!-- <view v-show="plsBuyIsopen && isShow" class="popup-detail-plsbuy" @click="plsBuyIsopen=false">
|
||||
<view class="popup-detail-content-plsbuy" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
||||
<plsbuy :saveIndex="saveIndex" :changeNumber="changeNumber" @closeIt="plsBuyIsopen=false" @openRight="openRight" @closeRight="closeRight" />
|
||||
</view>
|
||||
<view v-show="rightCalShow" class="popup-detail-content-calculator" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
||||
<calculator :doOnce="doOnce" :translateNumber="translateNumber" @right="rightOk" />
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 请购的的弹出层 -->
|
||||
<!-- <view v-show="plsBuyIsopen && isShow" class="popup-detail-calculator" @click="plsBuyIsopen=false">
|
||||
<view class="popup-detail-content-calculator" :style="{ opacity: plsBuyisopacity ? 1 : 0 }" @click.stop>
|
||||
<calculator @closeIt="plsBuyIsopen=false" />
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 悬浮球点击后打开的抽屉 -->
|
||||
<!-- <Drawer ref="drawer">
|
||||
<shoppingCar />
|
||||
</Drawer>
|
||||
<Drawer ref="draweranther" :widNumber="45" style="z-index: 9999;">
|
||||
<shoppingCarSmall />
|
||||
</Drawer> -->
|
||||
<!-- 请购单点击后打开的抽屉 -->
|
||||
<!-- <Drawer ref="goshopdrawer">
|
||||
<goplsbuy @opendetail="draweranther.openDrawer()" />
|
||||
</Drawer> -->
|
||||
<!-- 出入库点击后打开的抽屉 -->
|
||||
<!-- <Drawer ref="gobackdrawer" :widNumber="45">
|
||||
<gobackhouse />
|
||||
</Drawer> -->
|
||||
<!-- 悬浮球 -->
|
||||
<!-- <ball :isShow="isShow && !detailisopen && !plsBuyIsopen" @click="clickBall" /> -->
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, watch } from 'vue';
|
||||
// import Drawer from "@/component/public/Drawer.vue"
|
||||
// import shoppingCar from "@/component/storeroom/drawer/shoppingCar/index.vue"
|
||||
// import shoppingCarSmall from "@/component/storeroom/drawer/shoppingCarSmall/index.vue"
|
||||
// import gobackhouse from "@/component/storeroom/drawer/gobackhouse/index.vue"
|
||||
// import goplsbuy from "@/component/storeroom/drawer/plsbuy/index.vue"
|
||||
// import ball from "@/component/storeroom/components/ball.vue";
|
||||
// import info from "@/component/storeroom/components/info.vue"
|
||||
// import plsbuy from "@/component/storeroom/components/plsbuy.vue"
|
||||
// import calculator from "@/component/storeroom/components/calculator.vue"
|
||||
|
||||
const emit = defineEmits(['nav']);
|
||||
const props = defineProps({
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
// 使用watch监听isShow变化
|
||||
const transition = ref(true);
|
||||
const ballTarget = ref(-1);
|
||||
// 下方气泡
|
||||
const bottomList = ref([
|
||||
{ url: '/static/index/topright/scan/00.png', targetUrl: '/static/index/topright/scan/01.png', name: '雷达扫描' },
|
||||
{ url: '/static/index/topright/scan/10.png', targetUrl: '/static/index/topright/scan/11.png', name: '扫码添加' },
|
||||
{ url: '/static/index/topright/scan/20.png', targetUrl: '/static/index/topright/scan/21.png', name: '手动录入' },
|
||||
]);
|
||||
|
||||
const clickBall = (index) =>{
|
||||
ballTarget.value = index;
|
||||
emit("nav",index)
|
||||
}
|
||||
// const draweranther = ref(null)
|
||||
// const drawer = ref(null);
|
||||
// const gobackdrawer = ref(null);
|
||||
// const goshopdrawer = ref(null);
|
||||
// const cardsArray = ref([
|
||||
// {
|
||||
// name: "纸尿裤-拉拉裤",
|
||||
// type: 0
|
||||
// },
|
||||
// {
|
||||
// name: "纸尿裤-拉拉裤",
|
||||
// type: 0
|
||||
// },
|
||||
// {
|
||||
// name: "纸尿裤-拉拉裤",
|
||||
// type: 0
|
||||
// },
|
||||
// {
|
||||
// name: "纸尿裤-拉拉裤",
|
||||
// type: 0
|
||||
// },
|
||||
// {
|
||||
// name: "胃管（进口）",
|
||||
// type: 1
|
||||
// },
|
||||
// {
|
||||
// name: "胃管（进口）",
|
||||
// type: 1
|
||||
// },
|
||||
// {
|
||||
// name: "胃管（进口）",
|
||||
// type: 1
|
||||
// },
|
||||
// {
|
||||
// name: "胃管（进口）",
|
||||
// type: 1
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// {
|
||||
// name: "洗护用品",
|
||||
// type: 2
|
||||
// },
|
||||
// ])
|
||||
|
||||
watch(
|
||||
() => props.isShow,
|
||||
(newVal, oldVal) => {
|
||||
// 当旧值为false，新值为true时延迟0.2秒调用方法
|
||||
if (!oldVal && newVal) {
|
||||
transition.value = false;
|
||||
setTimeout(() => {
|
||||
transition.value = true;
|
||||
}, 50)
|
||||
}
|
||||
}
|
||||
)
|
||||
// 表格弹窗
|
||||
// const detailisopen = ref(false);
|
||||
// const detailisopacity = ref(false);
|
||||
// 请购弹窗
|
||||
// const plsBuyIsopen = ref(false);
|
||||
// const plsBuyisopacity = ref(false);
|
||||
// const isWarning = ref(false);
|
||||
// 初始化左侧菜单列表
|
||||
// const buttonList = ref([
|
||||
// // { url: '/static/index/Warehousing/zuoce.png', name: '请购单' },
|
||||
// { url: '/static/index/Warehousing/sousuo.png', name: '查询' },
|
||||
// { url: '/static/index/Warehousing/chongzhi.png', name: '重置' },
|
||||
|
||||
// ]);
|
||||
// const opendetail = () => {
|
||||
// detailisopen.value = true;
|
||||
// detailisopacity.value = false;
|
||||
// setTimeout(() => {
|
||||
// detailisopacity.value = true
|
||||
// }, 100)
|
||||
// }
|
||||
// const openBuy = () => {
|
||||
// detailisopen.value=false
|
||||
// plsBuyIsopen.value = true;
|
||||
// plsBuyisopacity.value = false;
|
||||
// setTimeout(() => {
|
||||
// plsBuyisopacity.value = true
|
||||
// }, 100)
|
||||
// }
|
||||
// const clickBall = () => {
|
||||
// drawer.value.openDrawer();
|
||||
// }
|
||||
// const clickgoshop = () => {
|
||||
// goshopdrawer.value.openDrawer();
|
||||
// }
|
||||
// const clickgoback = () => {
|
||||
// detailisopen.value=false
|
||||
// gobackdrawer.value.openDrawer();
|
||||
// }
|
||||
// 记录序列号
|
||||
// const saveIndex = ref(-1);
|
||||
// // 传递数字
|
||||
// const translateNumber = ref(0);
|
||||
// //右侧计算器显示
|
||||
// const rightCalShow = ref(false);
|
||||
// const doOnce = ref(0);
|
||||
// const openRight = (number:number,index:number) =>{
|
||||
// saveIndex.value = index;
|
||||
// translateNumber.value = number;
|
||||
// rightCalShow.value = true;
|
||||
// doOnce.value++
|
||||
// }
|
||||
// const closeRight = () =>{
|
||||
// saveIndex.value = -1;
|
||||
// translateNumber.value = 0;
|
||||
// rightCalShow.value = false;
|
||||
// }
|
||||
// const changeNumber = ref(0);
|
||||
// const rightOk = (num:number) =>{
|
||||
// rightCalShow.value = false;
|
||||
// changeNumber.value = num;
|
||||
// }
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.index-content-other {
|
||||
width: calc(100% - 170rpx);
|
||||
height: 100%;
|
||||
transition: opacity 1s ease;
|
||||
}
|
||||
|
||||
.index-content-down {
|
||||
width: calc(100% - 60rpx);
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.index-content-right {
|
||||
// height: calc(100% - 100rpx);
|
||||
height: calc(100% - 30rpx);
|
||||
width: calc(100% - 60rpx);
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
background-image: url('/static/index/leida/bgc.png');
|
||||
background-position: 30% 70%;
|
||||
border-radius: 50rpx;
|
||||
// box-shadow: 4rpx 8rpx 16rpx 4rpx rgba(0, 0, 0, 0.3);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
.index-content-title {
|
||||
position: absolute;
|
||||
top: 60rpx;
|
||||
left: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.shu {
|
||||
width: 20rpx;
|
||||
height: 50rpx;
|
||||
background: linear-gradient(to right, #0052C2, #00B4FF);
|
||||
border-radius: 20rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.shu-font {
|
||||
color: #415273;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.big-photo {
|
||||
width: 1200rpx;
|
||||
height: 800rpx;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
position: absolute;
|
||||
bottom: 120rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 800rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: #415273;
|
||||
}
|
||||
.button-father{
|
||||
display: flex;
|
||||
width: 800rpx;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 200rpx;
|
||||
.ball-father{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ball-bgc{
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
background-color: #E3E6F1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
.ball-bgc-target{
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
background: linear-gradient(to bottom,#00C9FF,#0076FF);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
.ball-img{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
}
|
||||
// .swiper-contain {
|
||||
// width: 100%;
|
||||
// margin-left: 10rpx;
|
||||
// // width: calc(100% - 60rpx);
|
||||
// height: calc(100% - 140rpx);
|
||||
|
||||
// .swiper-flex {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
|
||||
// .swiper-card {
|
||||
// margin: 20rpx 0 0 20rpx;
|
||||
// width: 666rpx;
|
||||
// height: 345rpx;
|
||||
// // border: 2rpx solid #fff;
|
||||
// border-radius: 30rpx;
|
||||
// background: #01ADF9 url("/static/index/warehouseCard/bgcblue.png") center/cover;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
// display: flex;
|
||||
|
||||
// .swiper-card-left {
|
||||
// height: 100%;
|
||||
// width: 400rpx;
|
||||
|
||||
// .swiper-card-left-white {
|
||||
// margin: 27rpx 0 20rpx 30rpx;
|
||||
// width: 200rpx;
|
||||
// height: 280rpx;
|
||||
// // background-color: rgba(255, 255, 255, 0.3);
|
||||
// display: flex;
|
||||
// border-radius: 30rpx;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
// .swiper-card-left-white-img-first {
|
||||
// width: 200rpx;
|
||||
// height: 200rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 2rpx rgba(1, 178, 255, 0.2);
|
||||
// border-radius: 20rpx;
|
||||
// }
|
||||
|
||||
// .swiper-card-left-white-img-second {
|
||||
// width: 200rpx;
|
||||
// height: 200rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 2rpx rgba(11, 206, 184, 0.2);
|
||||
// border-radius: 20rpx;
|
||||
// }
|
||||
|
||||
// .swiper-card-left-white-img-third {
|
||||
// width: 200rpx;
|
||||
// height: 200rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 2rpx rgba(188, 163, 246, 0.2);
|
||||
// border-radius: 20rpx;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .swiper-card-right {
|
||||
// height: 100%;
|
||||
// width: 600rpx;
|
||||
|
||||
// .swiper-right-title {
|
||||
// margin-top: 35rpx;
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
|
||||
// .swiper-title-font {
|
||||
// font-weight: 700;
|
||||
// font-size: 30rpx;
|
||||
// }
|
||||
|
||||
// .swiper-title-font-button {
|
||||
// color: #fff;
|
||||
// border-radius: 10rpx;
|
||||
// margin-right: 25rpx;
|
||||
// margin-top: -20rpx;
|
||||
// font-size: 25rpx;
|
||||
// font-weight: 700;
|
||||
// }
|
||||
|
||||
// .swiper-title-mark {
|
||||
// background-color: rgb(214, 212, 245);
|
||||
// color: #19233B;
|
||||
// padding: 5rpx 25rpx;
|
||||
// font-size: 30rpx;
|
||||
// border-radius: 25rpx;
|
||||
// margin-right: 20rpx;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .swiper-heng {
|
||||
// width: 90rpx;
|
||||
// height: 10rpx;
|
||||
// border-radius: 30rpx;
|
||||
// margin-bottom: 0rpx;
|
||||
// }
|
||||
|
||||
// .swiper-font {
|
||||
// color: #596278;
|
||||
// font-size: 26rpx;
|
||||
// margin-top: 15rpx;
|
||||
// display: flex;
|
||||
// }
|
||||
|
||||
// .swiper-littlefont {
|
||||
// color: #596278;
|
||||
// font-size: 26rpx;
|
||||
// margin-top: 15rpx;
|
||||
// display: flex;
|
||||
// width: 50%;
|
||||
// }
|
||||
|
||||
// .popup-detail {
|
||||
// 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(89, 109, 154, 0.4);
|
||||
// /* 添加毛玻璃效果 */
|
||||
// z-index: 999;
|
||||
|
||||
// .popup-detail-content {
|
||||
// display: flex;
|
||||
// width: 1500rpx;
|
||||
// height: 900rpx;
|
||||
// background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
// background-blend-mode: screen;
|
||||
// border: 2rpx solid #fff;
|
||||
// /* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// border-radius: 30rpx;
|
||||
// box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
// transition: opacity 0.4s ease;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .popup-detail-plsbuy {
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// backdrop-filter: blur(1rpx);
|
||||
// background-color: rgba(89, 109, 154, 0.4);
|
||||
|
||||
// /* 添加毛玻璃效果 */
|
||||
// z-index: 999;
|
||||
// overflow: hidden;
|
||||
// .popup-detail-content-plsbuy {
|
||||
// position: absolute;
|
||||
// left: 350rpx;
|
||||
// top: 310rpx;
|
||||
// display: flex;
|
||||
// width: 1200rpx;
|
||||
// height: 850rpx;
|
||||
// // background: url("/static/index/pink.png") center/cover;
|
||||
// background-color: #fff;
|
||||
// // background: url("/static/index/pink.png") center/cover;
|
||||
// // background-blend-mode: screen;
|
||||
// border: 2rpx solid #fff;
|
||||
// /* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// border-radius: 30rpx;
|
||||
// box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
// transition: opacity 0.4s ease;
|
||||
// }
|
||||
|
||||
// .popup-detail-content-calculator {
|
||||
// position: absolute;
|
||||
// right: 160rpx;
|
||||
// top: 310rpx;
|
||||
// display: flex;
|
||||
// width: 600rpx;
|
||||
// height: 850rpx;
|
||||
// background-color: #fff;
|
||||
// // background: url("/static/index/pink.png") center/cover, rgba(255, 255, 255, 1);
|
||||
// // background-blend-mode: screen;
|
||||
// border: 2rpx solid #fff;
|
||||
// /* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// border-radius: 30rpx;
|
||||
// box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
// transition: opacity 0.4s ease;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .popup-detail-calculator {
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// bottom: 0;
|
||||
// // backdrop-filter: blur(1rpx);
|
||||
// // background-color: rgba(89, 109, 154, 0.4);
|
||||
// /* 添加毛玻璃效果 */
|
||||
// z-index: 999;
|
||||
|
||||
// .popup-detail-content-calculator {
|
||||
// position: absolute;
|
||||
// right: 150rpx;
|
||||
// top: 310rpx;
|
||||
// display: flex;
|
||||
// width: 600rpx;
|
||||
// height: 850rpx;
|
||||
// background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
// background-blend-mode: screen;
|
||||
// border: 2rpx solid #fff;
|
||||
// /* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// border-radius: 30rpx;
|
||||
// box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
// transition: opacity 0.4s ease;
|
||||
// }
|
||||
// }
|
||||
// .blackfont {
|
||||
// font-weight: 600;
|
||||
// color: red;
|
||||
// }
|
||||
|
||||
// .swiper-left-buttons {
|
||||
// display: flex;
|
||||
// margin-top: 20rpx;
|
||||
|
||||
// .swiper-left-button {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// width: 140rpx;
|
||||
// height: 60rpx;
|
||||
// border-radius: 20rpx;
|
||||
// background: linear-gradient(to bottom, #D5E0F8, #ECF6FF);
|
||||
// border: 1rpx #fff solid;
|
||||
// color: #364464;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
// }
|
||||
|
||||
// .swiper-left-button-blue {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// width: 140rpx;
|
||||
// height: 60rpx;
|
||||
// border-radius: 20rpx;
|
||||
// background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
||||
// color: #fff;
|
||||
// border: 1rpx #fff solid;
|
||||
// margin-right: 20rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
// }
|
||||
|
||||
// .swiper-left-button-green {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// width: 140rpx;
|
||||
// height: 60rpx;
|
||||
// border-radius: 20rpx;
|
||||
// background: linear-gradient(to right bottom, #00D6A9, #19BCD4);
|
||||
// color: #fff;
|
||||
// border: 1rpx #fff solid;
|
||||
// margin-right: 20rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
// }
|
||||
|
||||
// .swiper-left-button-pouple {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// width: 140rpx;
|
||||
// height: 60rpx;
|
||||
// border-radius: 20rpx;
|
||||
// background: linear-gradient(to right bottom, #AA55E1, #BD9AF8);
|
||||
// color: #fff;
|
||||
// border: 1rpx #fff solid;
|
||||
// margin-right: 20rpx;
|
||||
// box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
// }
|
||||
// }
|
||||
|
||||
// .bgc-img {
|
||||
// width: 50rpx;
|
||||
// height: 50rpx;
|
||||
// }
|
||||
|
||||
// .first-bgc {
|
||||
// width: 80rpx;
|
||||
// height: 80rpx;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// background: linear-gradient(to right top, #fda64b, #ffcc80);
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx #fff solid;
|
||||
// margin-right: 10rpx;
|
||||
// }
|
||||
|
||||
// .second-bgc {
|
||||
// width: 80rpx;
|
||||
// height: 80rpx;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// background: linear-gradient(to right top, #ffcc80, #fcb398);
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx #fff solid;
|
||||
// margin-right: 10rpx;
|
||||
// }
|
||||
|
||||
// .third-bgc {
|
||||
// width: 80rpx;
|
||||
// height: 80rpx;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// background: linear-gradient(to right top, #869af3, #98abff);
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx #fff solid;
|
||||
// margin-right: 10rpx;
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
// .bgc-white {
|
||||
// width: 80rpx;
|
||||
// height: 80rpx;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// background-color: rgba(255, 255, 255, 0.3);
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx #fff solid;
|
||||
// margin-right: 10rpx;
|
||||
// position: relative;
|
||||
// }
|
||||
|
||||
// .fourth-bgc {
|
||||
// width: 170rpx;
|
||||
// height: 80rpx;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// background: linear-gradient(to right top, #869af3, #98abff);
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx #fff solid;
|
||||
// margin-right: 10rpx;
|
||||
|
||||
// .fourth-bgc-img {
|
||||
// width: 30rpx;
|
||||
// height: 40rpx;
|
||||
// margin: 0 10rpx;
|
||||
// ;
|
||||
// }
|
||||
|
||||
// .fourth-bgc-font {
|
||||
// color: #fff;
|
||||
// margin-right: 10rpx;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .swiper-double {
|
||||
// width: 90%;
|
||||
// display: flex;
|
||||
// }
|
||||
|
||||
// .red-pao {
|
||||
// position: absolute;
|
||||
// top: -10rpx;
|
||||
// right: -10rpx;
|
||||
// padding: 3rpx 10rpx;
|
||||
// background-color: #FF4C4E;
|
||||
// color: #fff;
|
||||
// font-size: 20rpx;
|
||||
// border-radius: 20rpx;
|
||||
// z-index: 101;
|
||||
// }
|
||||
|
||||
// .bug-bottom {
|
||||
// height: 30rpx;
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
} from 'vue'
|
||||
import {
|
||||
updatePassword
|
||||
} from '@/pages/Initialization/api.js'
|
||||
} from '@/pages/login/api.js'
|
||||
|
||||
// 接收 show 属性并支持 update:show 事件
|
||||
const props = defineProps({
|
||||
|
|
|
|||
|
|
@ -227,10 +227,8 @@
|
|||
plus.runtime.install(res.tempFilePath, {
|
||||
force: false
|
||||
}, function() {
|
||||
//console.log('install success...');
|
||||
plus.runtime.restart();
|
||||
}, function(e) {
|
||||
console.error('install fail...',JSON.stringify(e));
|
||||
uni.showToast({
|
||||
title: '升级失败',
|
||||
icon:'none'
|
||||
|
|
@ -244,7 +242,6 @@
|
|||
}
|
||||
},
|
||||
fail:function(e) {
|
||||
//console.log("下载失败",e)
|
||||
uni.showToast({
|
||||
title: '下载失败:'+e.errMsg,
|
||||
icon:'none'
|
||||
|
|
@ -255,11 +252,8 @@
|
|||
}
|
||||
})
|
||||
this.downloadTask.onProgressUpdate(function(res){
|
||||
// console.log("99999",res)
|
||||
that.update_process = res.progress
|
||||
if(res.progress == Infinity){
|
||||
//使用size计算
|
||||
//console.log("计算size");
|
||||
let progress = (res.totalBytesWritten / that.size)*100
|
||||
if(progress>100){
|
||||
progress = 100
|
||||
|
|
@ -300,10 +294,8 @@
|
|||
height: 290rpx;
|
||||
}
|
||||
.zy-upgrade-topbg-blue {
|
||||
/* background-image: url('static/images/blue.png'); */
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
/* height: 290rpx; */
|
||||
}
|
||||
.zy-upgrade-title {
|
||||
font-size: 35rpx;
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
"name" : "护理单元",
|
||||
"appid" : "__UNI__FB2D473",
|
||||
"description" : "护理单元",
|
||||
"versionName" : "1.0.011",
|
||||
"versionCode" : 10011,
|
||||
"versionName" : "1.0.012",
|
||||
"versionCode" : 10012,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
|
|
|||
39
pages.json
39
pages.json
|
|
@ -6,21 +6,7 @@
|
|||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
// 护理
|
||||
{
|
||||
"path": "pages/Nursing/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/watch/index",
|
||||
"style": {
|
||||
|
|
@ -109,31 +95,6 @@
|
|||
|
||||
},
|
||||
|
||||
// 仓储
|
||||
{
|
||||
"path": "pages/Warehousing/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
//初始化
|
||||
{
|
||||
"path": "pages/Initialization/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
// 服务考核
|
||||
{
|
||||
"path": "pages/assess/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
// 护理表格预览
|
||||
{
|
||||
"path": "pages/timeMatrix/index",
|
||||
|
|
|
|||
|
|
@ -1,18 +0,0 @@
|
|||
// 引入 request 文件
|
||||
import request from '@/request/index.js'
|
||||
|
||||
// 以下 api 为博主项目示例，实际与项目相匹配
|
||||
|
||||
//修改密码
|
||||
export const updatePassword = (form) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/sys/user/updatePassword`,
|
||||
method: 'put',
|
||||
data: {
|
||||
username: form.username,
|
||||
oldpassword: form.oldpassword,
|
||||
password: form.password,
|
||||
confirmpassword: form.confirmpassword,
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
export type Link = {
|
||||
url : string;
|
||||
targetUrl : string;
|
||||
name : string;
|
||||
pao : number;
|
||||
};
|
||||
export type buttonLink = {
|
||||
url : string;
|
||||
name : string;
|
||||
};
|
||||
export type iconTopLink = {
|
||||
url : string;
|
||||
name : string;
|
||||
};
|
||||
|
|
@ -1,324 +0,0 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`">
|
||||
|
||||
<view class="index-content">
|
||||
<view class="index-content-leftMenus">
|
||||
<view class="index-title-title">
|
||||
<image class="index-title-left-img" src="/static/index/customer.png" />
|
||||
<view class="index-title-left-font">
|
||||
{{name}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view v-for="(item,index) in iconList" :key="index" class="blue-circle-pos">
|
||||
<view class="blue-circle" v-show="index === menuIndex">
|
||||
<image class="blue-circle-size" :src="`/static/index/ray.png`" />
|
||||
</view>
|
||||
<view class="red-pao" v-if="item.pao" @click="changeMenu(index)">
|
||||
{{ item.pao > 99 ? `99+` : item.pao}}
|
||||
</view>
|
||||
<image class="left-img" :src="index === menuIndex ? item.targetUrl : item.url"
|
||||
@click="changeMenu(index)" />
|
||||
<view :class="index === menuIndex ? `left-img-font-target` :`left-img-font`"
|
||||
@click="changeMenu(index)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 首页 -->
|
||||
<fuwu :isShow="menuIndex == 0" />
|
||||
<settings :isShow="menuIndex == 4" @jump="jumpToIndex" />
|
||||
<storeroomindex :isShow="menuIndex == -1" @nav="navMenu" />
|
||||
<leidaindex :isShow="menuIndex==-2" />
|
||||
<saoma :isShow="menuIndex==-3" />
|
||||
<put :isShow="menuIndex==-4" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
|
||||
import type { Link, buttonLink, iconTopLink } from "./index";
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
// 首页
|
||||
import fuwu from "@/component/Initialization/fuwu.vue";
|
||||
//设置
|
||||
import settings from "@/component/Initialization/settings.vue";
|
||||
import storeroomindex from "@/component/Initialization/fuwu.vue";
|
||||
import leidaindex from "@/component/Initialization/leida.vue";
|
||||
import saoma from "@/component/Initialization/saoma.vue";
|
||||
import put from "@/component/Initialization/input.vue";
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
const menuIndex = ref(0);
|
||||
// 删除表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
const detailisopacity = ref(false)
|
||||
// 初始化左侧菜单列表
|
||||
const iconList = ref<Link[]>([
|
||||
{ url: '/static/index/relindex/index.png', targetUrl: '/static/index/relindex/indexblue.png', name: '首页', pao: 0 },
|
||||
{ url: '/static/index/relindex/fuwu.png', targetUrl: '/static/index/relindex/fuwublue.png', name: '服务考核', pao: 0 },
|
||||
{ url: '/static/index/relindex/jigou.png', targetUrl: '/static/index/relindex/jigoublue.png', name: '机构功能1', pao: 0 },
|
||||
{ url: '/static/index/relindex/jigou.png', targetUrl: '/static/index/relindex/jigoublue.png', name: '机构功能2', pao: 0 },
|
||||
{ url: '/static/index/relindex/shezhi.png', targetUrl: '/static/index/relindex/shezhiblue.png', name: '设置', pao: 0 },
|
||||
{ url: '/static/index/newindex/curve/return_8.png', targetUrl: '/static/index/newindex/curve/return_1.png', name: '返回', pao: 0 },
|
||||
// { url: '/static/index/relindex/shezhi.png', targetUrl: '/static/index/relindex/shezhiblue.png', name: '设置', pao: 0 },
|
||||
]);
|
||||
|
||||
const iconTop = ref<iconTopLink[]>([
|
||||
{ url: '/static/index/topright/title/0.png', name: '切换机构' },
|
||||
{ url: '/static/index/topright/title/1.png', name: '修改密码' },
|
||||
{ url: '/static/index/topright/title/2.png', name: '注销账号' },
|
||||
])
|
||||
|
||||
// 上方小球
|
||||
const ballList = ref([
|
||||
{ url: '/static/index/topright/scan/00.png', targetUrl: '/static/index/topright/scan/01.png', name: '雷达扫描' },
|
||||
{ url: '/static/index/topright/scan/10.png', targetUrl: '/static/index/topright/scan/11.png', name: '扫码添加' },
|
||||
{ url: '/static/index/topright/scan/20.png', targetUrl: '/static/index/topright/scan/21.png', name: '手动录入' },
|
||||
]);
|
||||
const opendetail = () => {
|
||||
detailisopen.value = true;
|
||||
detailisopacity.value = false;
|
||||
setTimeout(() => {
|
||||
detailisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
// 变更菜单
|
||||
const changeMenu = (index : number) => {
|
||||
if(index === 5 ){
|
||||
uni.navigateBack()
|
||||
}
|
||||
menuIndex.value = index;
|
||||
};
|
||||
const clicktopright = (index : number) => {
|
||||
if (index == 2) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/login'
|
||||
});
|
||||
}
|
||||
}
|
||||
const jumpToIndex = (index : number) => {
|
||||
switch (index) {
|
||||
case 0:
|
||||
menuIndex.value = -2;
|
||||
break
|
||||
case 1:
|
||||
menuIndex.value = -3;
|
||||
break
|
||||
case 2:
|
||||
menuIndex.value = -4;
|
||||
break
|
||||
default:
|
||||
|
||||
}
|
||||
}
|
||||
const navMenu = (index : number) => {
|
||||
switch (index) {
|
||||
case 0:
|
||||
menuIndex.value = -2;
|
||||
break
|
||||
case 1:
|
||||
menuIndex.value = -3;
|
||||
break
|
||||
case 2:
|
||||
menuIndex.value = -4;
|
||||
break
|
||||
default:
|
||||
|
||||
}
|
||||
}
|
||||
const name = ref("");
|
||||
// 生命周期钩子
|
||||
onLoad((options) => {
|
||||
console.log("???",options.menu)
|
||||
options.menu ? menuIndex.value = options.menu : menuIndex.value = 0;
|
||||
name.value = uni.getStorageSync('realname')
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.index-title {
|
||||
display: flex;
|
||||
width: calc(100% - 110rpx);
|
||||
height: 130rpx;
|
||||
justify-content: space-between;
|
||||
// background-color: #fff;
|
||||
margin: 20rpx 50rpx 0 60rpx;
|
||||
|
||||
.index-title-left {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
|
||||
|
||||
|
||||
.index-title-left-wel {
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.index-title-left-weight {
|
||||
font-weight: 700;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.index-title-right {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
margin-right: 10rpx;
|
||||
|
||||
.top-card {
|
||||
width: 180rpx;
|
||||
height: 55rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #E2E7FF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 20rpx;
|
||||
|
||||
.top-card-img {
|
||||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
margin-right: 5rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.top-card-font {
|
||||
font-size: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index-content {
|
||||
width: 100%;
|
||||
height: calc(100vh - 150rpx);
|
||||
display: flex;
|
||||
margin-top: 55rpx;
|
||||
|
||||
.index-content-leftMenus {
|
||||
height: 100%;
|
||||
width: 170rpx;
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
margin-top: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.left-img {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
// margin: 50rpx 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.left-img-font {
|
||||
margin-top: 10rpx;
|
||||
color: #fff;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.left-img-font-target {
|
||||
margin-top: 10rpx;
|
||||
color: #0174D3;
|
||||
font-size: 25rpx;
|
||||
}
|
||||
|
||||
.blue-circle-pos {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 800rpx;
|
||||
|
||||
|
||||
.blue-circle {
|
||||
position: absolute;
|
||||
top: -50rpx;
|
||||
left: -68rpx;
|
||||
|
||||
.blue-circle-size {
|
||||
width: 170rpx;
|
||||
height: 250rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.red-pao {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
// right: 0;
|
||||
left: 60rpx;
|
||||
padding: 3rpx 10rpx;
|
||||
background-color: #FF4C4E;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.ball-bgc {
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #E2E7FF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 25rpx;
|
||||
|
||||
.ball-img {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.index-title-title{
|
||||
// width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.index-title-left-img {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
|
||||
}
|
||||
|
||||
.index-title-left-font {
|
||||
// margin-left: 20rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
export type Link = {
|
||||
url : string;
|
||||
targetUrl : string;
|
||||
};
|
||||
|
|
@ -1,505 +0,0 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" @touchmove="getxy" @touchend="cleanall">
|
||||
<view class="move-font" v-show="savename && clientX" :animation="animationData">
|
||||
{{savename}}
|
||||
</view>
|
||||
<view v-show="saveruler.cycleType"
|
||||
:class="saveruler.cycleType=='日常' ? `title-time-border-yellow`:`title-time-border-pouple`"
|
||||
:animation="animationData" style="font-size: 30rpx;overflow: hidden;">
|
||||
<view class="title-time" v-show="saveruler.startTime" style="margin-top: 5rpx;">
|
||||
<view class="title-time-time" style="font-size: 30rpx;">
|
||||
{{saveruler.startTime + `-` + saveruler.endTime}}
|
||||
</view>
|
||||
<image class="title-time-button"
|
||||
:src="saveruler.cycleType=='日常'?`/static/index/yellowbian.png`:`/static/index/puoplebian.png`" />
|
||||
<view class="title-time-font">
|
||||
{{saveruler.cycleType}}
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top: 20rpx;font-weight: 700;">
|
||||
{{splitString(saveruler.directiveName)[0]}}
|
||||
</view>
|
||||
<view class="down-icons" :style="saveruler.cycleType!='日常'?{backgroundColor:`rgb(212,203,255)`}:{}"
|
||||
v-show="splitString(saveruler.directiveName)[1]">
|
||||
<view class="" v-for="(item,index) in splitString(saveruler.directiveName).slice(1)" :key="index">
|
||||
<view class="icon" :style="saveruler.cycleType!='日常'?{backgroundColor:`rgb(123,97,255)`}:{}">
|
||||
{{splitString(saveruler.directiveName)[1]}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="left-container">
|
||||
<view class="left-head">
|
||||
<image class="left-head-img" src="/static/index/oldman.png" />
|
||||
<text :class="darkFans?`left-head-font-dark`:`left-head-font`">
|
||||
王金凤
|
||||
</text>
|
||||
</view>
|
||||
<view class="left-img-container">
|
||||
<view v-for="(item,index) in iconList" :key="index" class="blue-circle-pos">
|
||||
<view class="blue-circle" v-show="index === menuIndex">
|
||||
<image class="blue-circle-size" :src="`/static/index/ray.png`" />
|
||||
</view>
|
||||
<image class="left-img" :src="index === menuIndex ? item.targetUrl : item.url"
|
||||
@click="changeMenu(index)" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 主页 -->
|
||||
<!-- <rightItemsfirst :isshow="menuIndexshow" :darkFans="darkFans" v-show="!menuIndex" @darkchange="darkchange" /> -->
|
||||
<!-- 超凶表格 -->
|
||||
<!-- 旧表格 -->
|
||||
<!-- <rightItemssecond ref="ruler" :liang="indexNumber" :isshow="menuIndexshowsecond" :canmove="canmove"
|
||||
:darkFans="darkFans" v-show="menuIndex==1&&!isOld" @darkchange="darkchange" @savename="openname"
|
||||
@saveruler="openruler" @changefangkuang="changefangkuang" @cleanname="closename" @changeold="isOldchange" /> -->
|
||||
<!-- 新表格 -->
|
||||
<!-- <specialruler ref="rulernew" :isold="isOld===1" :liang="indexNumber" :isshow="menuIndexshowsecond" :canmove="canmove"
|
||||
:darkFans="darkFans" v-show="menuIndex==1&&isOld===1" @darkchange="darkchange" @savename="openname"
|
||||
@saveruler="openruler" @changefangkuang="changefangkuang" @cleanname="closename" @changeold="isOldchange" /> -->
|
||||
<!-- 新表格 -->
|
||||
<!-- <rightItemssecondrelnew ref="rulernew" :isold="isOld===2" :liang="indexNumber" :isshow="menuIndexshowsecond" :canmove="canmove"
|
||||
:darkFans="darkFans" v-show="menuIndex==1&&isOld===2" @darkchange="darkchange" @savename="openname"
|
||||
@saveruler="openruler" @changefangkuang="changefangkuang" @cleanname="closename" @changeold="isOldchange" /> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount } from 'vue';
|
||||
import type { Link } from "./index";
|
||||
// import rightItemsfirst from "../../component/rightItemsindex/index.vue"
|
||||
// import rightItemssecond from "../../component/rightItemssecond/index.vue"
|
||||
// import specialruler from "../../component/specialruler/index.vue"
|
||||
// import rightItemssecondrelnew from "../../component/rightItemssecondrelnew/index.vue"
|
||||
import { onShow } from '@dcloudio/uni-app';
|
||||
|
||||
onMounted(() => {
|
||||
isOld.value = 2;
|
||||
uni.getSystemInfoSync(); // 确保 global 注入生效
|
||||
uni.pageScrollTo; // 避免某些平台热更新惊群
|
||||
// 被动监听提升拖拽性能
|
||||
})
|
||||
|
||||
// 初始化左侧菜单列表
|
||||
const iconList = ref<Link[]>([
|
||||
{ url: '/static/index/lefticon/index.png', targetUrl: '/static/index/lefticontarget/blueindex.png' },
|
||||
{ url: '/static/index/lefticon/nurse.png', targetUrl: '/static/index/lefticontarget/bluenurse.png' },
|
||||
{ url: '/static/index/lefticon/doctor.png', targetUrl: '/static/index/lefticontarget/bluedoctor.png' },
|
||||
{ url: '/static/index/lefticon/give.png', targetUrl: '/static/index/lefticontarget/givedark.png' },
|
||||
{ url: '/static/index/lefticon/wifi.png', targetUrl: '/static/index/lefticontarget/bluewifi.png' },
|
||||
{ url: '/static/index/lefticon/back.png', targetUrl: '/static/index/lefticontarget/blueback.png' }
|
||||
]);
|
||||
|
||||
// 当前选中的菜单索引
|
||||
const menuIndex = ref<number>(0);
|
||||
const menuIndexshow = ref<boolean>(false);
|
||||
const menuIndexshowsecond = ref<boolean>(false);
|
||||
// 暗黑模式
|
||||
const darkFans = ref<boolean>(false);
|
||||
//旧表格还是新表格
|
||||
const isOld = ref(-1);
|
||||
// 当前选中的菜单索引
|
||||
const roomTar = ref<number[]>([]);
|
||||
//滑块按钮
|
||||
const firstcurrentIndex = ref<number>(0);
|
||||
const firstcurrentIndexup = ref<number>(0);
|
||||
const secondcurrentIndexup = ref<number>(0);
|
||||
const secondcurrentIndex = ref<number>(0);
|
||||
const thirdcurrentIndex = ref<number>(0);
|
||||
// 暗黑模式改变
|
||||
const darkchange = (res : boolean) => {
|
||||
darkFans.value = res
|
||||
}
|
||||
//切换表格新旧
|
||||
const isOldchange = (res : number) => {
|
||||
isOld.value = res;
|
||||
}
|
||||
// 变更菜单
|
||||
const changeMenu = (index : number) => {
|
||||
if (index === 3) {
|
||||
menuIndexshow.value = false;
|
||||
menuIndexshowsecond.value = false;
|
||||
uni.navigateTo({
|
||||
url: `/pages/somethingmove/index?darkFans=${darkFans.value}`,
|
||||
animationType: 'slide-in-right',
|
||||
animationDuration: 400// 设置动画时长为300毫秒, // 动画持续时间，单位为毫秒
|
||||
});
|
||||
return
|
||||
}
|
||||
else if (index === 5) {
|
||||
uni.navigateBack()
|
||||
return
|
||||
}
|
||||
menuIndex.value = index;
|
||||
menuIndexshow.value = false
|
||||
menuIndexshowsecond.value = false
|
||||
setTimeout(() => {
|
||||
switch (index) {
|
||||
case 0:
|
||||
menuIndexshow.value = true
|
||||
break;
|
||||
case 1:
|
||||
menuIndexshowsecond.value = true
|
||||
|
||||
break;
|
||||
default:
|
||||
}
|
||||
}, 50)
|
||||
};
|
||||
const clientX = ref(0);
|
||||
const clientY = ref(0);
|
||||
const savename = ref("")
|
||||
const canmove = ref(true)
|
||||
const indexNumber = ref({
|
||||
index0: 999,
|
||||
index1: 999,
|
||||
})
|
||||
//翻页计时器
|
||||
const canTrigger = ref(true);
|
||||
//全局获得x轴和y轴
|
||||
const animation = uni.createAnimation({
|
||||
duration: 0,
|
||||
timingFunction: 'linear',
|
||||
delay: 0
|
||||
});
|
||||
const animationData = ref({});
|
||||
let ticking = false;
|
||||
let handle = null;
|
||||
|
||||
const getxyrel = (event) => {
|
||||
const touch = event.touches[0];
|
||||
clientX.value = 2 * (Math.floor(touch.clientX) - 100);
|
||||
clientY.value = 2 * (Math.floor(touch.clientY) - 55);
|
||||
animation.translate3d(clientX.value / 2, clientY.value / 2, 0).step({ duration: 0 });
|
||||
animationData.value = animation.export();
|
||||
|
||||
|
||||
// 遍历数组，找到点击区域所在的对
|
||||
const translateX = Math.floor(touch.clientX) - 50;
|
||||
const translateY = Math.floor(touch.clientY) - 25;
|
||||
|
||||
const clickedItem = fangkuaiValue.value.find(item => {
|
||||
return translateX >= Math.floor(item.left) && translateX <= Math.floor(item.right) &&
|
||||
translateY >= Math.floor(item.top) && translateY <= Math.floor(item.bottom);
|
||||
});
|
||||
if (clickedItem) {
|
||||
const { index0, index1 } = clickedItem.dataset;
|
||||
indexNumber.value.index0 = index0
|
||||
indexNumber.value.index1 = index1
|
||||
if (clientX.value < 200 && canTrigger.value && !isOld.value) {
|
||||
ruler.value?.nextItems();
|
||||
canTrigger.value = false;
|
||||
setTimeout(() => {
|
||||
canTrigger.value = true;
|
||||
}, 1000);
|
||||
}
|
||||
// if (clientX.value < 350 && canTrigger.value && isOld.value===1) {
|
||||
|
||||
// rulernew.value?.nextItems();
|
||||
// canTrigger.value = false;
|
||||
// setTimeout(() => {
|
||||
// canTrigger.value = true;
|
||||
// }, 1000);
|
||||
// }
|
||||
} else {
|
||||
indexNumber.value.index0 = 999
|
||||
indexNumber.value.index1 = 999
|
||||
}
|
||||
}
|
||||
//节流
|
||||
const getxy = throttle(getxyrel, 40);
|
||||
|
||||
const fangkuaiValue = ref([])
|
||||
//所有适合的方块
|
||||
const openname = (res : string, fangkuai : any) => {
|
||||
savename.value = res;
|
||||
canmove.value = false;
|
||||
fangkuaiValue.value = fangkuai
|
||||
}
|
||||
const changefangkuang = (fangkuang : any) => {
|
||||
fangkuaiValue.value = fangkuang
|
||||
}
|
||||
//移动方块
|
||||
const saveruler = ref({
|
||||
directiveName: "",
|
||||
cycleType: "",
|
||||
positioningLong: "0",
|
||||
typeName: "",
|
||||
startTime: "",
|
||||
id: "",
|
||||
endTime: "",
|
||||
tagName: null
|
||||
})
|
||||
const openruler = (res : any, fangkuai : any) => {
|
||||
saveruler.value = res
|
||||
canmove.value = false;
|
||||
fangkuaiValue.value = fangkuai
|
||||
}
|
||||
//解决拖动bug
|
||||
const closename = () => {
|
||||
savename.value = "";
|
||||
canmove.value = true;
|
||||
}
|
||||
const ruler = ref(null)
|
||||
const rulernew = ref(null)
|
||||
//结束、禁止滑动
|
||||
const cleanall = () => {
|
||||
clientX.value = 9999;
|
||||
clientY.value = 9999;
|
||||
animation.translate3d(clientX.value / 2, clientY.value / 2, 0).step({ duration: 0 });
|
||||
animationData.value = animation.export();
|
||||
canmove.value = true;
|
||||
indexNumber.value = {
|
||||
index0: 999,
|
||||
index1: 999,
|
||||
};
|
||||
if (savename.value) {
|
||||
if (!isOld.value) {
|
||||
ruler.value?.rulerEnd(savename.value);
|
||||
} else {
|
||||
}
|
||||
} else if (saveruler.value.typeName) {
|
||||
if (isOld.value===0) {
|
||||
ruler.value?.rulerMoveEnd(saveruler.value);
|
||||
} else {
|
||||
rulernew.value?.rulerMoveEnd(saveruler.value);
|
||||
}
|
||||
}
|
||||
savename.value = "";
|
||||
saveruler.value = {
|
||||
directiveName: "",
|
||||
cycleType: "",
|
||||
positioningLong: "0",
|
||||
typeName: "",
|
||||
startTime: "",
|
||||
id: "",
|
||||
endTime: "",
|
||||
tagName: null
|
||||
};
|
||||
}
|
||||
//节流函数
|
||||
function throttle(fn, delay) {
|
||||
let lastExecutionTime = 0;
|
||||
return function (...args) {
|
||||
const now = Date.now();
|
||||
if (now - lastExecutionTime >= delay) {
|
||||
lastExecutionTime = now;
|
||||
fn.apply(this, args);
|
||||
}
|
||||
};
|
||||
}
|
||||
function splitString(str) {
|
||||
// 使用正则表达式找到所有括号的内容
|
||||
let result = [];
|
||||
let remainingStr = str;
|
||||
// 正则匹配最外层括号（支持全角和半角）
|
||||
let regex = /([^（(]*)[（(]([^）)]+)[）)]/;
|
||||
while (regex.test(remainingStr)) {
|
||||
let match = remainingStr.match(regex);
|
||||
if (match) {
|
||||
// 添加括号前的部分（去掉空白）
|
||||
if (match[1].trim()) {
|
||||
result.push(match[1].trim());
|
||||
}
|
||||
// 添加括号内的内容
|
||||
if (match[2].trim()) {
|
||||
result.push(match[2].trim());
|
||||
}
|
||||
// 更新剩余的字符串
|
||||
remainingStr = remainingStr.replace(match[0], '').trim();
|
||||
}
|
||||
}
|
||||
// 如果最后还有剩余部分，也加入结果
|
||||
if (remainingStr.trim()) {
|
||||
result.push(remainingStr.trim());
|
||||
}
|
||||
return result;
|
||||
}
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
//首次加载和跳转回来需要重新做个动画
|
||||
setTimeout(() => {
|
||||
changeMenu(menuIndex.value)
|
||||
}, 50)
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.move-font {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
background-color: rgb(201, 232, 255);
|
||||
border-radius: 20rpx;
|
||||
border: 2rpx solid #fff;
|
||||
width: 220rpx;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
font-size: 40rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.left-container {
|
||||
width: 235rpx;
|
||||
height: 100%;
|
||||
|
||||
.blue-circle-pos {
|
||||
position: relative;
|
||||
|
||||
.blue-circle {
|
||||
position: absolute;
|
||||
top: -50rpx;
|
||||
left: -68rpx;
|
||||
|
||||
.blue-circle-size {
|
||||
width: 170rpx;
|
||||
height: 250rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left-head {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.left-head-img {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.left-head-font {
|
||||
font-weight: 700;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
.left-head-font-dark {
|
||||
font-weight: 700;
|
||||
font-size: 40rpx;
|
||||
background: linear-gradient(to right, #EBF4FF, #ADC4E0);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.left-img-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.left-img {
|
||||
width: 93rpx;
|
||||
height: 93rpx;
|
||||
margin: 50rpx 0;
|
||||
z-index: 100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title-time-border-yellow {
|
||||
width: 255rpx;
|
||||
height: 189rpx;
|
||||
margin: 10rpx;
|
||||
border: 1rpx solid #dae8fa;
|
||||
background: linear-gradient(to bottom, #fff1db, #ffe2b2);
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.title-time-border-pouple {
|
||||
width: 255rpx;
|
||||
height: 189rpx;
|
||||
margin: 10rpx;
|
||||
border: 1rpx solid #dae8fa;
|
||||
background: linear-gradient(to bottom, #f1eeff, #e3deff);
|
||||
border-radius: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.title-time {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.title-time-time {
|
||||
font-size: 32rpx;
|
||||
margin-left: 27rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.title-time-button {
|
||||
position: absolute;
|
||||
top: -5rpx;
|
||||
right: 0rpx;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.title-time-font {
|
||||
position: absolute;
|
||||
top: 7rpx;
|
||||
right: 5rpx;
|
||||
font-size: 23rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.down-icons {
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
height: 50rpx;
|
||||
background-color: rgb(255, 216, 126);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.icon {
|
||||
margin: 0 5rpx;
|
||||
font-size: 20rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
background-color: rgb(255, 138, 0);
|
||||
color: #fff;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -547,20 +547,13 @@
|
|||
}
|
||||
|
||||
.super-card-container {
|
||||
/* 设置背景图和白色背景 */
|
||||
/* background: url("/static/index/whitemountain.png") center/cover, rgba(255, 255, 255, 0.5); */
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
overflow: hidden;
|
||||
margin-left: 10rpx;
|
||||
width: 1300rpx;
|
||||
height: 1350rpx;
|
||||
/* border-top-right-radius: 20rpx;
|
||||
border-bottom-right-radius: 20rpx; */
|
||||
/* border: 2rpx solid #fff; */
|
||||
border-left: 0;
|
||||
/* box-shadow: 10rpx 10rpx 20px rgba(0, 0, 0, 0.1); */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
|
@ -987,79 +980,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.popup-delete {
|
||||
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(89, 109, 154, 0.4);
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
|
||||
.popup-delete-content {
|
||||
position: absolute;
|
||||
right: 750rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 800rpx;
|
||||
height: 500rpx;
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
background-blend-mode: screen;
|
||||
border: 2rpx solid #fff;
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
transition: opacity 0.4s ease;
|
||||
|
||||
.popup-delete-img {
|
||||
width: 250rpx;
|
||||
height: 230rpx;
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.popup-delete-text {
|
||||
font-size: 30rpx;
|
||||
color: #42474E;
|
||||
}
|
||||
|
||||
.popup-delete-button {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
height: 90rpx;
|
||||
margin-top: 30rpx;
|
||||
|
||||
.popup-delete-button-left {
|
||||
background-color: rgb(2, 171, 254);
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
|
||||
.popup-delete-button-right {
|
||||
background-color: #ced9e8;
|
||||
width: 200rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popup-overlay {
|
||||
position: fixed;
|
||||
|
|
@ -1164,156 +1085,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.popup-song {
|
||||
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(89, 109, 154, 0.4);
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
|
||||
.popup-song-contain {
|
||||
position: absolute;
|
||||
right: 450rpx;
|
||||
width: 1296rpx;
|
||||
background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.7);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
border: 2rpx solid #fff;
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
border-radius: 40rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
opacity: 0;
|
||||
transition: opacity 0.4s ease;
|
||||
|
||||
.shu-container-left {
|
||||
display: flex;
|
||||
margin-top: 70rpx;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.shu-container-left-gun {
|
||||
margin-top: 5rpx;
|
||||
margin-left: 40rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 35rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.shu-container-left-font {
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popup-song-father {
|
||||
position: relative;
|
||||
|
||||
.shu-up-img {
|
||||
position: absolute;
|
||||
top: -70rpx;
|
||||
left: 305rpx;
|
||||
width: 700rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.shu-up-font {
|
||||
position: absolute;
|
||||
top: -50rpx;
|
||||
left: 390rpx;
|
||||
display: flex;
|
||||
color: rgb(255, 90, 0);
|
||||
}
|
||||
|
||||
.arrayindex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
// height: 200rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 30rpx;
|
||||
margin-bottom: 60rpx;
|
||||
|
||||
.arrayindex-one {
|
||||
width: 285rpx;
|
||||
height: 100rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
background-color: rgb(241, 245, 252);
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid rgb(109, 131, 179);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 29rpx;
|
||||
}
|
||||
|
||||
.arrayindex-one-target {
|
||||
width: 285rpx;
|
||||
height: 100rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
background: linear-gradient(to right, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid rgb(2, 171, 254);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 29rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.secondarrayindex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
// height: 200rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 30rpx;
|
||||
margin-bottom: 60rpx;
|
||||
|
||||
.arrayindex-one {
|
||||
width: 380rpx;
|
||||
height: 100rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
background-color: rgb(241, 245, 252);
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid rgb(109, 131, 179);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 29rpx;
|
||||
}
|
||||
|
||||
.arrayindex-one-target {
|
||||
width: 380rpx;
|
||||
height: 100rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
background: linear-gradient(to right, #00c9ff, #0076ff);
|
||||
color: #fff;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid rgb(2, 171, 254);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 29rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ri-img {
|
||||
position: absolute;
|
||||
top: -4rpx;
|
||||
|
|
@ -1890,18 +1661,12 @@
|
|||
|
||||
.popup-share-content {
|
||||
position: absolute;
|
||||
/* right: 515rpx; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 800rpx;
|
||||
height: 450rpx;
|
||||
background-color: #fff;
|
||||
/* background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.7);
|
||||
background-blend-mode: screen; */
|
||||
/* border: 2rpx solid #fff; */
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
border-radius: 30rpx;
|
||||
/* box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1); */
|
||||
transition: opacity 0.4s ease;
|
||||
|
||||
.popup-share-title {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" @touchmove="getxy" @touchend="cleanall">
|
||||
<view class="backgroundContainer" @touchmove="getxy" @touchend="cleanall">
|
||||
<!-- 这些东西是为了拖动模式来设计的 -->
|
||||
<view class="move-font" v-show="savename && clientX" :animation="animationData">
|
||||
{{savename}}
|
||||
|
|
@ -31,9 +31,9 @@
|
|||
</view>
|
||||
|
||||
<view class="left-container">
|
||||
<view class="left-head" @click="testAsyncFunc">
|
||||
<view class="left-head">
|
||||
<image class="left-head-img" src="/static/index/oldman.png" />
|
||||
<text :class="darkFans?`left-head-font-dark`:`left-head-font`">
|
||||
<text class="left-head-font">
|
||||
{{ uni.getStorageSync('NUall').elderInfo?uni.getStorageSync('NUall').elderInfo.name:"" }}
|
||||
</text>
|
||||
</view>
|
||||
|
|
@ -179,8 +179,6 @@
|
|||
const menuIndexshowsecond = ref<boolean>(false);
|
||||
const menuIndexshowfourth = ref<boolean>(false);
|
||||
const menuIndexshowfifth = ref<boolean>(false);
|
||||
// 暗黑模式
|
||||
const darkFans = ref<boolean>(false);
|
||||
//旧表格还是新表格
|
||||
const isOld = ref(-1);
|
||||
// 当前选中的菜单索引
|
||||
|
|
@ -192,16 +190,6 @@
|
|||
const secondcurrentIndex = ref<number>(0);
|
||||
const thirdcurrentIndex = ref<number>(0);
|
||||
|
||||
function testAsyncFunc() {
|
||||
uni.previewImage({
|
||||
urls: ["/static/ceshi3.jpg"],
|
||||
|
||||
})
|
||||
}
|
||||
// 暗黑模式改变
|
||||
const darkchange = (res : boolean) => {
|
||||
darkFans.value = res
|
||||
}
|
||||
//切换表格新旧
|
||||
const isOldchange = (res : number) => {
|
||||
isOld.value = res;
|
||||
|
|
@ -557,27 +545,11 @@
|
|||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// background-image: url('/static/index/lightbgcnew.png');
|
||||
// background-size: cover;
|
||||
// background-position: center center;
|
||||
background-color: #eff0f4;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.move-font {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
|
|
@ -623,17 +595,7 @@
|
|||
font-size: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.left-head-font-dark {
|
||||
font-weight: 700;
|
||||
font-size: 40rpx;
|
||||
background: linear-gradient(to right, #EBF4FF, #ADC4E0);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.title-time-border-yellow {
|
||||
|
|
|
|||
|
|
@ -565,31 +565,6 @@
|
|||
|
||||
}
|
||||
|
||||
.backgroundContainer {
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.zhanwei {
|
||||
position: absolute;
|
||||
top: 40vh;
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
export type Link = {
|
||||
url : string;
|
||||
targetUrl : string;
|
||||
name:string;
|
||||
pao:number;
|
||||
};
|
||||
export type buttonLink = {
|
||||
url : string;
|
||||
name:string;
|
||||
};
|
||||
|
|
@ -1,248 +0,0 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`">
|
||||
<!-- <view class="index-title">
|
||||
<view class="index-title-left">
|
||||
<image class="index-title-left-img" src="/static/index/customer.png" />
|
||||
<view class="index-title-left-font">
|
||||
王金福
|
||||
</view>
|
||||
<view class="index-title-left-wel">
|
||||
欢迎
|
||||
</view>
|
||||
<view class="index-title-left-weight">
|
||||
张春凤
|
||||
</view>
|
||||
<view class="">
|
||||
登录护理单元操作台
|
||||
</view>
|
||||
</view>
|
||||
<view class="index-title-right">
|
||||
<view class="index-title-right-circle">
|
||||
<image class="index-title-right-circle-img" src="/static/index/Warehousing/house.png" />
|
||||
</view>
|
||||
<view class="index-title-right-font">
|
||||
生活用品库
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="index-content">
|
||||
<!-- <view class="index-content-leftMenus">
|
||||
<view v-for="(item,index) in iconList" :key="index" class="blue-circle-pos">
|
||||
<view class="blue-circle" v-show="index === menuIndex">
|
||||
<image class="blue-circle-size" :src="`/static/index/ray.png`" />
|
||||
</view>
|
||||
<view class="red-pao" v-if="item.pao" @click="changeMenu(index)">
|
||||
{{ item.pao > 99 ? `99+` : item.pao}}
|
||||
</view>
|
||||
<image class="left-img" :src="index === menuIndex ? item.targetUrl : item.url"
|
||||
@click="changeMenu(index)" />
|
||||
<view :class="index === menuIndex ? `left-img-font-target` :`left-img-font`"
|
||||
@click="changeMenu(index)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 首页 -->
|
||||
<!-- <storeroomindex :isShow="!menuIndex" />
|
||||
<storeroomorders :isShow="menuIndex===1" /> -->
|
||||
<Warehouse :isShow="menuIndex===3" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
|
||||
import type { Link, buttonLink } from "./index";
|
||||
// 首页
|
||||
// import storeroomindex from "@/component/storeroom/index.vue";
|
||||
// 订单页
|
||||
// import storeroomorders from "@/component/storeroom/orders.vue"
|
||||
import Warehouse from "@/pages/Warehouse/Warehouse.vue"
|
||||
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
const menuIndex = ref(3);
|
||||
// 删除表格弹窗
|
||||
const detailisopen = ref(false);
|
||||
const detailisopacity = ref(false)
|
||||
// 初始化左侧菜单列表
|
||||
const iconList = ref<Link[]>([
|
||||
{ url: '/static/index/lefticon/index.png', targetUrl: '/static/index/lefticontarget/blueindex.png', name: '首页', pao: 0 },
|
||||
{ url: '/static/index/Warehousing/dingdan.png', targetUrl: '/static/index/Warehousing/dingdanblue.png', name: '订单', pao: 0 },
|
||||
{ url: '/static/index/Warehousing/chuku.png', targetUrl: '/static/index/Warehousing/chukublue.png', name: '出库', pao: 5 },
|
||||
{ url: '/static/index/Warehousing/pandian.png', targetUrl: '/static/index/Warehousing/pandianblue.png', name: '盘点', pao: 0 },
|
||||
{ url: '/static/index/Warehousing/jiankong.png', targetUrl: '/static/index/Warehousing/jiankongblue.png', name: '监控', pao: 0 },
|
||||
{ url: '/static/index/lefticon/back.png', targetUrl: '/static/index/lefticontarget/blueback.png', name: '返回', pao: 0 }
|
||||
]);
|
||||
const opendetail = () => {
|
||||
detailisopen.value = true;
|
||||
detailisopacity.value = false;
|
||||
setTimeout(() => {
|
||||
detailisopacity.value = true
|
||||
}, 200)
|
||||
}
|
||||
// 变更菜单
|
||||
const changeMenu = (index : number) => {
|
||||
if (index === 5) {
|
||||
uni.navigateBack()
|
||||
return
|
||||
}
|
||||
menuIndex.value = index;
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.index-title {
|
||||
display: flex;
|
||||
width: calc(100% - 110rpx);
|
||||
height: 130rpx;
|
||||
justify-content: space-between;
|
||||
// background-color: #fff;
|
||||
margin: 20rpx 50rpx 0 60rpx;
|
||||
|
||||
.index-title-left {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.index-title-left-img {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
|
||||
}
|
||||
|
||||
.index-title-left-font {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.index-title-left-wel {
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.index-title-left-weight {
|
||||
font-weight: 700;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.index-title-right {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.index-title-right-circle {
|
||||
// margin-top: 20rpx;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
background-color: rgb(205, 224, 248);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.index-title-right-circle-img {
|
||||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.index-title-right-font {
|
||||
// margin-top: 20rpx;
|
||||
margin-left: 20rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index-content {
|
||||
width: 100%;
|
||||
height: calc(100vh - 150rpx);
|
||||
display: flex;
|
||||
|
||||
.index-content-leftMenus {
|
||||
height: 100%;
|
||||
width: 170rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.left-img {
|
||||
width: 93rpx;
|
||||
height: 93rpx;
|
||||
// margin: 50rpx 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.left-img-font {
|
||||
margin-top: 10rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.left-img-font-target {
|
||||
margin-top: 10rpx;
|
||||
color: #0174D3;
|
||||
}
|
||||
|
||||
.blue-circle-pos {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 230rpx;
|
||||
|
||||
.blue-circle {
|
||||
position: absolute;
|
||||
top: -50rpx;
|
||||
left: -68rpx;
|
||||
|
||||
.blue-circle-size {
|
||||
width: 170rpx;
|
||||
height: 250rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.red-pao {
|
||||
position: absolute;
|
||||
top: 40rpx;
|
||||
// right: 0;
|
||||
left: 60rpx;
|
||||
padding: 3rpx 10rpx;
|
||||
background-color: #FF4C4E;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
z-index: 101;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,161 +0,0 @@
|
|||
<template>
|
||||
<view class="backgroundContainer">
|
||||
<view class="assess-title">
|
||||
<view class="left-icons">
|
||||
<image class="left-icons-img" :src="`/static/index/undericons/doublekuai.png`" />
|
||||
<view class="right-icons-font">服务考核-</view>
|
||||
<view class="right-icons-text">批量考核</view>
|
||||
</view>
|
||||
<view class="right-icons">
|
||||
<image class="right-icons-img" :src="`/static/index/undericons/man.png`" />
|
||||
<view :class="darkFans?`right-icons-font-dark`: `right-icons-font` ">王金福</view>
|
||||
<image class="right-icons-img-icon"
|
||||
:src="darkFans?`/static/index/undericons/face.png`:`/static/index/undericons/facelight.png`" />
|
||||
<image class="right-icons-img-icon"
|
||||
:src="darkFans?`/static/index/undericons/hand.png`:`/static/index/undericons/handlight.png`" />
|
||||
<image class="right-icons-img-icon" @click="jumpTo"
|
||||
:src="darkFans?`/static/index/undericons/out.png`:`/static/index/undericons/outlight.png`" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="assess-another">
|
||||
<view class="left-contain">
|
||||
<view class="calendar">
|
||||
<calendar />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <calendar /> -->
|
||||
<!-- <view v-for="(item,index) in menuArray" :key="index">
|
||||
<view class="menuCard" @click="jumpTo(item.url)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="small-button">
|
||||
服务考核
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- 自动更新组件 -->
|
||||
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import calendar from '@/component/public/calendar.vue'
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
const zyupgrade = ref(null)
|
||||
type darkFanstype = {
|
||||
darkFans : boolean
|
||||
}
|
||||
|
||||
const jumpTo = (url : string) => {
|
||||
uni.navigateBack()
|
||||
// uni.navigateTo({
|
||||
// url: url
|
||||
// });
|
||||
}
|
||||
// 生命周期钩子
|
||||
onLoad((options : darkFanstype) => {
|
||||
// 为uni.navigateBack()啥这么写，因为options给我返回的是字符串这个`false`,只能这么写，前端中`false`是true
|
||||
// uni.navigateBack()
|
||||
});
|
||||
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
zyupgrade.value?.check_update()
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.assess-title {
|
||||
margin-top: 60rpx;
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.right-icons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
float: right;
|
||||
height: 70rpx;
|
||||
margin-right: 40rpx;
|
||||
|
||||
.right-icons-font {
|
||||
margin-left: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
font-size: 35rpx;
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
|
||||
.right-icons-font-dark {
|
||||
color: #fff;
|
||||
margin-left: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
font-size: 35rpx;
|
||||
margin-top: -15rpx;
|
||||
}
|
||||
|
||||
.right-icons-img {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
margin-left: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
margin-top: -20rpx;
|
||||
}
|
||||
|
||||
.right-icons-img-icon {
|
||||
width: 60rpx;
|
||||
height: 80rpx;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
.left-icons{
|
||||
display: flex;
|
||||
margin-left: 40rpx;
|
||||
.left-icons-img {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.right-icons-font {
|
||||
font-weight: 700;
|
||||
font-size: 35rpx;
|
||||
margin-left: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.right-icons-text{
|
||||
font-size: 35rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.assess-another{
|
||||
width: 100%;
|
||||
height: calc(100vh - 120rpx);
|
||||
margin-top: 10rpx;
|
||||
display: flex;
|
||||
margin-left: 50rpx;
|
||||
.left-contain{
|
||||
height: 100%;
|
||||
width: 600rpx;
|
||||
.calendar{
|
||||
width: 100%;
|
||||
height: 650rpx;
|
||||
background: linear-gradient(to top,#F4F3FF,#FFFFFF,#ECEFFF);
|
||||
border-radius: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
<template>
|
||||
<view class="backgroundContainer">
|
||||
<view v-for="(item,index) in menuArray" :key="index">
|
||||
<view class="menuCard" @click="jumpTo(item.url)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- 服务考核页面要保留啊啊啊 -->
|
||||
<!-- <view class="small-button" @click="jumpTo(`/pages/assess/index`)">
|
||||
服务考核
|
||||
</view> -->
|
||||
</view>
|
||||
<!-- 自动更新组件 -->
|
||||
<zy-update ref="zyupgrade" :noticeflag="true" theme="blue" :h5preview="false" oldversion="1.0.0"
|
||||
:appstoreflag="true" :autocheckupdate="true"></zy-update>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, } from 'vue';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import ZyUpdate from '@/component/zy-upgrade/zy-upgrade.vue'
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
const zyupgrade = ref(null)
|
||||
type darkFanstype = {
|
||||
darkFans : boolean
|
||||
}
|
||||
const menuArray = [
|
||||
{
|
||||
name: "初始化",
|
||||
url: "/pages/Initialization/index"
|
||||
},
|
||||
{
|
||||
name: "护理单元",
|
||||
url: "/pages/Nursing/index"
|
||||
},
|
||||
{
|
||||
name: "仓库",
|
||||
url: "/pages/Warehousing/index"
|
||||
},
|
||||
]
|
||||
const jumpTo = (url : string) => {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
});
|
||||
}
|
||||
// 生命周期钩子
|
||||
onLoad((options : darkFanstype) => {
|
||||
// 为uni.navigateBack()啥这么写，因为options给我返回的是字符串这个`false`,只能这么写，前端中`false`是true
|
||||
// uni.navigateBack()
|
||||
});
|
||||
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
zyupgrade.value?.check_update()
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.menuCard {
|
||||
width: 400rpx;
|
||||
margin: 0 100rpx;
|
||||
height: 400rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
color: #fff;
|
||||
font-size: 50rpx;
|
||||
border-radius: 10%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.small-button{
|
||||
position: absolute;
|
||||
width: 300rpx;
|
||||
top: 200rpx;
|
||||
left: 600rpx;
|
||||
height: 200rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 30rpx;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
// //暗黑模式
|
||||
// .darkbackgroundContainer {
|
||||
// display: flex;
|
||||
// position: relative;
|
||||
// width: 100%;
|
||||
// height: 100vh;
|
||||
// background-image: url('/static/index/background.png');
|
||||
// background-size: cover;
|
||||
// background-position: center center;
|
||||
// overflow: hidden;
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -28,40 +28,16 @@ export const loginApp = (params) => {
|
|||
data: params,
|
||||
})
|
||||
}
|
||||
// // 查询表格
|
||||
// export const getNclist = () => {
|
||||
// return request({
|
||||
// url: '/nuIpadApi/nuBizNuCustomerServer/getNclist?nuId=1&customerId=1',
|
||||
// method: 'get',
|
||||
// })
|
||||
// }
|
||||
// // 新增表格
|
||||
// export const addNuCustomerServer = (params) => {
|
||||
// return request({
|
||||
// url: '/nuIpadApi/nuBizNuCustomerServer/addNuCustomerServer',
|
||||
// method: 'post',
|
||||
// data: params,
|
||||
// })
|
||||
// }
|
||||
// // 移动表格
|
||||
// export const editNuCustomerServer = (params) => {
|
||||
// return request({
|
||||
// url: '/nuIpadApi/nuBizNuCustomerServer/editNuCustomerServer',
|
||||
// method: 'post',
|
||||
// data: params,
|
||||
// })
|
||||
// }
|
||||
// export const deleteNuCustomerServer = (params) => {
|
||||
// return request({
|
||||
// url: `/nuIpadApi/nuBizNuCustomerServer/deleteNuCustomerServer?id=${params.id}`,
|
||||
// method: 'delete',
|
||||
// })
|
||||
// }
|
||||
// // 移动表格
|
||||
// export const addBatch = (params) => {
|
||||
// return request({
|
||||
// url: '/nuIpadApi/nuBizNuCustomerServer/addBatch',
|
||||
// method: 'post',
|
||||
// data: params,
|
||||
// })
|
||||
// }
|
||||
//修改密码
|
||||
export const updatePassword = (form) => {
|
||||
return request({
|
||||
url: `${uni.getStorageSync('serverUrl')}/sys/user/updatePassword`,
|
||||
method: 'put',
|
||||
data: {
|
||||
username: form.username,
|
||||
oldpassword: form.oldpassword,
|
||||
password: form.password,
|
||||
confirmpassword: form.confirmpassword,
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -372,10 +372,6 @@
|
|||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.6);
|
||||
// background-blend-mode: screen;
|
||||
// background-size: cover;
|
||||
// background-position: center center;
|
||||
background-color: #eff0f4;
|
||||
overflow: hidden;
|
||||
justify-content: center;
|
||||
|
|
|
|||
|
|
@ -1,56 +0,0 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" @click="goback">
|
||||
1111111
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
// 暗黑模式
|
||||
const darkFans = ref(false);
|
||||
|
||||
type darkFanstype = {
|
||||
darkFans:boolean
|
||||
}
|
||||
|
||||
// 生命周期钩子
|
||||
onLoad((options:darkFanstype) => {
|
||||
// 为啥这么写，因为options给我返回的是字符串这个`false`,只能这么写，前端中`false`是true
|
||||
if(options.darkFans === `false`){
|
||||
darkFans.value = false
|
||||
}else{
|
||||
darkFans.value = true
|
||||
}
|
||||
});
|
||||
|
||||
const goback = () =>{
|
||||
uni.navigateBack()
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -6,7 +6,6 @@
|
|||
@touchmove="handleTouchMove"
|
||||
@touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchEnd">
|
||||
<!-- <image class="floating-ball-img" src="/static/index/caigouqingdan.png" /> -->
|
||||
+
|
||||
</view>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
@touchmove="handleTouchMove"
|
||||
@touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchEnd">
|
||||
<!-- <image class="floating-ball-img" src="/static/index/caigouqingdan.png" /> -->
|
||||
-
|
||||
</view>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -415,35 +415,12 @@
|
|||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.doctorsay-container-container {
|
||||
border: 2rpx solid #fff;
|
||||
width: calc(100% - 4rpx);
|
||||
height: calc(100vh - 4rpx);
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.3);
|
||||
backdrop-filter: blur(20rpx);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
|
|
@ -677,9 +654,6 @@
|
|||
}
|
||||
|
||||
.super-card-container {
|
||||
/* 设置背景图和白色背景 */
|
||||
background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
background-blend-mode: screen;
|
||||
isolation: isolate;
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -634,38 +634,11 @@
|
|||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.backgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/lightbgcnew.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
.darkbackgroundContainer {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-image: url('/static/index/background.png');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.doctorsay-container-container {
|
||||
border: 2rpx solid #fff;
|
||||
width: calc(100% - 4rpx);
|
||||
height: calc(100vh - 4rpx);
|
||||
/* 设置背景图和白色背景 */
|
||||
// background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.3);
|
||||
// backdrop-filter: blur(20rpx);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// background-blend-mode: screen;
|
||||
background-color: #eff0f4;
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
|
|
@ -899,18 +872,9 @@
|
|||
}
|
||||
|
||||
.super-card-container {
|
||||
/* 设置背景图和白色背景 */
|
||||
// background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.5);
|
||||
/* 使用 screen 混合模式，让图像与白色混合变淡 */
|
||||
// background-blend-mode: screen;
|
||||
// isolation: isolate;
|
||||
overflow: hidden;
|
||||
width: calc(100% - 100rpx);
|
||||
height: 100%;
|
||||
// border-radius: 20rpx;
|
||||
// border: 2rpx solid #fff;
|
||||
// box-shadow: 10rpx 10rpx 20px rgba(0, 0, 0, 0.1);
|
||||
// color: #A9ACB1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
|
@ -921,9 +885,6 @@
|
|||
height: 80rpx;
|
||||
width: 380rpx;
|
||||
color: #A9ACB1;
|
||||
// border-right: 1rpx solid transparent;
|
||||
// border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1;
|
||||
// font-weight: 700;
|
||||
}
|
||||
|
||||
.super-card-time-und {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<view class="floating-ball" v-show="isShow" :style="{ left: ballLeft + 'px', top: ballTop + 'px' }"
|
||||
@touchstart="handleTouchStart" @touchmove="handleTouchMove" @touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchEnd">
|
||||
<!-- <image class="floating-ball-img" src="/static/index/caigouqingdan.png" /> -->
|
||||
{{ isZhengti ? "标准" : `缩略图` }}
|
||||
</view>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
@touchmove="handleTouchMove"
|
||||
@touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchEnd">
|
||||
<!-- <image class="floating-ball-img" src="/static/index/caigouqingdan.png" /> -->
|
||||
最小化
|
||||
</view>
|
||||
</template>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 557 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 970 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 682 B |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 999 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 857 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 306 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 986 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 401 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 412 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 551 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 739 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 302 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1016 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue