This commit is contained in:
parent
7eb83a0218
commit
bfced7885f
|
|
@ -2,8 +2,8 @@
|
|||
"name" : "护理单元",
|
||||
"appid" : "__UNI__FB2D473",
|
||||
"description" : "护理单元",
|
||||
"versionName" : "1.6.7",
|
||||
"versionCode" : 167,
|
||||
"versionName" : "1.6.8",
|
||||
"versionCode" : 168,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,224 @@
|
|||
<template>
|
||||
<view class="plsbuy-contain">
|
||||
<view class="calculator-father">
|
||||
<view v-for="(item,index) in calculatorArray" :key="index">
|
||||
<view :class="blueNumber == index ? `calculator-kuai-target` : `calculator-kuai`"
|
||||
@click="clickKuai(item,index)">
|
||||
{{item}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="qinggou-font">
|
||||
采购数量
|
||||
</view>
|
||||
<view class="stringShow-father">
|
||||
<view v-for="(item,index) in stringShow" :key="index">
|
||||
<view class="stringShow-kuai">
|
||||
{{item}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="plsbuy-bottom">
|
||||
<view class="plsbuy-bottom-blue" @click="closeIt">
|
||||
确认
|
||||
</view>
|
||||
<view class="quxiao" @click="colse">
|
||||
取消
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {
|
||||
ref,
|
||||
onMounted,
|
||||
onBeforeUnmount,
|
||||
computed,
|
||||
nextTick,
|
||||
watch
|
||||
} from 'vue';
|
||||
const emit = defineEmits(['right'])
|
||||
const blueNumber = ref(-1);
|
||||
const props = defineProps({
|
||||
doOnce: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
translateNumber: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
watch(
|
||||
() => props.doOnce,
|
||||
() => {
|
||||
relNumber.value = props.translateNumber
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value)
|
||||
}
|
||||
)
|
||||
const calculatorArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, "AC", 0, "CE"];
|
||||
const stringShow = ref("0000");
|
||||
const relNumber = ref(0);
|
||||
// const isZero = ref(false);
|
||||
const clickKuai = (item : any, index : number) => {
|
||||
blueNumber.value = index;
|
||||
setTimeout(() => {
|
||||
blueNumber.value = -1
|
||||
}, 300)
|
||||
if (item == "AC") {
|
||||
relNumber.value = 0;
|
||||
stringShow.value = "0000"
|
||||
return
|
||||
}
|
||||
if (item == "CE") {
|
||||
relNumber.value = Math.trunc(relNumber.value / 10)
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value)
|
||||
return
|
||||
}
|
||||
|
||||
if (digitCountByString(relNumber.value) > 3) {
|
||||
|
||||
} else {
|
||||
if (!relNumber.value) {
|
||||
relNumber.value = item
|
||||
} else {
|
||||
relNumber.value = relNumber.value * 10 + item;
|
||||
}
|
||||
|
||||
stringShow.value = toFixed4ByPadStart(relNumber.value)
|
||||
}
|
||||
|
||||
}
|
||||
const closeIt = () => {
|
||||
emit('right', relNumber.value)
|
||||
}
|
||||
const colse = ()=>{
|
||||
emit('colse')
|
||||
}
|
||||
// 这个方法是查看数字有多少位
|
||||
function digitCountByString(n) {
|
||||
// 先处理负数
|
||||
const s = Math.abs(n).toString();
|
||||
// 若不想统计小数点，可去掉小数点后再取长度：
|
||||
// return s.replace('.', '').length;
|
||||
return s.length;
|
||||
}
|
||||
// 这个方法是将Number转为String
|
||||
function toFixed4ByPadStart(n) {
|
||||
// 1. 取绝对值并向下取整，防止小数和负号影响
|
||||
const intPart = Math.floor(Math.abs(n));
|
||||
// 2. 转字符串并 padStart 到长度 4，不足时前面补 '0'
|
||||
return String(intPart).padStart(4, '0');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.plsbuy-contain {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(250, 251, 252, 1);
|
||||
overflow: hidden;
|
||||
border-radius: 2.2vw;
|
||||
}
|
||||
|
||||
|
||||
.plsbuy-bottom {
|
||||
width: 90%;
|
||||
margin-top: 20rpx;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 35rpx;
|
||||
margin-left: 5%;
|
||||
view{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 180rpx;
|
||||
height: 70rpx;
|
||||
color: rgba(92, 121, 146, 1);
|
||||
border-radius: 35rpx;
|
||||
font-size: 30rpx;
|
||||
border: 1px solid #A2B4CF;
|
||||
}
|
||||
.quxiao{
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.plsbuy-bottom-blue {
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF);
|
||||
}
|
||||
}
|
||||
|
||||
.calculator-father {
|
||||
width: 420rpx;
|
||||
height: 500rpx;
|
||||
margin-top: 20rpx;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
|
||||
.calculator-kuai {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: url('/static/index/warehouse/procurement/bt.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 25rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
margin: 15rpx 20rpx 0 20rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
|
||||
.calculator-kuai-target {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #DCDCEE;
|
||||
border-radius: 25rpx;
|
||||
font-size: 45rpx;
|
||||
font-weight: 500;
|
||||
margin: 15rpx 20rpx 0 20rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.stringShow-father {
|
||||
width: 420rpx;
|
||||
height: 70rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-left: 23rpx;
|
||||
// flex-wrap: wrap;
|
||||
display: flex;
|
||||
|
||||
.stringShow-kuai {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// background-color: #DCDCEE;
|
||||
border-radius: 25rpx;
|
||||
// border-radius: 15rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: 500;
|
||||
margin: 0 15rpx;
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
border: 2rpx solid rgba(203, 207, 208, 1);
|
||||
}
|
||||
}
|
||||
|
||||
.qinggou-font {
|
||||
font-size: 27rpx;
|
||||
font-weight: 500;
|
||||
margin-top: 10rpx;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -146,7 +146,7 @@
|
|||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="serchs">
|
||||
<view class="serchs" v-if="anmidex<0">
|
||||
<view class="ipt">
|
||||
<input type="text" placeholder="物料名称/物料编码/物料简拼" v-model="form.wlParamInfo"/>
|
||||
<image src="/static/index/warehouse/procurement/x.png" mode="aspectFill" v-if="form.wlParamInfo" @click="search(0)"></image>
|
||||
|
|
@ -158,6 +158,146 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 供应商蒙版 -->
|
||||
<view class="mengban" v-if="gys" @click="qingkong"></view>
|
||||
<view class="rigbot guodu" :class="gys?'':'unrigbot'">
|
||||
<view>
|
||||
供应商
|
||||
<text>选择</text>
|
||||
</view>
|
||||
<view>
|
||||
请选择供应商
|
||||
</view>
|
||||
<view>
|
||||
<text>采购数量</text>
|
||||
<view class="jj">
|
||||
-
|
||||
</view>
|
||||
<view class="num" @click="colse">
|
||||
1500
|
||||
</view>
|
||||
<view class="jj">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shuru guodu" :class="gysnum?'':'unrigbot'">
|
||||
<calculator :translateNumber="0" @colse="colse"></calculator>
|
||||
</view>
|
||||
<view class="cgou guodu" :class="gys?'':'uncg'">
|
||||
<view class="topcont">
|
||||
<view class="top">
|
||||
<view class="leftimg tp">
|
||||
<image :src=" '/static/index/warehouse/procurement/k.png'" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="rightcont">
|
||||
<view>
|
||||
<text>纸尿裤-拉拉裤纸尿裤-拉拉裤拉拉裤拉拉裤拉拉裤拉拉裤</text>
|
||||
<view class="swsh guodu" :class="shyp?'act':''" @click="switchshyp">
|
||||
<view class="guodu"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>物料编码: ZHYP044</view>
|
||||
<text>物料小类: ZHYP044</text>
|
||||
</view>
|
||||
<view>
|
||||
<view>规格型号: XL800mm*690mm</view>
|
||||
<text>物料单位: 片</text>
|
||||
</view>
|
||||
<view>
|
||||
<view>医保报销: 是</view>
|
||||
<text>机构优惠: 否</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="life">
|
||||
<view>
|
||||
<view>生活用品</view>
|
||||
<view>照护用品</view>
|
||||
<view>
|
||||
<text>853</text>
|
||||
<text>库存数量</text>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>
|
||||
<text>4000</text>
|
||||
<text>物料上限 <text class="l"> ↑</text></text>
|
||||
</view>
|
||||
<view>
|
||||
<text style="text-align: right;">4000</text>
|
||||
<text><text class="f">↓ </text>物料下限 </text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="gyscont">
|
||||
<view>
|
||||
<text>供应商：</text>
|
||||
<text> 长春市天林商贸有限公司</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>采购数量</text>
|
||||
<view class="jj">
|
||||
-
|
||||
</view>
|
||||
<view class="num">
|
||||
1500
|
||||
</view>
|
||||
<view class="jj">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tj">采购数量：1500</view>
|
||||
</view>
|
||||
|
||||
<view class="mengban" v-if="crk" @click="qingkong"></view>
|
||||
<view class="crkcard guodu" :class="crk?'':'uncrkcard'">
|
||||
<view class="shopcont">
|
||||
<view class="img tp">
|
||||
<image :src=" '/static/index/warehouse/procurement/k.png'" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="cont">
|
||||
<view>纸尿裤-拉拉裤纸尿裤-拉拉裤</view>
|
||||
<view>规格型号: 800mm*680mm</view>
|
||||
<view>物料编码: ZHYP044</view>
|
||||
<view>
|
||||
<text>56</text>
|
||||
当前库存
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="select">
|
||||
<view>
|
||||
<view>全部</view>
|
||||
<view>日期从近到远
|
||||
<image src="/static/index/hulilist/xia.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<text>总计:100笔</text>
|
||||
<text>出库：50</text>
|
||||
<text>入库：50</text>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" class="crkscroll">
|
||||
<view class="cgrk" v-for="(v,i) in 15" :key='i'>
|
||||
<view>
|
||||
<text>采购入库</text>
|
||||
<text>服务指令:生活用品请领</text>
|
||||
<text>2025-02-13 17:29:18</text>
|
||||
</view>
|
||||
<view>
|
||||
<text>摘要:服务指令</text>
|
||||
<text :class="i%2==0?'c':'l'">+50</text>
|
||||
<text>库存：96</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -166,6 +306,7 @@
|
|||
import { queryInvoicingList ,getMaterialTreeData,queryNuInfoByNuId,updateKfstatus } from './api/lunpan.js'
|
||||
import { onShow, onLoad, onHide ,onPageScroll } from "@dcloudio/uni-app"
|
||||
import shadowview from './components/ShadowView.vue';
|
||||
import calculator from './components/calculator.vue';
|
||||
const navurl = ref('');
|
||||
const InvoicingList = ref([]);
|
||||
const TreeData = ref([]);
|
||||
|
|
@ -177,8 +318,13 @@
|
|||
const getblue = ref(false);
|
||||
const shyp = ref(false);
|
||||
const opacity = ref(false);
|
||||
const gysnum = ref(false);
|
||||
const gys = ref(false);
|
||||
const crk = ref(false);
|
||||
|
||||
const scrollnum = ref(0);
|
||||
|
||||
|
||||
const scroll = reactive({scrolltop1:0,scrolltop2:0,scrolltop3:0,act1:-1,act2:-1,act3:-1});
|
||||
const form = reactive({
|
||||
nuId:'',
|
||||
|
|
@ -270,9 +416,17 @@
|
|||
queryInvo();
|
||||
cell();
|
||||
})
|
||||
|
||||
const qingkong = ()=>{
|
||||
gys.value = false;
|
||||
anmidex.value = -1;
|
||||
crk.value = false;
|
||||
}
|
||||
const colse = ()=>{
|
||||
gysnum.value = !gysnum.value
|
||||
}
|
||||
const cell = ()=>{
|
||||
queryNuInfoByNuId(form).then(res=>{
|
||||
console.log(res.result)
|
||||
cellobj.value = res.result;
|
||||
shyp.value = res.result.status==5?false:true
|
||||
})
|
||||
|
|
@ -396,7 +550,30 @@
|
|||
}
|
||||
const anmidex = ref(-1)
|
||||
const admiclick = (i:number)=>{
|
||||
anmidex.value = i;
|
||||
if(anmidex.value == i){
|
||||
anmidex.value = -1
|
||||
}else{
|
||||
anmidex.value = i;
|
||||
switch (i){
|
||||
case 0:
|
||||
break;
|
||||
case 1:
|
||||
gys.value = true
|
||||
break;
|
||||
case 2:
|
||||
break;
|
||||
case 3:
|
||||
break;
|
||||
case 4:
|
||||
crk.value = true
|
||||
break;
|
||||
case 5:
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
const animArray = ref([
|
||||
{
|
||||
|
|
@ -475,6 +652,513 @@
|
|||
</script>
|
||||
|
||||
<style lang="less">
|
||||
// 出入库
|
||||
.uncrkcard{
|
||||
right:-38vw !important;
|
||||
}
|
||||
.crkcard{
|
||||
width: 38vw;
|
||||
height: 50vw;
|
||||
background: rgba(255,255,255,1);
|
||||
box-shadow: 0rpx 0rpx 1vw 0rpx rgba(171,171,172,0.29);
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
right: 1.5vw;
|
||||
bottom: 11vw;
|
||||
z-index: 102;
|
||||
.crkscroll{
|
||||
width: 100%;
|
||||
height: 29vw;
|
||||
.cgrk{
|
||||
width: 35vw;
|
||||
height: 8.5vw;
|
||||
background:rgba(236, 237, 239, 0.4);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0.8vw auto 0;
|
||||
padding: 1.8vw 2vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
>view{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
&:nth-child(1){
|
||||
text{
|
||||
&:nth-child(2),&:nth-child(3){
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
}
|
||||
&:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 1.2vw;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(2){
|
||||
.c{
|
||||
color: #FF6600;
|
||||
}
|
||||
.l{
|
||||
color: #0076D6;
|
||||
}
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
text-align: right;
|
||||
&:nth-child(2){
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.select{
|
||||
width: 100%;
|
||||
height: 7vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding: 1vw 1.5vw;
|
||||
>view{
|
||||
display: flex;
|
||||
&:nth-child(2){
|
||||
justify-content: space-between;
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
&:nth-child(1){
|
||||
justify-content: flex-end;
|
||||
view{
|
||||
min-width: 5vw;
|
||||
height: 2.6vw;
|
||||
border-radius: 1.3vw;
|
||||
border: 1px solid #DCDCDC;
|
||||
padding: 0 1.4vw;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 0.5vw;
|
||||
image{
|
||||
width: 0.7vw;
|
||||
height: 0.5vw;
|
||||
margin-left: 0.4vw;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.shopcont{
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
background: rgba(236, 237, 239, 0.3);
|
||||
border-bottom: 1px solid #DCDCDC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.cont{
|
||||
width: 26vw;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
position: relative;
|
||||
padding: 2vw 0;
|
||||
view{
|
||||
&:nth-child(4){
|
||||
width: 5vw;
|
||||
height:5vw;
|
||||
background:rgba(236, 237, 239, 1);
|
||||
border-radius: 1.4vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
position: absolute;
|
||||
color: #888888;
|
||||
top: 2.5vw;
|
||||
right: 1.8vw;
|
||||
padding: 0.5vw 0;
|
||||
text{
|
||||
font-weight: bold;
|
||||
font-size: 1.8vw;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
&:nth-child(2),&:nth-child(3){
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
}
|
||||
&:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #212327;
|
||||
}
|
||||
}
|
||||
}
|
||||
.img{
|
||||
width: 10vw;
|
||||
height: 9vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
.shuru{
|
||||
width: 20.6vw;
|
||||
height: 34.5vw;
|
||||
position: fixed;
|
||||
bottom: 1.5vw;
|
||||
right: 1.6vw;
|
||||
z-index: 103;
|
||||
}
|
||||
// 采购
|
||||
.unrigbot{
|
||||
right: -25vw !important;
|
||||
}
|
||||
.rigbot{
|
||||
width: 24.5vw;
|
||||
height: 13vw;
|
||||
background: #FFFFFF;
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
bottom: 1.5vw;
|
||||
right: 1.6vw;
|
||||
z-index: 102;
|
||||
padding: 1.1vw;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
justify-content: space-between;
|
||||
view{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&:nth-child(3){
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
margin-right: 1.2vw;
|
||||
}
|
||||
.jj{
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: rgba(85, 85, 85, .1);
|
||||
border-radius: 1.0vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin:0 0 0 1vw;
|
||||
position: relative;
|
||||
padding: 0 !important;
|
||||
&:active{
|
||||
content: '';
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
}
|
||||
}
|
||||
.num{
|
||||
width: 6.5vw;
|
||||
height: 3.5vw;
|
||||
border-radius: 1.0vw;
|
||||
background: rgba(85, 85, 85, .1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin:0 0 0 1vw;
|
||||
}
|
||||
|
||||
}
|
||||
&:nth-child(2){
|
||||
width: 21.6vw;
|
||||
height: 3.0vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
border-radius: 1.0vw;
|
||||
padding-left: 1.5vw;
|
||||
}
|
||||
&:nth-child(1){
|
||||
justify-content: space-between;
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
text{
|
||||
width: 5.2vw;
|
||||
height: 2.2vw;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 2.2vw;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #5C7992;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
border-radius: 1.1vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.uncg{
|
||||
left: -47vw !important;
|
||||
}
|
||||
.cgou{
|
||||
width: 47vw;
|
||||
height: 26vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx 0rpx .5vw 0rpx #E8E9ED;
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
left: 2vw;
|
||||
top: 16vw;
|
||||
z-index: 101;
|
||||
padding: 2vw 0 0;
|
||||
.tj{
|
||||
width: 100%;
|
||||
height: 3.5vw;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
align-items: center;
|
||||
padding-right: 2vw;
|
||||
}
|
||||
.gyscont{
|
||||
width: 100%;
|
||||
height: 5.7vw;
|
||||
background: #EFF0F4;
|
||||
padding:2vw;
|
||||
display: flex;
|
||||
border-top: 1px solid #E8E9ED;
|
||||
border-bottom: 1px solid #E8E9ED;
|
||||
view{
|
||||
width: 50%;
|
||||
&:nth-child(2){
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.jj{
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: rgba(85, 85, 85, .1);
|
||||
border-radius: 1.0vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 1vw;
|
||||
position: relative;
|
||||
&:active{
|
||||
content: '';
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
}
|
||||
}
|
||||
.num{
|
||||
width: 6.5vw;
|
||||
height: 3.5vw;
|
||||
border-radius: 1.0vw;
|
||||
background: rgba(85, 85, 85, .1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
&:nth-child(1){
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text{
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
margin-left: 1vw;
|
||||
&:nth-child(1){
|
||||
color: rgba(85, 85, 85, 1);
|
||||
margin-top: -0.4vw;
|
||||
}
|
||||
&:nth-child(2){
|
||||
margin-top: 0.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.topcont{
|
||||
width: 100%;
|
||||
height: 14.6vw;
|
||||
padding:0 2vw;
|
||||
.life{
|
||||
width: 100%;
|
||||
height: 4.4vw;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
>view{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
&:nth-child(2){
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
view{
|
||||
min-width: 4vw;
|
||||
height: 80%;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #8F92A1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 2.1vw;
|
||||
margin-top: -0.2vw;
|
||||
padding-right: 2.1vw;
|
||||
.l{
|
||||
color: rgba(3, 133, 250, 1);
|
||||
}
|
||||
.f{
|
||||
color: rgba(250, 178, 182, 1);
|
||||
}
|
||||
&:nth-child(1){
|
||||
border-right: 1px solid rgba(239, 240, 244, 1);
|
||||
}
|
||||
>text{
|
||||
&:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
&:nth-child(2){
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #8F92A1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(1){
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
view{
|
||||
&:nth-child(1),&:nth-child(2){
|
||||
width: 5.3vw;
|
||||
height: 1.8vw;
|
||||
border-radius: .9vw;
|
||||
border: 1px solid #D2D2D2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #555555;
|
||||
margin-left: .6vw;
|
||||
}
|
||||
&:nth-child(3){
|
||||
width: 4vw;
|
||||
height: 80%;
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #8F92A1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 2.1vw;
|
||||
margin-top: -0.2vw;
|
||||
>text{
|
||||
&:nth-child(1){
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
&:nth-child(2){
|
||||
font-weight: 400;
|
||||
font-size: .9vw;
|
||||
color: #8F92A1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.top{
|
||||
width: 100%;
|
||||
height: 10.2vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.leftimg{
|
||||
width: 7vw;
|
||||
height: 6vw;
|
||||
}
|
||||
.rightcont{
|
||||
width: 29vw;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
>view{
|
||||
width: 100%;
|
||||
&:nth-child(1){
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: .5vw;
|
||||
text{
|
||||
width: 25vw;
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #212327;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
&:nth-child(2),
|
||||
&:nth-child(3),
|
||||
&:nth-child(4){
|
||||
display: flex;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #777777;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
>view{
|
||||
width: 16vw;
|
||||
margin-top: .8vw;
|
||||
}
|
||||
text{
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.mengban{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
background: RGBA(239, 240, 244, 0.55);
|
||||
}
|
||||
.tp{
|
||||
image{
|
||||
width: 100%;
|
||||
|
|
@ -688,38 +1372,7 @@
|
|||
font-size: 1vw;
|
||||
color: #666666;
|
||||
}
|
||||
.guodu{
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.swsh{
|
||||
width: 2.7vw;
|
||||
height: 1.5vw;
|
||||
background: #D6D8DC;
|
||||
border-radius: .75vw;
|
||||
border: 1px solid #D6D8DC;
|
||||
padding: 0.2vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
>view{
|
||||
width: 1.1vw;
|
||||
height: 1.1vw;
|
||||
background: #FCFCFD;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.act{
|
||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||
padding-left: 1.3vw;
|
||||
|
||||
view{
|
||||
background: #0385FA;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -897,8 +1550,40 @@
|
|||
.active{
|
||||
border: 2px dashed #017DE9 !important;
|
||||
}
|
||||
|
||||
.swsh{
|
||||
width: 2.7vw;
|
||||
height: 1.5vw;
|
||||
background: #D6D8DC;
|
||||
border-radius: .75vw;
|
||||
border: 1px solid #D6D8DC;
|
||||
padding: 0.2vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
>view{
|
||||
width: 1.1vw;
|
||||
height: 1.1vw;
|
||||
background: #FCFCFD;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.act{
|
||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||
padding-left: 1.3vw;
|
||||
|
||||
view{
|
||||
background: #0385FA;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
// 大图
|
||||
|
||||
.guodu{
|
||||
transition: .4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.leftr{
|
||||
width: 70vw;
|
||||
margin-left: 1vw;
|
||||
|
|
@ -910,7 +1595,7 @@
|
|||
position: absolute;
|
||||
left: 1vw;
|
||||
bottom: 0vw;
|
||||
z-index: 11;
|
||||
z-index: 111;
|
||||
border-radius: 1.6vw;
|
||||
|
||||
text{
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -7,8 +7,8 @@
|
|||
"id": "__UNI__FB2D473",
|
||||
"name": "护理单元",
|
||||
"version": {
|
||||
"name": "1.6.7",
|
||||
"code": 167
|
||||
"name": "1.6.8",
|
||||
"code": 168
|
||||
},
|
||||
"description": "护理单元",
|
||||
"developer": {
|
||||
|
|
|
|||
|
|
@ -171,6 +171,594 @@ to {
|
|||
height: 16vw !important;
|
||||
}
|
||||
|
||||
.plsbuy-contain[data-v-10a8dca1] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fafbfc;
|
||||
overflow: hidden;
|
||||
border-radius: 2.2vw;
|
||||
}
|
||||
.plsbuy-bottom[data-v-10a8dca1] {
|
||||
width: 90%;
|
||||
margin-top: 0.625rem;
|
||||
height: 2.1875rem;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 1.09375rem;
|
||||
margin-left: 5%;
|
||||
}
|
||||
.plsbuy-bottom uni-view[data-v-10a8dca1] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 5.625rem;
|
||||
height: 2.1875rem;
|
||||
color: #5c7992;
|
||||
border-radius: 1.09375rem;
|
||||
font-size: 0.9375rem;
|
||||
border: 1px solid #A2B4CF;
|
||||
}
|
||||
.plsbuy-bottom .quxiao[data-v-10a8dca1] {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.plsbuy-bottom .plsbuy-bottom-blue[data-v-10a8dca1] {
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF);
|
||||
}
|
||||
.calculator-father[data-v-10a8dca1] {
|
||||
width: 13.125rem;
|
||||
height: 15.625rem;
|
||||
margin-top: 0.625rem;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
}
|
||||
.calculator-father .calculator-kuai[data-v-10a8dca1] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: url('../../static/index/warehouse/procurement/bt.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.78125rem;
|
||||
font-size: 1.3125rem;
|
||||
font-weight: 500;
|
||||
margin: 0.46875rem 0.625rem 0 0.625rem;
|
||||
width: 3.125rem;
|
||||
height: 3.125rem;
|
||||
}
|
||||
.calculator-father .calculator-kuai-target[data-v-10a8dca1] {
|
||||
background: linear-gradient(to bottom, #00C9FF, #0076FF);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #DCDCEE;
|
||||
border-radius: 0.78125rem;
|
||||
font-size: 1.40625rem;
|
||||
font-weight: 500;
|
||||
margin: 0.46875rem 0.625rem 0 0.625rem;
|
||||
width: 3.125rem;
|
||||
height: 3.125rem;
|
||||
}
|
||||
.stringShow-father[data-v-10a8dca1] {
|
||||
width: 13.125rem;
|
||||
height: 2.1875rem;
|
||||
margin-top: 0.625rem;
|
||||
margin-left: 0.71875rem;
|
||||
display: flex;
|
||||
}
|
||||
.stringShow-father .stringShow-kuai[data-v-10a8dca1] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 0.78125rem;
|
||||
font-size: 1.3125rem;
|
||||
font-weight: 500;
|
||||
margin: 0 0.46875rem;
|
||||
width: 2.1875rem;
|
||||
height: 2.1875rem;
|
||||
border: 0.0625rem solid #cbcfd0;
|
||||
}
|
||||
.qinggou-font[data-v-10a8dca1] {
|
||||
font-size: 0.84375rem;
|
||||
font-weight: 500;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
|
||||
.uncrkcard {
|
||||
right: -38vw !important;
|
||||
}
|
||||
.crkcard {
|
||||
width: 38vw;
|
||||
height: 50vw;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 1vw 0 rgba(171, 171, 172, 0.29);
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
right: 1.5vw;
|
||||
bottom: 11vw;
|
||||
z-index: 102;
|
||||
}
|
||||
.crkcard .crkscroll {
|
||||
width: 100%;
|
||||
height: 29vw;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk {
|
||||
width: 35vw;
|
||||
height: 8.5vw;
|
||||
background: rgba(236, 237, 239, 0.4);
|
||||
border-radius: 1.6vw;
|
||||
margin: 0.8vw auto 0;
|
||||
padding: 1.8vw 2vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(2),
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(1) uni-text:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.2vw;
|
||||
color: #333333;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) .c {
|
||||
color: #FF6600;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) .l {
|
||||
color: #0076D6;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
text-align: right;
|
||||
}
|
||||
.crkcard .crkscroll .cgrk > uni-view:nth-child(2) uni-text:nth-child(2) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #333333;
|
||||
}
|
||||
.crkcard .select {
|
||||
width: 100%;
|
||||
height: 7vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding: 1vw 1.5vw;
|
||||
}
|
||||
.crkcard .select > uni-view {
|
||||
display: flex;
|
||||
}
|
||||
.crkcard .select > uni-view:nth-child(2) {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.crkcard .select > uni-view:nth-child(2) uni-text {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
}
|
||||
.crkcard .select > uni-view:nth-child(1) {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.crkcard .select > uni-view:nth-child(1) uni-view {
|
||||
min-width: 5vw;
|
||||
height: 2.6vw;
|
||||
border-radius: 1.3vw;
|
||||
border: 1px solid #DCDCDC;
|
||||
padding: 0 1.4vw;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 0.5vw;
|
||||
}
|
||||
.crkcard .select > uni-view:nth-child(1) uni-view uni-image {
|
||||
width: 0.7vw;
|
||||
height: 0.5vw;
|
||||
margin-left: 0.4vw;
|
||||
}
|
||||
.crkcard .shopcont {
|
||||
width: 100%;
|
||||
height: 10vw;
|
||||
background: rgba(236, 237, 239, 0.3);
|
||||
border-bottom: 1px solid #DCDCDC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.crkcard .shopcont .cont {
|
||||
width: 26vw;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
position: relative;
|
||||
padding: 2vw 0;
|
||||
}
|
||||
.crkcard .shopcont .cont uni-view:nth-child(4) {
|
||||
width: 5vw;
|
||||
height: 5vw;
|
||||
background: #ecedef;
|
||||
border-radius: 1.4vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
position: absolute;
|
||||
color: #888888;
|
||||
top: 2.5vw;
|
||||
right: 1.8vw;
|
||||
padding: 0.5vw 0;
|
||||
}
|
||||
.crkcard .shopcont .cont uni-view:nth-child(4) uni-text {
|
||||
font-weight: bold;
|
||||
font-size: 1.8vw;
|
||||
color: #555555;
|
||||
}
|
||||
.crkcard .shopcont .cont uni-view:nth-child(2),
|
||||
.crkcard .shopcont .cont uni-view:nth-child(3) {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #888888;
|
||||
}
|
||||
.crkcard .shopcont .cont uni-view:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #212327;
|
||||
}
|
||||
.crkcard .shopcont .img {
|
||||
width: 10vw;
|
||||
height: 9vw;
|
||||
}
|
||||
.shuru {
|
||||
width: 20.6vw;
|
||||
height: 34.5vw;
|
||||
position: fixed;
|
||||
bottom: 1.5vw;
|
||||
right: 1.6vw;
|
||||
z-index: 103;
|
||||
}
|
||||
.unrigbot {
|
||||
right: -25vw !important;
|
||||
}
|
||||
.rigbot {
|
||||
width: 24.5vw;
|
||||
height: 13vw;
|
||||
background: #FFFFFF;
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
bottom: 1.5vw;
|
||||
right: 1.6vw;
|
||||
z-index: 102;
|
||||
padding: 1.1vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.rigbot uni-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.rigbot uni-view:nth-child(3) {
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.rigbot uni-view:nth-child(3) uni-text {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
margin-right: 1.2vw;
|
||||
}
|
||||
.rigbot uni-view:nth-child(3) .jj {
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
border-radius: 1vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0 0 1vw;
|
||||
position: relative;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.rigbot uni-view:nth-child(3) .jj:active {
|
||||
content: '';
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
}
|
||||
.rigbot uni-view:nth-child(3) .num {
|
||||
width: 6.5vw;
|
||||
height: 3.5vw;
|
||||
border-radius: 1vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 0 0 1vw;
|
||||
}
|
||||
.rigbot uni-view:nth-child(2) {
|
||||
width: 21.6vw;
|
||||
height: 3vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
border-radius: 1vw;
|
||||
padding-left: 1.5vw;
|
||||
}
|
||||
.rigbot uni-view:nth-child(1) {
|
||||
justify-content: space-between;
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
}
|
||||
.rigbot uni-view:nth-child(1) uni-text {
|
||||
width: 5.2vw;
|
||||
height: 2.2vw;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 2.2vw;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #5C7992;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
border-radius: 1.1vw;
|
||||
}
|
||||
.uncg {
|
||||
left: -47vw !important;
|
||||
}
|
||||
.cgou {
|
||||
width: 47vw;
|
||||
height: 26vw;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 0 0.5vw 0 #E8E9ED;
|
||||
border-radius: 1.6vw;
|
||||
position: fixed;
|
||||
left: 2vw;
|
||||
top: 16vw;
|
||||
z-index: 101;
|
||||
padding: 2vw 0 0;
|
||||
}
|
||||
.cgou .tj {
|
||||
width: 100%;
|
||||
height: 3.5vw;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
align-items: center;
|
||||
padding-right: 2vw;
|
||||
}
|
||||
.cgou .gyscont {
|
||||
width: 100%;
|
||||
height: 5.7vw;
|
||||
background: #EFF0F4;
|
||||
padding: 2vw;
|
||||
display: flex;
|
||||
border-top: 1px solid #E8E9ED;
|
||||
border-bottom: 1px solid #E8E9ED;
|
||||
}
|
||||
.cgou .gyscont uni-view {
|
||||
width: 50%;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(2) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(2) uni-text {
|
||||
font-weight: 400;
|
||||
font-size: 1.1vw;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(2) .jj {
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
border-radius: 1vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 1vw;
|
||||
position: relative;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(2) .jj:active {
|
||||
content: '';
|
||||
width: 3.5vw;
|
||||
height: 3.5vw;
|
||||
background: linear-gradient(-61deg, #EAF5FF, #CBE7FF) !important;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(2) .num {
|
||||
width: 6.5vw;
|
||||
height: 3.5vw;
|
||||
border-radius: 1vw;
|
||||
background: rgba(85, 85, 85, 0.1);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(1) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(1) uni-text {
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(1) {
|
||||
color: #555555;
|
||||
margin-top: -0.4vw;
|
||||
}
|
||||
.cgou .gyscont uni-view:nth-child(1) uni-text:nth-child(2) {
|
||||
margin-top: 0.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
.cgou .topcont {
|
||||
width: 100%;
|
||||
height: 14.6vw;
|
||||
padding: 0 2vw;
|
||||
}
|
||||
.cgou .topcont .life {
|
||||
width: 100%;
|
||||
height: 4.4vw;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.cgou .topcont .life > uni-view {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view {
|
||||
min-width: 4vw;
|
||||
height: 80%;
|
||||
font-weight: 400;
|
||||
font-size: 0.9vw;
|
||||
color: #8F92A1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 2.1vw;
|
||||
margin-top: -0.2vw;
|
||||
padding-right: 2.1vw;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view .l {
|
||||
color: #0385fa;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view .f {
|
||||
color: #fab2b6;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view:nth-child(1) {
|
||||
border-right: 1px solid #eff0f4;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(2) uni-view > uni-text:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 0.9vw;
|
||||
color: #8F92A1;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(1) {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(1),
|
||||
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(2) {
|
||||
width: 5.3vw;
|
||||
height: 1.8vw;
|
||||
border-radius: 0.9vw;
|
||||
border: 1px solid #D2D2D2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 0.9vw;
|
||||
color: #555555;
|
||||
margin-left: 0.6vw;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) {
|
||||
width: 4vw;
|
||||
height: 80%;
|
||||
font-weight: 400;
|
||||
font-size: 0.9vw;
|
||||
color: #8F92A1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 2.1vw;
|
||||
margin-top: -0.2vw;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #555555;
|
||||
}
|
||||
.cgou .topcont .life > uni-view:nth-child(1) uni-view:nth-child(3) > uni-text:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 0.9vw;
|
||||
color: #8F92A1;
|
||||
}
|
||||
.cgou .topcont .top {
|
||||
width: 100%;
|
||||
height: 10.2vw;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.cgou .topcont .top .leftimg {
|
||||
width: 7vw;
|
||||
height: 6vw;
|
||||
}
|
||||
.cgou .topcont .top .rightcont {
|
||||
width: 29vw;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view {
|
||||
width: 100%;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(1) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.5vw;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(1) uni-text {
|
||||
width: 25vw;
|
||||
font-weight: bold;
|
||||
font-size: 1.4vw;
|
||||
color: #212327;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(2),
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(3),
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(4) {
|
||||
display: flex;
|
||||
font-weight: 400;
|
||||
font-size: 1vw;
|
||||
color: #777777;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(2) > uni-view,
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(3) > uni-view,
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(4) > uni-view {
|
||||
width: 16vw;
|
||||
margin-top: 0.8vw;
|
||||
}
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(2) uni-text,
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(3) uni-text,
|
||||
.cgou .topcont .top .rightcont > uni-view:nth-child(4) uni-text {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mengban {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
background: rgba(239, 240, 244, 0.55);
|
||||
}
|
||||
.tp uni-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -378,37 +966,6 @@ to {
|
|||
font-size: 1vw;
|
||||
color: #666666;
|
||||
}
|
||||
.box .rights .shitem .shypk uni-view:nth-child(2) .guodu {
|
||||
transition: 0.4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.box .rights .shitem .shypk uni-view:nth-child(2) .swsh {
|
||||
width: 2.7vw;
|
||||
height: 1.5vw;
|
||||
background: #D6D8DC;
|
||||
border-radius: 0.75vw;
|
||||
border: 1px solid #D6D8DC;
|
||||
padding: 0.2vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.box .rights .shitem .shypk uni-view:nth-child(2) .swsh > uni-view {
|
||||
width: 1.1vw;
|
||||
height: 1.1vw;
|
||||
background: #FCFCFD;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.box .rights .shitem .shypk uni-view:nth-child(2) .act {
|
||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||
padding-left: 1.3vw;
|
||||
}
|
||||
.box .rights .shitem .shypk uni-view:nth-child(2) .act uni-view {
|
||||
background: #0385FA;
|
||||
position: absolute;
|
||||
}
|
||||
.box .lefts {
|
||||
width: 70vw;
|
||||
margin-left: 1vw;
|
||||
|
|
@ -562,6 +1119,37 @@ to {
|
|||
.active {
|
||||
border: 2px dashed #017DE9 !important;
|
||||
}
|
||||
.swsh {
|
||||
width: 2.7vw;
|
||||
height: 1.5vw;
|
||||
background: #D6D8DC;
|
||||
border-radius: 0.75vw;
|
||||
border: 1px solid #D6D8DC;
|
||||
padding: 0.2vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.swsh > uni-view {
|
||||
width: 1.1vw;
|
||||
height: 1.1vw;
|
||||
background: #FCFCFD;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.act {
|
||||
background: linear-gradient(-69deg, #E1EFFC, #CAE0F9, #D2E9FF) !important;
|
||||
border: 1px solid rgba(0, 130, 251, 0.34) !important;
|
||||
padding-left: 1.3vw;
|
||||
}
|
||||
.act uni-view {
|
||||
background: #0385FA;
|
||||
position: absolute;
|
||||
}
|
||||
.guodu {
|
||||
transition: 0.4s;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.leftr {
|
||||
width: 70vw;
|
||||
margin-left: 1vw;
|
||||
|
|
@ -574,7 +1162,7 @@ to {
|
|||
position: absolute;
|
||||
left: 1vw;
|
||||
bottom: 0vw;
|
||||
z-index: 11;
|
||||
z-index: 111;
|
||||
border-radius: 1.6vw;
|
||||
}
|
||||
.leftr .fxj uni-text {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Loading…
Reference in New Issue