<route lang="yaml">
  name: qualityEvaluate
  </route>

<script lang="ts" setup name="qualityEvaluate">

import { ref } from 'vue';
import TableTools from "@/components/Tools/table_tools.vue";
import { ElMessage, ElMessageBox } from 'element-plus';
import {
  getQualityEvaList,
  getRegisteredList,
  saveQuality,
  registerApproveCancel,
  registerApproveBackup,
  qualityAllow,
  deleteQuality,
  updatQuality
} from "@/api/modules/dataAsset";
import useUserStore from "@/store/modules/user";
import {
  getTenantAttach
} from "@/api/modules/queryService";
import useDataAssetStore from "@/store/modules/dataAsset";

const assetStore = useDataAssetStore();

const router = useRouter();
const { proxy } = getCurrentInstance() as any;

const userStore = useUserStore();
const userData = JSON.parse(userStore.userData)

/** 是否时企业端。不是企业端，则是服务端，需要显示企业名称。 */
const isCompanyPlatform = ref(userData.tenantType == 1);

/** 数据来源于该企业申请登记的数据资产已通过且剔除数据质量评价中已通过、审批中的资产。 */
const assetListData: any = ref([]);
/** 会员附件模板 */
const attachDataInfo: any = ref({});

const tableFields = ref([
  { label: "序号", type: "index", width: 56, align: "center" },
  { label: "资产名称", field: "daName", width: 160, align: "left" },
  { label: "登记时间", field: "registerTime", width: 120 },
  //   { label: "企业名称", field: "tenantName", width: 240, align: "left" },
  { label: "发证主体", field: "issuingEntityName", width: 250, align: "left" },
  { label: "状态", field: "approveState", type: "tag", width: 96, align: 'center' },
]);

onBeforeMount(() => {
  if (isCompanyPlatform.value) {
    tableInfo.value.fields = tableFields.value;
  } else {
    tableFields.value.splice(3, 0, { label: "企业名称", field: "tenantName", width: 250, align: "left" })
    tableInfo.value.fields = tableFields.value;
  }
  getTenantAttach(userData.tenantGuid).then((res: any) => {
    if (res?.code == proxy.$passCode) {
      attachDataInfo.value = res.data || {};
      formItems.value[1].templateUrl = attachDataInfo.value.quality_evaluation_file;
    } else {
      ElMessage.error(res.msg);
    }
  })
});

onActivated(() => {
  getRegisteredList(1).then((res: any) => {
    if (res.code == proxy.$passCode) {
      assetListData.value = res.data || [];
      formItems.value[0].options = assetListData.value;
    } else {
      ElMessage.error(res.msg);
    }
  })
  if (assetStore.isRefresh) {//如果是首次加载，则不需要调用
    page.value.curr = 1;
    getTableData();
    assetStore.set(false);
  }
})

const searchItemList = ref([
  {
    type: "input",
    label: "",
    field: "daName",
    default: "",
    placeholder: "资产名称",
    clearable: true,
  },
  {
    type: 'select',
    label: '',
    field: 'approveState',
    default: '',
    placeholder: '全部状态',
    options: [
      { label: '审批中', value: 'A' },
      { label: '已通过', value: 'Y' },
      { label: '已驳回', value: 'R' },
      { label: '已撤销', value: 'C' }
    ],
    clearable: true
  },
]);

const toSearch = (val: any, clear: boolean = false) => {
  page.value.curr = 1;
  if (clear) {
    searchItemList.value.map((item) => (item.default = ""));
    page.value.daName = '';
    page.value.approveState = "";
  } else {
    page.value.daName = val.daName;
    page.value.approveState = val.approveState;
  }
  getTableData();
};

const getTableData = () => {
  tableInfo.value.loading = true;
  getQualityEvaList({
    pageSize: page.value.limit,
    pageIndex: page.value.curr,
    daName: page.value.daName,
    approveState: page.value.approveState
  }).then((res: any) => {
    tableInfo.value.loading = false
    if (res.code == proxy.$passCode) {
      const data = res.data || {}
      tableInfo.value.data = data.records || [];
      tableInfo.value.page.curr = data.pageIndex;
      tableInfo.value.page.rows = data.totalRows || 0;
    } else {
      ElMessage.error(res.msg);
    }
  })
}

