diff --git a/pages/Warehouse/Warehouse.vue b/pages/Warehouse/Warehouse.vue
index 0aea7ab..40854ca 100644
--- a/pages/Warehouse/Warehouse.vue
+++ b/pages/Warehouse/Warehouse.vue
@@ -4,13 +4,7 @@
-
-
-
-
-
@@ -31,7 +25,8 @@
{{v}}
-
+
+
@@ -237,6 +232,7 @@
diff --git a/pages/Warehouse/procurecart.vue b/pages/Warehouse/procurecart.vue
index 36c1345..c93dff2 100644
--- a/pages/Warehouse/procurecart.vue
+++ b/pages/Warehouse/procurecart.vue
@@ -37,13 +37,17 @@
-
-
-
- 长春市朝阳区久泰开运养老服务有限公司
-
-
+
+
+
+
+
+
+
+
+
+
@@ -51,29 +55,17 @@
:class="{'yujing':Number(v.lowerLimit)>=Number(v.kcsl),'active':shopitem==i}"
@click="shopclick(i)">
{{v.wlName}}
- 规格型号: {{v.wlSpecificationModel}}
+ 物料编码： {{v.wlMaterialNo}}
+ 规格型号： {{v.wlSpecificationModel}}
采购单位： {{v.wlUnits}}
- 库存数量： {{v.kcsl}}
-
-
-
-
-
- {{v.tagName}}
-
-
-
-
+
+ {{v.kcsl}}
+ 库存数量
采购数量：{{v.purchaseQuantity}}
- 供应商：{{v.suppliersName}}
+ {{v.suppliersName}}
@@ -86,23 +78,20 @@
-
-
-
- 长春市朝阳区久泰开运养老服务有限公司
-
生活用品库
-
@@ -119,27 +108,43 @@
{{cellobj?.fzrTel?cellobj?.fzrTel:'-'}}
-
-
-
-
- {{lie?'三列':'两列'}}
-
-
+
+
+
+
+ 待进行
+
+ 10:00 - 10:10
+ 物料采购
+
+
+
+ 协助执行
+
+
+
+ 王金福 / 李贵田
+
+
+
+ 开始服务
+ 服务结束
+
+
+
- {{v+'级分类'}}
+
+ 全部
+ 全部
+ 全部
- 全部
+ class="scroll-Y scrl3">
@@ -148,8 +153,7 @@
- 全部
+ class="scroll-Y scrl2">
{{v.title}}
@@ -158,7 +162,6 @@
- 全部
@@ -244,72 +247,40 @@
- 采购单
-
+ 采购单
+
- 供应商:{{v.gysName}}
-
- 采购单号:{{v.cgdNo}}
- 采购人:{{v.qgBy}}
+
+ 采购单号：{{v.cgdNo}}
采购金额：{{v.totalPrice}}
-
-
- {{f.wlName}}
- 规格型号：{{f.wlSpecificationModel}}
- 采购单位：{{f.wlUnits}}
- 库存数量：{{f.kcsl}}
-
-
-
-
-
- {{f.tagName}}
-
-
-
-
-
-
-
-
- 采购数量：{{f.purchaseQuantity}}
- 采购金额：{{f.procurementPrice}}
-
- 供应商：{{f.suppliersName}}
+
+ 采购人：{{v.qgBy}}
+ 采购日期：{{v.qgDate}}
+ 供应商：{{v.gysName}}
+
+
+
+ {{f.wlName}}
+ 物料编码：{{f.wlMaterialNo}}
+ 规格型号：{{f.wlSpecificationModel}}
+ 采购单位：{{f.wlUnits}}
+
+ {{f.kcsl}}
+ 库存数量
+
+
+
+ 采购数量：{{f.purchaseQuantity}}
+ 采购金额：{{f.procurementPrice}}
+
-
-
- 确定
-
-
-
-
- 提示
-
- 是否删除？
-
-
- 是否清空所有物料？
-
-
- {{i+1}}、{{v}}
-
-
- 取消
- 确认
- 确认
-
+
@@ -319,6 +290,7 @@
import { onShow, onLoad, onHide, onPageScroll } from "@dcloudio/uni-app"
import shadowview from './components/ShadowView.vue';
import calculator from './components/calculator.vue';
+ import equiment from './components/equiment.vue';
const navurl = ref('');
const InvoicingList = ref([]);
const TreeData = ref([]);
@@ -344,7 +316,7 @@
const form = reactive({
nuId: '',
pageNo: 1,
- pageSize: 10,
+ pageSize: 13,
categoryId: '',
typeId: '',
medicationId: '',
@@ -368,6 +340,9 @@
}
})
}
+ const config = ()=>{
+ qingkong()
+ }
const timerflag = ref(true);
const connfig = () =>{
if(timerflag.value==false){return}
@@ -475,9 +450,7 @@
})
}
const getMaterial = () => {
-
getGwcMaterialTreeData(form).then(res => {
-
TreeData.value = res.result
})
}
@@ -508,20 +481,38 @@
}
scrollnum.value = e.detail.scrollTop;
}
+
const queryInvo = () => {
queryShoppingCartList(form).then(res => {
res.result.records.forEach((item,i)=>{
- item.flag = false
- if(i==0&&form.pageNo == 1){
- item.flag = true
- }
+ item.flag = true
})
+ console.log(res.result.records)
InvoicingList.value.push(...res.result.records);
status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore';
panduan();
})
}
+ const propsmove = ref(-1)
const movecard = (type : number, l : number) => {
+ if(cgd.value == true){
+ switch (type){
+ case 4:
+ connfig()
+ break;
+ case 5:
+ qingkong()
+ break;
+
+ default:
+ break;
+ }
+ return
+ }
+ if(tost.value == true){
+ propsmove.value = type;
+ return
+ }
if (l == 1) {
switch (type) {
case 0:
@@ -559,15 +550,15 @@
switch (type) {
case 0:
// 上
- shopitem.value = shopitem.value < 3 ? shopitem.value = 0 : shopitem.value - 3
+ shopitem.value = shopitem.value < 2 ? shopitem.value = 0 : shopitem.value - 3
break;
case 1:
// →
- shopitem.value = shopitem.value >= InvoicingList.value.length-1 ? shopitem.value = 0 : shopitem.value + 1
+ shopitem.value = shopitem.value >= InvoicingList.value.length -1? shopitem.value = 0 : shopitem.value + 1
break;
case 2:
// 下
- shopitem.value = shopitem.value >= InvoicingList.value.length-3 ? shopitem.value = InvoicingList.value.length-1 : shopitem.value + 3
+ shopitem.value = shopitem.value >= InvoicingList.value.length-3 ? shopitem.value = 0 : shopitem.value + 3
break;
case 3:
shopitem.value = shopitem.value == 0 ? shopitem.value = InvoicingList.value.length-1 : shopitem.value - 1
@@ -626,7 +617,7 @@
tmr.value = true;
},1000)
break;
- case 2:
+ case 1:
let arr = [];
InvoicingList.value.forEach(item=>{
if(item.flag){
@@ -648,10 +639,10 @@
})
cgd.value = true;
break;
- case 3:
+ case 2:
if(InvoicingList.value.length==0){
uni.showToast({
- title:'请选择物料~',
+ title:'购物车物料为空~',
icon:'none'
})
tmr.value = true;
@@ -661,16 +652,11 @@
tmr.value = true;
queryWlInfo();
break;
- case 4:
- let a = []
- InvoicingList.value.forEach((item,i)=>{
- if(item.flag){
- a.push(item.wlName)
- }
- })
- if(a.length==0){
+ case 3:
+
+ if(InvoicingList.value.length==0){
uni.showToast({
- title:'请选择物料~',
+ title:'购物车物料为空~',
icon:'none'
})
tmr.value = true;
@@ -678,13 +664,12 @@
return
}
tmr.value = true;
- delstr.value = a ;
tost.value = true;
break;
- case 5:
+ case 4:
if(InvoicingList.value.length==0){
uni.showToast({
- title:'购物车已清空~',
+ title:'购物车物料为空~',
icon:'none'
})
tmr.value = true;
@@ -694,70 +679,61 @@
tmr.value = true;
tost.value = true;
break;
- case 1:
- let arrs = [];
- if(InvoicingList.value.length==0){
- uni.showToast({
- title:'购物车为空~',
- icon:'none'
- })
- tmr.value = true;
- anmidex.value = -1;
- return
- }
- InvoicingList.value.forEach((item,i)=>{
- if(item.flag){
- arrs.push(i)
- }else{
- item.flag = true;
- }
+ case 5:
+ uni.navigateTo({
+ url:'/pages/Warehouse/purchaseorder'
})
- if(arrs.length==InvoicingList.value.length){
- InvoicingList.value.forEach((item,i)=>{
- item.flag = false;
- })
- }
- setTimeout(()=>{
- anmidex.value = -1;
- tmr.value = true;
- },1000)
- break;
+ anmidex.value = -1;
+ break;
+ // case 1:
+ //全选
+ // let arrs = [];
+ // if(InvoicingList.value.length==0){
+ // uni.showToast({
+ // title:'购物车为空~',
+ // icon:'none'
+ // })
+ // tmr.value = true;
+ // anmidex.value = -1;
+ // return
+ // }
+ // InvoicingList.value.forEach((item,i)=>{
+ // if(item.flag){
+ // arrs.push(i)
+ // }else{
+ // item.flag = true;
+ // }
+ // })
+ // if(arrs.length==InvoicingList.value.length){
+ // InvoicingList.value.forEach((item,i)=>{
+ // item.flag = false;
+ // })
+ // }
+ // setTimeout(()=>{
+ // anmidex.value = -1;
+ // tmr.value = true;
+ // },1000)
+ // break;
default:
break;
}
}
const del = (e:number)=>{
- if(e==4){
- let arr = [];
- let delstr = '';
- InvoicingList.value.forEach((item,i)=>{
- if(item.flag){
- delstr+=item.id+','
- arr.push(i)
- }
- })
- if(delstr.indexOf(",")>-1) delstr = delstr.substring(0,delstr.length-1)
+ if(e==3){
+ let delstr = InvoicingList.value[shopitem.value].id;
deleteQgInfoById(delstr).then(res=>{
uni.showToast({
icon:res.success?'success':'none',
title:res.message
})
if(res.success){
- form.pageNo = 1;
- queryShoppingCartList(form).then(res => {
- res.result.records.forEach((item,i)=>{
- item.flag = false
- if(i==0){
- item.flag = true
- }
- })
- InvoicingList.value = [];
- InvoicingList.value.push(...res.result.records);
- status.value = res.result.total == InvoicingList.value.length ? 'nomore' : 'loadmore'
- qingkong()
- })
+ InvoicingList.value.splice(shopitem.value,1)
+ if(shopitem.value == InvoicingList.value.length){
+ shopitem.value = InvoicingList.value.length-1
+ }
}
+ qingkong()
})
}else{
emptiedQgInfo().then(res=>{
@@ -801,18 +777,6 @@
name: '选择',
imgurl: '/static/index/warehouse/procurement/select/select1.png'
},
- {
- url: genPaths(
- '/static/index/warehouse/procurement/ctrl',
- 'Ctrl',
- 9, // 张数
- 'png',
- 0, // 起始索引为 1
- false // 不补零
- ),
- name: '全选',
- imgurl: '/static/index/warehouse/procurement/select/Ctrl0.png'
- },
{
url: genPaths(
'/static/index/warehouse/procurement/procure',
@@ -860,7 +824,19 @@
),
name: '清空',
imgurl: '/static/index/warehouse/procurement/dele/del1.png'
- }
+ },
+ {
+ url: genPaths(
+ '/static/index/warehouse/procurement/Purchase',
+ 'Purchase0',
+ 9, // 张数
+ 'png',
+ 1, // 起始索引为 1
+ false // 不补零
+ ),
+ name: '采购单',
+ imgurl: '/static/index/warehouse/procurement/Purchase/Purchase01.png'
+ },
])
@@ -927,207 +903,154 @@
bottom: -96vh !important;
}
.caigoudan{
- width: 50vw;
+ width: 47.6vw;
height: 95vh;
- background: #FFFFFF;
+ background: #FFFFFF;
border-radius: 1.6vw;
position: fixed;
z-index: 104;
bottom: 1.5vw;
- left: 22vw;
- padding:1.5vw 2vw 0;
+ left: 26vw;
+ padding:0.5vw 1vw 0;
.cgdscroll{
width: 100%;
- height: calc(95vh - 7vw);
+ height: calc(95vh - 4.5vw);
.cardcd{
- >.boxitem {
+
+ .fler{
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ }
+ .boxitem {
width: 22vw;
- height: 19.3vw;
- background: rgba(255, 255, 255, .7);
+ height: 14vw;
+ background: rgba(192, 192, 192, 0.14);
border-radius: 1.6vw;
margin: 0 1vw 1.2vw 0;
+ border: 2px dashed #fff;
display: inline-block;
- padding:1.5vw 2.3vw 2.3vw;
+ padding:1vw 1.6vw 0;
position: relative;
- border: 2px solid rgba(187,187,187,0.34);
+ .kcsl{
+ position: absolute;
+ width: 4vw;
+ top: 1.5vw;
+ right: 1.7vw;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ text{
+ &:nth-child(1){
+ font-weight: bold;
+ font-size: 1.8vw;
+ color: #555555;
+ }
+ &:nth-child(2){
+ font-weight: 400;
+ font-size: 1vw;
+ color: #999999;
+ }
+ }
+ }
.dbgys{
width: 100%;
- height: 4.3vw;
+ height: 3.6vw;
position: absolute;
left: 0;
bottom: 0vw;
- background: rgba(239, 240, 244, 1);
+ background: #f7f7fa;
border-radius:0 0 1.6vw 1.6vw;
border: 2px solid rgba(239, 240, 244, 1);
+ padding: 0.4vw 1.5vw 0;
display: flex;
- padding: 0.6vw 1.5vw 0;
justify-content: space-between;
+ align-items: center;
.act{
background: rgba(231, 240, 251, 1) !important;
border: 1px solid rgba(0, 118, 214, 1) !important;
}
>view{
- white-space: nowrap;
- &:nth-child(1){
- display: flex;
- flex-direction: column;
- font-weight: 400;
- font-size: 1vw;
- color: #888888;
- view{
- display: flex;
- align-items: center;
- }
- text{
- font-weight: bold;
- font-size: 1.4vw;
- color: #555555;
- }
- }
+ font-weight: 400;
+ font-size: 1vw;
+ color: #888888;
+
+ view{
+ width:15vw;
+ height:1.9vw;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ text{
+ font-weight: bold;
+ font-size: 1.4vw;
+ color: #555555;
+ }
}
}
>view {
- .hl {
- color: #0385FA;
- background: #E7F0FB;
- }
-
- .yl {
- background: #DCF6F3;
- color: #00C6A9;
- }
-
- .bj {
- background: #E9EBFC;
- color: #727BFF;
- }
-
-
&:nth-child(1) {
font-weight: bold;
- font-size: 1.5vw;
+ font-size: 1.4vw;
color: #333;
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
+ max-width: 15vw;
+
}
&:nth-child(2) {
font-weight: 400;
- font-size: 1.2vw;
+ font-size: 1.1vw;
color: #555555;
margin-top: .6vw;
}
&:nth-child(3) ,&:nth-child(4) {
font-weight: 400;
- font-size: 1.2vw;
+ font-size: 1.1vw;
color: #666666;
- margin-top: .6vw;
+ margin-top: .2vw;
}
- &:nth-child(5) {
- width: 100%;
- height: 7vw;
-
- }
-
-
-
- .znk {
- width: 8vw;
- height: 7vw;
- position: absolute;
- right: 1vw;
- bottom: 4.3vw;
-
- image {
- width: 100%;
- height: 100%;
- }
- }
-
- .carditem {
- width: 5.8vw;
- height: 2.1vw;
- border-radius: 1.0vw;
- display: flex;
- justify-content: center;
- align-items: center;
- font-weight: 400;
- font-size: .9vw;
- margin-top: .8vw;
-
- image {
- width: 1.4vw;
- height: 1.4vw;
- }
- }
}
}
-
-
-
.cgdh{
width: 100%;
- height: 4.3vw;
+ height: 2.5vw;
display: flex;
justify-content: space-between;
align-items: center;
color: #333333;
- font-weight: bold;
view{
font-size: 1.1vw;
}
text{
- font-size: 1.4vw;
+ font-size: 1.2vw;
+ font-weight: bold;
}
}
- .gys{
- width: 100%;
- height: 2vw;
- background:rgba(238, 238, 238, 0.5);
- text-align: right;
- font-weight: 400;
- font-size: 1.1vw;
- color: #666666;
- padding-right: 0.8vw;
- line-height: 2vw;
- }
- }
- }
- .tj {
- width: 100%;
- height: 3.5vw;
- display: flex;
- justify-content: flex-end;
- align-items: center;
-
- >text {
- &:nth-child(1) {
- 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;
- }
-
-
}
}
.title{
- height: 2vw;
+ height: 4vw;
font-weight: 400;
font-size: 1.4vw;
color: #333333;
+ border-bottom: 1px solid #DCDCDC;
+ display: flex;
+ align-items: center;
+ view{
+ width: 0.5vw;
+ height: 1.4vw;
+ background: linear-gradient(-69deg, #006DC9, #0385FA);
+ border-radius: 0.25vw;
+ margin-right: 0.7vw;
+ }
}
@@ -1279,12 +1202,12 @@
padding: 0vw 1vw 0;
.rights {
- width: 27vw;
+ width: 24.5vw;
height: calc(100% - 4vw);
margin-top: 4vw;
.serchs {
- width: 27vw;
+ width: 100%;
height: 3.2vw;
background: rgba(255, 255, 255, .5);
border-radius: 1.6vw;
@@ -1332,11 +1255,11 @@
width: 100%;
height: 9vw;
display: flex;
- justify-content: space-between;
+ justify-content: flex-start;
flex-wrap: wrap;
>view {
- width: 8.5vw;
+ width: 7.8vw;
height: 3.7vw;
display: flex;
justify-content: center;
@@ -1345,11 +1268,12 @@
font-size: 1.3vw;
color: #212327;
background: #FFFFFF;
- margin: 0.25vw 0;
+ margin: 0.25vw 0.3vw 0 0;
border-radius: 1.6vw;
view {
- margin-right: .4vw;
-
+ display: flex;
+ justify-content: center;
+ align-items: center;
image {
width: 2vw;
height: 2vw;
@@ -1369,20 +1293,30 @@
.typeitem {
width: 100%;
- height: 54vh;
+ height: 38vh;
.scroltype {
width: 100%;
- height: calc(54vh - 2vw);
+ height: calc(34vh - 2vw);
display: flex;
justify-content: space-around;
-
- .scroll-Y {
- width: 8.5vw;
- height: calc(54vh - 2vw);
-
+ .scrl1{
+ width: 9vw;
+ view {
+ width: 8.8vw;
+ }
+
+ }
+ .scrl2,.scrl3{
+ width: 8vw;
+ view {
+ width: 7.7vw;
+ }
+ }
+ .scroll-Y {
+ height: calc(38vh - 2vw);
+
view {
- width: 100%;
height: 3.8vw;
background: rgba(255, 255, 255, .5);
border-radius: 1.9vw;
@@ -1414,34 +1348,41 @@
}
}
- .toptype {
+ >.toptype {
width: 100%;
height: 2vw;
display: flex;
justify-content: space-around;
margin: .4vw 0 .4vw 0;
-
- view {
+ .act {
+ background: rgba(255, 255, 255, 1) !important;
+ font-weight: 600;
+ color: #0385FA !important;
+ }
+ >view {
width: 7vw;
height: 1.9vw;
border-radius: 1vw;
display: flex;
justify-content: center;
align-items: center;
+ background: rgba(255, 255, 255, .5);
+ border:1px solid rgba(255, 255, 255, .5);
font-weight: 400;
font-size: 1.2vw;
color: #333333;
+ padding: 0;
}
}
}
.shitem {
- width: 27vw;
- height: 10.3vw;
+ width: 100%;
+ height: 6.8vw;
background: #E8E9ED;
border-radius: 1.6vw;
padding: 1.2vw 1.8vw;
-
+ position: relative;
.jqry {
width: 100%;
display: flex;
@@ -1484,27 +1425,41 @@
.shypk {
width: 100%;
display: flex;
- justify-content: space-between;
-
+ justify-content: flex-end;
+ position: absolute;
+ top: 0;
+ right: 0;
+
view {
&:nth-child(1) {
font-weight: bold;
font-size: 1.1vw;
color: #333333;
+ padding: 1vw;
}
&:nth-child(2) {
display: flex;
- flex-direction: column;
align-items: center;
-
- text {
- font-weight: 400;
- font-size: 1vw;
- color: #666666;
- }
-
-
+ width: 4.6vw;
+ height: 2.2vw;
+ border-radius: 0.4vw;
+ view{
+ width: 50%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: rgba(239, 240, 244, 1);
+ image{
+ width: 1.6vw;
+ height: 1.6vw;
+ }
+ }
+ .atve{
+ background: #fff;
+ }
+
}
}
}
@@ -1512,44 +1467,12 @@
}
.lefts {
- width: 70vw;
+ width: 72.5vw;
margin-left: 1vw;
height: calc(100%);
position: relative;
- .fxj {
- width: 23vw;
- height: 22vw;
- position: absolute;
- left: 0;
- bottom: 2vw;
- z-index: 11;
- border-radius: 1.6vw;
- text {
- width: 100%;
- font-weight: 400;
- font-size: .9vw;
- color: #999999;
- display: flex;
- justify-content: center;
- position: absolute;
- left: 0;
- bottom: 0vw;
- }
- }
-
- .mblbg {
- width: 24.5vw;
- height: 21vw;
- position: absolute;
- left: -1vw;
- bottom: 0.5vw;
- border-radius: 1.6vw;
- filter: blur(15rpx);
- background: RGBA(239, 240, 244, 1);
- z-index: 10;
- }
.scroll-Y {
width: 100%;
@@ -1568,18 +1491,39 @@
}
.boxitem {
- width: 22vw;
- height: 19.3vw;
+ width: 22.5vw;
+ height: 14.3vw;
background: rgba(255, 255, 255, .7);
border-radius: 1.6vw;
margin: 0 1.3vw 1.2vw 0;
border: 2px dashed #fff;
display: inline-block;
- padding:1vw 2.3vw 2.3vw;
+ padding:1vw 1.6vw 0;
position: relative;
+ .kcsl{
+ position: absolute;
+ width: 4vw;
+ top: 1.5vw;
+ right: 1.7vw;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ text{
+ &:nth-child(1){
+ font-weight: bold;
+ font-size: 1.8vw;
+ color: #555555;
+ }
+ &:nth-child(2){
+ font-weight: 400;
+ font-size: 1vw;
+ color: #999999;
+ }
+ }
+ }
.dbgys{
width: 100%;
- height: 5.3vw;
+ height: 4.5vw;
position: absolute;
left: 0;
bottom: 0vw;
@@ -1590,6 +1534,8 @@
padding: 0.4vw 1.5vw 0;
justify-content: space-between;
align-items: center;
+ box-sizing: border-box;
+ overflow: hidden;
.act{
background: rgba(231, 240, 251, 1) !important;
border: 1px solid rgba(0, 118, 214, 1) !important;
@@ -1616,7 +1562,14 @@
font-weight: 400;
font-size: 1vw;
color: #888888;
- width: 14vw;
+
+ view{
+ width:15vw;
+ height:1.9vw;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
text{
font-weight: bold;
font-size: 1.4vw;
@@ -1644,33 +1597,30 @@
&:nth-child(1) {
font-weight: bold;
- font-size: 1.5vw;
+ font-size: 1.4vw;
color: #333;
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
+ max-width: 15vw;
+
}
&:nth-child(2) {
font-weight: 400;
- font-size: 1.2vw;
+ font-size: 1.1vw;
color: #555555;
margin-top: .6vw;
}
&:nth-child(3) ,&:nth-child(4) {
font-weight: 400;
- font-size: 1.2vw;
+ font-size: 1.1vw;
color: #666666;
- margin-top: .6vw;
+ margin-top: .2vw;
}
- &:nth-child(5) {
- width: 100%;
- height: 7vw;
-
- }
@@ -1768,32 +1718,11 @@
}
.leftr {
- width: 70vw;
+ width: 72.5vw;
margin-left: 1vw;
height: calc(100%);
position: relative;
- .fxj {
- width: 30vw;
- height: 16vw;
- position: absolute;
- left: 1vw;
- bottom: 0vw;
- z-index: 111;
- border-radius: 1.6vw;
-
- text {
- width: 76%;
- font-weight: 400;
- font-size: .9vw;
- color: #999999;
- display: flex;
- justify-content: center;
- position: absolute;
- left: 0;
- bottom: 0vw;
- }
- }
.mblbg {
width: 35vw;
@@ -1948,6 +1877,173 @@
}
}
}
+ .mblbg {
+ width: 37.5vw;
+ height: 16.5vw;
+ position: absolute;
+ left: -1vw;
+ bottom: 0vw;
+ border-radius: 1.6vw;
+ filter: blur(15rpx);
+ background: RGBA(239, 240, 244, 1);
+ z-index: 1110;
+ }
+ .lmblbg {
+ width: 26.5vw;
+ height: 15vw;
+ position: absolute;
+ left: -1vw;
+ bottom: 0.5vw;
+ border-radius: 1.6vw;
+ filter: blur(15rpx);
+ background: RGBA(239, 240, 244, 1);
+ z-index: 1110;
+ }
+ .lfxj {
+ width: 30vw;
+ height: 16vw;
+ position: absolute;
+ left: 1vw;
+ bottom: 0vw;
+ z-index: 1111;
+ border-radius: 1.6vw;
+
+ text {
+ width: 76%;
+ font-weight: 400;
+ font-size: .9vw;
+ color: #999999;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ left: 0;
+ bottom: 0vw;
+ }
+ }
+ .fxj {
+ width: 23vw;
+ height: 22vw;
+ position: fixed;
+ left: 0;
+ bottom: 2vw;
+ z-index: 1111;
+ border-radius: 1.6vw;
+
+ text {
+ width: 100%;
+ font-weight: 400;
+ font-size: .9vw;
+ color: #999999;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ left: 0;
+ bottom: 0vw;
+ }
+ }
+
+
+ .ksfw{
+ width: 100%;
+ height: 13.6vw;
+ background: rgba(255, 255, 255, 0.6);
+ border-radius: 1vw;
+ border: 1px solid #D9DADC;
+ padding: 0 1vw;
+ margin: 0.7vw auto 0;
+ position: relative;
+ .shjs{
+ width: 100%;
+ margin-top: 0.8vw;
+ display: flex;
+ justify-content: space-around;
+ view{
+ width: 7.2vw;
+ height: 2.5vw;
+ background: #E4E9F4;
+ border-radius: 1.25vw;
+ font-weight: 400;
+ font-size: 1.1vw;
+ color: #333333;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1px solid #E4E9F4;
+ }
+ .iacts{
+ background: rgba(168, 212, 255, .75);
+ border: 1px solid #A8D4FF;
+ color: #249BFA;
+ }
+
+ }
+ .zhxng{
+ width: 100%;
+ height: 2.8vw;
+ margin-top: 0.4vw;
+ display: flex;
+ padding: 1.1vw;
+ justify-content: space-between;
+ border-bottom: 2px solid #E5E5E5;
+ view{
+ display: flex;
+ align-items: center;
+ image{
+ width: 1.6vw;
+ height: 1.6vw;
+ margin-right: 0.3vw;
+ }
+ text{
+ font-weight: 400;
+ font-size: 1vw;
+ color: #555555;
+ }
+ }
+ }
+ .wul{
+ width: 100%;
+ height: 1.5vw;
+ font-weight: bold;
+ font-size: 1.5vw;
+ color: #555555;
+ text-align: center;
+ margin: 1vw auto 0;
+ }
+ .tm{
+ width: 100%;
+ height: 1.8vw;
+ font-size: 2.2vw;
+ font-weight: bolder;
+ color: #555555;
+ margin-top: 2vw;
+ text-align: center;
+ }
+ .jx{
+ width: 2.9vw;
+ height: 1.4vw;
+ position: absolute;
+ top: 0.9vw;
+ right: 1.5vw;
+ font-weight: 400;
+ font-size:0.7vw;
+ color: #FFFFFF;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ image{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ z-index: 1;
+ }
+ text{
+ position: relative;
+ z-index: 2;
+ }
+ }
+ }