<template>
  <div class="fhjwcommontuser">
    <el-card
      shadow="never"
      class="aui-card--fill"
    >
      <div class="mod-fhjw__fhjwcomment}">
        <el-form
          :inline="true"
          :model="dataForm"
          @keyup.enter.native="getDataList()"
        >
          <el-form-item>
            <el-input
              v-model="dataForm.caseName"
              placeholder="案件名称"
              clearable
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button @click="getDataList()">{{ $t('query') }}</el-button>
          </el-form-item>
          <!--  <el-form-item>
            <el-button
              type="info"
              @click="exportHandle()"
            >{{ $t('export') }}</el-button>
          </el-form-item> -->
          <!-- <el-form-item>
          <el-button
            v-if="$hasPermission('fhjw:fhjwcomment:save')"
            type="primary"
            @click="addOrUpdateHandle()"
          >{{ $t('add') }}</el-button>
        </el-form-item> -->
          <el-form-item>
            <el-button
              v-if="$hasPermission('fhjw:fhjwcomment:delete')"
              type="danger"
              @click="deleteHandle()"
            >{{ $t('deleteBatch') }}</el-button>
          </el-form-item>
        </el-form>
        <el-table
          v-loading="dataListLoading"
          :data="dataList"
          border
          @selection-change="dataListSelectionChangeHandle"
          style="width: 100%;"
        >
          <el-table-column
            type="selection"
            header-align="center"
            align="center"
            width="50"
          ></el-table-column>
          <!-- <el-table-column prop="id" label="id" header-align="center" align="center"></el-table-column> -->
          <!--  <el-table-column
            prop="caseName"
            label="案件名称"
            header-align="center"
            align="center"
          >
            <template slot-scope="scope">
              <el-button
                type="text"
                @click="childHandle(scope.row)"
              >{{ scope.row.caseName }}</el-button>
            </template>
          </el-table-column>

          <el-table-column
            prop="tempName"
            label="模板"
            header-align="center"
            align="center"
          ></el-table-column> -->
          <!--  <el-table-column
          prop="questionName"
          label="问题"
          header-align="center"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="answer"
          label="答案"
          header-align="center"
          align="center"
        ></el-table-column> -->
          <el-table-column
            prop="username"
            label="用户"
            header-align="center"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="createDate"
            label="创建时间"
            header-align="center"
            align="center"
          ></el-table-column>
          <el-table-column
            :label="$t('handle')"
            fixed="right"
            header-align="center"
            align="center"
            width="150"
          >
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="detailHandle(scope.row.caseId,scope.row.id,scope.row.userRole)"
              >详情</el-button>
              <el-button
                v-if="$hasPermission('fhjw:fhjwcomment:delete')"
                type="text"
                size="small"
                @click="deleteHandle(scope.row.id)"
              >{{ $t('delete') }}</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          :current-page="page"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="limit"
          :total="total"
          layout="total, sizes, prev, pager, next, jumper"
          @size-change="pageSizeChangeHandle"
          @current-change="pageCurrentChangeHandle"
        >
        </el-pagination>
        <!-- 弹窗, 新增 / 修改 -->
        <add-or-update
          v-if="addOrUpdateVisible"
          ref="addOrUpdate"
          @refreshDataList="getDataList"
        ></add-or-update>
        <detail
          v-if="detailVisible"
          ref="detail"
          @refreshDataList="getDataList"
        ></detail>
      </div>
    </el-card>
  </div>
</template>

<script>
import mixinViewModule from "@/mixins/view-module";
import AddOrUpdate from "./fhjwcomment-add-or-update";
import Detail from "./fhjwcomment-detail";
export default {
  name: "fhjwcommontuser",
  mixins: [mixinViewModule],
  components: {
    AddOrUpdate,
    Detail,
  },
  data() {
    return {
      //GET /fhjw/user/getUserPageByCase
      //DELETE /fhjw/user
      mixinViewModuleOptions: {
        getDataListURL:
          "/fhjw/user/getUserPageByCase?caseId=" +
          this.$route.params.dictTypeId,
        getDataListIsPage: true,
        exportURL: "/fhjw/fhjwcomment/export",
        deleteURL: "/fhjw/user",
        deleteIsBatch: true,
      },
      detailVisible: false,
      dataForm: {
        id: "",
        caseName: "",
      },
    };
  },
  methods: {
    detailHandle(id, userId, role) {
      console.log(id);
      this.detailVisible = true;
      this.$nextTick(() => {
        this.$refs.detail.dataForm.caseId = this.$route.params.dictTypeId;
        this.$refs.detail.dataForm.userId = userId;
        this.$refs.detail.dataForm.role = role;
        this.$refs.detail.init();
      });
    },
  },
  created() {},
};
</script>

<style lang="less" scoped>
.fhjwcommontuser {
  width: 100%;
}
</style>