widget.js 7.36 KB
var self = new Vue({
    el:'#app',
    data(){
        return {
            search:'',
            projectId:null,
            userId:null,
            pageNum:1,
            pageSize:10,
            flowid:['t1001_8a8610de737b99270173937337e00133','t1001_8a8610d86125b9a801612600a4c60003','t1001_402885c973b703220173b73ed4e6004d'],
            total:0,
            // 表格数据
            tabaledata:[
                {
                    xh:'1',
                    ajmc:'关于青海省XX房地产开发有限公司乐家湾土地闲置的处罚案件',
                    anlx:'批后',
                    zrdw:'规划建设和土地管理局',
                    ssqy:'周家泉街道',
                    ljr:'向小华',
                    djsh:'2020-07-05',
                    jssi:'2020-07-05',
                },
                {
                    xh:'2',
                    ajmc:'关于青海省XX房地产开发有限公司XX建设项目不符合规划设计条件的查处案件',
                    anlx:'批后',
                    zrdw:'规划建设和土地管理局',
                    ssqy:'大众街街道',
                    ljr:'向小华',
                    djsh:'2020-07-05',
                    jssi:'2020-07-05',
                },
                {
                    xh:'3',
                    ajmc:'关于民和路辅路以北违法侵占道路红线案件',
                    anlx:'批后',
                    zrdw:'规划建设和土地管理局',
                    ssqy:'清真巷街道',
                    ljr:'向小华',
                    djsh:'2020-07-05',
                    jssi:'2020-07-05',
                },
                {
                    xh:'4',
                    ajmc:'关于韵家口镇街道乔家湾违法侵占基本农田的查处案件',
                    anlx:'批后',
                    zrdw:'规划建设和土地管理局',
                    ssqy:'韵家口镇街道',
                    ljr:'向小华',
                    djsh:'2020-07-05',
                    jssi:'2020-07-05',
                },
                {
                    xh:'5',
                    ajmc:'关于青海省XX钢铁有限公司违法占地扩建钢厂案件',
                    anlx:'批后',
                    zrdw:'规划建设和土地管理局',
                    ssqy:'韵家口镇街道',
                    ljr:'向小华',
                    djsh:'2020-07-05',
                    jssi:'2020-07-05',
                },
            ],
            isActive:1,
        }
    },
    directives:{
        focus: {
            inserted:function f(el) {
                el.focus()
            }
        }
    },
    mounted(){
        this.getData();
    },
    methods:{
        getData() {
            axios.post(CONF_NEWGHSC_SERVERURL + '/dblb/list/worked', {
                params: {
                    pageIndex:this.pageNum,
                    pageSize:this.pageSize,
                    flowIds: this.flowid.toString(),
                    userName: this.userName,
                    keyWord:this.search
                }
            }).then(res => {
                console.log(res)
                this.total=res.data.total;
                let data=res.data.data.Data;
                let result =[]
                if(data.length){
                    for (let i=0;i<data.length;i++){
                        for (let j=0;j<data[i].length;j++){
                            result.push( data[i][[j]]);
                        }
                    }
                }
                this.total = result.length;
                this.tabaledata =  result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);

            }).catch(res=>{
                console.log(res)
            });
        },
        handleSizeChange(pageSize){
            this.pageSize = pageSize
            this.getData()
        },
        handleCurrentChange(pageNum){
            alert(pageNum)
            this.pageNum = pageNum
            this.getData()
        },
        click(val){
            this.isActive = val
        },
        //搜索事件
        SearchInfo(){
            if(!this.search){
                this.$message.warning('请先输入关键字后轻敲Enter键搜索')
            }
        },
        openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
            // debugger
            var unique = this.uuid();
            let url = CONF_FRONT_SERVERURL + 'view/projecttask/detailproject.jsp?';
            url += 'stats=' + _stats;
            url += '&flowid=' + flowId;
            url += '&create=' + (this.projectId ? 1 : 0);
            url += '&projectid=' + (this.projectId || "");
            url += '&flowItemTypeId=' + (itemTypeId || "");
            url += '&uniquePath=' + unique;
            window.open(this.handleJumpUrl(url));
            this.addFlowUserCount(flowId);
        },
        addFlowUserCount (flowId) {
            if (flowId === null || flowId === undefined) {
                return false;
            }

            this.ajaxPromise({
                data: JSON.stringify({"flowId": flowId,"userId": this.userId}),
                contentType: "application/json",
                url: CONF_BACK_SERVERURL + "/mvc/flow/saveFlowUserCount.do"
            }).catch((error)=> {
                console.error(error);
            });
        },
        handleJumpUrl(url){
            var myid = "guid" + this.guid();
            var tempArr = url.split("?");
            var returnStr = tempArr[0] + "?guid=" + myid;
            var urlValue = tempArr[1];
            var cacheUrlValue = null;
            var data = {
                paramUrl:urlValue,
                ftoken:$.cookie('ftoken')
            };
            if(window.globalLocalCache){
                cacheUrlValue = window.globalLocalCache.AddCache(myid,"","",data);
            }
            return returnStr;
        },
        S4() {
            return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
        },
        guid() {
            return (this.S4()+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+"-"+this.S4()+this.S4()+this.S4());
        },
        uuid(){
            var s = [];
            var hexDigits = "0123456789abcdef";
            for (var i = 0; i < 36; i++) {
                s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
            }
            s[14] = "4";
            s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
            s[8] = s[13] = s[18] = s[23] = "-";

            var uuid = s.join("");
            return uuid;
        },
        ajaxPromise(options) {
            return new Promise(function (resolve, reject) {
                if ( typeof options !== "object" ) {
                    return reject("参数错误!");
                }
                let _type = options.type || "POST";
                //'application/json'
                $.ajax({
                    type: _type,
                    url: options.url,
                    data: options.data,
                    dataType: options.dataType,
                    contentType: options.contentType,
                    headers: {"token":$.cookie('ftoken') },
                    success: function(result){
                        resolve(result);
                    },
                    error: function (error) {
                        reject(error);
                    }
                });
            })
        }
    }
})