vue tab 点击请求方法
页面：
<Tabs value="name1" style="width: 100%;height: 900px;" @on-click="getinfo1">
<Tab-Pane label="一般情况" name="name1">
#parse("report/EventReportInfo.html")
</Tab-Pane>
<Tab-Pane label="事件类别" name="name2">
#parse("report/EventReportCategory.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType!=14" label="事件详情" name="name3">
#parse("report/EventReportDetail.html")
</Tab-Pane>
<Tab-Pane label="事件发生时患者生命体征" name="name4">
#parse("report/EventReportVital.html")
</Tab-Pane>
<Tab-Pane label="患者情况" name="name5">
#parse("report/EventReportPatient.html")
</Tab-Pane>
<Tab-Pane label="现场情况" name="name6">
#parse("report/EventReportScene.html")
</Tab-Pane> <Tab-Pane label="当事人情况" name="name7">
#parse("report/EventReportLitigant.html")
</Tab-Pane>
<Tab-Pane label="级别损害" name="name8">
#parse("report/EventReportLevel.html")
</Tab-Pane>
<Tab-Pane label="其他信息" name="name9">
#parse("report/EventReportOther.html")
</Tab-Pane>
<Tab-Pane label="报告者信息" name="name10">
#parse("report/EventReportReport.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==04||info.adverseType==06" label="药品信息" name="name11">
#parse("report/EventReportDrug.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==05||info.adverseType==04||info.adverseType==06" label="生理反应" name="name12">
#parse("report/EventReportPhysiology.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==06" label="既往重要信息" name="name13">
#parse("report/EventReportImportant.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==06" label="药师评价与分析" name="name20">
#parse("report/EventReportApothecary.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==06" label="医师评价与分析" name="name21">
#parse("report/EventReportPhysician.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==07" label="护理事件" name="name14">
#parse("report/EventReportNurse.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==08" label="标本采集" name="name15">
#parse("report/EventReportSpecimen.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==09" label="功能检查" name="name16">
#parse("report/EventReportFunction.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==10" label="医学影像" name="name17">
#parse("report/EventReportEffect.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==11" label="放射安全" name="name18">
#parse("report/EventReportRadiation.html")
</Tab-Pane>
<Tab-Pane v-if="info.adverseType==13" label="医疗器械事件" name="name19">
#parse("report/EventReportApparatus.html")
</Tab-Pane>
</Tabs>
js方法：
//点击查询
getinfo1:function(name){
if(vm.info.id!=null){
var id = vm.info.id;
var adverseType = vm.info.adverseType;
if(name =='name1'){
Ajax.request({
url: "../adverse/adverseinfo/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.adverseInfo;
}
});
}else if(name=='name2'){
Ajax.request({
url: "../adverse/adversecategory/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.adverseCategory;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name3'){
Ajax.request({
url: "../adverse/detail/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.detail;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name4'){
Ajax.request({
url: "../adverse/vital/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.vital;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name5'){
Ajax.request({
url: "../adverse/patient/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.patient;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name6'){
Ajax.request({
url: "../adverse/scene/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.scene;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name7'){
Ajax.request({
url: "../adverse/litigant/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.litigant;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name8'){
Ajax.request({
url: "../adverse/level/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.level;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name9'){
Ajax.request({
url: "../adverse/other/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.other;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name10'){
Ajax.request({
url: "../adverse/report/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.report;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name11'){
Ajax.request({
url: "../adverse/drugs/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.drugs;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name12'){
Ajax.request({
url: "../adverse/physiology/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.physiology;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name13'){
Ajax.request({
url: "../adverse/important/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.important;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name14'||name=='name15'||name=='name16'||name=='name17'||name=='name18'){
Ajax.request({
url: "../adverse/nurse/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.nurse;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name19'){
Ajax.request({
url: "../adverse/apparatus/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.apparatus;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name20'){
Ajax.request({
url: "../adverse/apothecary/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.apothecary;
vm.info.adverseType = adverseType;
}
});
}else if(name=='name21'){
Ajax.request({
url: "../adverse/physician/info/"+id,
async: true,
successCallback: function (r) {
vm.info = r.physician;
vm.info.adverseType = adverseType;
}
});
}
}
},
vue tab 点击请求方法的更多相关文章
- Vue之优化封装请求方法
Vue之优化封装请求方法 对于代码中的请求操作 1.接口请求可能需要重用 2.实际工作中,接口非常容易变动, 改起来很麻烦! 我们建议的做法是把所有的请求都封装成函数然后统一的>###组织到模块 ...
- 设置TabWidget的样式的方法、关联Fragment与tabwidget的方法、点击tab显示相应Fragment方法
private void updateTabHost(TabHost tabHost) { int count = tabHost.getTabWidget().getChildCount(); ; ...
- axios的post请求方法---以Vue示例
Axios向后端提交数据的参数格式是json,而并非用的是form传参,post表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使 ...
- vue 使用 axios 时 post 请求方法传参无法发送至后台
axios 时 post 请求方法传参无法发送至后台报错如下 Response to preflight request doesn't pass access control check: No ' ...
- HTTP协议扫盲（二）HTTP协议的请求方法、请求头和响应头
一.HTTP请求方法 Http协议定义了很多与服务器交互的方法,最基本的有4种,分别是GET,POST,PUT,DELETE. 一个URL地址用于描述一个网络上的资源,而HTTP中的GET, POST ...
- vue 如何点击按钮返回上一页
1,vue 如何点击按钮返回上一页呢? 这是vue挂载的范围html代码 <div @click="goOff()">返回</div> 下面是点击返回的方法 ...
- CSS实现导航条Tab的三种方法
前面的话 导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局 根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成.要实现上图所示的布 ...
- AJAX（XMLHttpRequest）进行跨域请求方法详解（一）
注意:以下代码请在Firefox 3.5.Chrome 3.0.Safari 4之后的版本中进行测试.IE8的实现方法与其他浏览不同. 跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站 ...
- Ajax请求（二）--JQuery的Ajax请求方法
JQuery库的Ajax请求的几种方法: 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. 参数含义: url (String ...
随机推荐
- Linux下挂载新磁盘
Linux的硬盘识别: 一般使用”fdisk -l”命令可以列出系统中当前连接的硬盘 设备和分区信息.新硬盘没有分区信息,则只显示硬盘大小信息. 1.关闭服务器加上新硬盘 2.启动服务器,以r ...
- buf.writeIntBE()函数详解
buf.writeIntBE(value, offset, byteLength[, noAssert]) buf.writeIntLE(value, offset, byteLength[, noA ...
- 长久不用的mysql报错ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)
mac上安装过mysql: 然而,尝试连接时报错: $ mysql -u root -p Enter password: ERROR 2002 (HY000): Can't connect to lo ...
- day21 01 包的初识
day21 01包的初识 包:把解决一类问题的模块放在同一个文件夹里面-----包(一个包里面通常会含有_init_.py文件(python2里面必须有),但是后面的就没有要求一定要有了) 同样导入的 ...
- sql学习笔记：表的运算
在MICK的<SQL基础教程>里读到的一章,写的很好,之前很乱的思路变清晰了很多.简单来说,表的运算主要是两种:列的运算和行的运算. 表的加减法 这里是对表的列操作(向下扩展).因此,按照 ...
- C语言之自定义__DATE__与__TIME__
/******************************************************************* * > File Name: 05-ymd.c * &g ...
- [bzoj4300][绝世好题] (动规)
Description 给定一个长度为n的数列ai,求ai的子序列bi的最长长度,满足bi&bi-1!=0(2<=i<=len). Input 输入文件共2行. 第一行包括一个整数 ...
- saltstack(三) grains、pillar的使用
一,grains grains: 这个跟puppet的facter功能一样.主要负责采集客户端一些基本信息, 这个也完全可以自定义,可以在客户端自定义,然后自动汇报上来:也可以从服务器端定义然后推下去 ...
- nyoj 1112 求次数(map, set)
求次数 时间限制:1000 ms | 内存限制:65535 KB 难度:2 描述 题意很简单,给一个数n 以及一个字符串str,区间[i,i+n-1] 为一个新的字符串,i 属于[0,strl ...
- noip模拟赛 蒜头君的排序
分析:其实就是求m个区间的逆序对个数,题目真的是明摆着让我们用莫队算法,套用树状数组就可以了. 具体怎么转移呢?如果移动R,那么对区间[l,r]有影响的是R左边的元素,我们只需要看有多少在R左边比a[ ...