real3d-portalsite/src/views/ConstructionApplication3D/parkCheck/parkResult.vue

<template>
  <div class="ZTGlobal" style="padding: 1rem; font-size: small">
    <el-table
      :data="tableData"
      :header-cell-style="{ 'text-align': 'center' }"
      style="width: 100%; text-align: center"
    >
      <el-table-column prop="id" label="序号" width="60"></el-table-column>
      <el-table-column prop="landNo" label="地块" width=""> </el-table-column>
      <el-table-column prop="" label="机动车位">
        <el-table-column prop="jdcDesignCount" label="方案数量(个)" width="">
        </el-table-column>
        <el-table-column prop="jdcNormalCount" label="规范数量(个)" width="">
        </el-table-column>
        <el-table-column prop="jdcPass" label="审查意见" width="">
          <template slot-scope="scope">
            <span v-if="!scope.row.isJDCPass" style="color: red">不通过</span>
            <span v-else style="color: #37b328">通过</span>
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column prop="date" label="非机动车位" width="150">
        <el-table-column prop="fjdcDesignCount" label="方案数量(个)" width="">
        </el-table-column>
        <el-table-column prop="fjdcNormalCount" label="规范数量(个)" width="">
        </el-table-column>
        <el-table-column prop="fjdcPass" label="审查意见" width="">
          <template slot-scope="scope">
            <span v-if="!scope.row.isFJDCPass" style="color: red">不通过</span>
            <span v-else style="color: #37b328">通过</span>
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column prop="isPass" label="审查意见" width="40">
        <template slot-scope="scope">
          <span v-if="!scope.row.isPass" style="color: red">不通过</span>
          <span v-else style="color: #37b328">通过</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "parkResult",
  data() {
    return {
      tableData: [
        //     {
        //     id: 0,
        //     landNo: 'BP08-03',
        //     jdcNormalCount: 100,
        //     jdcDesignCount: 101,
        //     jdcPass: false,
        //     fjdcNormalCount: 200,
        //     fjdcDesignCount: 201,
        //     fjdcPass: false,
        //     isPass: true
        // }
      ],
    };
  },
  props: ["info"],

  created() {
    this.init();
  },
  methods: {
    init() {
      var data = this.info;
      console.log(data);
      debugger;
      if (data == null) return;
      this.tableData = [];
      var parks = data.parks;
      var buildings = data.buildings;
      if (buildings == null) return;
      for (var i = 0; i < buildings.length; i++) {
        var landNo = buildings[i].landNo;
        var jdcNormalCount = Math.ceil(buildings[i].jdcCount);
        var fjdcNormalCount = Math.ceil(buildings[i].fjdcCount);
        var jdcDesignCount = 0;
        var fjdcDesignCount = 0;
        var isJDCPass = false;
        var isFJDCPass = false;
        var isPass = false;

        var park = parks.find((t) => t.landNo == landNo);
        if (park) {
          jdcDesignCount = park.jdcCount;
          fjdcDesignCount = park.fjdcCount;
        }
        if (jdcDesignCount >= jdcNormalCount) {
          isJDCPass = true;
        }
        if (fjdcDesignCount >= fjdcNormalCount) {
          isFJDCPass = true;
        }
        if (isJDCPass == true && isFJDCPass == true) isPass = true;

        this.tableData.push({
          id: i + 1,
          landNo: landNo,
          jdcNormalCount: jdcNormalCount,
          fjdcNormalCount: fjdcNormalCount,
          jdcDesignCount: jdcDesignCount,
          fjdcDesignCount: fjdcDesignCount,
          isJDCPass: isJDCPass,
          isFJDCPass: isFJDCPass,
          isPass: isPass,
        });
      }
    },
    // PassCheck(row, column, cellValue, index) {
    //     if (cellValue == true)
    //         return "<span>通过</span>"
    //     else if (cellValue == false)
    //         return "<span style='color:red'>不通过</span>"
    //     else
    //         return "<span style='color:red'>不通过</span>"
    // }
  },
};
</script>
<style scoped>
th {
  text-align: center;
}
</style>