mui-坑：1.vue内加载

最新推荐文章于 2024-07-29 11:53:27 发布

Qian_v1

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量1.2k

点赞数

分类专栏： mui 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Qian_v1/article/details/123556237

版权

mui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.vue加载

  watch: {
             //页面渲染完毕后初始化第三方插件
             data: function(newQuestion, oldQuestion) {
                 this.$nextTick(function() {
                     this.initPlugins()
                 })
             }
         },
         created: function () {
             window.initDataDict(()=>{
                 appObj.nationTypeOptions = top.getDataDict("NationType");
                 appObj.educationData = top.getDataDict("EducationType");
                 appObj.academicDegreeTypeOptions = top.getDataDict("AcademicDegreeType");
                 this.getFormData();
             })
         },
         mounted: function() {

         },
         methods: {
             //初始化第三方插件
             initPlugins() {
                 console.log("initPlugins")
                 debugger
                 var issafariBrowser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);

                mui.init();
                mui.ready(function () {
                    var _getParam = function (obj, param) {
                        return obj[param] || '';
                    }

                   
                    appObj.initEducation(mui);
                    //学位
                    appObj.initAcademicDegree(mui);
                    //出生日期
               
                });
 //初始化学位
             initAcademicDegree(mui){
                var degreeData =  appObj.academicDegreeTypeOptions.map(item=>{
                    return {value:item.DictKey,text:item.DictValue}
                });
                var degreePicker = new mui.PopPicker(mui)
                degreePicker.setData(degreeData);

                //设置默认值
                var degreeResult = this.doc.getElementById('degreeResult');
                var index=degreeData.findIndex(item=>item.value==appObj.data.ADegreeIn);
                if(index>=0){
                    degreePicker.pickers[0].setSelectedIndex(index);
                    var item=degreeData[index];
                    if(item){
                        degreeResult.value = item.text;
                        degreeResult.Key = item.value;
                    }
                }

                //添加确定事件
                var degreePickerButton = this.doc.getElementById('degreePicker');
                degreePickerButton.addEventListener('tap', function (event) {
                    degreePicker.show(function (items) {
                        degreeResult.value = items[0].text;
                        degreeResult.Key = items[0].value;
                        appObj.data.ADegreeIn = items[0].value
                    });
                }, false);


                var degree2Picker = new mui.PopPicker(mui)
                degree2Picker.setData(degreeData);

                var degree2Result = this.doc.getElementById('degree2Result');
                var index2=degreeData.findIndex(item=>item.value==appObj.data.ADegreeIn2);
                if(index2>=0){
                    degree2Picker.pickers[0].setSelectedIndex(index2);
                    var item2=degreeData[index2];
                    if(item2){
                        degree2Result.value = item2.text;
                        degree2Result.Key = item2.value;
                    }
                }

                var degree2PickerButton = this.doc.getElementById('degree2Picker');
                degree2PickerButton.addEventListener('tap', function (event) {
                    degree2Picker.show(function (items) {
                        degree2Result.value = items[0].text;
                        degree2Result.Key = items[0].value;
                        appObj.data.ADegreeIn2 = items[0].value
                    });
                }, false);
             },
             //初始化出生日期
             initDateBirth(mui) {
                 debugger
                 document.getElementById("dateBirthPicker").addEventListener('tap', function (event) {
                     var dDate = new Date();
                     var optionsJson = this.getAttribute('data-options') || '{}';
                     var options = JSON.parse(optionsJson);
                     var picker = new mui.DtPicker(options);

                     var stardatefs = document.getElementById('dateBirth');
                     picker.show(function (rs) {
                         console.log(rs)
                         var timestr = rs.text;
                         console.log(timestr)
                         stardatefs.value = timestr;
                         appObj.data.DateBirth = timestr;
                         picker.dispose();
                     });
                 })
             },
}