1. 问题删除按钮改为不可用

riku

2024-11-26 efefef06c76a8b366bc676382e7b78316583b3ef

 src/views/fysp/check/components/CompProblemCard.vue

@@ -1,13 +1,17 @@
<template>
  <el-card class="layout" shadow="hover">
    <el-steps
      :active="proStatus.index"
      finish-status="success"
      style=""
      align-center
    >
      <el-step v-for="(s, i) in getSteps" :key="i" :title="s" />
    </el-steps>
  <el-card class="layout" shadow="never">
    <!-- <el-row justify="space-between"> -->
    <div >
      <el-steps
        :active="proStatus.index"
        finish-status="success"
        style=""
        align-center
      >
        <el-step v-for="(s, i) in getSteps" :key="i" :title="s" />
      </el-steps>
    </div>
    <!-- </el-row> -->

    <el-descriptions :column="3" size="small">
      <template #title>
@@ -85,15 +89,18 @@
      </el-col>
      <el-col :span="12">
        <el-row justify="end" class="btn-group">
          <el-button
          <el-button type="danger" size="small" @click="deletePro" :disabled="true"
            >删除</el-button
          >
          <!-- <el-button
            type="danger"
            size="small"
            @click="deletePro"
            :disabled="!proStatus.deletable"
            >删除</el-button
          >
          > -->
          <!-- 审核驳回操作 -->
          <!-- <el-button
          <el-button
            v-if="
              this.problem.extension3 == 'fail' ||
              this.problem.extension3 == 'change_fail'
@@ -111,7 +118,7 @@
            @click="rejectPro"
            :disabled="!proStatus.checkable"
            >审核驳回</el-button
          > -->
          >
          <el-button
            v-if="
              this.problem.extension3 == 'pass' ||
@@ -237,11 +244,11 @@
        },
        {
          bef: '问题待整改',
          aft: '问题已整改'
          aft: '整改已上传'
        },
        {
          bef: '整改待审核',
          aft: '整改已审核'
          aft: '问题已整改'
        }
      ]
    };
@@ -294,8 +301,7 @@
      this.$emit('submit', isOk);
      this.proAddOrUpdDialogVisible = false;
    },
    onChangeCanceled() {
    },
    onChangeCanceled() {},
    onChangeSubmited(isOk) {
      this.$emit('submit', isOk);
      this.changeDialogVisible = false;
@@ -343,7 +349,7 @@
            .checkProblem({ pId: pro.guid, action: action })
            .then((res) => {
              if (res.success) {
                pro.extension3 = status
                pro.extension3 = status;
                this.$emit('check');
              }
            });
@@ -365,7 +371,7 @@
            .checkProblem({ pId: pro.guid, action: action })
            .then((res) => {
              if (res.success) {
                pro.extension3 = status
                pro.extension3 = status;
                this.$emit('check');
              }
            });
@@ -408,14 +414,14 @@
<style scoped>
.layout {
  background-color: transparent;
  margin-top: 20px;
  margin-bottom: 20px;
  /* border: none; */
  border-color: rgba(0, 0, 0, 0.308);
  /* border-color: rgba(0, 0, 0, 0.308); */
}

.image {
  width: 200px;
  height: 210px;
  width: 240px;
  height: 250px;
  border-radius: 4px;
}

@@ -450,3 +456,61 @@
  background-color: var(--el-color-success-light-3);
}
</style>

<!-- 步骤条自定义样式 -->
<style scoped>
:deep(.el-steps--simple){
  background: #fffbf731;
}

:deep(.is-wait .el-step__icon){
  height: 17px;
  width: 17px;
  margin-top: 3px;
}

:deep(.is-wait .is-text .el-step__icon-inner) {
  font-size: var(--el-font-size-small);
}

:deep(.is-success .el-step__icon){
  height: 17px;
  width: 17px;
  margin-top: 3px;
}

:deep(.is-success .is-text .el-step__icon-inner) {
  font-size: var(--el-font-size-small);
}

:deep(.el-step__head.is-process) {
  border-color: var(--el-color-danger);
  color: var(--el-color-danger)
}

:deep(.el-step__head.is-wait) {
  border-color: var(--el-text-color-placeholder);
  color: var(--el-text-color-placeholder)
}

:deep(.el-step__head.is-success) {
  border-color: var(--el-color-success-light-3);
  color: var(--el-color-success-light-3)
}

:deep(.el-step__title.is-process) {
  color: var(--el-color-danger);
  font-weight: bolder;
  font-size: var(--el-font-size-large);
}

:deep(.el-step__title.is-wait) {
  color: var(--el-text-color-placeholder);
  font-size: var(--el-font-size-small);
}

:deep(.el-step__title.is-success) {
  color: var(--el-color-success-light-3);
  font-size: var(--el-font-size-small);
}
</style>