项目管理项目组成员添加搜索

src/views/program/registered/ContactForm.vue

@@ -22,7 +22,7 @@
 <!--          </el-form-item>-->
 <!--        </el-form>-->
 
-        <vxe-table
+        <el-table
           border="inner"
           auto-resize
           resizable
@@ -46,7 +46,7 @@
           <vxe-column width="" title="联系方式1" field="linkPhone"></vxe-column>
           <vxe-column width="" title="联系方式2" field="linkMobile"></vxe-column>
 
-        </vxe-table>
+        </el-table>
       </div>
 		<template #footer>
 			<span slot="footer" class="dialog-footer">
@@ -132,7 +132,7 @@
         this.dataList = []
         this.searchForm.ids.forEach((item) => {
           this.workClientService.findById(item).then((data) => {
-            // console.log(data.data.workClientLinkman)
+            console.log(data.data.workClientLinkman)
 			//   console.log(data.workClientLinkman)
             data.workClientLinkman.forEach(i => {
               this.dataList.push(i)

src/views/program/registered/ProjectForm2022.vue

@@ -576,11 +576,13 @@
 					keep-source
 					@cell-click=""
 					@edit-closed=""
+					highlight-current-row
 					:edit-config="{trigger: 'click', mode: 'row', showStatus: false, autoClear: true, icon: '#'}"
 				>
 					<vxe-table-column field="name" title="姓名" :edit-render="{}">
 						<template #edit="scope">
 							<el-input v-model="scope.row.name" ></el-input>
+
 						</template>
 					</vxe-table-column>
 					<vxe-table-column field="workHours" title="预计工时（时）" :edit-render="{name: '$input'}">

src/views/program/registered/ProjectFormUpdate.vue

@@ -584,72 +584,74 @@
           </el-button>
         </el-divider>
         <el-row  :gutter="15">
-          <vxe-table
-            border
-            show-overflow
-            show-footer
-            :footer-method="footerMethod"
-            ref="memberTable"
-            class="vxe-table-element"
-            :data="inputForm.members"
-            style="margin-left: 5em"
-            :key="memberKey"
-            @cell-click=""
-            @edit-closed=""
-            highlight-current-row
-            :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: false, icon: '#'}"
-          >
-            <vxe-table-column field="name"  title="姓名" :edit-render="{name: '$input'}" align="center">
-              <template v-slot:edit="scope">
-                <vxe-input v-model="scope.row.name" :disabled="commonJS.isNotEmpty(scope.row.userId)"  style="width: 100%" class="my-search">
-                  <template #suffix>
-<!--                    <i class="el-icon-search" @click="openUserSearch(scope.$rowIndex)"></i>-->
-                    <vxe-button  @click="openUserSearch(scope.$rowIndex)" type="text" content="" icon="el-icon-search" ></vxe-button>
-                  </template>
-                </vxe-input>
-              </template>
-            </vxe-table-column>
-            <vxe-table-column field="workHours" title="预计工时（时）" :edit-render="{name: '$input'}" align="center">
-              <template v-slot:edit="scope">
-                <vxe-input
-                  v-model="scope.row.workHours"
-                  type="float"
-                  digits="1"
-                  placeholder="请输入预计工时（时）"
-                  clearable>
-                </vxe-input>
-              </template>
-            </vxe-table-column>
-            <vxe-table-column align="center" field="type" title="人员类型" :edit-render="{name: '$select', options: $dictUtils.getDictList('program_registered_member_type')}">
-              <template v-slot:edit="scope">
-                <vxe-select v-model="scope.row.type" placeholder="请选择人员类型" clearable style="width: 100%;" transfer>
-                  <vxe-option
-                    v-for="item in $dictUtils.getDictList('program_registered_member_type')"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </vxe-option>
-                </vxe-select>
-              </template>
-            </vxe-table-column>
-            <vxe-table-column align="center" field="job" title="项目职务" :edit-render="{name: '$select', options: $dictUtils.getDictList('program_registered_member_position')}">
-              <template v-slot:edit="scope">
-                <vxe-select v-model="scope.row.job" placeholder="请选择项目职务" clearable style="width: 100%;" transfer>
-                  <vxe-option
-                    v-for="item in $dictUtils.getDictList('program_registered_member_position')"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                  </vxe-option>
-                </vxe-select>
-              </template>
-            </vxe-table-column>
-            <vxe-table-column title="操作" width="100" align="center">
-              <template v-slot="scope">
-                <el-button type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'member')">删除</el-button>
-              </template>
-            </vxe-table-column>
-          </vxe-table>
+          <el-col :span="24">
+			  <vxe-table
+				  border
+				  show-overflow
+				  show-footer
+				  :footer-method="footerMethod"
+				  ref="memberTable"
+				  class="vxe-table-element"
+				  :data="inputForm.members"
+				  style="margin-left: 5em"
+				  :key="memberKey"
+				  @cell-click=""
+				  @edit-closed=""
+				  highlight-current-row
+				  :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: false, icon: '#'}"
+			  >
+				  <vxe-table-column field="name"  title="姓名" :edit-render="{name: '$input'}" align="center">
+					  <template v-slot:edit="scope">
+						  <vxe-input v-model="scope.row.name" :disabled="commonJS.isNotEmpty(scope.row.userId)"  style="width: 100%" class="my-search">
+							  <template #suffix>
+								                      <i class="el-icon-search" @click="openUserSearch(scope.$rowIndex)"></i>
+<!--								  <vxe-button  @click="openUserSearch(scope.$rowIndex)" type="text" content="" icon="el-icon-search" ></vxe-button>-->
+							  </template>
+						  </vxe-input>
+					  </template>
+				  </vxe-table-column>
+				  <vxe-table-column field="workHours" title="预计工时（时）" :edit-render="{name: '$input'}" align="center">
+					  <template v-slot:edit="scope">
+						  <vxe-input
+							  v-model="scope.row.workHours"
+							  type="float"
+							  digits="1"
+							  placeholder="请输入预计工时（时）"
+							  clearable>
+						  </vxe-input>
+					  </template>
+				  </vxe-table-column>
+				  <vxe-table-column align="center" field="type" title="人员类型" :edit-render="{name: '$select', options: $dictUtils.getDictList('program_registered_member_type')}">
+					  <template v-slot:edit="scope">
+						  <vxe-select v-model="scope.row.type" placeholder="请选择人员类型" clearable style="width: 100%;" transfer>
+							  <vxe-option
+								  v-for="item in $dictUtils.getDictList('program_registered_member_type')"
+								  :key="item.value"
+								  :label="item.label"
+								  :value="item.value">
+							  </vxe-option>
+						  </vxe-select>
+					  </template>
+				  </vxe-table-column>
+				  <vxe-table-column align="center" field="job" title="项目职务" :edit-render="{name: '$select', options: $dictUtils.getDictList('program_registered_member_position')}">
+					  <template v-slot:edit="scope">
+						  <vxe-select v-model="scope.row.job" placeholder="请选择项目职务" clearable style="width: 100%;" transfer>
+							  <vxe-option
+								  v-for="item in $dictUtils.getDictList('program_registered_member_position')"
+								  :key="item.value"
+								  :label="item.label"
+								  :value="item.value">
+							  </vxe-option>
+						  </vxe-select>
+					  </template>
+				  </vxe-table-column>
+				  <vxe-table-column title="操作" width="100" align="center">
+					  <template v-slot="scope">
+						  <el-button type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'member')">删除</el-button>
+					  </template>
+				  </vxe-table-column>
+			  </vxe-table>
+		  </el-col>
         </el-row>
       </el-form>
       <!--        附件-->

src/views/program/registered/RegisItemForm.vue

@@ -641,8 +641,12 @@
 					<vxe-table-column field="name" title="姓名" :edit-render="{name: '$input'}" align="center">
 						<template v-slot:edit="scope">
 							<vxe-input v-model="scope.row.name" :disabled="commonJS.isNotEmpty(scope.row.userId) || status === 'audit' || status === 'taskFormDetail'"  style="width: 100%">
+<!--								<template #suffix>-->
+<!--									<vxe-button :disabled="status === 'audit' || status === 'taskFormDetail'" @click="openUserSearch(scope.$rowIndex)" type="text" content="" icon="el-icon-search" ></vxe-button>-->
+<!--								</template>-->
 								<template #suffix>
-									<vxe-button :disabled="status === 'audit' || status === 'taskFormDetail'" @click="openUserSearch(scope.$rowIndex)" type="text" content="" icon="el-icon-search" ></vxe-button>
+<!--									<i class="el-icon-search" @click="openUserSearch(scope.$rowIndex)"></i>-->
+									<el-button :disabled="status === 'audit' || status === 'taskFormDetail'"  @click="openUserSearch(scope.$rowIndex)" type="text" content="" icon="el-icon-search" ></el-button>
 								</template>
 							</vxe-input>
 						</template>
@@ -1547,7 +1551,7 @@
       // 打开用户选择组件
       openUserSearch (index) {
         this.tableIndex = index
-        this.$refs.userSelectDialog.init()
+        this.$refs.userSelectDialog.open(this.inputForm.members)
       },
       // 用户选择组件回显
       getMember (member) {