143 lines
6.3 KiB
JavaScript
143 lines
6.3 KiB
JavaScript
var vms = Vue.component("amplify-sjgk", {
|
|
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 v-cloak>{{label}}</div>
|
|
<div class="amplify-close" @click="closeAmplify"><i class="el-icon-close"></i></div>
|
|
</div>
|
|
<div class="amplify-content">
|
|
|
|
<!--内容区域-->
|
|
<div class="amplify-new-technical-max">
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<div class="amplify-czz-number-content1 amplify-new-technical">
|
|
<div class="amplify-czz-number-img amplify-czz-number-img-blue">
|
|
<img src="/images/circle_icon_23.png">
|
|
</div>
|
|
<div class="amplify-survey_content_number">
|
|
<p>管理交底</p>
|
|
<div class="amplify-survey_content_value amplify-date-font-size"><span v-cloak>{{fourClarificaiton.gljd}}</span> </div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="amplify-czz-number-content1 amplify-new-technical">
|
|
<div class="amplify-czz-number-img amplify-czz-number-img-green">
|
|
<img src="/images/circle_icon_20.png">
|
|
</div>
|
|
<div class="amplify-survey_content_number">
|
|
<p>施组交底</p>
|
|
<div class="amplify-survey_content_value amplify-survey_content_value_color_green amplify-date-font-size" >
|
|
<span v-cloak>{{fourClarificaiton.szjd}}</span> </div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="amplify-czz-number-content1 amplify-new-technical">
|
|
<div class="amplify-czz-number-img amplify-czz-number-img-blue">
|
|
<img src="/images/circle_icon_21.png">
|
|
</div>
|
|
<div class="amplify-survey_content_number">
|
|
<p>危大工程交底</p>
|
|
<div class="amplify-survey_content_value"><span v-cloak>{{fourClarificaiton.zxfajd}}</span> 次</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="amplify-czz-number-content1 amplify-new-technical">
|
|
<div class="amplify-czz-number-img amplify-czz-number-img-green">
|
|
<img src="/images/circle_icon_22.png">
|
|
</div>
|
|
<div class="amplify-survey_content_number">
|
|
<p>技术交底</p>
|
|
<div class="amplify-survey_content_value amplify-survey_content_value_color_green">
|
|
<span v-cloak>{{fourClarificaiton.jsjd}}</span> 次</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</transition>
|
|
</div>
|
|
`,
|
|
props: {
|
|
label:{
|
|
type:String
|
|
},
|
|
projectid:{
|
|
type:Number
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
show:false,
|
|
fourClarificaiton:{
|
|
}
|
|
}
|
|
},
|
|
mounted(){
|
|
console.log(this.projectid)
|
|
},
|
|
methods: {
|
|
openAmplify(){
|
|
this.show = true
|
|
this.getFourData()
|
|
},
|
|
closeAmplify(){
|
|
this.show = false
|
|
},
|
|
closeAmplifyAll(e){
|
|
if(e.target.className == 'amplify-fixed'){
|
|
this.show = false
|
|
}
|
|
},
|
|
//四级交底情况
|
|
getFourData(){
|
|
let that = this
|
|
axios.get("//api-tmp.makalu.cc/szhjzgkpt/four/clarificaiton").then(res => {
|
|
that.fourClarificaiton = res.data
|
|
axios.post("/api/project/selectTechnicalDisclosureInformationList",{
|
|
projectId:this.projectid,
|
|
}).then(res => {
|
|
let zx = 0
|
|
let js = 0
|
|
that.fourDataList = res.data.data
|
|
for(let tmp of res.data.data){
|
|
switch (tmp.type) {
|
|
case 1:
|
|
js++
|
|
tmp.sort = js
|
|
break
|
|
case 2:
|
|
zx++
|
|
tmp.sort = zx
|
|
break
|
|
}
|
|
}
|
|
that.fourClarificaiton.zxfajd = zx
|
|
that.fourClarificaiton.jsjd = js
|
|
})
|
|
})
|
|
},
|
|
|
|
},
|
|
watch:{
|
|
projectId:function (n,o) {
|
|
this.openAmplify()
|
|
}
|
|
},
|
|
|
|
})
|
|
|
|
|