From d2131c8188d0d146d38a097db9bb61274efbfa82 Mon Sep 17 00:00:00 2001
From: zhangqi <2794379662@qq.com>
Date: Thu, 17 Jun 2021 17:40:29 +0800
Subject: [PATCH] =?UTF-8?q?update:=E4=BA=BA=E5=91=98=E4=B8=B4=E6=97=B6?=
 =?UTF-8?q?=E5=BA=93=E6=94=BE=E5=88=B0=E5=8D=95=E9=A1=B5=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ProjectExtraUser.vue       |  3 +
 src/views/ProjectExtraUser/Index.vue | 93 ++++++++++++++++++++++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 src/views/ProjectExtraUser.vue
 create mode 100644 src/views/ProjectExtraUser/Index.vue

diff --git a/src/views/ProjectExtraUser.vue b/src/views/ProjectExtraUser.vue
new file mode 100644
index 0000000..a44ab87
--- /dev/null
+++ b/src/views/ProjectExtraUser.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view></router-view>
+</template>
diff --git a/src/views/ProjectExtraUser/Index.vue b/src/views/ProjectExtraUser/Index.vue
new file mode 100644
index 0000000..7f39be6
--- /dev/null
+++ b/src/views/ProjectExtraUser/Index.vue
@@ -0,0 +1,93 @@
+<template>
+  <a-button class="editable-add-btn" style="margin-bottom: 8px" @click="add"
+    >Add</a-button
+  >
+  <a-table bordered :data-source="users" :columns="columns">
+    <template
+      v-for="col in columns.filter(c => c.editable !== false)"
+      #[col.dataIndex]="{text,record}"
+      :key="col"
+    >
+      <div v-if="editableData[record.id]">
+        <a-input
+          v-model:value="editableData[record.id][col.dataIndex]"
+          style="margin: -5px 0"
+        />
+      </div>
+      <template v-else>
+        {{ text }}
+      </template>
+    </template>
+    <template #opt="{record}">
+      {{ record.name }}
+    </template>
+  </a-table>
+</template>
+<style></style>
+<script>
+import { ref } from "@vue/reactivity";
+import { onMounted } from "@vue/runtime-core";
+export default {
+  setup() {
+    var idx = 0;
+    var users = ref([]);
+    var editableData = ref({});
+    var columns = [
+      {
+        title: "姓名",
+        dataIndex: "name"
+      },
+      {
+        title: "证件号码",
+        dataIndex: "idCard"
+      },
+      {
+        title: "联系电话",
+        dataIndex: "phone"
+      },
+      {
+        title: "承担工作",
+        dataIndex: "duty"
+      },
+      {
+        title: "从事专业",
+        dataIndex: "specialty"
+      },
+      {
+        title: "备注说明",
+        dataIndex: "remarks"
+      },
+      {
+        title: "操作",
+        dataIndex: "opt",
+        editable: false
+      }
+    ].map(p => ({ ...p, slot: { customRender: p.dataIndex } }));
+    var getUsers = async acceptId => {
+      var response = await fetch(
+        "/api2/ProjectExtraUser/GetUsers?acceptId=" + acceptId
+      );
+      var body = await response.json();
+      if (body.errorCode == 0) {
+        users.value = body.data;
+      }
+    };
+    onMounted(() => {
+      var acceptId = new URL(location.href).searchParams.get("acceptId");
+      getUsers(acceptId);
+    });
+    var edit = id => {
+      editableData.value[id] = { ...users.value.find(p => p.id) };
+    };
+    var add = () => {
+      var user = {
+        id: idx--
+      };
+      users.value.push(user);
+    };
+    var save = () => {};
+    var cancel = () => {};
+    return { users, columns, editableData, edit, add, save, cancel };
+  }
+};
+</script>