76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
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: {},
|
||
|
||
})
|
||
|
||
|