|
@ -2,8 +2,13 @@
|
|
<html>
|
|
<html>
|
|
<head>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="renderer" content="webkit">
|
|
|
|
<meta http-equiv="Cache-Control" content="no-siteapp">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
|
|
<title>用药情况</title>
|
|
<link rel="stylesheet" href="../../../../css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="../../../../css/bootstrap.min.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../../../plugins/toastr/toastr.min.css"/>
|
|
<style type="text/css">
|
|
<style type="text/css">
|
|
em{font-style: normal;}
|
|
em{font-style: normal;}
|
|
.page_title{font-size: 18px;padding: 10px;margin-bottom: 0;text-align: center;}
|
|
.page_title{font-size: 18px;padding: 10px;margin-bottom: 0;text-align: center;}
|
|
@ -11,123 +16,83 @@
|
|
.row-inline-item{display: inline-block;margin-left: 20px;margin-top: 20px;}
|
|
.row-inline-item{display: inline-block;margin-left: 20px;margin-top: 20px;}
|
|
.row-inline-item span{font-size: 14px;}
|
|
.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;}
|
|
.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;}
|
|
.medication .row-inline-item{margin-top: 10px;}
|
|
.row-title{font-size: 14px;margin-left: 20px;color: #999;}
|
|
.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;}
|
|
|
|
|
|
.w-110{width: 110px;}
|
|
|
|
.w-70{width: 70px;}
|
|
|
|
.w-290{width: 290px;text-align: left;}
|
|
|
|
.mr10{margin-right: 10px;}
|
|
|
|
.ml0{margin-left: 0px;}
|
|
.red{color: #FF2222;margin-right: 3px;}
|
|
.red{color: #FF2222;margin-right: 3px;}
|
|
.disabled-input *{pointer-events: none;}
|
|
|
|
|
|
.disabled-input{pointer-events: none;}
|
|
.slash{display: inline-block;width: 14.5px;text-align: center;}
|
|
.slash{display: inline-block;width: 14.5px;text-align: center;}
|
|
</style>
|
|
</style>
|
|
</head>
|
|
</head>
|
|
<body>
|
|
<body>
|
|
<div id="app">
|
|
<div id="app">
|
|
<p class="page_title">4、生活方式指导</p>
|
|
|
|
|
|
<p class="page_title">6、用药情况</p>
|
|
<div class="inline-container medication disabled-input">
|
|
<div class="inline-container medication disabled-input">
|
|
<div class="type-row">
|
|
|
|
|
|
<div class="row-inline-item">
|
|
|
|
<span class="mr10">服药依从性</span>
|
|
|
|
<select v-model="DRUG_COMPLIANCE_CODE" class="form-control w-110">
|
|
|
|
<option value="">请选择</option>
|
|
|
|
<option value="1">规律服药</option>
|
|
|
|
<option value="2">间断服药</option>
|
|
|
|
<option value="3">不服药</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div v-if="noInsulin.length>0" class="type-row">
|
|
<div class="row-title">
|
|
<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 class="row-inline-item w-290 ml0">药品名称</div>
|
|
|
|
<div class="row-inline-item w-70">次剂量</div>
|
|
|
|
<div class="row-inline-item w-110">单位</div>
|
|
|
|
<div class="row-inline-item w-110">频次</div>
|
|
</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 v-for="item in noInsulin" class="row-inline-item">
|
|
|
|
<input v-model="item.drugsName" type="text" class="form-control w-290 ml0"/>
|
|
|
|
<input v-model="item.dose" type="text" class="form-control w-70"/>
|
|
|
|
<select v-model="item.unit" class="form-control w-110">
|
|
|
|
<option value="">请选择</option>
|
|
|
|
<option v-for="item in unit_dict" :value="item.key" v-text="item.name"></option>
|
|
|
|
</select>
|
|
|
|
<select v-model="item.frequency" class="form-control w-110">
|
|
|
|
<option value="">请选择</option>
|
|
|
|
<option v-for="item in frequency_dict" :value="item.key" v-text="item.name"></option>
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="type-row">
|
|
|
|
|
|
<div v-else>暂无药品</div>
|
|
|
|
<div v-if="hasInsulin.length>0" class="type-row">
|
|
<div class="row-title">
|
|
<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 class="row-inline-item w-290 ml0">胰岛素药品名称</div>
|
|
|
|
<div class="row-inline-item w-70">次剂量</div>
|
|
|
|
<div class="row-inline-item w-110">单位</div>
|
|
|
|
<div class="row-inline-item w-110">频次</div>
|
|
</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 v-for="item in hasInsulin" class="row-inline-item">
|
|
|
|
<input v-model="item.drugsName" type="text" class="form-control w-290 ml0"/>
|
|
|
|
<input v-model="item.dose" type="text" class="form-control w-70"/>
|
|
|
|
<select v-model="item.unit" class="form-control w-110">
|
|
|
|
<option value="">请选择</option>
|
|
|
|
<option v-for="item in unit_dict" :value="item.key" v-text="item.name"></option>
|
|
|
|
</select>
|
|
|
|
<select v-model="item.frequency" class="form-control w-110">
|
|
|
|
<option value="">请选择</option>
|
|
|
|
<option v-for="item in frequency_dict" :value="item.key" v-text="item.name"></option>
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="../../../../js/vue.js" ></script>
|
|
|
|
|
|
<script type="text/javascript" src="../../../../js/vue.js"></script>
|
|
|
|
<script type="text/javascript" src="../../../../js/jquery-2.2.4.js" ></script>
|
|
|
|
<script src="../../../../js/es6-promise.js"></script>
|
|
|
|
<script src="../../../../plugins/toastr/toastr.min.js"></script>
|
|
|
|
<script src="../../../../js/util.js"></script>
|
|
|
|
<script src="../../../../api/http-request.js"></script>
|
|
|
|
<script src="../../../../api/record-api.js"></script>
|
|
|
|
<script src="js/recipe_frequency_dict.js"></script>
|
|
|
|
<script src="js/measure_unit_dict.js"></script>
|
|
<script type="text/javascript" src="js/medication.js" ></script>
|
|
<script type="text/javascript" src="js/medication.js" ></script>
|
|
</body>
|
|
</body>
|
|
</html>
|
|
</html>
|