sitePaper.vue 6.31 KB
<template>
  <div v-loading="loading">

    <el-button @click="printBody" :style="{'display':hide}">打印</el-button>

    <div id="printItem">
      <h2 style="text-align:center;">长沙市建筑垃圾处置技术勘查意见表</h2>
    <el-row style="border: 1px solid black;" type="flex" align="middle" justify="center">
      <el-col :span="1" class="bd_padding">
        勘查人员填写
        </el-col>
      <el-col :span="23" class="bd_left">
        <el-row class="bd_bottom" >
          <el-col :span="6" class="bd_right bd_padding">工地名称</el-col>
          <el-col :span="6" class="bd_right bd_padding">{{infoData.name}}</el-col>
          <el-col :span="6" class="bd_right bd_padding">施工地址</el-col>
          <el-col :span="6">{{infoData.address}}</el-col>
        </el-row>
        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">所在区域</el-col>
          <el-col :span="6" class="bd_right bd_padding">{{infoData.areaCodeName}}</el-col>
          <el-col :span="6" class="bd_right bd_padding">作业区域</el-col>
          <el-col :span="6">{{infoData.workAreaCodeName}}</el-col>
        </el-row>

        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">建设单位</el-col>
          <el-col :span="6" class="bd_right bd_padding">{{infoData.constructionCompany}}</el-col>
          <el-col :span="6" class="bd_right bd_padding">负责人</el-col>
          <el-col :span="6">{{infoData.constructionCompanyPerson}}</el-col>
        </el-row>
        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">施工单位</el-col>
          <el-col :span="6" class="bd_right bd_padding">{{infoData.projectCompany}}</el-col>
          <el-col :span="6" class="bd_right bd_padding">现场责任人</el-col>
          <el-col :span="6">{{infoData.projectCompanyPerson}}</el-col>
        </el-row>
        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">运输单位</el-col>
          <el-col :span="6" class="bd_right bd_padding">{{infoData.transportCompany}}</el-col>
          <el-col :span="6" class="bd_right bd_padding">负责人</el-col>
          <el-col :span="6">{{infoData.transportCompanyPerson}}</el-col>
        </el-row>

        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">申报方量(方)</el-col>
          <el-col :span="18" class="bd_padding">{{infoData.reportingCapacity}}</el-col>
        </el-row>


        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">处置许可时间</el-col>
          <el-col :span="18" class="bd_padding">{{infoData.effectiveFrom}} 至 {{infoData.effectiveEnd}}</el-col>
        </el-row>

        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">视频监控设施</el-col>
          <el-col :span="18" class="bd_padding">{{infoData.monitorBallName}}</el-col>
        </el-row>

       <el-row class="bd_bottom">
          <el-col :span="6" class="bd_padding">洗车作业平台及设施设备情况</el-col>
          <el-col :span="18" class="bd_left">
            <el-row class="bd_bottom">
              <el-col :span="6" class="bd_right bd_padding">净车出场保洁设施</el-col>
              <el-col :span="18" class="bd_padding">{{infoData.washingPlatformName}}
              </el-col>
            </el-row>
            <el-row >
              <el-col :span="6" class="bd_right bd_padding" style="height: 80px;">照明设施</el-col>
              <el-col :span="18" class="bd_padding">{{infoData.lightingFacilitiesName}}
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">消纳场地</el-col>
          <el-col :span="18" class="bd_padding">{{infoData.earthName}}</el-col>
        </el-row>
        <el-row class="bd_bottom">
          <el-col :span="6" class="bd_right bd_padding">行驶路线</el-col>
          <el-col :span="18" class="bd_padding">{{infoData.routeName}}</el-col>
        </el-row>
        <el-col :span="24" >
            <el-row class="bd_padding">{{infoData.applyOpinion}}</el-row>
            <el-row >
              <label style="float: right;" v-if="signData && signData.sign1">签字:<img :src="signData.sign1" width="100px" height="40px" />{{signData.sign1Time}}</label>
            </el-row>
        </el-col>
      </el-col>
    </el-row>

    <el-row class="bd_left bd_right bd_bottom"  v-if="signData && signData.sign2Text">
      <el-col :span="1" class="bd_padding bd_right">主管领导意见</el-col>
        <el-col :span="23" >
          <el-row class="bd_padding">{{signData.sign2Text}}</el-row>
          <el-row >
            <label style="float: right;" v-if="signData && signData.sign2">签字:<img :src="signData.sign2" width="100px" height="40px" />{{signData.sign2Time}}</label>
          </el-row>
      </el-col>
    </el-row>

    <el-row class="bd_left bd_right"  v-if="signData && signData.sign3Text ">
      <el-col :span="1" class="bd_padding bd_right">分管领导意见</el-col>
        <el-col :span="23" >
          <el-row class="bd_padding">{{signData.sign3Text}}</el-row>
          <el-row class="bd_padding">
            <label style="float: right;"  v-if="signData && signData.sign3">签字:<img :src="signData.sign3" width="100px" height="40px" />{{signData.sign3Time}}</label>
          </el-row>
      </el-col>
    </el-row>

    <el-row class="bd_left bd_right" style="border: 1px solid black;"  v-if="signData && signData.sign4Text ">
      <el-col :span="1" class="bd_right bd_padding">渣土事务中心负责人意见</el-col>
        <el-col :span="23" >
          <el-row class="bd_padding">{{signData.sign4Text}}</el-row>
          <el-row class="bd_padding">
            <label style="float: right;"  v-if="signData && signData.sign4">签字:<img :src="signData.sign4" width="100px" height="40px" />{{signData.sign4Time}}</label>
          </el-row>
      </el-col>
    </el-row>
</div>
  </div>
</template>

<script src="../../../api/sitePaper">

</script>
<style>
  .bd_padding{

    padding:5px;
  }

  .bd_right {
    border-right: 1px solid black;
  }

  .bd_left {
    border-left: 1px solid black;
  }

  .bd_top {
    border-top: 1px solid black;
  }

  .bd_bottom {
    border-bottom: 1px solid black;
  }
</style>