|
@ -0,0 +1,133 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title></title>
|
|
|
<link rel="stylesheet" href="../../../../css/bootstrap.min.css" />
|
|
|
<style type="text/css">
|
|
|
em{font-style: normal;}
|
|
|
.page_title{font-size: 18px;padding: 10px;margin-bottom: 0;text-align: center;}
|
|
|
.inline-container{font-size: 0;}
|
|
|
.row-inline-item{display: inline-block;margin-left: 20px;margin-top: 20px;}
|
|
|
.row-inline-item span{font-size: 14px;}
|
|
|
.form-control{display: inline-block;text-align: center;margin: 0 5px;width: 64px;border-radius: 0;padding: 2px 6px;line-height: 20px;height: 28px;}
|
|
|
.medication [class*='form-control']{margin: 0 30px 0 10px;}
|
|
|
.medication .row-inline-item{margin-top: 10px;}
|
|
|
.row-title{font-size: 14px;margin-left: 20px;color: #999;}
|
|
|
.form-control-90{width: 90px;}
|
|
|
.form-control-100{width: 100px;}
|
|
|
.form-control-120{width: 120px;}
|
|
|
.form-control-180{width: 180px;text-align: left;}
|
|
|
.form-control-220{width: 220px;text-align: left;}
|
|
|
.form-control-380{width: 380px;text-align: left;}
|
|
|
.red{color: #FF2222;margin-right: 3px;}
|
|
|
.disabled-input *{pointer-events: none;}
|
|
|
.slash{display: inline-block;width: 14.5px;text-align: center;}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<p class="page_title">4、生活方式指导</p>
|
|
|
<div class="inline-container medication disabled-input">
|
|
|
<div class="type-row">
|
|
|
<div class="row-title">
|
|
|
<div class="row-inline-item form-control-220">物品名称</div>
|
|
|
<div class="row-inline-item form-control-90">次剂量</div>
|
|
|
<div class="row-inline-item form-control-90">单位</div>
|
|
|
<div class="row-inline-item form-control-90">频次</div>
|
|
|
</div>
|
|
|
<div class="row-inline-item" v-for="list in evaluates">
|
|
|
<div v-if="list.company>=2">
|
|
|
<span><em v-if="list.require" class="red">*</em><em v-text="list.name">日吸烟量</em></span>
|
|
|
<span v-for="input in list.inputs">
|
|
|
<span v-if="input.type==3">
|
|
|
<input type="number" class="form-control" :class="input.class" :value="input.value" />
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
<span v-if="input.type==5">
|
|
|
<input type="text" class="form-control" :class="input.class" :value="input.value" />
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
<span v-else>
|
|
|
<select class="form-control" :class="input.class">
|
|
|
<option>请选择</option>
|
|
|
<option v-for="(name,index) in input.value" :selected="input.select==index" v-text="name"></option>
|
|
|
</select>
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<span><em v-if="list.require" class="red">*</em><em v-text="list.name"></em></span>
|
|
|
<span v-if="list.type==3">
|
|
|
<input type="number" step="1" min="0" class="form-control" :class="list.class" :value="list.value" />
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
<span v-if="list.type==4">
|
|
|
<input type="text" class="form-control" :class="list.class" :value="list.value" />
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
<span v-else>
|
|
|
<select class="form-control" :class="list.class">
|
|
|
<option>请选择</option>
|
|
|
<option v-for="(name,index) in list.value" :selected="input.select==index" v-text="name"></option>
|
|
|
</select>
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="type-row">
|
|
|
<div class="row-title">
|
|
|
<div class="row-inline-item form-control-220">胰岛素物品名称</div>
|
|
|
<div class="row-inline-item form-control-90">次剂量</div>
|
|
|
<div class="row-inline-item form-control-90">单位</div>
|
|
|
<div class="row-inline-item form-control-90">频次</div>
|
|
|
</div>
|
|
|
<div class="row-inline-item" v-for="list in insulinEvaluates">
|
|
|
<div v-if="list.company>=2">
|
|
|
<span><em v-if="list.require" class="red">*</em><em v-text="list.name">日吸烟量</em></span>
|
|
|
<span v-for="input in list.inputs">
|
|
|
<span v-if="input.type==3">
|
|
|
<input type="number" class="form-control" :class="input.class" :value="input.value" />
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
<span v-if="input.type==5">
|
|
|
<input type="text" class="form-control" :class="input.class" :value="input.value" />
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
<span v-else>
|
|
|
<select class="form-control" :class="input.class">
|
|
|
<option>请选择</option>
|
|
|
<option v-for="(name,index) in input.value" :selected="input.select==index" v-text="name"></option>
|
|
|
</select>
|
|
|
<span v-text="input.unit"></span>
|
|
|
</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
<span><em v-if="list.require" class="red">*</em><em v-text="list.name"></em></span>
|
|
|
<span v-if="list.type==3">
|
|
|
<input type="number" step="1" min="0" class="form-control" :class="list.class" :value="list.value" />
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
<span v-if="list.type==4">
|
|
|
<input type="text" class="form-control" :class="list.class" :value="list.value" />
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
<span v-else>
|
|
|
<select class="form-control" :class="list.class">
|
|
|
<option>请选择</option>
|
|
|
<option v-for="(name,index) in list.value" :selected="input.select==index" v-text="name"></option>
|
|
|
</select>
|
|
|
<span v-text="list.unit"></span>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript" src="../../../../js/vue.js" ></script>
|
|
|
<script type="text/javascript" src="js/medication.js" ></script>
|
|
|
</body>
|
|
|
</html>
|