标本间开发

components/scanner/scanner.vue

@@ -0,0 +1,73 @@
+<template>  
+    <div class="content"></div>  
+</template>  
+ 
+<script>  
+var main,receiver,filter;    
+var _codeQueryTag = false;    
+export default {  
+    data() {  
+        return {  
+            scanCode: ''  
+        }  
+    },  
+    created () { 
+			// #ifdef APP-PLUS
+			this.initScan();
+			this.startScan(); 
+			// #endif
+    },    
+    onHide(){
+			// #ifdef APP-PLUS
+			this.stopScan();
+			// #endif
+    },  
+    destroyed(){    
+			/*页面退出时一定要卸载监听,否则下次进来时会重复，造成扫一次出2个以上的结果*/  
+			// #ifdef APP-PLUS
+			this.stopScan();
+			// #endif
+    },    
+    methods: {  
+        initScan() {
+        		let _this = this;  
+        		main = plus.android.runtimeMainActivity();//获取activity  
+        		var IntentFilter = plus.android.importClass('android.content.IntentFilter');   
+        		filter = new IntentFilter();    
+        		filter.addAction("com.android.server.scannerservice.broadcast"); // 换你的广播动作  
+        		receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver',{  
+        		onReceive : function(context, intent) {
+        				plus.android.importClass(intent);     
+        				let code = intent.getStringExtra("scannerdata");// 换你的广播标签  
+        				_this.queryCode(code);    
+        		}});    
+        },    
+        startScan(){    
+        		main.registerReceiver(receiver,filter);  
+        },    
+        stopScan(){  
+        		main.unregisterReceiver(receiver);    
+        },    
+        queryCode(code){  
+        		//防重复  
+        		if(_codeQueryTag)return false;    
+        		_codeQueryTag = true;    
+        		setTimeout(function(){    
+        				_codeQueryTag = false;    
+        		},150);  
+        		var id = code  
+        		uni.$emit('scan',id)  
+        }
+    }  
+}  
+</script>  
+ 
+<style>  
+  /*  page {  
+        background-color: #efeff4;  
+    }  
+    .content {  
+        text-align: center;  
+    }  */
+</style>
+ 

manifest.json

@@ -1,5 +1,5 @@
 {
-    "name" : "",
+    "name" : "病理全流程",
     "appid" : "__UNI__9F2011E",
     "description" : "",
     "versionName" : "1.0.0",
@@ -18,17 +18,21 @@
         },
         /* 模块配置 */
         "modules" : {
-            "Push" : {}
+            "Push" : {},
+            "Barcode" : {},
+            "Camera" : {}
         },
         /* 应用发布信息 */
         "distribute" : {
             /* android打包配置 */
             "android" : {
                 "permissions" : [
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
                     "<uses-permission android:name=\"android.permission.CAMERA\"/>"
                 ],
-                "autoSdkPermissions" : false,
+                "autoSdkPermissions" : true,
                 "abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
             },
             /* ios打包配置 */
@@ -42,6 +46,38 @@
             },
             "splashscreen" : {
                 "androidStyle" : "common"
+            },
+            "icons" : {
+                "android" : {
+                    "hdpi" : "unpackage/res/icons/72x72.png",
+                    "xhdpi" : "unpackage/res/icons/96x96.png",
+                    "xxhdpi" : "unpackage/res/icons/144x144.png",
+                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
+                },
+                "ios" : {
+                    "appstore" : "unpackage/res/icons/1024x1024.png",
+                    "ipad" : {
+                        "app" : "unpackage/res/icons/76x76.png",
+                        "app@2x" : "unpackage/res/icons/152x152.png",
+                        "notification" : "unpackage/res/icons/20x20.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "proapp@2x" : "unpackage/res/icons/167x167.png",
+                        "settings" : "unpackage/res/icons/29x29.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "spotlight" : "unpackage/res/icons/40x40.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
+                    },
+                    "iphone" : {
+                        "app@2x" : "unpackage/res/icons/120x120.png",
+                        "app@3x" : "unpackage/res/icons/180x180.png",
+                        "notification@2x" : "unpackage/res/icons/40x40.png",
+                        "notification@3x" : "unpackage/res/icons/60x60.png",
+                        "settings@2x" : "unpackage/res/icons/58x58.png",
+                        "settings@3x" : "unpackage/res/icons/87x87.png",
+                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
+                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
+                    }
+                }
             }
         }
     },
