<template src="./template.html">

</template>

<script>
    import util from "@/utils/util";
    import footTemplate from '../footTemplate.vue';
    import imgInput from '../../components/common/img_input.vue';

    // import commTemplate from '@/components/commTemplate.vue';

    import { loginService } from "@/services";
    import { Toast } from "mint-ui";
    export default {
        props:{
            switchOn:Boolean,
            perviewOn:Boolean,
            updateData:String,
        },
        data() {
            var serverUrl = 'http://skyforest.static.elab-plus.com/temp/template30/';
            return {
                uploading:false,//上传图片
                disabled:false,
                serverUrl:serverUrl,
                isshow:true,
                obj:{
                    imageFile1:[`${serverUrl}pic2.png`,`${serverUrl}pic3.png`,`${serverUrl}pic4.png`],
                    imageFile2:[`${serverUrl}pic3.png`,`${serverUrl}pic4.png`,`${serverUrl}pic5.png`],
                    imageFile3:[`${serverUrl}pic4.png`,`${serverUrl}pic5.png`,`${serverUrl}pic6.png`],
                    imageFile4:[`${serverUrl}pic5.png`,`${serverUrl}pic6.png`,`${serverUrl}pic3.png`],
                    imageFile5:[`${serverUrl}pic6.png`,`${serverUrl}pic4.png`,`${serverUrl}pic3.png`],
                    logoUrl:`${serverUrl}LOGO.png`,
                    logoUrl2:`${serverUrl}LOGO2.png`,
                    pic:`${serverUrl}pic.png`,
                    text1:"TOUCH THE WORLD",
                    text2:"首席涉外公寓 金英品质生活",
                    text3:"70-300m²高投资回报全球首发",
                    text4:"tel：234276542389",
                    text5:"开发商名称：XXXXXXXXXXXXXXXX",
                    text6:"开发商地址：XXXXXXXXXXXXXXXX",
                    text7:"以个人名义 定义品质与生活",
                    text8:"FOR POEPLE FOR LIFE",
                    text9:"习惯的天空\n" +
                    "才能绽放心灵的美好时光",
                    text10:"天空森林城市背倚南山，\n" +
                            "拥享滨江湿地，绿化率约达35.07%，是少有的“日光浴场”和“天然氧吧”；\n" +
                            "私享城市核心墅级生活体验.",
                    text11:"以个人名义 定义品质与生活",
                    text12:"FOR POEPLE FOR LIFE",
                    text13:"习惯的天空\n" +
                    "才能绽放心灵的美好时光",
                    text14:"天空森林城市背倚南山，\n" +
                            "拥享滨江湿地，绿化率约达35.07%，是少有的“日光浴场”和“天然氧吧”；\n" +
                            "私享城市核心墅级生活体验.",
                    text15:"以个人名义 定义品质与生活",
                    text16:"FOR POEPLE FOR LIFE",
                    text17:"习惯的天空\n" +
                    "才能绽放心灵的美好时光",
                    text18:"天空森林城市背倚南山，\n" +
                            "拥享滨江湿地，绿化率约达35.07%，是少有的“日光浴场”和“天然氧吧”；\n" +
                            "私享城市核心墅级生活体验.",
                    text19:"以个人名义 定义品质与生活",
                    text20:"FOR POEPLE FOR LIFE",
                    text21:"习惯的天空\n" +
                    "才能绽放心灵的美好时光",
                    text22:"天空森林城市背倚南山，\n" +
                            "拥享滨江湿地，绿化率约达35.07%，是少有的“日光浴场”和“天然氧吧”；\n" +
                            "私享城市核心墅级生活体验.",
                    text23:"以个人名义 定义品质与生活",
                    text24:"FOR POEPLE FOR LIFE",
                    text25:"习惯的天空\n" +
                    "才能绽放心灵的美好时光",
                    text26:"天空森林城市背倚南山，\n" +
                            "拥享滨江湿地，绿化率约达35.07%，是少有的“日光浴场”和“天然氧吧”；\n" +
                            "私享城市核心墅级生活体验.",
                    text27:"以个人名义 定义品质与生活",
                }

            }
        },
        mounted() {
            $(function () {
                $(".limit").on("input propertychange",function (e) {
                    if(e.target.scrollWidth<=580){
                        $(this).css("width",e.target.scrollWidth+'px')
                    }
                    if(!this.value){
                        console.log('qinkong')
                        $(this).css("width",'275px')
                    }
                })
            })
            this.$nextTick(()=>{$(".limit").each(function (i,v) {
                console.log(v.clientWidth,v.scrollWidth);
                if(v.clientWidth<v.scrollWidth){
                    $(v).css("width",v.scrollWidth+'px')
                }
            })})
            console.log(this.updateData,'123465789');
            if(this.updateData){
                // console.log('1111');
                // console.log(val);
                this.obj=JSON.parse(this.updateData);
            }
        },
        watch:{
            switchOn(val){
                if(val){
                    // console.log('1111111',this.headerTitle1)
                    // console.log('2222222222',this.obj)
                    this.$emit('com',this.obj)
                }
            },
            perviewOn(val){
                // if(val){
                    // console.log(val);
                    this.disabled=val;
                    this.isshow=!val;
                // }
            },
            // perviewOff(val){
            //     if(val){
            //         // console.log(val);
            //         this.disabled=false;
            //         this.isshow=true;
            //         // console.log(this.isshow);
            //     }
            // },
            updateData(val){
                console.log(val,'123465789');
                if(val){
                    // console.log('1111');
                    // console.log(val);
                    val=JSON.parse(val);
                    this.obj = val;
                }
            }


        },
        methods: {},
        components:{
            imgInput,
            footTemplate,
        }
    }
</script>

<style lang="scss" scoped>
  @import "./style.scss"
</style>
