widget.js 7.4 KB
var self = new Vue({
    el: '#app',
    data() {
        return {
            FloatRightTitle: '图片',
            imgtabaledata: [
                {
                    wjmc: '',
                    size: '',
                    scsj: ''
                },
                {
                    wjmc: '',
                    size: '',
                    scsj: ''
                }
            ],
            filetabeldata: [
                {
                    wjmc: '',
                    size: '',
                    scsj: ''
                },
                {
                    wjmc: '',
                    size: '',
                    scsj: ''
                },
            ],
            //所属区域list
            distictList: [
                {
                    distict: '东关街道',
                    label: '东关街道'
                },
                {
                    distict: '清真巷街道',
                    label: '清真巷街道'
                },
                {
                    distict: '大众街街道',
                    label: '大众街街道'
                }, {
                    distict: '周家泉街道',
                    label: '周家泉街道'
                }, {
                    distict: '乐家湾镇街道',
                    label: '乐家湾镇街道'
                }, {
                    distict: '韵家口镇街道',
                    label: '韵家口镇街道'
                },
            ],
            //进展阶段list
            evdlveStageList: [
                {
                    evdlveStage: '前期摸底',
                    label: '前期摸底'
                },
                {
                    evdlveStage: '启动拆迁',
                    label: '启动拆迁'
                },
                {
                    evdlveStage: '场地平整',
                    label: '场地平整'
                },
                {
                    evdlveStage: '开工建设',
                    label: '开工建设'
                },
                {
                    evdlveStage: '工程完工',
                    label: '工程完工'
                },
                {
                    evdlveStage: '分配回迁',
                    label: '分配回迁'
                },
            ],
            form: {
                procjectName: '', //项目名称
                procjectAddress: '', //项目地址
                taskYear: '', //任务年份
                dutyUnit: '', //责任单位
                distict: '', //所属区域
                evdlveStage: '', // 进展阶段
                procjectOverview: '',//项目概况
                progress: '',//进展情况
                content: '',// 建设类容
                id: null
            },
            fromsrcid: '',
            gissrc: '',
            invFlag1: '',
        }
    },
    created() {
        let srcinfo = window.parent.document.getElementById('iframecontent').src;
        this.fromsrcid = srcinfo.split('?')[1].split('=')[1],
        this.gissrc = `${CONF_GIS_ONEMAP}/widgets/ProjectManage/OAProjectMap.html?projectid=${this.form.id}`
    },
    mounted() {
        this.getdetail()
    },
    methods: {
        getdetail() {
            axios.get(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', {
                params: {
                    id: this.fromsrcid
                }
            }).then(res => {
                if (res && res.data && res.data.code === 200) {
                    this.form.procjectName = res.data.data.procjectName
                    this.form.procjectAddress = res.data.data.procjectAddress
                    this.form.taskYear = res.data.data.taskYear
                    this.form.dutyUnit = res.data.data.dutyUnit
                    this.form.distict = res.data.data.distict
                    this.form.evdlveStage = res.data.data.evdlveStage
                    this.form.procjectOverview = res.data.data.procjectOverview
                    this.form.progress = res.data.data.progress
                    this.form.content = res.data.data.content
                    this.form.id = res.data.data.id
                    this.imgtabaledata[0].wjmc=this.form.procjectName+'违法现场(1).jpg'
                    this.imgtabaledata[0].size='5k'
                    this.imgtabaledata[0].scsj='2020-8-11'
                    this.imgtabaledata[1].wjmc=this.form.procjectName+'违法现场(2).jpg'
                    this.imgtabaledata[1].size='5k'
                    this.imgtabaledata[1].scsj='2020-8-11'
                    this.filetabeldata[0].wjmc=this.form.procjectName+'违法汇总(1).txt'
                    this.filetabeldata[0].size='10k'
                    this.filetabeldata[0].scsj='2020-8-11'
                    this.filetabeldata[1].wjmc=this.form.procjectName+'违法汇总(2).txt'
                    this.filetabeldata[1].size='10k'
                    this.filetabeldata[1].scsj='2020-8-11'
                }
            })
        },
        //点击返回按钮事件
        back() {
            window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
        },
        /**
         * 录入坐标
         * @constructor
         */
        AxisMap(){

        },
        /**
         * 查看大图
         * @constructor
         */
        MaxMap() {
            var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
            // openparam && (openurl += openparam);
            window.open(openurl);
           /* if (invFlag1) {
                clearTimeout(invFlag1)
            }
            invFlag1 = setTimeout(() => {
                if (this.form.id == "") {
                    layer.msg("请先保存!", {icon: 2});
                }
                if (this.form.id) {
                    //var openparam = getparam(false);
                    var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
                    // openparam && (openurl += openparam);
                    window.open(openurl);
                }
            }, 500);*/
        },
        //保存数据
        saveData() {
            if (this.form.content == "" && this.form.procjectName == '' && this.form.procjectAddress == "" && this.form.taskYear == "" && this.form.dutyUnit == "" && this.form.distict == "" && this.form.evdlveStage == "" && this.form.procjectOverview == "" && this.form.progress == "") {
                this.$message.error('请先输入数据进行保存.... ')
                return false
            }

            axios.post(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', null, {data: this.form}).then(res => {
                if (res && res.data && res.data.code == 200) {
                    this.$message.success('新增数据成功')
                    window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
                }
            })
        },
        clicktitle(val) {
            this.FloatRightTitle = val
        },
        handleRemove(file, fileList) {
            console.log(file, fileList);
        },
        handlePreview(file) {
            console.log(file);
        },
        handleExceed(files, fileList) {
            this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
        },
        beforeRemove(file, fileList) {
            return this.$confirm(`确定移除 ${file.name}?`);
        }
    }
})