员工台站

src/projects/business/apis/HouseKeeper/control/health.js

@@ -33,4 +33,68 @@ export function getUndetectedPersonList(params) {
         data: Qs.stringify(params),
         method: 'post',
     })
+}
+//获取绿码统计数据,popedom默认1查用户  3查职工
+export function getHealthyCodeStat(companyId, popedom) {
+    return request({
+        url: '/mobile/healthShowApi/healthyCodeStat',
+        params: {
+            companyId: companyId,
+            popedom: popedom
+        },
+        method: 'get',
+    })
+}
+
+export function workerPageList(queryModel){
+    return request({
+        url:   '/mobile/personHealthLedgerApi/workerPageList',
+        data: Qs.stringify(queryModel),
+        method: 'post',
+        timeout: 30000
+    })
+}
+
+//通知详情
+export function getPersonInfo(popedom) {
+    var formData = new FormData()
+    formData.append('popedom', popedom);
+    return request.post(  '/mobile/personHealthLedgerApi/getPersonInfo',formData)
+}
+export function curDateIsUpload() {
+    return request.get(  '/mobile/personHealthLedgerApi/curDateIsUpload')
+}
+export function getHealthStatusList(){
+    return request.post(  '/mobile/personHealthLedgerApi/getHealthStatusList')
+}
+
+export function uploadPicture(fileData){
+    var formData = new FormData()
+
+    formData.append('subFolder', "personHealthLedger");
+    formData.append('photoFile', fileData, `${+new Date()}.jpg`);
+
+    return request({
+        url:  '/uploadPicture',
+        method: 'post',
+        data: formData
+    })
+}
+
+export function save(report){
+    return request.post( '/mobile/personHealthLedgerApi/save', report,{
+        headers: {
+            "Content-Type": "application/json"
+        },
+        timeout: 30000
+    });
+}
+
+
+//查询学生信息
+export function getDetail(id,popedom) {
+    return request({
+        url: '/mobile/personHealthLedgerApi/detail?id='+id+"&popedom="+popedom,
+        method: 'get',
+    })
 }

src/projects/business/views/HouseKeeper/Control/Health/Worker.vue

@@ -1,52 +1,40 @@
 <template>
 <div>
-    <header class="mui-bar mui-bar-nav">
-			<h1 class="mui-title">职工台账</h1>
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-		</header>
-		<div class="mui-content fyy-wall vongi-zgtz">
+	<common @asynCallBack="asynCallBack"></common>
+	<top-header :pageTitle="pageTitle"></top-header>
+
+	<div class="mui-content fyy-wall vongi-zgtz">
 			<div class="mui-content-padded fyy-date mui-clearfix">
-				<h5>荆鹏软件
-					<a href="" class="mui-navigate-right mui-pull-right">2020-03-19</a>
+				<h5>{{company_data.name}}
+					<a  class="mui-navigate-right mui-pull-right" v-html="curDate" @click="selectDate()">2020-03-19</a>
 				</h5>
 			</div>
 			<div class="vongi-clasadmin">
-				<h4>班级健康码统计</h4>
+				<h4>职工健康码统计</h4>
 				<div class="vongi-clasadmin-list">
-					<div class="vongi-clasadmin-ma mui-col-xs-3">
-						<span class="color55f868">2953</span>
-						<div class="mui-media-body">绿码</div>
-					</div>
-					<div class="vongi-clasadmin-ma mui-col-xs-3">
-						<span class="colorf8b155">12</span>
-						<div class="mui-media-body">黄码</div>
-					</div>
-					<div class="vongi-clasadmin-ma mui-col-xs-3">
-						<span class="colorfe616c">0</span>
-						<div class="mui-media-body">红码</div>
-					</div>
-					<div class="vongi-clasadmin-ma mui-col-xs-3">
-						<span class="color999">23</span>
-						<div class="mui-media-body">灰码</div>
+					<div class="vongi-clasadmin-ma mui-col-xs-3" v-for="(item,index) in statList" :key="index">
+						<span   :style="'color:'+getGreenCodeColor(item.healthyCode)" v-text="item.total">2953</span>
+						<div class="mui-media-body" v-text="getCodeStatusName(item.healthyCode)">绿码</div>
 					</div>
+
 				</div>
 				<div class="vongi-zgtz-search">
 					<div class="mui-input-row mui-search">
