|
|
@@ -170,36 +170,43 @@ if(!$contentData) {
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_no_health_concern'" v-model="item.general_no_health_concern"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_no_health_concern'" v-model="item.general_no_health_concern"></div>
|
|
|
<span class="ml-2">No Health Concern</span>
|
|
|
+ <a href="#" v-show="item.general_no_health_concern" v-on:click.prevent="clearValue(item, 'general_no_health_concern')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_arthritis'" v-model="item.general_arthritis"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_arthritis'" v-model="item.general_arthritis"></div>
|
|
|
<span class="ml-2">Arthritis</span>
|
|
|
+ <a href="#" v-show="item.general_arthritis" v-on:click.prevent="clearValue(item, 'general_arthritis')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_asthma'" v-model="item.general_asthma"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_asthma'" v-model="item.general_asthma"></div>
|
|
|
<span class="ml-2">Asthma</span>
|
|
|
+ <a href="#" v-show="item.general_asthma" v-on:click.prevent="clearValue(item, 'general_asthma')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_bleeding_disorder'" v-model="item.general_bleeding_disorder"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_bleeding_disorder'" v-model="item.general_bleeding_disorder"></div>
|
|
|
<span class="ml-2">Bleeding Disorder</span>
|
|
|
+ <a href="#" v-show="item.general_bleeding_disorder" v-on:click.prevent="clearValue(item, 'general_bleeding_disorder')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_cad_lt_age_55'" v-model="item.general_cad_lt_age_55"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_cad_lt_age_55'" v-model="item.general_cad_lt_age_55"></div>
|
|
|
<span class="ml-2">CAD < age 55</span>
|
|
|
+ <a href="#" v-show="item.general_cad_lt_age_55" v-on:click.prevent="clearValue(item, 'general_cad_lt_age_55')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_copd'" v-model="item.general_copd"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_copd'" v-model="item.general_copd"></div>
|
|
|
<span class="ml-2">COPD</span>
|
|
|
+ <a href="#" v-show="item.general_copd" v-on:click.prevent="clearValue(item, 'general_copd')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_diabetes'" v-model="item.general_diabetes"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_diabetes'" v-model="item.general_diabetes"></div>
|
|
|
<span class="ml-2">Diabetes</span>
|
|
|
+ <a href="#" v-show="item.general_diabetes" v-on:click.prevent="clearValue(item, 'general_diabetes')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
@@ -207,36 +214,43 @@ if(!$contentData) {
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_heart_attack'" v-model="item.general_heart_attack"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_heart_attack'" v-model="item.general_heart_attack"></div>
|
|
|
<span class="ml-2">Heart Attack</span>
|
|
|
+ <a href="#" v-show="item.general_heart_attack" v-on:click.prevent="clearValue(item, 'general_heart_attack')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_heart_disease'" v-model="item.general_heart_disease"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_heart_disease'" v-model="item.general_heart_disease"></div>
|
|
|
<span class="ml-2">Heart Disease</span>
|
|
|
+ <a href="#" v-show="item.general_heart_disease" v-on:click.prevent="clearValue(item, 'general_heart_disease')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_high_cholesterol'" v-model="item.general_high_cholesterol"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_high_cholesterol'" v-model="item.general_high_cholesterol"></div>
|
|
|
<span class="ml-2">High Cholesterol</span>
|
|
|
+ <a href="#" v-show="item.general_high_cholesterol" v-on:click.prevent="clearValue(item, 'general_high_cholesterol')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_hypertension'" v-model="item.general_hypertension"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_hypertension'" v-model="item.general_hypertension"></div>
|
|
|
<span class="ml-2">Hypertension</span>
|
|
|
+ <a href="#" v-show="item.general_hypertension" v-on:click.prevent="clearValue(item, 'general_hypertension')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_mental_illness'" v-model="item.general_mental_illness"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_mental_illness'" v-model="item.general_mental_illness"></div>
|
|
|
<span class="ml-2">Mental Illness</span>
|
|
|
+ <a href="#" v-show="item.general_mental_illness" v-on:click.prevent="clearValue(item, 'general_mental_illness')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_osteoporosis'" v-model="item.general_osteoporosis"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_osteoporosis'" v-model="item.general_osteoporosis"></div>
|
|
|
<span class="ml-2">Osteoporosis</span>
|
|
|
+ <a href="#" v-show="item.general_osteoporosis" v-on:click.prevent="clearValue(item, 'general_osteoporosis')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_stroke'" v-model="item.general_stroke"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_stroke'" v-model="item.general_stroke"></div>
|
|
|
<span class="ml-2">Stroke</span>
|
|
|
+ <a href="#" v-show="item.general_stroke" v-on:click.prevent="clearValue(item, 'general_stroke')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
@@ -244,26 +258,31 @@ if(!$contentData) {
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_breast_ca'" v-model="item.cancer_breast_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_breast_ca'" v-model="item.cancer_breast_ca"></div>
|
|
|
<span class="ml-2">Breast CA</span>
|
|
|
+ <a href="#" v-show="item.cancer_breast_ca" v-on:click.prevent="clearValue(item, 'cancer_breast_ca')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_colon_ca'" v-model="item.cancer_colon_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_colon_ca'" v-model="item.cancer_colon_ca"></div>
|
|
|
<span class="ml-2">Colon CA</span>
|
|
|
+ <a href="#" v-show="item.cancer_colon_ca" v-on:click.prevent="clearValue(item, 'cancer_colon_ca')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_other_ca'" v-model="item.cancer_other_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_other_ca'" v-model="item.cancer_other_ca"></div>
|
|
|
<span class="ml-2">Other CA</span>
|
|
|
+ <a href="#" v-show="item.cancer_other_ca" v-on:click.prevent="clearValue(item, 'cancer_other_ca')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_ovarian_ca'" v-model="item.cancer_ovarian_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_ovarian_ca'" v-model="item.cancer_ovarian_ca"></div>
|
|
|
<span class="ml-2">Ovarian CA</span>
|
|
|
+ <a href="#" v-show="item.cancer_ovarian_ca" v-on:click.prevent="clearValue(item, 'cancer_ovarian_ca')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_uterine_ca'" v-model="item.cancer_uterine_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_uterine_ca'" v-model="item.cancer_uterine_ca"></div>
|
|
|
<span class="ml-2">Uterine CA</span>
|
|
|
+ <a href="#" v-show="item.cancer_uterine_ca" v-on:click.prevent="clearValue(item, 'cancer_uterine_ca')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -328,6 +347,14 @@ if(!$contentData) {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
+ clearValue: function(_item, _key) {
|
|
|
+ _item[_key] = null;
|
|
|
+ Vue.nextTick(function() {
|
|
|
+ $('#edit-univ_history_family-container').find('textarea').first().trigger('input');
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
addItem: function() {
|
|
|
this.items.push({
|
|
|
relationship: '',
|
