vue的picker问题

发布于 2022-09-05 23:33:26 字数 3214 浏览 8 评论 0

<template>
  <div class="conatiner">
    <div style="background-color: #286090">
      <text class="title" style="height: 80px ;padding: 20px;color: white">分配添加</text>
    </div>
    <div @click="normalpick" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">选择试卷{{normalpickData}}</text></div>
    <div @click="normalpick1" style="margin: 20px;padding:20px;background-color:#1ba1e2;color:#fff;"><text style="color:#fff">选择答题人{{normalpickData1}}</text></div>
    
    <div class="button" @click="tianjia">
          <text class="text">添加</text>
  </div>
  </div>
</template>

<style>
  .container {
    flex: 1;
  }
</style>

<script>
  const picker = weex.requireModule('picker');
  var stream = weex.requireModule('stream');
  const modal = weex.requireModule('modal');
  
  module.exports = {
    data: {
      normalpickData:'',
      normalpickData1:'',
    },
    methods: {
      normalpick: function() {
        var self = this;
        picker.pick({
          height: '300px',
          items: [211,218],
        }, function(ret) {
          var result = ret.result;
          if (result == 'success') {
            self.normalpickData = ret.data;
          }
        })
      },
      normalpick1: function() {
        var self = this;
        picker.pick({
          height: '300px',
          items: [15,17,18],
        }, function(ret) {
          var result = ret.result;
          if (result == 'success') {
            self.normalpickData1 = ret.data;
          }
        })
      },
      tianjia(event){
        stream.fetch({
                    method:"POST",
                    type:'json',
                    url:'http://XXX.com/XXX/XXX',
                    headers:{'Content-Type':'application/x-www-form-urlencoded'},
                    body:this.toParams(
                            {
                                hospital_id:2,
                                department_id:16,
                                shijuan_id:this.normalpickData,
                                patient_id:this.normalpickData1,
                            })
                }, function(data) {
                    if(data.data.code!=0){
                        modal.toast({
                            'message': data.data.msg,
                            'duration': 2.0
                        })
                    }else{
                        modal.toast({
                            //message: JSON.stringify(data),
                            message: data.data.msg,
                            duration: 2.0
                        })
                    }
                },function(progress) {
                })
      },
      toParams(obj) {
        var param = ""
        for(const name in obj) {
            if(typeof obj[name] != 'function') {
                param += "&" + name + "=" + encodeURI(obj[name])
            }
        }
        return param.substring(1)
    },
    }
  }
</script>

这个选中的为何是下标,不是当前的值,我这个算是单页应用吧,如何进入当前页面触发一个函数,将查到的数据压入到items数组。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

江湖正好 2022-09-12 23:33:26

经过一天的挣扎,已解决

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文