const handleCreate = () => {
  if (!assetListData.value.length) {
    ElMessage.warning('当前没有可发起质量评价的资产！');
    return;
  }
  formItems.value[0].visible = true;
  formItems.value[0].default = '';
  formItems.value[1].visible = true;
  formItems.value[1].default = [];
  dialogInfo.value.visible = true;
  dialogInfo.value.type = '';
}

const page = ref({
  limit: 50,
  curr: 1,
  sizes: [
    { label: "10", value: 10 },
    { label: "50", value: 50 },
    { label: "100", value: 100 },
    { label: "150", value: 150 },
    { label: "200", value: 200 },
  ],
  daName: '',
  approveState: ''
});

const tableInfo = ref({
  id: 'asset-data-table',
  rowKey: 'guid',
  loading: false,
  fields: tableFields.value,
  data: [],
  page: {
    type: "normal",
    rows: 0,
    ...page.value,
  },
  actionInfo: {
    label: "操作",
    type: "btn",
    width: 160,
    btns: (scope) => {
      let row = scope.row;
      return getTableBtns(row);
    }
  }
});

const getTableBtns = (row) => {
  let btnsArr: any[] = [];
  if (row.approveState == 'A') {//审批中
    btnsArr.push({ label: "详情", value: "path_detail" })
    if (row.tenantGuid == userData.tenantGuid) {
      btnsArr.push({ label: "撤销", value: "revoke" });
    }
    if (row.approveTenantGuids?.includes(userData.tenantGuid)) {
      btnsArr.push({ label: "通过", value: "pass" });
      btnsArr.push({ label: "驳回", value: "backup" });
    }
  } else if (row.approveState == 'Y') {//已通过的不能删除。
    btnsArr.push({ label: "详情", value: "path_detail" })
  } else if (row.approveState == 'R' || row.approveState == 'C') {//已驳回或已撤销
    btnsArr.push({ label: "详情", value: "path_detail" });
    if (row.tenantGuid == userData.tenantGuid) {
      btnsArr.push({ label: "重新提交", value: "edit", disabled: false })
    }
    if (row.tenantGuid == userData.tenantGuid) {
      btnsArr.push({ label: "删除", value: "delete" });
    }
  }
  return btnsArr;
}

const currTableData: any = ref({});

const tableBtnClick = (scope, btn) => {
  const type = btn.value;
  const row = scope.row;
  currTableData.value = row;
  if (type == "edit") {
    dialogInfo.value.visible = true;
    dialogInfo.value.type = 'reSubmit';
    formItems.value[0].visible = false;
    formItems.value[0].default = row.registerGuid;
    formItems.value[1].default = row.qualityEvaluationFile || [];
  } else if (type == "delete") {
    delTableOpen("此操作将永久删除该资产质量评价，是否继续?", "warning");
  } else if (type === 'backup') {
    rejectDialogInfo.value.visible = true;
  } else if (type === 'pass') {
    passDialogInfo.value.visible = true;
    if (row.dataStartDate) {
      passFormItems.value[1].disabled = true;
      passFormItems.value[1].default = [row.dataStartDate, row.dataEndDate];
    } else {
      passFormItems.value[1].disabled = false;
      passFormItems.value[1].default = null;
    }
    passFormItems.value[2].placeholder = `本次评估数据资产总体质量得分为**分\n准确性：\n一致性：\n可访问性：\n规范性：\n完整性：`;
  } else if (type === 'revoke') { // 撤销，状态为审批中时可以撤销。
    ElMessageBox.confirm('确定撤销该资产质量评价吗？', "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: 'warning',
    }).then(() => {
      let params = {
        bizGuid: row.guid,
        funcCode: row.funcCode
      }
      tableInfo.value.loading = true;
      registerApproveCancel(params).then((res: any) => {
        tableInfo.value.loading = false;
        if (res?.code == proxy.$passCode) {
          if (res.data) {
            ElMessage.success('该资产质量评价流程撤销成功！');
            getTableData();
          } else {
            ElMessage.error('该资产质量评价流程撤销失败！');
          }
        } else {
          ElMessage.error(res.msg);
        }
      });
    }).catch(() => {
      ElMessage({
        type: 'info',
        message: '已取消撤销'
      });
    });
  } else if (type === 'path_detail') { // 详情
    router.push({
      name: 'registerDetail',
      query: { guid: row.registerGuid, evaGuid: row.guid, type: 'qualityEvaluate', daTenantGuid: row.tenantGuid }
    });
  }
};

