<template>
  <div class="page">
    <LayoutTable :data="tableData" :config="tableConfig" notDel notSearch />
  </div>
</template>

<script>
import table from "@/assets/mixins/table";

export default {
  mixins: [table],
  created() {
    const { basicsId } = this.$route.query;
    this.config.addQuery = { basicsId: basicsId };
  },
  methods: {
    beforeRender(data) {
      return data;
    },
  },
  data() {
    return {
      config: {
        search: [],
        columns: [
          { label: "模板标题", prop: "title" },
          { label: "办理机构", prop: "jointInfoShow" },
          { label: "法定时限", prop: "legalTimeLimitShow" },
          { label: "承诺时限", prop: "promiseTimeLimitShow" },
          { label: "收费金额", prop: "charges" },
          { label: "办公时间", prop: "handleTimeShow" },
          { label: "办公地址", prop: "handlePlaceShow" },
          { label: "咨询电话", prop: "cousultingTelephoneShow" },
          { label: "投诉电话", prop: "supervisoryTelephoneShow" },
          { label: "结果信息", prop: "resultInfo" },
          {
            label: "操作",
            width: 180,
            formatter: (row) => {
              return (
                <div>
                  <el-button
                    type="primary"
                    icon="el-icon-edit"
                    round
                    size="mini"
                    onClick={() => {
                      this.toEdit(row);
                    }}
                  >
                    编辑
                  </el-button>
                </div>
              );
            },
          },
        ],
      },
    };
  },
};
</script>
