no message

src/views/project-management/index.vue

@@ -133,11 +133,11 @@
           label="项目名称"
         />
         <el-table-column
-          width="120"
+          width="180"
           align="center"
           show-overflow-tooltip
           prop="projectAmount"
-          label="项目金额"
+          label="项目金额（万元）"
         />
         <el-table-column
           width="110"
@@ -196,14 +196,20 @@
           prop="reportingTime"
           label="提交时间"
         />
-        <el-table-column fixed="right" width="250" align="center" label="操作">
+        <el-table-column fixed="right" width="380" align="center" label="操作">
           <template #default="{ row }">
             <el-button type="success" plain @click="handleCheckDetail(row)">
               详情
             </el-button>
+            <el-button type="primary" @click="handleValid(row, 1)">
+              有效
+            </el-button>
+            <el-button type="warning" plain @click="handleValid(row, 2)">
+              失效
+            </el-button>
             <el-button
               :disabled="row.status == 0"
-              type="warning"
+              type="info"
               plain
               @click="handleClose(row)"
             >
@@ -314,6 +320,31 @@
         </div>
       </div>
     </el-dialog>
+
+    <!-- 有效失效弹窗区域 -->
+    <el-dialog
+      v-model="dialogVisibleStatus"
+      :title="titleStatus"
+      center
+      width="40%"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog_box2">
+        <el-input
+          v-model="textareaValue"
+          :rows="10"
+          resize="none"
+          type="textarea"
+          placeholder="请输入备注"
+        />
+      </div>
+      <template #footer>
+        <span>
+          <el-button @click="handleCancel">取消</el-button>
+          <el-button type="primary" @click="handleConfirm"> 确认 </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -352,6 +383,14 @@ const typeOptions = [
   {
     label: '已关闭',
     value: 0
+  },
+  {
+    label: '已提交',
+    value: 2
+  },
+  {
+    label: '已失效',
+    value: 3
   }
 ]
 
@@ -391,6 +430,12 @@ const store = useStore()
 const downIds = ref([])
 // 控制详情弹窗显示隐藏
 const dialogVisible = ref(false)
+// 控制有效失效弹窗显示隐藏
+const dialogVisibleStatus = ref(false)
+// 有效失效弹窗标题
+const titleStatus = ref('')
+// 有效失效弹窗输入框数据
+const textareaValue = ref('')
 // 控制详情弹窗数据
 const dialogInfo = ref({})
 // 一共多少条
@@ -436,6 +481,17 @@ const handleCheckDetail = (row) => {
   dialogVisible.value = true
   dialogInfo.value = row
 }
+// 点击有效失效按钮回调
+const handleValid = (row, type) => {
+  // 1为有效，2为失效
+  console.log(row)
+  if (type === 1) {
+    titleStatus.value = '有效'
+  } else {
+    titleStatus.value = '失效'
+  }
+  dialogVisibleStatus.value = true
+}
 // 点击关闭按钮回调
 const handleClose = (row) => {
   ElMessageBox.confirm(`确定关闭 ${row.entryName} 吗？`, '提示', {
@@ -482,6 +538,30 @@ const handleDelete = (row) => {
       ElMessage.info('已取消')
     })
 }
+
+// 点击有效失效弹窗取消按钮回调
+const handleCancel = () => {
+  dialogVisibleStatus.value = false
+}
+// 点击有效失效弹窗确认按钮回调
+const handleConfirm = () => {
+  ElMessageBox.confirm('确定处理该条数据吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(() => {
+      if (titleStatus.value === '有效') {
+        console.log('有效')
+      } else {
+        console.log('失效')
+      }
+      dialogVisibleStatus.value = false
+    })
+    .catch(() => {
+      ElMessage.info('已取消')
+    })
+}
 // 改变每页条数回调
 const handleSizeChange = (val) => {
   pageSize.value = val
@@ -569,6 +649,10 @@ const handleReset = () => {
   }
 }
 
+.dialog_box2 {
+  height: 210px;
+}
+
 ::v-deep .el-button--primary {
   background-color: #0061ff;
 }