From 4f238e1ff525b6aa1f8c9981f044d606a89734ce Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 24 十月 2024 08:27:19 +0800
Subject: [PATCH] 1. 新增完成展示下载的excel文件功能

---
 src/views/fysp/task/components/CompSubTaskList.vue |  125 +++++++++++++++++++++++++++++++++++++----
 1 files changed, 111 insertions(+), 14 deletions(-)

diff --git a/src/views/fysp/task/components/CompSubTaskList.vue b/src/views/fysp/task/components/CompSubTaskList.vue
index 70f3f85..ef20ca8 100644
--- a/src/views/fysp/task/components/CompSubTaskList.vue
+++ b/src/views/fysp/task/components/CompSubTaskList.vue
@@ -1,40 +1,137 @@
 <template>
   <el-row justify="space-between">
     <el-text>鍗曟棩璁″垝</el-text>
-    <el-button type="success" size="small" @click="add">鏂板</el-button>
+    <el-button
+      v-show="create && data && data.length > 0"
+      type="success"
+      size="small"
+      @click="add"
+      >浠诲姟璋冩暣</el-button
+    >
   </el-row>
   <el-divider />
   <div>
-    <el-scrollbar :height="height">
-      <ItemSubTask v-for="s in data" :key="s.guid" :item="s">
-        <template #default="{ item }">
-          <el-button type="danger" size="small" @click="remove(item)"
-            >绉婚櫎</el-button
+    <el-scrollbar v-loading="loading" :height="height">
+      <el-space
+        v-if="data && data.length > 0"
+        fill
+        :fill-ratio="100"
+        direction="vertical"
+        style="width: 100%"
+      >
+        <ItemSubTask v-for="s in data" :key="s.guid" :item="s">
+          <template #default="{ item }">
+            <el-space direction="vertical">
+              <el-button
+                :disabled="item.status != '鏈墽琛�'"
+                plain
+                type="primary"
+                size="small"
+                @click="edit(item)"
+                >缂栬緫</el-button
+              >
+              <el-button
+                :disabled="item.status != '鏈墽琛�'"
+                type="default"
+                size="small"
+                @click="remove(item)"
+                >绉婚櫎</el-button
+              >
+            </el-space>
+          </template>
+        </ItemSubTask>
+      </el-space>
+      <div v-else>
+        <el-empty description="鏃犱换鍔¤褰�" />
+        <el-row v-if="create" justify="center">
+          <el-button type="success" size="small" @click="add"
+            >娣诲姞浠诲姟</el-button
           >
-        </template>
-      </ItemSubTask>
+        </el-row>
+      </div>
     </el-scrollbar>
   </div>
+  <el-dialog
+    v-model="dialogVisible"
+    width="600"
+    title="宸℃煡浠诲姟缂栬緫"
+    destroy-on-close
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :show-close="false"
+  >
+    <CompSubTaskEdit
+      v-model="activeItem"
+      @submit="onEditSubmit"
+      @cancel="dialogVisible = false"
+    ></CompSubTaskEdit>
+  </el-dialog>
 </template>
 <script setup>
-import { ref, watch, onMounted } from 'vue';
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue';
+import { ElMessageBox, ElNotification, ElMessage } from 'element-plus';
+import CompSubTaskEdit from './CompSubTaskEdit.vue';
+import subtaskApi from '@/api/fysp/subtaskApi';
 
 const props = defineProps({
-  data: Array,
+  modelValue: Array,
   height: {
     type: String,
     default: '70vh'
-  }
+  },
+  // 鏄惁鏄剧ず娣诲姞浠诲姟鎸夐挳
+  create: Boolean,
+  loading: Boolean
 });
-const curSubTaskList = ref([]);
 
-const emit = defineEmits(['add', 'remove']);
+const dialogVisible = ref(false);
+const activeItem = ref(null);
+const data = computed(() => props.modelValue);
+
+const emit = defineEmits(['submit', 'add', 'remove', 'update:modelValue']);
 
 function remove(item) {
-  emit('remove', item);
+  if (item.status == '鏈墽琛�') {
+    ElMessageBox.confirm('鏄惁绉婚櫎鐩戠浠诲姟', `绉婚櫎纭`, {
+      confirmButtonText: '纭',
+      cancelButtonText: '鍙栨秷',
+      type: 'warning'
+    }).then(() => {
+      return subtaskApi.deleteSubtask(item.stguid).then(res=>{
+        if (res == 1) {
+          const index = data.value.indexOf(item);
+          data.value.splice(index, 1); 
+
+          emit('update:modelValue', data.value);
+          emit('remove', item);
+        } else {
+          Promise.reject('鍒犻櫎宸℃煡浠诲姟澶辫触')
+        }
+      })
+    });
+  }
+}
+
+function edit(item) {
+  activeItem.value = item;
+  dialogVisible.value = true;
+}
+
+function onEditSubmit(item) {
+  dialogVisible.value = false;
+  const index = data.value.findIndex((v) => {
+    return item.stguid == v.stguid;
+  });
+  data.value.splice(index, 1, item);
+  emit('update:modelValue', data.value);
+  emit('submit');
 }
 
 function add() {
   emit('add');
 }
+
+onUnmounted(() => {
+  dialogVisible.value = false;
+});
 </script>

--
Gitblit v1.9.3