前言

大概記錄一下自己在前端開發中的一些蛇皮操作，寫完之后直呼好家伙，
提示：以下是本篇文章正文內容，下面案例可供參考
一、走你

//獲取所有的電話號碼
let arryTel = new Array();  //電話號碼
$("input[name='tellnum2']").each(function (index, item) {
    // console.log($(item).val());
    let telnumber = $(this).val();
    if (telnumber != null && telnumber.length > 0) {
        arryTel.push($(this).val());
    }
});

return layer.msg("請輸入正確的語音電話內容！", {
    icon: 2,	//1對，2錯
    time: 2000 //2秒關閉（如果不配置，默認是3秒）
});

//清空新增的輸入框
$("#removemark").children().remove(".appendmark");
$("input[name='tellnum2']").val("");    //清空電話輸入框的值

$(arg0).parent().before(strs);


/*excle選項卡開始上傳*/
$("#xx_mode_up2").on("click", function () {
    let textarea_name = $("#textarea_name").val();  //語音內容
    // console.log("語音內容==" + textarea_name);
    if (textarea_name == null || textarea_name.length <= 0) {
        return layer.msg("請輸入正確的語音電話內容！", {
            icon: 2,
            time: 2000 //2秒關閉（如果不配置，默認是3秒）
        });
    }
    uploadInst.reload({ //多載該實體，支持多載全部基礎引數
        url: "<%=request.getContextPath()%>/leadTelNumExcle?textnr=" + textarea_name//上傳介面
    });
    uploadInst.upload();//重新上傳的方法，一般在某個事件中使用
});

/*excle選項卡選擇檔案*/
var demoListView2 = $('#demoList2')
    , uploadInst = upload.render({
    elem: '#xx_mode_up' //系結元素
    , url: "<%=request.getContextPath()%>/leadTelNumExcle" //上傳介面
    , accept: 'file' //允許上傳的檔案型別
    , acceptMime: 'file/xls,file/xlsx'
    , exts: 'xls|xlsx'	//允許上傳的檔案后綴
    , size: 1024 * 10		//最大允許上傳的檔案大小
    , auto: false   //不自動上傳
    , multiple: true    //多檔案上傳
    , number: 1
    , choose: function (obj) {
        // demoListView2.empty();
        var files = this.files = obj.pushFile(); //將每次選擇的檔案追加到檔案佇列
        console.log(files);
        //讀取本地檔案
        obj.preview(function (index, file, result) {
            var tr = $(['<tr id="upload-' + index + '">'
                , '<td>' + file.name + '</td>'
                , '<td>' + (file.size / 1024).toFixed(1) + 'kb</td>'
                , '<td>等待上傳</td>'
                , '<td>'
                // , '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重傳</button>'
                , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">洗掉</button>'
                , '</td>'
                , '</tr>'].join(''));
            //上傳失敗后，單個重傳
            // tr.find('.demo-reload').on('click', function () {
            //     obj.upload(index, file);
            // });
            //洗掉
            tr.find('.demo-delete').on('click', function () {
                $("#xx_mode_up2").next().next().children().text(""); //清空操作
                delete files[index]; //洗掉對應的檔案
                tr.remove();
                uploadInst.config.elem.next()[0].value = ''; //清空 input file 值，以免洗掉后出現同名檔案不可選
            });
            demoListView2.append(tr);
        });
    }
    , before: function (obj) { //obj引數包含的資訊，跟 choose回呼完全一致，可參見上文，
        $("#xx_mode_up2").next().next().children().text(""); //清空操作
        layer.load(); //上傳loading
    }
    , done: function (res, index, upload) {
        console.log(res);//回傳值
        layer.closeAll('loading'); //關閉loading
        // console.log(index);//上傳檔案的索引
        // console.log(upload);//重新上傳方法
        if (res.code == 0) { //回傳code==0表示上傳成功
            layer.msg("資料匯入成功！！", {
                icon: 1,
                time: 2000 //2秒關閉（如果不配置，默認是3秒）
            });
            /*setTimeout(function () {
                window.location.reload();
            },1500);*/
            var tr = demoListView2.find('tr#upload-' + index)
                , tds = tr.children();
            tds.eq(2).html('<span style="color: #5FB878;">上傳成功</span>');
            tds.eq(3).html(''); //清空操作
            return delete this.files[index]; //洗掉檔案佇列已經上傳成功的檔案，執行后回傳，不再往下繼續執行
        } else {
            /* layer.msg(res.msg, {
                 icon: 2,
                 time: 2000 //2秒關閉（如果不配置，默認是3秒）
             });*/
            layer.open({
                title: '資料匯入失敗'
                , content: res.msg
            });
            $("#xx_mode_up2").next().next().children().text(res.msg); //展示錯誤資訊
            this.error(index, upload);//執行erro
        }
    }
    , error: function (index, upload) {
        layer.closeAll('loading'); //關閉loading
        var tr = demoListView2.find('tr#upload-' + index)
            , tds = tr.children();
        tds.eq(2).html('<span style="color: #FF5722;">上傳失敗</span>');
        // tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //顯示重傳
    }
});