const delTableOpen = (msg, type, isBatch: boolean = false) => {
  ElMessageBox.confirm(msg, "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: type,
  }).then(() => {
    let guids: any = [];
    guids = [currTableData.value.guid]
    deleteQuality(guids).then((res: any) => {
      if (res.code == proxy.$passCode) {
        page.value.curr = 1;
        getTableData();
        ElMessage({
          type: "success",
          message: "删除资产质量评价成功",
        });
      } else {
        ElMessage({
          type: "error",
          message: res.msg,
        });
      }
    })
  }).catch(() => {
    ElMessage({
      type: 'info',
      message: '已取消删除'
    });
  });
};

const tablePageChange = (info) => {
  page.value.curr = Number(info.curr);
  page.value.limit = Number(info.limit);
  getTableData();
};

const formItems = ref([{
  label: '资产名称',
  type: 'select',
  placeholder: '请选择',
  field: 'registerGuid',
  default: '',
  block: true,
  options: assetListData.value,
  props: {
    value: 'guid',
    label: 'daName'
  },
  visible: true,
  required: true
}, {
  label: '附件上传',
  tip: '支持格式：xls .xlsx .doc .docx .rar .zip',
  type: 'upload-file',
  accept: '.xls, .xlsx, .doc, .docx, .rar, .zip',
  templateUrl: null,
  required: true,
  block: true,
  visible: true,
  default: [],
  field: 'qualityEvaluationFile',
}]);

const formRules = ref({
  registerGuid: [
    { required: true, trigger: 'change', message: "请填写资产名称" }
  ],
  qualityEvaluationFile: [{
    validator: (rule: any, value: any, callback: any) => {
      if (!value?.length) {
        callback(new Error('请上传数据质量评价附件'))
      } else {
        callback();
      }
    }, trigger: 'change'
  }],
});

const dialogInfo = ref({
  visible: false,
  size: 510,
  direction: "column",
  header: {
    title: "质量评价发起",
  },
  type: '',
  contents: [
    {
      type: 'form',
      title: '',
      formInfo: {
        id: 'quality-start-level',
        items: formItems.value,
        rules: formRules.value
      }
    }
  ],
  footer: {
    btns: [
      { type: "default", label: "取消", value: "cancel" },
      { type: "primary", label: "确定", value: "submit" },
    ],
  },
});

const savePromise: any = ref(null);
const reSubmitPromise: any = ref(null);