-						<input type="search" placeholder="请输入姓名">
+ 						<input type="search" class="setinput" placeholder="请输入姓名" v-model="setinput" @change="searchK">
 					</div>
 				</div>
 			</div>
 			<div id="slider" class="mui-slider mui-fullscreen">
 				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
 					<div class="mui-scroll">
-						<a class="mui-control-item mui-active" href="#item1mobile" style="width:30%">
-							全部<span class="mui-badge">3</span>
+						<a class="mui-control-item " :class="selectedIndex==0?'mui-active':''"  style="width:30%" @click="ckSelectedIndex(0)" >
+							全部<span class="mui-badge" v-html="allCount">3</span>
 						</a>
-						<a class="mui-control-item" href="#item2mobile" style="width:36%">
-							正常记录<span class="mui-badge">2</span>
+						<a class="mui-control-item"   :class="selectedIndex==1?'mui-active':''"  style="width:36%" @click="ckSelectedIndex(1)">
+							正常记录<span class="mui-badge" v-html="doneCount">2</span>
 						</a>
-						<a class="mui-control-item" href="#item3mobile" style="width:34%">
-							异常记录<span class="mui-badge">1</span>
+						<a class="mui-control-item"   :class="selectedIndex==2?'mui-active':''"  style="width:34%" @click="ckSelectedIndex(2)">
+							异常记录<span class="mui-badge" v-html="undoCount">1</span>
 						</a>
 					</div>
 				</div>
@@ -55,130 +43,323 @@
 						<div id="scroll1" class="mui-scroll-wrapper">
 							<div class="mui-scroll vongi-yctj-list">
 								<ul class="mui-table-view mui-table-view-chevron vongi-zgtz">
-									<li class="mui-table-view-cell mui-collapse vongi-archives">
-										<a class="mui-navigate-right" href="#">
-											湖北荆盛贸易有限公司
-											<h4 class='mui-pull-right'><span class="color4fc5f7">1</span>/<span class="color4fc5f7">2</span></h4>
-										</a>
-										<ul class="mui-table-view mui-table-view-chevron">
-											<li class="mui-table-view-cell">
-												<a class="mui-navigate-right" href="#">
-													<div class="mui-pull-left flew-items">
-														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-														<h4>郭麒麟</h4>
-														<span class="mui-icon iconfont icon-erweima1 color55f868"></span>
-													</div>
-													<div class="mui-pull-right color55f868">已上报</div>
-												</a>
-											</li>
-											<li class="mui-table-view-cell">
-												<a class="mui-navigate-right" href="#">
-													<div class="mui-pull-left flew-items">
-														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-														<h4>郭麒麟</h4>
-														<span class="mui-icon iconfont icon-erweima1 colorfe616c"></span>
-													</div>
-													<div class="mui-pull-right colorfe616c">未上报</div>
-												</a>
-											</li>
-										</ul>
-									</li>
-									<li class="mui-table-view-cell mui-collapse vongi-archives">
-										<a class="mui-navigate-right" href="#">
-											食堂
-											<h4 class='mui-pull-right'><span class="color4fc5f7">1</span>/<span class="color4fc5f7">2</span></h4>
+									<li class="mui-table-view-cell mui-collapse vongi-archives" v-for="(item,index) in allList" :key="index" >
+										<a class="mui-navigate-right"  >
+											{{item.name}}
+											<h4 class='mui-pull-right'><span class="color4fc5f7">{{item.num2}}</span>/<span class="color4fc5f7">{{item.num1}}</span></h4>
 										</a>
 										<ul class="mui-table-view mui-table-view-chevron">
-											<li class="mui-table-view-cell">
-												<a class="mui-navigate-right" href="#">
+											<li class="mui-table-view-cell" v-for="(mod,index2) in item.list" :key="index2" >
+												<a class="mui-navigate-right" @click="viewDetail(mod)" :class="{'mui-navigate-right': mod.upLoad}">
 													<div class="mui-pull-left flew-items">
-														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-														<h4>郭麒麟</h4>
-														<span class="mui-icon iconfont icon-erweima1 color55f868"></span>
+														<div class="mui-media-object flew"><img v-if="mod.faceImageUrl!=null" :src="mod.faceImageUrl + '?x-oss-process=image/resize,m_fill,w_64'" width="50" /></div>
+														<h4  v-html="mod.name"></h4>
+														<span class="mui-icon iconfont icon-erweima1  " :style="'color:'+getGreenCodeColor(mod.healthyCode)"></span>
 													</div>
