mkl_power_box/components/amplify/zhiliangguanli/amplify-qysj.js

76 lines
2.8 KiB
JavaScript
Raw Normal View History

2024-11-19 00:17:04 +08:00
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: {},
})