/** 编辑质量评价发起资产申请按钮处理。 */
const dialogBtnClick = (btn, info) => {
  if (btn.value == 'submit') {
    if (dialogInfo.value.type == 'reSubmit') {
      if (reSubmitPromise.value) {
        return;
      }
      reSubmitPromise.value = updatQuality({
        guid: currTableData.value.guid,
        tenantGuid: userData.tenantGuid,
        registerGuid: currTableData.value.registerGuid,
        daName: currTableData.value.daName,
        registerTime: currTableData.value.registerTime,
        issuingEntityGuid: currTableData.value.issuingEntityGuid,
        qualityEvaluationFile: info.qualityEvaluationFile?.map(f => f.url) || []
      }).then((res: any) => {
        reSubmitPromise.value = null;
        if (res?.code == proxy.$passCode) {
          ElMessage.success('该资产质量评价重新提交成功');
          dialogInfo.value.visible = false;
          page.value.curr = 1;
          getTableData();
        } else {
          ElMessage.error(res.msg);
        }
      })
    } else {
      if (savePromise.value) {
        return;
      }
      let daInfo = assetListData.value.find(a => a.guid == info.registerGuid);
      savePromise.value = saveQuality({
        tenantGuid: userData.tenantGuid,
        registerGuid: info.registerGuid,
        daName: daInfo.daName,
        registerTime: daInfo.registerTime,
        issuingEntityGuid: daInfo.exchangeGuid,
        qualityEvaluationFile: info.qualityEvaluationFile?.map(f => f.url) || []
      }).then((res: any) => {
        savePromise.value = null;
        if (res?.code == proxy.$passCode) {
          ElMessage.success('质量评价发起成功');
          dialogInfo.value.visible = false;
          page.value.curr = 1;
          getTableData();
        } else {
          ElMessage.error(res.msg);
        }
      })
    }
  } else if (btn.value == 'cancel') {
    dialogInfo.value.visible = false;
  }
};

const passFormItems = ref([
  {
    label: '质量得分',
    type: 'input',
    inputType: 'scoreNumber',
    placeholder: '请输入数值',
    field: 'qualityScore',
    default: null,
    min: 0,
    max: 100,
    required: true
  },
  {
    label: "评价对象范围",
    type: "date-picker",
    field: "evaluationRange",
    default: null,
    placeholder: "开始时间~结束时间",
    clearable: true,
    required: true,
  },
  {
    label: '质量评价说明',
    type: 'textarea',
    field: 'evaluationNote',
    focusValue: true,
    example: '示例：本次评估数据资产总体质量得分为99.80分。从评价维度分析，准确性、一致性和可访问性均为 100 分;规范性 99.42 分、完整性 99.50分。',
    placeholder: `本次评估数据资产总体质量得分为**分\n准确性：\n一致性：\n可访问性：\n规范性：\n完整性：`,
    default: '',
    rows: 6,
    clearable: true,
    required: true,
    block: true,
  },
  {
    label: '质量评价报告',
    tip: '支持扩展名：PDF',
    type: 'upload-file',
    required: true,
    limit: 1,
    block: true,
    accept: '.pdf',
    default: [],
    field: 'evaluationFile',
  }
]);

const passFormRules = ref({
  qualityScore: [{
    validator: (rule: any, value: any, callback: any) => {
      if (value === 0) {
        callback();
        return;
      }
      if (!value) {
        callback(new Error('请填写质量得分'));
        return;
      }
      //TODO 请填写1~100以内的整数
      // const r = /(^[0-9]([0-9]*)$|^[0-9]$)/; // 正整数（可以以0打头）
      // if (value && !r.test(value)) {
      //   callback(new Error('请填写大于或等于零整数'));
      //   return;
      // }
      // if ((value + '').length > 6) {
      //   callback(new Error('请填写1~100以内的整数'));
      //   return;
      // }
      callback();
    },
    trigger: "blur",
  }],
  evaluationRange: [{
    type: 'array', required: true, message: '请填写评价对象范围', trigger: 'change',
  }],
  evaluationNote: [{
    validator: (rule: any, value: any, callback: any) => {
      if (!value) {
        callback(new Error('请填写质量评价说明'));
        return;
      }
      if (value && value.length > 500) {
        callback(new Error('请填写小于500个字的质量评价说明'));
        return;
      }
      callback();
    },
    trigger: "blur",
  }],
  evaluationFile: [{
    validator: (rule: any, value: any, callback: any) => {
      if (!value?.length) {
        callback(new Error('请上传质量评价报告'));
        return;
      }
      callback();
    },
    trigger: "blur",
  }]
});

