<script lang="ts" setup name="addNotice">
import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
import baseInfo from './infoDetail.vue'
import ApprovalDialog from './ApprovalDialog.vue'
import { editBtn, submitBtn } from '@/views/tested/device/info/components/applyBtns'
import { cancelPlan, delPlan, editPlan, submitPlan } from '@/api/eqpt/measurementPlan/paln'
import { SCHEDULE } from '@/utils/scheduleDict'
const $route = useRoute()
const activeName = ref('基本信息')
const statusName = $route.query.statusName as string
const $router = useRouter()
const data = JSON.parse($route.query.row as string)
const close = () => {
  $router.back()
}
// 审批
const approvalDialogRef = ref()
const apply = (type: string) => {
  approvalDialogRef.value.initDialog(type, data.taskId, data.processId, data.id)
}
// 编辑
const editForm = () => {
  $router.push({
    path: '/plan/update',
    query: { ...$route.query },
  })
}
// 删除
const delForm = () => {
  ElMessageBox.confirm(
    '确认删除设备信息吗?',
    '确认',
    {
      confirmButtonText: '确认',
      cancelButtonText: '取消',
      type: 'warning',
    },
  ).then(() => {
    delPlan(data.id).then((res) => {
      ElMessage.success('操作成功')
      close()
    })
  })
}
// 取消
const cancelForm = () => {
  ElMessageBox.confirm(
    '确认取消吗?',
    '确认',
    {
      confirmButtonText: '确认',
      cancelButtonText: '取消',
      type: 'warning',
    },
  ).then(() => {
    cancelPlan({ id: data.id, processInstanceId: data.processId, comments: '' }).then((res) => {
      ElMessage.success('操作成功')
      close()
    })
  })
}
// 追加计划
const append = () => {
  $router.push({
    path: '/plan/update',
    query: { ...$route.query, append: 'true' },
  })
}
</script>

<template>
  <app-container style="overflow: hidden;">
    <approval-dialog ref="approvalDialogRef" @on-success="() => { $router.back() }" />
    <detail-page title="计量计划-详情">
      <template #btns>
        <el-button v-if="statusName === '全部'" type="primary">
          发送送检通知
        </el-button>
        <el-button v-if="statusName === '全部'" type="primary" @click="append">
          追加计划
        </el-button>
        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('agree')">
          同意
        </el-button>
        <el-button v-if="statusName === '待审批'" type="primary" @click="apply('refuse')">
          拒绝
        </el-button>
        <el-button v-if="editBtn(statusName, 'detail')" type="primary" @click="editForm()">
          编辑
        </el-button>
        <!-- <el-button v-if="submitBtn(statusName, 'detail')" type="primary" @click="submitForm()">
          提交
        </el-button> -->
        <!-- <el-button v-if="submitBtn(statusName, 'detail')" type="primary" @click="saveForm(ruleFormRef, ruleFormRef1)">
          保存
        </el-button> -->
        <el-button v-if="statusName === '已通过' || statusName === '全部'" type="primary">
          打印
        </el-button>
        <el-button v-if="statusName === '已取消' || statusName === '审批'" type="info" @click="delForm()">
          删除
        </el-button>
        <el-button v-if="statusName === '审批中'" type="info" @click="cancelForm()">
          取消
        </el-button>
        <el-button type="info" @click="$router.back()">
          关闭
        </el-button>
      </template>
    </detail-page>
    <detail-block-com>
      <el-tabs v-model="activeName" type="card" class="demo-tabs">
        <el-tab-pane label="基本信息" name="基本信息">
          <base-info />
        </el-tab-pane>
        <el-tab-pane label="审批详情" name="审批详情">
          审批详情
          <!-- <report-table :data="[]" status="detail" /> -->
        </el-tab-pane>
      </el-tabs>
    </detail-block-com>
  </app-container>
</template>