zouling
/
qianshanxm_ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<meta http-equv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="format-detection" content="telephone=no" />
		<title>潜山市核酸检测报告</title>
		<meta name="keywords" content="潜山市核酸检测报告">
		<meta name="description" content="潜山市核酸检测报告">
		<script src="static/js/vue.js"></script>
		<script type="text/javascript" src="static/js/vue-router.js"></script>
		<script src="static/js/index.js" type="text/javascript"></script>
		<script src="static/js/croods-1.3.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
		
		<script src="static/js/common.js"></script>
		<link href="static/css/common.css" rel="stylesheet" />
		<link href="static/css/style.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/theme-chalk/index.css">
		<style></style>
	</head>
	<body class="qcbox">
		<div id="appse">
			<header>
				<div class="quset">
					核酸检测报告
				</div>
			</header>
		</div>
		<div id="app">
			<el-table class="tabbox" :data="tableData" border style="width: 100%" height="100%"  :cell-style="rowStyle" :header-cell-style="rowStyle"  v-loading="loading">
				<el-table-column prop="xm" label="姓名" min-width="2.5">
				</el-table-column>
				<el-table-column prop="zjhm" label="身份证号码" min-width="2.5" :formatter="handleFormat">
				</el-table-column>
				<el-table-column prop="jcjg" label="检测结果" min-width="2.5" :formatter="jgFormat">
				</el-table-column>
				<el-table-column prop="cjsj" label="采集时间" min-width="2.5">
				</el-table-column>
			</el-table>
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: '#app',
				data: {
					base_url: 'https://qsfy.qs163.cn/prod-api',
					tableData: [],
					loading: false,
					lookflag:false,
					token:''
				},
				created() {

				},
				mounted() {
					var that=this;
					croods.customPlugin({
					    action: "UserPlugin.login", 
					    params: {},
					    success: function(res) {
							that.token=res.token;
							that.loading=true;
							that.getDataFn()
					    },
					    fail: function(msg) {
					    }
					});
				},
				methods: {
					getLook() {
						this.lookflag = !this.lookflag
					},
					jgFormat(row, column) {
						if(row.jcsj){
							if (row.jcjg == '1') {
								return '阳性';
							} else {
								return '阴性';
							}
						}else{
							return ''
						}
						
						
					},
					handleFormat(row) {
						if(row.zjhm){
							var param = row.zjhm;
							var strlen = param.length;
							if (strlen < 9) {
								return strlen;
							}
							return param.replace(/^(.{4})(?:\d+)(.{4})$/, "$1**********$2");
						}
						
					},
					rowStyle(row) {
						if (row.column.label == "检测结果" && row.row.jcjg== '1') {
						   return "color:#FF0000;text-align:center";
						}else{
							return "text-align:center"
						}
					},
					getDataFn() {
						var that = this;
						var params={
							token:that.token
						}
						$.ajax({
							url: this.base_url + '/boman-web-core/core/account/nucleicAcid/wanShiTongList',
							type: 'GET',
							data: params,
							dataType: 'json',
							success: function(res) {
								that.loading=false;
								if (res.code == 200) {
									that.tableData = res.data;
								} else {
									that.$message({
										message: res.msg,
										type: 'error',
										center: true,
									});
								}
							},
							fail:function(res){
								that.loading=false;
								that.$message({
									message: "网络请求错误",
									type: 'error',
									center: true,
								});
							}
						})
					},
				}
			})
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.backimg').click(function() {
					window.history.go(-1)
				})
			})
		</script>
	</body>
</html>