index1

pages/project/groupUser/index1.vue

 <template>
 <div>
-    <Table border :columns="columns" :data="list" ref="table" class="tableCommon" stripe></Table>
-    <div class="footerWidth"><Button type="primary" long>新增人员</Button></div>
+    <Table border :columns="columns" :data="list" ref="table" class="tableCommon" stripe>
+        <template slot-scope="{ row, index }" slot="userId">
+            <span v-if="edit != index" v-text="row.userId"></span>
+            <Input v-else type="text" v-model.trim="cur.userId" />
+        </template>
+    </Table>
+
+    <div class="footerWidth"><Button type="primary" long @click="addList">新增人员</Button></div>
     <Modal v-model="modal" :title="title" width="1200" footer-hide>
         <component :is="detail" :eid="curId" @on-close="cancel" @on-ok="ok" />
     </Modal>
@@ -23,13 +29,15 @@ export default {
             modal: false,
             title: "新增",
             detail: null,
-            curId: 0,
+            curId: '',
+            edit: -1,
             columns: [{
                     key: "userId",
                     title: this.l("userId"),
                     align: "left",
                     high: true,
-                    type: 'user'
+                    type: 'user',
+                    slot: 'userId'
                 },
                 {
                     key: "role",
@@ -38,12 +46,6 @@ export default {
                     high: true,
                     code: 'project.group.role'
                 },
-                {
-                    key: "note",
-                    title: this.l("note"),
-                    align: "left",
-                    high: true
-                },
                 {
                     key: "status",
                     title: this.l("status"),
@@ -51,6 +53,12 @@ export default {
                     high: true,
                     code: 'project.group.status'
                 },
+                {
+                    key: "note",
+                    title: this.l("note"),
+                    align: "left",
+                    high: true
+                },
                 {
                     title: '操作',
                     key: 'action',
@@ -132,6 +140,13 @@ export default {
             this.detail = () => import('./add')
             this.modal = true;
         },
+        addList() {
+            this.edit = this.list.length;
+            this.cur = {
+                userId: null,
+            };
+            this.list.push(this.cur);
+        },
         copy(id) {
             this.curId = id;
             this.title = "克隆";