@@ -86,6 +122,7 @@
             "proxy" : {
                 "/service" : {
                     "target" : "http://192.168.3.108", //请求的目标域名
+
                     // "target" : "http://192.168.4.163", //宋程玉本地
                     "changeOrigin" : true, //是否跨域
                     "secure" : false
@@ -93,5 +130,7 @@
             },
             "port" : 8081 //当前项目的端口号
         }
-    }
+    },
+    "locale" : "zh-Hans",
+    "fallbackLocale" : "zh-Hans"
 }

pages.json

@@ -632,8 +632,31 @@
           "titleNView": false
         }
       }
-    }
-    
+    },
+		{
+		  "path": "pages/specimenPort/specimenPort", //标本间列表
+		  "style": {
+		    "h5": {
+		      "titleNView": false
+		    }
+		  }
+		},
+    {
+      "path": "pages/specimenPort/detail", //标本间详情
+      "style": {
+        "h5": {
+          "titleNView": false
+        }
+      }
+    },
+		{
+		  "path": "pages/specimenPort/scan", //标本间扫描页
+		  "style": {
+		    "h5": {
+		      "titleNView": false
+		    }
+		  }
+		}
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",

pages/homePage/homePage.vue

@@ -734,9 +734,25 @@
               if (!res.user.user.online) {
                 this.online = false;
               } else {
-                this.online = true;
-                // 建立websocket连接
-                webHandle("receiptpage", "app", this.ip);
+								this.online = true;
+								let menu = res.user.menu.filter(i=>i.parentid=='278')
+								if(menu){
+									let isSpecimen = menu.filter(i=>i.title=='标本间')
+									if(isSpecimen){
+										// 建立websocket连接
+										webHandle("specimenPort", "app");
+										uni.setStorageSync("isSpecimen", '1');
+									}else{
+										// 建立websocket连接
+										webHandle("receiptpage", "wx");
+										uni.setStorageSync("isSpecimen", '0');
+									}
+									console.log(88888,menu)
+								}else{
+									// 建立websocket连接
+									webHandle("receiptpage", "wx");
+									uni.setStorageSync("isSpecimen", '0');
+								}
               }
             } else {
               webHandle("pharmacy", "app", this.ip);
@@ -807,9 +823,25 @@
             if (!user.user.online) {
               this.online = false;
             } else {
-              this.online = true;
-              // 建立websocket连接
-              webHandle("receiptpage", "wx");
+							this.online = true;
+							let menu = user.menu.filter(i=>i.parentid=='278')
+							if(menu){
+								let isSpecimen = menu.filter(i=>i.title=='标本间')
+								if(isSpecimen){
+									// 建立websocket连接
+									webHandle("specimenPort", "app");
+									uni.setStorageSync("isSpecimen", '1');
+								}else{
+									// 建立websocket连接
+									webHandle("receiptpage", "wx");
+									uni.setStorageSync("isSpecimen", '0');
+								}
+								console.log(88888,menu)
+							}else{
+								// 建立websocket连接
+								webHandle("receiptpage", "wx");
+								uni.setStorageSync("isSpecimen", '0');
+							}
             }
           } else { //只有药房橘色
             webHandle("pharmacy", "wx");

pages/receiptpage/receiptpage.vue

@@ -2,7 +2,7 @@
   <view class="Receiptpage">
     <view class="page_tab">
       <view class="page_tab_bar" :class="{ active: item.label === selectedLabelSlots }" v-for="item in tabs"
-        :key="item.value" @click="clickHandler(item.label)">
+        :key="item.value" @click.prevent="clickHandler(item.label)">
         {{ item.label }}
         <text class="tab_num">( {{ item.num }} )</text>
         <view class="more" v-if="item.label === '执行中'" @click.stop="execFilter"></view>
@@ -320,14 +320,14 @@
     <view class="bigScreenWrap">
       <bigScreen ref="bigscreen"></bigScreen>
       <view class="more" v-if="arrayBigScreen.length"></view>
-      <picker class="more_picker" @click.stop @change="execFilterBigScreen($event)" :value="indexBigScreen"
+      <picker class="more_picker" @cancel="cancelPicker" @click.stop @change="execFilterBigScreen($event)" :value="indexBigScreen"
         :range="arrayBigScreen" range-key="name" v-if="arrayBigScreen.length">
         <view class="uni-input">{{ arrayBigScreen[indexBigScreen].name }}</view>
       </picker>
     </view>
-    <!-- 悬浮按钮 -->
-    <uni-fab :pattern="pattern" :content="content" :direction="direction" @trigger="trigger"></uni-fab>
-    <!-- 弹窗 -->
+		<!-- 悬浮按钮 -->
+    <uni-fab :pattern="pattern" :content="content" :direction="direction" @fabClick="fabClick" @trigger="trigger"></uni-fab>
+		<!-- 弹窗 -->
     <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
       @ok="ok" @cancel="cancel" @know="know" :operate="models.operate"></showModel>
     <!-- 我的二维码-弹窗 -->
@@ -412,11 +412,13 @@
     
     <!-- 示闲弹窗 -->
     <showModel :title="models4.title" icon="models4.icon" :disjunctor="models4.disjunctor" :content="models4.content" @know="know4" @ok="ok4" @cancel="cancel4" :operate="models4.operate"></showModel>
-  </view>
+		<scanner></scanner>
+	</view>
 </template>
 <script>
   import selectAccount from "../../components/selectAccount/selectAccount.vue";
   import smallScreen from "../../components/smallScreen/smallScreen.vue";
+	import scanner from "../../components/scanner/scanner.vue";
   import showModel from "../../components/showModel/showModel.vue";
   import bigScreen from "../../components/bigScreen/bigScreen.vue";
   // https://ext.dcloud.net.cn/plugin?id=144
@@ -549,7 +551,7 @@
         // 悬浮按钮展开菜单内容配置项
         content: [{
           text: "我的任务",
-        }, ],
+        },],
         // 当前选中tab页名称
         selectedLabelSlots: "待接单",
         // tab页信息