//洗掉input框
function del_btn(arg0) {
    $(arg0).parent().remove();
}


$("#xx_mode_up2").next().next().children().text(res.msg); //展示錯誤資訊

layui.layer.load(1); //loading
layui.layer.closeAll('loading'); //關閉loading


$("input[type='text']").attr("disabled", true);//禁用修改onbulr
$(".Add_sqBtn").attr("disabled", true);//禁用金額增加按鈕
$(".Add_sqBtn").css("background-color", 'gainsboro');
$("button[οnclick='Dele_sz(this)']").attr("disabled", true);//禁用洗掉金額稅種按鈕


//詢問框
layer.confirm('請選擇是否需要復核', {btn: ['是', '否'], icon: 3, title: '提示'}, function (index) {
    //點擊是
    layerfun("Y");
    layer.close(index);
}, function (index) {
    /*layer.msg('也可以這樣', {
        time: 20000, //20s后自動關閉
        btn: ['明白了', '知道了']
    });*/
    //點擊否
    layerfun("N");
    layer.close(index);
});

// ?方法一: $('#id').css('display','none'); $('#id').css('display','block');
// ?方法二: $('#id').hide(); $('#id').show();
// ?方法三: $("#div1").attr("display","block"); $("#div1").attr("display","none");

// console.log($("div[id^='tabsone'][class='xm-select-demo']").length);


//抽離出的獲取標簽的for回圈
function funfor_arryData(arg) {
    let sel_num = $("div[id^=" + arg + "][class='xm-select-demo']").length
    for (let i = 0; i < sel_num; i++) {
        let arryA = xmSelect.get('#' + arg + (i + 1), true).getValue("value");
        for (let j = 0; j < arryA.length; j++) {
            arryData.push(arryA[j]);
        }
        console.log("arryA===" + arryA);
    }
}

// console.log($(arg1).children().css({"color":"red","border":"2px solid red"}));
// console.log($(arg1).children().eq(1).children().eq(1).children().text());
// console.log($(arg1).find("span").eq(1).text());
// console.log("--------------------");
// console.log($(arg1).find("span.textone.text_nr").text());
// console.log($(arg1).find("span.text_nr").text());
// console.log($("#tabsone").find("div")[0].attr("style")) 錯
let strs = $(arg1).find("span.textone.text_nr").html();

layer.open({
    type: 1,
    title: "查看內容",
    shadeClose: true,
    btn: ['關閉'],
    fixed: true,
    maxmin: false,
    area: ['80%', '80%'],
    content: strs,
});

xmSelect.render({   //渲染下拉選擇框
    el: '#' + sel_inputid,
    theme: {
        color: '#0081ff',
    },
    on: function (data) {
        // let arr = data.arr; //arr:  當前多選已選中的資料
        // let change = data.change;    //change, 此次選擇變化的資料,陣列
        // let isAdd = data.isAdd;  //isAdd, 此次操作是新增還是洗掉
        // console.log(data.isAdd);
        // console.log("seleCheckbox_openBZ="+seleCheckbox_openBZ);
        //該事件的觸發只有，下拉關閉且點擊X標記時才回執行
        if (seleCheckbox_openBZ == "close" && data.isAdd == false) {   //設定點擊X符號時觸發事件
            console.log("執行了洗掉標簽操作！洗掉的標簽==" + data.change[0].value);
            //判斷arryData陣列中是否有該標簽，對資料進行洗掉操作
            let arryA = new Array();
            for (let j = 0; j < arryData.length; j++) {
                if (arryData[j] != data.change[0].value) {
                    arryA.push(arryData[j]);
                }
            }
            arryData = arryA;
            SeleZSK();
            console.log(arryData);
        }
    },
    show() {
        console.log('打開了');
        seleCheckbox_openBZ = 'open';
    },
    hide() {
        console.log('關閉了');
        seleCheckbox_openBZ = "close";
        BQ_closed();
    },
    toolbar: {show: true},
    language: 'zn',
    data: data
});
總結

提示：這里對文章進行總結
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/291216.html
標籤：其他
上一篇：java版Spring Cloud+Spring Boot+mybatis+uniapp b2b2c 多商戶入駐商城直播商城直播帶貨商城之店鋪詳情
下一篇：JavaScript入門第六章（資料型別比較）