就医记录/就医表单/就医编辑

src/assets/css/pension.css

@@ -1,3 +1,6 @@
+.pink{
+	color:#FF9474
+}
 .block-yellow {
 	background: #FFB100
 }

src/assets/css/xpwyfyy.css

@@ -39,7 +39,9 @@ body {
 .color-yellow {
 	color: #fe616c/*红*/
 }
-
+.colorFF7100/*投票橙*/{
+	color:#FF7100
+}
 .color-bule {
 	color: #375cf5
 }
@@ -88,6 +90,11 @@ body {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     }
+.mui-btn-warninge{
+	color: #fff;
+    border: 1px solid #FF7100;
+    background-color: #FF7100;
+}
 .inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.color4fc5f7 {
 	border: 1px #4fc5f7 solid;
 }
@@ -3289,3 +3296,111 @@ h3 {
 	width:100%;
 	min-height: 100%;
 }
+.vongi-sqtpdat-name{
+	background:#ffffff
+}
+.vongi-sqtpdat-name h4{
+	background:#eee;
+	padding:10px;
+	font-size:18px
+}
+
+.vongi-sqtpdat-name p{
+	padding:10px;
+	font-size:14px;
+	color:#101010
+}
+
+.vongi-sqtpdat-time{
+	background:#3385FF;
+	color:#ffffff;
+	text-align: center;
+	padding:8px 10px;
+	border-radius: 3px;
+}
+.vongi-sqtpdat .mui-grid-view li{
+	color:#ffffff;
+	line-height: 1.5;
+	font-weight: bold;
+}
+.vongi-sqtpdat .vongi-xzdw-search input{
+	background:#3385FF;
+	color:rgba(255,255,255,0.5);
+	padding-left:15px;
+	border-radius: 17px;
+}
+.vongi-sqtpdat .vongi-xzdw-search input::-moz-placeholder{
+	color:rgba(255,255,255,0.5);
+	opacity: 1;
+}
+.vongi-sqtpdat .vongi-xzdw-search input::-webkit-input-placeholder{
+	color:rgba(255,255,255,0.5);
+	opacity: 1;
+}
+.vongi-sqtpdat .fyy-slider .mui-table-view-cell{
+	padding:10px 40px;
+	border-bottom:1px #eee solid;
+	border-right:1px #eee solid;
+}
+.vongi-sqtpdat .fyy-slider .mui-table-view-cell:nth-child(2){
+	border-right:0
+}
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell .mui-media-object{
+	height:130px;
+	border-radius: initial;
+}
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell .mui-media-body,
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell b{
+	text-align: center;
+	display: block;
+	line-height: 1.5;
+}
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell button{
+	position:initial;
+	transform:initial;
+	-webkit-transform:initial;
+	width:100%;
+	border-radius: 16px;
+	margin:5px 0
+}
+.vongi-sqtpdat-slider{
+	padding:0 10px;
+	margin-bottom:15px
+}
+.vongi-sqtpdat-slider .mui-slider-group{
+	display: initial;
+	
+}
+.vongi-sqtpdat-slider .mui-slider-group .mui-slider-item{
+	background:#ffffff
+}
+.vongi-sqtpdat .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
+	color:#3385FF
+}
+.vongi-sqtpdat-name .fyy-scon-det{
+	color:#101010
+}
+.vongi-sqtpdat-name .fyy-scon-top{
+	padding:10px
+}
+.vongi-jy-list{
+	padding:10px;
+	background:#ffffff;
+}
+.vongi-center{
+	text-align: center;
+}
+.vongi-jy-ul li span{
+	position:absolute;
+	right:35px;
+	top:50%;
+	margin-top:-10px;
+	color:#666
+}
+.vongi-jy-ul{
+	margin-top:10px
+}
+.vongi-jy-ul.mui-table-view:before,
+.vongi-jy-ul.mui-table-view:after{
+	background:0
+}

src/projects/pension/views/Master/Hospital/Archives.vue

@@ -1,8 +1,61 @@
 <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 margin60">
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>头像</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							<img src="~$project/assets/img/audit1.png" /> 
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>姓名</label>
+						<span>郭源潮</span>
+					</div>
+					<div class="mui-input-row">
+						<label>性别</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							保密
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>出生年月</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							2020-10-27
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4>过敏药品</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请输入过敏药品"></textarea>
+				</div>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4>已有病史</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请输入已有病史"></textarea>
+				</div>
+			</div>
+
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-pink ">保  存</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/pension.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/pension/views/Master/Hospital/Form.vue

@@ -1,8 +1,98 @@
 <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 margin60">
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>就医医院</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写医院名称">
+					</div>
+					<div class="mui-input-row">
+						<label>就医时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							2020-10-27
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4>病因</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请填写病因"></textarea>
+				</div>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4>就医结果</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请填写就医结果"></textarea>
+				</div>
+			</div>
+			<div class="vongi-wordcard vongi-meform-pho mui-content-padded">
+				<h4>结果图片记录</h4>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close">
+						<img src="~$project/assets/img/zhaop.jpg" />
+						<a class="mui-icon mui-icon-closeempty" href=""></a>
+					</div>
+					<div class="mui-col-xs-3">
+						<a><span class="mui-icon mui-icon-camera"></span></a>
+					</div>
+				</div>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4>使用药品</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请填写使用药品"></textarea>
+				</div>
+			</div>
+			<div class="vongi-wordcard vongi-meform-pho mui-content-padded">
+				<h4>药品图片记录</h4>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close">
+						<img src="~$project/assets/img/zhaop.jpg" />
+						<a class="mui-icon mui-icon-closeempty" href=""></a>
+					</div>
+					<div class="mui-col-xs-3">
+						<a><span class="mui-icon mui-icon-camera"></span></a>
+					</div>
+				</div>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>诊疗费用</label>
+						<span>0 元</span>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-wordcard vongi-meform-pho mui-content-padded">
+				<h4>诊疗费用图</h4>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close">
+						<img src="~$project/assets/img/zhaop.jpg" />
+						<a class="mui-icon mui-icon-closeempty" href=""></a>
+					</div>
+					<div class="mui-col-xs-3">
+						<a><span class="mui-icon mui-icon-camera"></span></a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-pink ">保  存</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/pension.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/pension/views/Master/Hospital/Home.vue

@@ -1,8 +1,59 @@
 <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 margin60">
+			<div class="vongi-jy-list flew-sp">
+				<div class="vongi-wordcard flew-items">
+					<div class="mui-media-object mui-pull-left "><img src="~$project/assets/img/03.jpg" width="50" /></div>
+					<div class="mui-media-body">
+						<h3>赵双龙</h3>
+						<p class='mui-ellipsis mui-h4'>46岁 · 男</p>
+					</div>
+				</div>
+				<div class="vongi-center">
+					<span class="iconfont icon-xinbaniconshangchuan- pink"></span>
+					<div class="mui-media-body mui-h5">编辑</div>
+				</div>
+			</div>
+			<!--<div class="vongi-examineInfo vongi-center">
+				<img src="~$project/assets/img/no.png" width="40%" />
+				<p>暂无就医记录</p>
+			</div>-->
+			<ul class="mui-table-view vongi-jy-ul">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-media-body">
+							2020-09-03
+							<h4 class='mui-ellipsis'>牙疼</h4>
+						</div>
+						<span>楚星口腔医院</span>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-media-body">
+							2020-09-03
+							<h4 class='mui-ellipsis'>牙疼</h4>
+						</div>
+						<span>楚星口腔医院</span>
+					</a>
+				</li>
+			</ul>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-pink ">新增就医记录</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/pension.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>