组织机构成员修改

src/pages/jcxx/zzjg/index.vue

@@ -86,6 +86,7 @@ const userData = ref([]);
 const memberTotal = ref(0);
 const memberLimit = ref(100);
 const memberCurrentPage = ref(1);
+const keyword = ref("");
 initAllUser();
 async function initAllUser() {
   let obj = {
@@ -93,6 +94,7 @@ async function initAllUser() {
     admin: 1,
     page: memberCurrentPage.value,
     limit: memberLimit.value,
+    keyword: keyword.value
   }
   let data = await userList(obj);
   memberTotal.value = parseInt(data.total_rows);
@@ -222,6 +224,7 @@ const memberAdd = () => {
   dialogTitle.value = "添加成员";
   dialogType.value = 2;
   memberValue.value = [];
+  keyword.value = "";
 }
 
 const filterMethod = (query, item) => {
@@ -474,11 +477,22 @@ const handlePermissionChange = async (data) => {
           <el-input v-model="ruleForm.uo_sort" type="number" :min="1" />
         </el-form-item>
       </el-form>
-      <el-transfer v-if="dialogType==2" v-model="memberValue" :props="{ key: 'user_id', label: 'user_realname_phone' }" :titles="['全部', '全部']" filterable :filter-method="filterMethod" filter-placeholder="请输入姓名..." :data="userData">
+      <!-- <el-transfer v-if="dialogType==2" v-model="memberValue" :props="{ key: 'user_id', label: 'user_realname_phone' }" :titles="['全部', '全部']" filterable :filter-method="filterMethod" filter-placeholder="请输入姓名..." :data="userData">
         <template #left-footer>
           <el-pagination background layout="prev, pager, next" :pager-count="5" :total="memberTotal" @current-change="handleMemberChange" :page-size="memberLimit" :currentPage="memberCurrentPage"></el-pagination>
         </template>
-      </el-transfer>
+      </el-transfer> -->
+      <div v-if="dialogType==2">
+        <div class="flex mb-10px">
+          <el-input v-model="keyword" clearable @clear="initAllUser" style="width: 300px;margin-right: 10px;"></el-input>
+          <el-button type="primary" @click="initAllUser">搜索</el-button>
+        </div>
+        <el-transfer v-model="memberValue" :props="{ key: 'user_id', label: 'user_realname_phone' }" :titles="['全部', '全部']" :data="userData">
+          <template #left-footer>
+            <el-pagination background layout="prev, pager, next" :pager-count="5" :total="memberTotal" @current-change="handleMemberChange" :page-size="memberLimit" :currentPage="memberCurrentPage"></el-pagination>
+          </template>
+        </el-transfer>
+      </div>
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="handleClose">取消</el-button>
@@ -503,6 +517,9 @@ const handlePermissionChange = async (data) => {
       }
       .el-transfer-panel__body {
         height: 400px;
+        .el-transfer-panel__list {
+          height: 100%;
+        }
       }
     }
   }