lyfO_o
2022-03-31 4a6b6d253451a14063df0659877f3d8c4ca921a5
src/views/safetyproduction/gojudging.vue
@@ -1,82 +1,78 @@
<template>
  <div>
      <div class="box-right">
          <div class="title">A级要素:<span>A级要素2</span></div>
        <div v-for="(item,index) in 2" :key="index">
      <div v-for="(item, index) in lists" :key="index">
        <div class="title">
          A级要素:<span>{{ item.elementAName }}</span>
        </div>
        <div v-for="(item, index) in item.child" :key="index">
          <el-row class="titles">
            <el-col :span="6"><p><span>B级要素:</span>法律、法规和标准的识别和获取</p></el-col>
             <el-col :span="6"><p><span>得分:</span>50</p></el-col>
            <el-col :span="6"
              ><p><span>B级要素:</span>{{ item.elementBName }}</p></el-col
            >
            <el-col :span="6"
              ><p><span>得分:</span>50</p></el-col
            >
          </el-row>
          <el-row>
             <el-col :span="24">
                  <el-table
                     border
                    :data="tableData"
                  >
              <el-table border :data="item.child">
                    <el-table-column
                      prop="date"
                  prop="standardizationRequirements"
                      align="center"
                      label="标准化要求"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="name"
                  prop="enterpriseStandard"
                      align="center"
                      label="企业达标标准"
                    ></el-table-column>
                    <el-table-column
                      prop="name"
                  prop="reviewMethod"
                      align="center"
                      label="评审方法"
                    ></el-table-column>
                      <el-table-column
                      prop="name"
                      align="center"
                      label="评审标准"
                    >
                     <el-table-column
                      prop="name"
                  prop="veto"
                      align="center"
                      label="否决项"
                    ></el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="扣分项"
                    ></el-table-column>
                <el-table-column align="center" label="评审结果">
                  <template slot-scope="scope">
                    <span v-if="(scope.row.safetyInspectionItemResult = 0)"
                      >是</span
                    >
                    <span v-if="(scope.row.safetyInspectionItemResult = 1)"
                      >否</span
                    >
                  </template>
                    </el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="扣分"
                  label="扣分项"
                      type="expand"
                      width="50px"
                  width="100px"
                    >
                <template slot-scope="scope">
                        <el-table
                        :data="tableData"
                    :data="scope.row.selfDeductionList"
                  >
                    <el-table-column
                      prop="name"
                      align="center"
                      label="扣分项"
                    >
                    <el-table-column prop="name" align="center" label="扣分项">
                    </el-table-column>
                    <el-table-column prop="point" align="center" label="扣分">
                    </el-table-column>
                    <el-table-column
                      prop="date"
                      align="center"
                      label="扣分"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="date"
                      prop="remark"
                      align="center"
                      label="扣分备注"
                    >
                    </el-table-column>
                  </el-table>
                </template>
                    </el-table-column>
                     <el-table-column
                      prop="name"
                  prop=""
                      align="center"
                      label="备注"
                    ></el-table-column>
@@ -99,9 +95,11 @@
        </div>
        </div>
  </div>
  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue";
import { safetySelfInspectionInfo } from "@/api/safetySelfInspection.js";
export default {
  components: { Titlename },
  data() {
@@ -110,53 +108,71 @@
      form: {
        name: "",
      },
      id: "",
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
      list: [],
      lists: [],
    };
  },
  created() {
    this.id = this.$route.query.id;
    this.safeInitem(this.id);
  },
  methods: {
    btnsQX() {
      this.show = true;
    safeInitem(id) {
      safetySelfInspectionInfo({ id: id }).then((res) => {
        // console.log("数据", res);
        if (res.data.code == 200) this.list = res.data.result;
        var arr = this.checkSameDataA(this.list.itemList);
        for (var i = 0; i < arr.length; i++) {
          arr[i].child = this.checkSameData(arr[i].child);
        }
        this.lists = arr;
        console.log(this.lists)
      });
    },
    checkSameDataA(resData) {
      let dataInfo = {};
      resData.forEach((item, index) => {
        let { elementAName } = item;
        if (!dataInfo[elementAName]) {
          dataInfo[elementAName] = {
            elementAName,
            child: [],
          };
        }
        dataInfo[elementAName].child.push(item);
      });
      let list = Object.values(dataInfo); // list 转换成功的数据
      return list;
    },
    checkSameData(resData) {
      let dataInfo = {};
      resData.forEach((item, index) => {
        let { elementBName } = item;
        if (!dataInfo[elementBName]) {
          dataInfo[elementBName] = {
            elementBName,
            child: [],
          };
        }
        dataInfo[elementBName].child.push(item);
      });
      let list = Object.values(dataInfo); // list 转换成功的数据
      return list;
    },
    handleClick(data) {
      console.log(data.id);
      this.$router.push({
        path: "/review",
        query: {
          idC: data.id,
          id:this.id
        },
      });
    },
  },
};