-													<div class="mui-pull-right color55f868">已上报</div>
-												</a>
-											</li>
-											<li class="mui-table-view-cell">
-												<a class="mui-navigate-right" href="#">
-													<div class="mui-pull-left flew-items">
-														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-														<h4>郭麒麟</h4>
-														<span class="mui-icon iconfont icon-erweima1 colorfe616c"></span>
-													</div>
-													<div class="mui-pull-right colorfe616c">未上报</div>
+													<div class="mui-pull-right color55f868" v-if="mod.upLoad">已上报</div>
+													<div class="mui-pull-right colorfe616c" v-if="!mod.upLoad">未上报</div>
+
 												</a>
 											</li>
+
 										</ul>
 									</li>
+
 								</ul>
 							</div>
 						</div>
 					</div>
-					<div id="item2mobile" class="mui-slider-item mui-control-content mui-active">
-						<div id="scroll1" class="mui-scroll-wrapper">
-							<div class="mui-scroll vongi-yctj-list vongi-archives">
-								<ul class="mui-table-view mui-table-view-chevron vongi-zcjlu">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-												<h4>郭麒麟</h4>
-											</div>
-											<div class="mui-pull-right color55f868">已上报</div>
-										</a>
-									</li>
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-												<h4>郭麒麟</h4>
-											</div>
-											<div class="mui-pull-right color55f868">已上报</div>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item3mobile" class="mui-slider-item mui-control-content mui-active">
-						<div id="scroll1" class="mui-scroll-wrapper">
-							<div class="mui-scroll vongi-yctj-list vongi-archives">
-								<ul class="mui-table-view mui-table-view-chevron vongi-zcjlu">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-												<h4>郭麒麟</h4>
-											</div>
-											<div class="mui-pull-right colorfe616c">未上报</div>
-										</a>
-									</li>
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
-												<h4>郭麒麟</h4>
-											</div>
-											<div class="mui-pull-right colorfe616c">未上报</div>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
+
+
 				</div>
 			</div>
 		</div>
+	<loading :visible="isLoading"></loading>
+
 </div>
+
 </template>
 
+
 <script>
