页面:

 <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 点击请求方法的更多相关文章

  1. Vue之优化封装请求方法

    Vue之优化封装请求方法 对于代码中的请求操作 1.接口请求可能需要重用 2.实际工作中,接口非常容易变动, 改起来很麻烦! 我们建议的做法是把所有的请求都封装成函数然后统一的>###组织到模块 ...

  2. 设置TabWidget的样式的方法、关联Fragment与tabwidget的方法、点击tab显示相应Fragment方法

    private void updateTabHost(TabHost tabHost) { int count = tabHost.getTabWidget().getChildCount(); ; ...

  3. axios的post请求方法---以Vue示例

    Axios向后端提交数据的参数格式是json,而并非用的是form传参,post表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使 ...

  4. vue 使用 axios 时 post 请求方法传参无法发送至后台

    axios 时 post 请求方法传参无法发送至后台报错如下 Response to preflight request doesn't pass access control check: No ' ...

  5. HTTP协议扫盲(二)HTTP协议的请求方法、请求头和响应头

    一.HTTP请求方法 Http协议定义了很多与服务器交互的方法,最基本的有4种,分别是GET,POST,PUT,DELETE. 一个URL地址用于描述一个网络上的资源,而HTTP中的GET, POST ...

  6. vue 如何点击按钮返回上一页

    1,vue 如何点击按钮返回上一页呢? 这是vue挂载的范围html代码 <div @click="goOff()">返回</div> 下面是点击返回的方法 ...

  7. CSS实现导航条Tab的三种方法

    前面的话   导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局   根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成.要实现上图所示的布 ...

  8. AJAX(XMLHttpRequest)进行跨域请求方法详解(一)

    注意:以下代码请在Firefox 3.5.Chrome 3.0.Safari 4之后的版本中进行测试.IE8的实现方法与其他浏览不同. 跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站 ...

  9. Ajax请求(二)--JQuery的Ajax请求方法

    JQuery库的Ajax请求的几种方法: 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. 参数含义: url (String ...

随机推荐

  1. centos 7桌面和命令行转行

    CentOS7图形界面与命令行界面(终端)切换(1)CentOS7 在图形界面进入dos界面 :ctrl+alt+F6 dos界面进入图形界面:ctrl+alt+F2 本机用的这个命令: (2)Cen ...

  2. springcloud中feign接值问题

    很多时候使用feign都接收不到传过来的数据,一般情况如下! 如果是基本数据类型的话,使用@RequestParam @RequestMapping(value = "/selectDeta ...

  3. linux基础常用语句--新手

    查询:ls查看全部内容:ls -n删除:rm -rf 文件名创建目录: mkdir解压:rpm -验证是否安装:rpm -p 文件名rpm -ivh --nodeps 不需要前置条件的安装查询当前路径 ...

  4. 关于图片预览使用base64在chrome上的性能问题解决方法

    在开发后台上传图片的功能时候使用base64预览图片,结果在传入大量图片后导致chrome崩溃,代码如下 var img = new Image(); var render = new FileRea ...

  5. python3返回值中的none

    浏览器返回null,python3返回none,懵了. google了很多资料,不明就里,这就是没基础的后果啊呀呀呀. 上阮一峰的截图,就这么理解下凑合吧:

  6. 00 大王警语--be_a_new_gentleman

    大王博客:https://www.cnblogs.com/alex3714/ # 表面层次# 1,着装特体(服饰的牌子中高端)# 2,每天洗澡# 3,适当用香水# 4,女士优先# 5,不随地吐痰.不乱 ...

  7. 【Codeforces 476C】Dreamoon and Sums

    [链接] 我是链接,点我呀:) [题意] 让你求出所有x的和 其中 (x div b)是(x mod b)的倍数 且x mod b不等于0 且(x div b)除(x mod b)的值(假设为k),k ...

  8. Ural 1091 Tmutarakan Exams

    Tmutarakan Exams Time Limit: 1000ms Memory Limit: 16384KB This problem will be judged on Ural. Origi ...

  9. HDU 4451 容斥原理

    题目大意: n件衣服,m条裤子,k双鞋子进行搭配 妈妈指明了哪些衣服和裤子不能搭配,哪些裤子和鞋子不能搭配,问最后有几种搭配方法 先假设都能搭配 n*m*k 每次遇到衣服和裤子不能搭的,就要减一次k, ...

  10. [luoguP2949] [USACO09OPEN]工作调度Work Scheduling(贪心 + 优先队列)

    传送门 这个题类似于建筑抢修. 先按照时间排序. 如果当前时间小于任务截止时间就选, 否则,看看当前任务价值是否比已选的任务的最小价值大, 如果是,就替换. 可以用优先队列. ——代码 #includ ...