var vms = Vue.component("amplify-qysj", {
    template: `
        <div>
            <div class="amplify-title-icon">
                <img src="https://fileimg.makalu.cc/WEB_DBD5893450984E50AFF356EF44FF4139.png"  @click="openAmplify">
            </div>
            <transition name="el-zoom-in-top">
                <div class="amplify-fixed" v-show="show"  style="display: none" @click="closeAmplifyAll">
                    <div class="amplify-max">
                        <div class="amplify-title">
                            <div>质量目标</div>
                            <div class="amplify-close" @click="closeAmplify"><i class="el-icon-close"></i></div>
                        </div>   
                        <div class="amplify-content">
                            <!--内容区域-->  
                       <div class="amplify-quality-target-max" style="height: 460px">
                         <div class="amplify-quality-target-min" style="padding: 10px 20px;font-size: 34px;height: 100%" v-for="item in qualityTargetData">
                         <div class="amplify-quality-target-img">
                            <img :src="item.images">
                         </div>
                         <div class="amplify-quality-target-con" style="height: 100%">
                         <div class="amplify-quality-target-title" v-cloak>{{item.title}}</div>
                         <div class="amplify-quality-target-info-new" style="height: 100%">{{item.text}}</div>
                         </div>
                         </div>
                         </div>
                        </div>  
                    </div>
                </div>
            </transition>
        </div>
    `,
    props: {},
    data() {
        return {
            show: false,
            //质量目标
            qualityTargetData:[
                {
                    title:'创优目标',
                    text:'获得陕西省“双优”工地，创AAA级国家安全文明标准化工地',
                    images:'/images/quality_target_1.png',
                }
            ],
        }
    },
    mounted() {
        let that = this
        // let url1 = "http://127.0.0.1:9004/system/qualityTarget/list1"
        let url2 = "/system/qualityTarget/list1"
        $.post(url2,{},res => {
            that.qualityTargetData = res[JSON.parse(localStorage.getItem("data")).id]
            console.log(that.qualityTargetData[JSON.parse(localStorage.getItem("data")).id]);
        })
    },
    methods: {
        openAmplify() {
            this.show = true
            // this.getProject()
        },
        closeAmplify() {
            this.show = false
        },
        closeAmplifyAll(e) {
            if (e.target.className == 'amplify-fixed') {
                this.show = false
            }
        }

    },
    watch: {},

})