comparison.vue 1.6 KB
<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-07-19 09:52:37
-->
<template>
  <div class="djxxTable">
    <div class="tableBox">
      <div class="title">
        {{ title }}
        <div class="checkbox">
          <el-radio-group v-model="radio" :change="checkChange()">
            <el-radio :label="1">所有数据</el-radio>
            <el-radio :label="2">只展示变化数据</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="xxTableBox rollTable">
        <table class="xxTable">
          <tr v-for="(item, colindex) in columns" :key="colindex">
            <td>
              {{ item.label }}
            </td>
            <td></td>
            <td v-for="count in emptycolNum" :key="~count"></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
export default {
  props: {
    formData: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      radio: 1,
      title: "变化情况对比",
      //列表数据
      tableData: [],
      //空列值个数
      emptycolNum: 1,
      //列名称对象
      columns: datas.columns().DYIQ,
    };
  },
  created() {
    console.log("this.formData", this.formData);
  },
  methods: {
    /**
     * @description: checkChange
     * @author: renchao
     */
    checkChange() {
   console.log("ssss",this.radio);
    },
  },
};
</script>

<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>