const passDialogInfo = ref({
  visible: false,
  size: 700,
  direction: "column",
  header: {
    title: "通过",
  },
  type: '',
  contents: [
    {
      type: 'form',
      title: '',
      formInfo: {
        id: 'quality-pass-dialog',
        items: passFormItems.value,
        rules: passFormRules.value
      }
    }
  ],
  footer: {
    btns: [
      { type: "default", label: "取消", value: "cancel" },
      { type: "primary", label: "确定", value: "submit" },
    ],
  },
});

const passDialogInputChange = (val, item) => {
  if (item.field == 'qualityScore') {
    passFormItems.value[2].placeholder = `本次评估数据资产总体质量得分为${val}分\n准确性：\n一致性：\n可访问性：\n规范性：\n完整性：`;
  }
}

const passDialogBtnClick = (btn, info) => {
  if (btn.value == 'submit') {
    qualityAllow({
      guid: currTableData.value.guid,
      qualityScore: info.qualityScore,
      evaluationRangeStart: info.evaluationRange[0],
      evaluationRangeEnd: info.evaluationRange[1],
      evaluationNote: info.evaluationNote,
      evaluationFile: info.evaluationFile.map(f => f.url),
    }).then((res: any) => {
      if (res?.code == proxy.$passCode) {
        if (res.data) {
          ElMessage.success('审批成功');
          passDialogInfo.value.visible = false;
          getTableData();
        } else {
          ElMessage.error('审批失败');
        }
      } else {
        ElMessage.error(res.msg);
      }
    })
  } else if (btn.value == 'cancel') {
    passDialogInfo.value.visible = false;
  }
};

const rejectDialogInfo = ref({
  visible: false,
  size: 460,
  direction: "column",
  header: {
    title: "驳回",
  },
  type: '',
  contents: [
    {
      type: 'form',
      title: '',
      formInfo: {
        id: 'batch-reject-form',
        items: [
          {
            label: '',
            type: "textarea",
            placeholder: "请填写驳回理由（必填）",
            field: "approveSuggest",
            clearable: true,
            block: true,
            col: 'margin_b_0',
          }
        ]
      }
    }
  ],
  footer: {
    btns: [
      { type: "default", label: "取消", value: "cancel" },
      { type: "primary", label: "确定", value: "submit" },
    ],
  },
});

const rejectDialogBtnClick = (btn, info) => {
  if (btn.value == 'submit') {
    if (info.approveSuggest == '') {
      ElMessage.error('请填写驳回理由');
      return
    }
    tableInfo.value.loading = true;
    let params = {
      bizGuid: currTableData.value.guid,
      funcCode: currTableData.value.funcCode,
      approveSuggest: info.approveSuggest
    }
    registerApproveBackup(params).then((res: any) => {
      tableInfo.value.loading = false;
      if (res?.code == proxy.$passCode) {
        if (res.data) {
          ElMessage.success('驳回成功');
          getTableData();
          rejectDialogInfo.value.visible = false;
        } else {
          ElMessage.error('驳回失败');
        }
      } else {
        ElMessage.error(res.msg);
      }
    });
  } else if (btn.value == 'cancel') {
    rejectDialogInfo.value.visible = false;
  }
};

</script>

<template>
  <div class="container_wrap">
    <div class="table_tool_wrap">
      <TableTools :searchItems="searchItemList" :searchId="'register-data-search'" @search="toSearch" :init="true" />
      <div class="tools_btns">
        <el-button type="primary" @click="handleCreate">质量评价发起</el-button>
      </div>
    </div>
    <div class="table_panel_wrap">
      <Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" @tablePageChange="tablePageChange" />
    </div>
    <Dialog :dialogInfo="dialogInfo" @btnClick="dialogBtnClick" />
    <Dialog :dialogInfo="passDialogInfo" @btnClick="passDialogBtnClick" @inputChange=passDialogInputChange  />
    <Dialog :dialogInfo="rejectDialogInfo" @btnClick="rejectDialogBtnClick" />
  </div>
</template>

<style scoped lang="scss">
.container_wrap {
  padding: 0 16px;
}
</style>