<template>
  <div class="water-analysis-pageTD">
    <el-table :data="tableDataList" v-loading="tableLoading" stripe max-height="500">
      <el-table-column type="index" width="55" label="序号" />
      <el-table-column :label="i.label" :prop="i.props" show-overflow-tooltip v-for="i in qualityRectificationCloum">
        <template #default="{ row }" v-if="i.props == 'projectName'">
          <span class="projectName"> {{ row.projectName }}</span>
        </template>
        <template #default="{ row }" v-if="i.props == 'reformNo'">
          <span @click="onCheck(row, 4, '详情')" class="projectName"> {{ row.reformNo }}</span>
        </template>
        <template #default="{ row }" v-if="i.props == 'abarbeitungStartTime'">
          {{ row.abarbeitungStartTime.substring(0, 10) }}
        </template>
        <template #default="{ row }" v-if="i.props == 'abarbeitungEndTime'">
          {{ row.abarbeitungEndTime.substring(0, 10) }}
        </template>
        <template #default="{ row }" v-if="i.props == 'status'">
          <span style="color: red" v-if="row.fromStatus">驳回</span>
          <dict-tag :options="quality_rectification_status" :value="row.status" />
        </template>
      </el-table-column>
      <el-table-column fixed="right" label="操作" width="230">
        <template #default="{ row }">
          <el-button link type="primary" icon="View" @click="onCheck(row, 4, '详情')">详情</el-button>
          <el-button
            v-if="row.status == 'projectDeptReplay' && todoList.queryScope == 'todo'"
            icon="Edit"
            link
            type="success"
            @click="onCheck(row, 6, '处理')"
            >处理</el-button
          >
          <el-button
            icon="EditPen"
            v-if="
              (row.status == 'startQualityImprovement' || row.status == 'start') &&
              (todoList.queryScope != 'done') & (userName == row.createBy)
            "
            link
            type="success"
            @click="onCheck(row, 3, '提交')"
            >提交</el-button
          >
          <el-button
            icon="Delete"
            v-if="row.status == 'start' && todoList.queryScope == 'main' && userName == row.createBy"
            link
            type="danger"
            @click="onCheck(row, 8)"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <slot name="pagination"></slot>
    <el-dialog
      v-model="visible"
      :title="'质量整改' + tittle"
      :modal-append-to-body="false"
      :close-on-click-modal="false"
      width="90%"
      height="95%"
    >
      <tableDalgo ref="tableDalgoRef" v-if="visible" @onModalClose="onModalClose" :typeList="typeList"></tableDalgo>
      <template #footer>
        <div class="dialog-footer">
          <el-button v-if="tittle != '详情'" @click="open2" type="primary">{{ tittle }}</el-button>
          <el-button @click="closed">关闭</el-button>
        </div>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import { getInfo, projectInfoDelete, projectInfoGet, getInfoMamin } from '@/api/project/qualityRectification';
import tableDalgo from './tableDalgo.vue';
import emgBox from '@/utils/ElMessageBox';
import { qualityRectificationCloum } from '@/utils/cloums';
const { proxy } = getCurrentInstance();
const { project_operation_pattern, unit_property, credit_line, quality_rectification_status } = proxy.useDict(
  'project_operation_pattern',
  'unit_property',
  'credit_line',
  'quality_rectification_status'
);
const queryParams = ref({
  pageNum: 1,
  pageSize: 10,
});
const userName = sessionStorage.getItem('userName');
const visible = ref(false);
const tableDataList = ref([]);
const tableLoading = ref(false);
const typeList = ref({});
const tableDalgoRef = ref();
const tittle = ref('');
const { todoList, getInfoList, tableData } = defineProps(['todoList', 'getInfoList', 'tableData']);
const onCheck = (row, v, t) => {
  tittle.value = t;
  if (v == 8) {
    emgBox(row.id, projectInfoDeleteM, '您确定删除吗？');
  } else {
    projectInfoGet(row.id).then(({ code, data }) => {
      if (code == 200) {
        typeList.value = { ...data, type: v };
        visible.value = true;
      }
    });
  }
};
//删除
const projectInfoDeleteM = async id => {
  let { code } = await projectInfoDelete(id);
  getInfoList(tableData);
};
function onModalClose() {
  getInfoList(tableData);
  visible.value = false;
}
function closed() {
  console.log(tableDalgoRef.value, 99);
  tableDalgoRef.value.closed();
}
function open2() {
  tableDalgoRef.value.submit();
}
onMounted(() => {
  tableDataList.value = todoList;
});
</script>
<style lang="scss" scoped></style>