@@ -614,9 +616,254 @@
       uniFab,
       showModel,
       bigScreen,
+			scanner,
       selectAccount,
     },
     methods: {
+			padChange(scannerCode){
+				scannerCode = scannerCode.replace('\n','')
+				// if(e.detail.value.length<5){
+				// 	return
+				// }
+				if (!this.SMFlag) {
+				  return;
+				}
+				let qrcodePrefix = '';
+				this.SMFlag = false;
+				// SM().then((content) => {
+				  uni.showLoading({
+				    title: "加载中",
+				    mask: true,
+				  });
+				  //检验二维码的有效性(扫码前必须验证)
+				  post("/dept/scanning", {
+						content:scannerCode
+					})
+				    .then((result) => {
+				      this.currentCode = result.code;
+				      this.SMFlag = true;
+				      // 200检测通过，201没有有效期也通过。
+				      if (result.state == 200 || result.state == 201) {
+				        let data = {
+				          code: result.code, //二维码
+				        };
+				        //微信—大扫描（科室码，患者码，标本码，快捷建单码，药包码）
+				        let code = result.code.includes(qrcodePrefix) ? result.code : qrcodePrefix + result.code;
+				        post("/workerOrder/scanCode", { code, hosId: this.hosId })
+				          .then((res) => {
+				            uni.hideLoading();
+				            if (res.status == 200) {
+				              // 扫描标本码
+				              if (res.type == "specimen") {
+				                let infoDATA = {
+				                  stype: res.data.stype,
+				                  scode: res.data.scode,
+				                  patientName: res.data.patientName,
+				                  sickRoom: res.data.sickRoom ?
+				                    res.data.sickRoom.dept : "-",
+				                  checkDept: res.data.checkDept ?
+				                    res.data.checkDept.dept : "-",
+				                  bedNum: res.data.bedNum,
+				                };
+				                uni.navigateTo({
+				                  url: `../scanning_B/scanning_B?res=${encodeURIComponent(
+				                  JSON.stringify(res)
+				                )}&infoDATA=${encodeURIComponent(
+				                  JSON.stringify(infoDATA)
+				                )}`,
+				                });
+				              } else if (res.type == "patient") {
+				                //如果是患者腕带码
+				                // code: data.code //二维码
+				                res.workOrder = res.workOrder ? res.workOrder : []; //liao
+				                uni.navigateTo({
+				                  url: `../scanning_ins/scanning_ins?code=${
+				                  data.code
+				                }&infoDATA=${encodeURIComponent(
+				                  JSON.stringify(res.data)
+				                )}&workData=${encodeURIComponent(
+				                  JSON.stringify(res.workOrder)
+				                )}&patientOrders=${encodeURIComponent(
+				                  JSON.stringify(res.patientOrders)
+				                )}`,
+				                });
+				              } else if (res.type == "quickOrder") {
+				                //快捷建单
+				                if(res.data.isDigitalHandover == 1){
+				                  uni.navigateTo({
+				                    url: `../specimenChecking/specimenChecking?infoDATA=${encodeURIComponent(
+				                    JSON.stringify(res.data)
+				                  )}`,
+				                  });
+				                }else{
+				                  uni.navigateTo({
+				                    url: `../shortcutbuildOrders/shortcutbuildOrders?infoDATA=${encodeURIComponent(
+				                    JSON.stringify(res.data)
+				                  )}`,
+				                  });
+				                }
+				              } else if (res.type == "dept") {
+				                // 扫描科室码
+				                // code: data.code //二维码
+				                let infoDATA = res.data;
+				                console.log(infoDATA)
+				                // 判断是否是标本配送，并且仅仅只有这一种业务类型，默认全选,并跳转到下一步;
+				                // 判断是否是标本轮巡 ，并且仅仅只有这一种业务类型，并且只有一个工单，默认选中,并跳转到下一步;
+				                if(Object.keys(infoDATA).length === 1 && (infoDATA.specimen || (infoDATA.specimenPlan && infoDATA.specimenPlan.length === 1))){
+				                  this.infoDATA = infoDATA;
+				                  this.workData = infoDATA.specimen || infoDATA.specimenPlan;
+				                  this.tabType = infoDATA.specimen ? 'specimen' : 'specimenPlan';
+				                  this.code = data.code;
+				                  this.selectArr = [];
+				                  for (var i = 0; i < this.workData.length; i++) {
+				                    this.selectArr.push(this.workData[i].id);
+				                  }
+				                  this.userId.ids = this.selectArr;
+				                  this.orderDeptHandler(true);
+				                }else if(res.deptHandoverType && res.deptHandoverType.value == 'clinicalWaste'){
+				                  // 医废
+				                  uni.navigateTo({
+				                    url: `/pages/medicalWaste/medicalWasteSignIn/medicalWasteSignIn?code=${data.code}&deptName=${res.deptName}&deptId=${res.deptId}`,
+				                  });
+				                }else{
+				                  uni.navigateTo({
+				                    url: `../scanning_all/scanning_all?infoDATA=${encodeURIComponent(
+				                    JSON.stringify(infoDATA)
+				                  )}&code=${data.code}&deptName=${res.deptName}&deptId=${res.deptId}`,
+				                  });
+				                }
+				              } else if (res.type == 'drugsBag') {
+				                //扫药包码
+				                uni.navigateTo({
+				                  url: `/pages/scanning_drug/scanning_drug?drugsBagId=${res.drugsBagId}&drugsBagBatchNo=${res.drugsBagBatchNo}`,
+				                });
+				              } else if (res.type == 'nucleicAcid') {
+				                //扫核酸码
+				                uni.navigateTo({
+				                  url: `/pages/scanning_nucleicAcid/scanning_nucleicAcid?qrcode=${data.code}`,
+				                });
+				              } else if (res.type == 'blood') {
+				                //扫血制品
+				                // 判断size,多个则进入新页面选择
+				                if(res.size > 1){
+				                  uni.navigateTo({
+				                    url: `/pages/bloodSelect/bloodSelect?qrcode=${data.code}&navigateTo=scanning_blood`,
+				                  });
+				                } else {
+				                  uni.navigateTo({
+				                    url: `/pages/scanning_blood/scanning_blood?qrcode=${data.code}`,
+				                  });
+				                }
+				              } else if (res.type == 'receiveOrder') {
+				                //扫快捷接单
+				                uni.showModal({
+				                  title: "提示",
+				                  content: `您本次接单包括${res.names.join('、')}，一共含有${res.data.length}个工单，是否确认接单？`,
+				                  success: function(result) {
+				                    if (result.confirm) {
+				                      uni.showLoading({
+				                        title: "加载中",
+				                        mask: true,
+				                      });
+				                      post("/workerOrder/receiveOrders", {ids: res.data.toString()}).then((result) => {
+				                        uni.hideLoading();
+				                        if (result.status == 200) {
+				                          uni.showModal({
+				                            title: "提示",
+				                            content: `本次接单包括${res.names.join('、')}，${res.data.length}个工单已接单完成`,
+				                            showCancel: false,
+				                            success: function(res) {
+				                              if (res.confirm) {
+				                                console.log("用户点击确定");
+				                                uni.redirectTo({
+				                                  url: "../receiptpage/receiptpage",
+				                                });
+				                              } else if (res.cancel) {
+				                                console.log("用户点击取消");
+				                              }
+				                            },
+				                          });
+				                        } else {
+				                          uni.showToast({
+				                            icon: "none",
+				                            title: result.msg || "接口获取数据失败！",
+				                          });
+				                        }
+				                      });
+				                    } else if (result.cancel) {
+				                      console.log("用户点击取消");
+				                    }
+				                  },
+				                });
+				              } else if (res.type == 'bloodTake') {
+				                if(res.data){
+				                  //新血制品-扫科室
+				                  uni.navigateTo({
+				                    url: `/pages/newBlood/startOrderSignBlood/startOrderSignBlood?deptId=${res.deptId}&deptName=${res.deptName}&taskTypeId=${res.taskTypeId}`,
+				                  });
+				                }else{
+				                  // 走type是dept的流程
+				                  // 扫描科室码
+				                  // code: data.code //二维码
+				                  let infoDATA = res.data;
+				                  console.log(infoDATA)
+				                  // 判断是否是标本配送，并且仅仅只有这一种业务类型，默认全选,并跳转到下一步;
+				                  // 判断是否是标本轮巡 ，并且仅仅只有这一种业务类型，并且只有一个工单，默认选中,并跳转到下一步;
+				                  if(Object.keys(infoDATA).length === 1 && (infoDATA.specimen || (infoDATA.specimenPlan && infoDATA.specimenPlan.length === 1))){
+				                    this.infoDATA = infoDATA;
+				                    this.workData = infoDATA.specimen || infoDATA.specimenPlan;
+				                    this.tabType = infoDATA.specimen ? 'specimen' : 'specimenPlan';
+				                    this.code = data.code;
+				                    this.selectArr = [];
+				                    for (var i = 0; i < this.workData.length; i++) {
+				                      this.selectArr.push(this.workData[i].id);
+				                    }
+				                    this.userId.ids = this.selectArr;
+				                    this.orderDeptHandler(true);
+				                  }else{
+				                    uni.navigateTo({
+				                      url: `../scanning_all/scanning_all?infoDATA=${encodeURIComponent(
+				                      JSON.stringify(infoDATA)
+				                    )}&code=${data.code}&deptName=${res.deptName}&deptId=${res.deptId}`,
+				                    });
+				                  }
+				                }
+				              } else if(res.type == 'clinicalWaste'){
+				                // 医废
+				                if(res.wasteDetails){
+				                  uni.navigateTo({
+				                    url: `/pages/medicalWaste/medicalWasteDetail/medicalWasteDetail?qrcode=${res.code}`,
+				                  });
+				                }else{
+				                  uni.navigateTo({
+				                    url: `/pages/medicalWaste/medicalWasteBind/medicalWasteBind?qrcode=${res.code}`,
+				                  });
+				                }
+				              }
+				            } else {
+				              if(res.bigScanSpecialMsg){
+				                uni.navigateTo({
+				                  url: `../scanning_big_Result/scanning_big_Result?msg=${res.msg || ''}&qrcode=${this.currentCode}&bigScanSpecialMsg=${encodeURIComponent(JSON.stringify(res.bigScanSpecialMsg))}`,
+				                });
+				              }else{
+				                uni.navigateTo({
+				                  url: `../scanning_Result/scanning_Result?status=${res.status}&msg=${res.msg}&qrcode=${this.currentCode}`,
+				                });
+				              }
+				            }
+				          });
+				      } else {
+				        uni.hideLoading();
+				        uni.showToast({
+				          icon: "none",
+				          title: result.info || "接口获取数据失败！",
+				        });
+				      }
+				    })
+				// }).catch(err => {
+				//   this.SMFlag = true;
+				// });
+			},
 			// 搜索科室
 			searchAdm(){
 				let data = {
@@ -1165,6 +1412,8 @@
 				this.taskTypeId = '' //任务类型
 				uni.setStorageSync("admStore",{})
       },
+			cancelPicker(){
+			},
       // 大扫描筛选
       execFilterBigScreen({
         detail: {
@@ -1186,7 +1435,7 @@
           (item) => item.rolecode === "pharmacist"
         );
         //判断当前登陆人具体角色 end
-        console.log(menu);
+        // console.log(menu);
         this.arrayBigScreen = [];
         menu.forEach((item) => {
           if (item.link === "wxInspect") {
@@ -1640,6 +1889,8 @@
           });
         }
       },
+			fabClick(){
+			},
       // 悬浮按钮点击事件
       trigger(e) {
         if (e.item.text === "我的任务") {
@@ -2504,6 +2755,14 @@
       // #endif
     },
     onShow() {
+			let that = this
+			// #ifdef APP-PLUS
+			uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
+			uni.$on('scan', function(data) {
+				console.log(888,data)
+				that.padChange(data)
+			})
+			// #endif
       this.SMFlag = true;
       // #ifdef H5
       document.body.addEventListener("touchmove", this.stop, {
@@ -2522,6 +2781,16 @@
   };
 </script>
 <style lang="less">
+	.hideInput{
+		height: 40px;
+		position: absolute;
+		width: 100px;
+		top: 100px;
+		left: 100px;
+		z-index: 99999;
+		border: 1px solid;
+		padding-left: 10px;
+	}
 	/deep/ .uni-drawer__content{
 		width: 600rpx !important;
 	}

pages/specimenPort/detail.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

pages/specimenPort/scan.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

pages/specimenPort/specimenPort.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="conte">
+		<view class="header">
+			标本间
+	<!-- 		<view class="filter" @click="filterClick">
+			  <text class="newicon newicon-shaixuan"></text>
+			</view> -->
+		</view>
+		<view class="list df">
+			<view class="df-list list-border">
+				<view>BL110110</view>
+				<view>未打印</view>
+			</view>
+			<view class="df-list">
+				<view>申请科室：神经内科</view>
+				<view>部位：口腔</view>
+			</view>
+			<view class="df-list">
+				<view>患者：神经内科</view>
+				<view>住院号：口腔</view>
+			</view>
+			<view class="df-list">
+				<view>离：神经内科</view>
+				<view>固：口腔</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="less" scoped>
+	.conte{
+		.header{
+			height: 80rpx;
+			width: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			padding: 0 20rpx;
+		}
+		.list{
+			padding: 0 20rpx;
+			margin-bottom: 20rpx;
+			.df-list{
+				display: flex;
+				justify-content: space-between;
+				padding: 10rpx 0;
+				font-size: 28rpx;
+				color: #555555;
+			}
+			.list-border{
+				border-bottom: 1px solid #D2D2D2;
+				height: 80rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				font-size: 32rpx !important;
+				font-weight: 500;
+				color: #000;
+			}
+		}
+		.df{
+			
+		}
+	}
+</style>