+	require('$project/assets/js/mui.picker.min.js');
+	import * as API_ControlHealth from '@/apis/HouseKeeper/control/health'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HouseKeeperControlHealthWorker',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '职工台账列表',
+
+				rightLink: {
+					show: true,
+					icon: 'icon-tongji',
+					style: 'font-size:12px',
+					title: '健康统计'
+				},
+				id: '',
+				detail: [],
+				curDate: '',
+				isLoading: false,
+				jsonList: [],
+				allList: [],
+				allCount: 0,
+
+				undoCount: 0,
+
+				doneCount: 0,
+				selectedIndex: 0,
+				setinput: "",
+				listForm: {
+					pageSize: 500,
+					pageIndex: 1,
+					totalPage: 1,
+					pageIndex1: 1,
+					totalPage1: 1,
+					pageIndex2: 1,
+					totalPage2: 1,
+				},
+
+				statList: [],
+			}
+		},
+		created() {
+			this.curDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+		},
+		methods: {
+			ckSelectedIndex(num) {
+				this.selectedIndex = num;
+				var allList = [];
+
+
+				var map = new Map();
+				for (var i in this.jsonList) {
+					var mod = this.jsonList[i];
+
+					if (num == 0) {
+
+					} else if (num == 1 && !mod.upLoad) {
+						continue;
+					} else if (num == 2 && mod.upLoad) {
+						continue;
+					}
+
+					var key = "(未分组)";
+					if (mod.teacherInfo == null) {
+
+					} else {
+						key = mod.teacherInfo.jobType;
+					}
+
+					if (map.get(key) == null) {
+						var arr = [];
+						map.set(key, arr);
+					}
+					map.get(key).push(mod);
+				}
+
+				map.forEach(function(value, key) {
+					var num1 = value.length;
+					var num2 = 0;
+					for (var i in value) {
+						var le = value[i];
+						if (le.upLoad) {
+							num2++;
+
+						} else {
+
+						}
+					}
+					var mod = {
+						name: key,
+						list: value,
+						num1: num1,
+						num2: num2
+					};
+					allList.push(mod);
+				});
+				this.allList = allList;
+			},
+			searchK() {
+				var inp = this.setinput;
+				this.allList = [];
+				this.queryList();
+			},
+			async queryList() {
+				this.isLoading = true;
+				await this.pageList('', this.listForm.pageIndex).then(page => {
+
+
+					var map = new Map();
+					for (var i in page.data) {
+						var mod = page.data[i];
+						var key = "(未分组)";
+						if (mod.teacherInfo == null) {
+
+						} else {
+							key = mod.teacherInfo.jobType;
+						}
+
+						if (map.get(key) == null) {
+							var arr = [];
+							map.set(key, arr);
+						}
+						map.get(key).push(mod);
+					}
+					var self = this;
+					this.jsonList = page.data;
+					var allList = self.allList = [];
+					self.allCount = page.data.length;
+					var doneCount = 0;
+					var undoCount = 0;
+					map.forEach(function(value, key) {
+						var num1 = value.length;
+						var num2 = 0;
+						for (var i in value) {
+							var le = value[i];
+							if (le.upLoad) {
+								num2++;
+								doneCount++;
+							} else {
+								undoCount++;
+							}
+						}
+						var mod = {
+							name: key,
+							list: value,
+							num1: num1,
+							num2: num2
+						};
+						allList.push(mod);
+					});
+					self.doneCount = doneCount;
+					self.undoCount = undoCount;
+
+					//this.allCount = page.recordsTotal;
+					this.listForm.pageIndex = page.pageNumber;
+					this.listForm.totalPage = page.totalPage;
+				});
+
+
+				this.isLoading = false;
+			},
+			selectDate() {
+				var dtPicker = new mui.DtPicker({
+					type: 'date'
+				});
+
+				dtPicker.show((selectItems) => {
+					var year = selectItems.y.value;
+					var month = selectItems.m.value;
+					var day = selectItems.d.value;
+
+					this.curDate = year + "-" + month + "-" + day;
+
+					this.queryList();
+				});
+			},
+			pageList(status, index) {
+				return API_ControlHealth.workerPageList({
+					setinput: this.setinput,
+					companyId: this.company_data.id,
+					queryDate: this.curDate,
+					status: status,
+					pageIndex: index,
+					pageSize: 500
+				});
+			},
+			viewDetail(item) {
+				if (item.upLoad) {
+					this.$router.push({
+						name: 'HouseKeeperControlHealthWorkerInfo',
+						query: {
+							id: item.personHealthLedgerId
+						}
+					})
+				}
+			},
+			//获取健康码颜色值
+			getGreenCodeColor(healthyCode) {
+				var healthyCode = healthyCode || '11';
+				var color = {
+					"00": '#09ae47',
+					"01": '#e5aa37',
+					"10": '#fe616c',
+					"11": '#C0C0C0'
+				}
+				return color[healthyCode];
+			},
+
+			//判断状态
+			getCodeStatusName(code) {
+				if (code == '00') {
+					return '绿码';
+				} else if (code == '01') {
+					return '黄码';
+				} else if (code == '10') {
+					return '红码';
+				} else if (code == '11') {
+					return '灰码';
+				} else {
+					return '无码';
+				}
+			},
+			//获取绿码统计数据
+			getHealthyCodeStat() {
+				this.isLoading = true;
+				API_ControlHealth.getHealthyCodeStat(this.company_data.id,'3').then(response => {
+					this.isLoading = false;
+					this.statList = response;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},asynCallBack(){},
+		},
+		mounted() {
+			//获取列表
+			this.queryList();
+			//获取绿码统计数据
+			this.getHealthyCodeStat();
+			//document.getElementById('app').style.height = '100%';
+
+		},
+
+
+		destroyed() {
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				company_data: 'company_data',
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style scoped src="$project/assets/css/sczpfyy.css"></style>
 <style scoped src="$project/assets/css/wallfyy.css"></style>
 <style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+
 <style>
 </style>

src/projects/business/views/HouseKeeper/Control/Health/WorkerInfo.vue

@@ -1,9 +1,9 @@
 <template>
 <div>
-    <header class="mui-bar mui-bar-nav">
-				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-				<h1 class="mui-title">详情</h1>
-			</header>
+	<common @asynCallBack="asynCallBack"></common>
+	<top-header :pageTitle="pageTitle"></top-header>
+
+
 			<div class="mui-content vongi-qingjiadt">
 				<div class="mui-content-padded">
 					<h5>个人信息</h5>
@@ -11,23 +11,24 @@
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>姓名</label>
-						<span>王后雄</span>
+						<span  v-html="detail.name">王后雄</span>
 					</div>
 					<div class="mui-input-row">
 						<label>手机号</label>
-						<span>18600112233</span>
+						<span v-html="detail.phone"> </span>
 					</div>
 					<div class="mui-input-row">
-						<label>工号</label>
-						<span>0011223</span>
+						<label>公司名称</label>
+						<span   v-html="detail.companyName"></span>
 					</div>
 					<div class="mui-input-row">
-						<label>学校名称</label>
-						<span>湖北荆鹏软件集团有限公司</span>
+						<label>工号</label>
+						<span> </span>
 					</div>
+
 					<div class="mui-input-row">
 						<label>岗位</label>
-						<span>软件工程师</span>
+						<span> </span>
 					</div>
 
 				</form>
@@ -37,54 +38,119 @@
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label style="width:50%">自身健康情况</label>
-						<span>其他</span>
+						<span v-html="detail.personHealthLedger.healthStatusN"> </span>
 					</div>
 					<div class="mui-input-row">
 						<label>今日体温</label>
-						<span>36.3°C</span>
+						<span  v-html="detail.personHealthLedger.temperature+'°C'">36.3</span>
 					</div>
 					<div class="mui-input-row">
 						<label>其他情况</label>
-						<span>无</span>
+<!--						<span>无</span>-->
+						<textarea class="mui-input-textarea" readonly v-html="detail.personHealthLedger.healthRemark"></textarea>
+
 					</div>
 					<div class="mui-input-row">
 						<label style="width:70%">家庭成员身体健康情况</label>
-						<span>健康</span>
+						<span v-html="detail.personHealthLedger.familyStatusN">健康</span>
 					</div>
 					<div class="mui-input-row">
 						<label style="width:50%">家庭成员健康码</label>
 						<span class="vongi-yddk-dat-photo">
 							<div class="flew">
-								<div class="mui-col-xs-3">
-									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
-								</div>
-								<div class="mui-col-xs-3">
-									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
-								</div>
-								<div class="mui-col-xs-3">
-									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
-								</div>
-								<div class="mui-col-xs-3">
-									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
+								<div class="mui-col-xs-3" v-for="(code,index) in detail.personHealthLedger.familyGreenCode.split(',')">
+									<img :src="code+ '?x-oss-process=image/resize,m_fill,w_128,h_128'" width="100%"/>
 								</div>
 							</div>							
 						</span>
 					</div>
 					<div class="mui-input-row">
-						<label style="width:70%">假期是否曾前往重点疫区</label>
+						<label style="width:70%" v-html="detail.personHealthLedger.isGoto?'是':'否'">假期是否曾前往重点疫区</label>
 						<span>否</span>
 					</div>
 					<div class="mui-input-row">
-						<label style="width:70%">是否接触重点疫区高危人群</label>
+						<label style="width:70%" v-html="detail.personHealthLedger.isTouch?'是':'否'">是否接触重点疫区高危人群</label>
 						<span>否</span>
 					</div>
 				</form>
 
 			</div>
+	<loading :visible="isLoading"></loading>
+
 </div>
 </template>
 
+
 <script>
+ 	import * as API_ControlHealth from '@/apis/HouseKeeper/control/health'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HouseKeeperControlHealthWorkerInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '职工台账详情',
+
+				id: '',
+				detail: {
+					personHealthLedger :{
+						healthStatusN:null,
+						familyGreenCode:""
+					}
+				},
+				isLoading: false,
+			}
+		},
+		created() {
+			this.id = this.$route.query.id;
+		},
+		methods:  {
+			//获取详情
+			getDetail() {
+				this.isLoading = true;
+
+				API_ControlHealth.getDetail(this.id,'3').then(response => {
+					this.isLoading = false;
+
+					this.detail = response;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},asynCallBack(){},
+		},
+		mounted() {
+			this.getDetail();
+
+		},
+
+
+		destroyed() {
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				company_data: 'company_data',
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>