From 93d0068bd857682f56c064c5a4b67dfb812b593e Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Thu, 24 Apr 2025 15:36:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=98=E6=9B=B4=E8=BE=93=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DesignForm/public/form/formItem.vue       |    1 +
 .../matrix/matrixcont/setupmatrixuser.vue     |  455 +++----
 src/views/matrix/orgoruser/pickorg.vue        | 1095 +++++++++--------
 3 files changed, 814 insertions(+), 737 deletions(-)

diff --git a/src/components/DesignForm/public/form/formItem.vue b/src/components/DesignForm/public/form/formItem.vue
index 8d3bf62..71faa36 100644
--- a/src/components/DesignForm/public/form/formItem.vue
+++ b/src/components/DesignForm/public/form/formItem.vue
@@ -1241,6 +1241,7 @@ const diGuiJilian = (val: any, options: any[]) => {
         v-model="value"
         :disabled="judgeIsDisabled(data.name)"
         type="textarea"
+        :autosize="{ minRows: 2, maxRows: 20 }"
         :placeholder="
           data.control.placeholder
             ? data.control.placeholder
diff --git a/src/views/matrix/matrixcont/setupmatrixuser.vue b/src/views/matrix/matrixcont/setupmatrixuser.vue
index 3498833..8083188 100644
--- a/src/views/matrix/matrixcont/setupmatrixuser.vue
+++ b/src/views/matrix/matrixcont/setupmatrixuser.vue
@@ -3,263 +3,286 @@
 @ 时间: 2023-07-05 15:03:42
 @ 备注: 设置字段值
 -->
-<script lang='ts' setup>
-import { matrixTable,objectStruct,orgAndUserMatrixCont } from '@/api/matrixapi/type'
-import { getMatrixField,getNumber,submitMatrixData,haveMatrixCont } from '@/api/matrixapi';
-import { Search } from '@element-plus/icons-vue'
+<script lang="ts" setup>
+import { matrixTable, objectStruct, orgAndUserMatrixCont } from "@/api/matrixapi/type";
+import {
+  getMatrixField,
+  getNumber,
+  submitMatrixData,
+  haveMatrixCont,
+} from "@/api/matrixapi";
+import { Search } from "@element-plus/icons-vue";
 /**
  * 引入页面
  */
-import PickOrg from '@/views/matrix/orgoruser/pickorg.vue'
-
+import PickOrg from "@/views/matrix/orgoruser/pickorg.vue";
 
 const props = defineProps({
-	userShow:{
-		type:Boolean,
-		default:false
-	},
-	matrixcont:{
-		type:Object,
-		default(){
-			return {}
-		}
-	}
+  userShow: {
+    type: Boolean,
+    default: false,
+  },
+  matrixcont: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
 });
-const emits = defineEmits(["update:userShow"]);	//父级元素
-const addFieldLoading = ref(false)
-const tabelColumn = reactive<matrixTable[]>([])
-const tableList = reactive<any[]>([])
-const loading = ref(false)
-const orgOrUserBox = ref(false);		//选择行政组织或选择人员
-const judgePage = ref(false); 
-const orguseInfo = reactive<orgAndUserMatrixCont[]>([])
+const emits = defineEmits(["update:userShow"]); //父级元素
+const addFieldLoading = ref(false);
+const tabelColumn = reactive<matrixTable[]>([]);
+const tableList = reactive<any[]>([]);
+const loading = ref(false);
+const orgOrUserBox = ref(false); //选择行政组织或选择人员
+const judgePage = ref(false);
+const orguseInfo = reactive<orgAndUserMatrixCont[]>([]);
 const systemMenuTreeProps = {
-    children: "child",
-    label: "name",
-	value:"id"
-}
-const orgOptionsList = ref<any>();	//行政组织树
-const tableValue = ref<any>();	//单元格内容
-const ids = ref<number[]>([]);	//批量删除的ID
+  children: "child",
+  label: "name",
+  value: "id",
+};
+const orgOptionsList = ref<any>(); //行政组织树
+const tableValue = ref<any>(); //单元格内容
+const ids = ref<number[]>([]); //批量删除的ID
 /**
  * 弹窗显示控制
  */
 const field_is_Show = computed({
-	get: () => props.userShow,
-	set: (val) => {
-		emits("update:userShow", val);
-	},
+  get: () => props.userShow,
+  set: (val) => {
+    emits("update:userShow", val);
+  },
 });
 /**
  * 关闭弹窗
  */
- function handleCloseBox(){
-	emits("update:userShow", false);
-	initData()
+function handleCloseBox() {
+  emits("update:userShow", false);
+  initData();
 }
 /**
  * 初始化数据
  */
-function initData(){
-	orgOptionsList.value?.splice(0,orgOptionsList.value.length);
-	// console.log("tableList-------->",tableList.length)
-	tableList.splice(0, tableList.length);
+function initData() {
+  orgOptionsList.value?.splice(0, orgOptionsList.value.length);
+  // console.log("tableList-------->",tableList.length)
+  tableList.splice(0, tableList.length);
 }
 /**
  * 监听数据
  */
- watch(() => props.userShow,() => {
-	if(props.userShow){
-		getMatrixField({id:props.matrixcont.id})
-			.then(({data})=>{
-				// console.log("监听数据---->",data)
-				tabelColumn.splice(0,tabelColumn.length)
-				data.factor.forEach(item=>{
-					tabelColumn.push({
-						id:item.id,
-						label:item.name,
-						prop:item.pinyin,
-						types:item.types
-					})
-				})
-				data.outcome.forEach(item=>{
-					tabelColumn.push({
-						id:item.id,
-						label:item.name,
-						prop:item.pinyin,
-						types:item.types
-					})
-				})
-			})
-			.finally(()=>{
-				tableList.splice(0,tableList.length)
-				haveMatrixCont({id:props.matrixcont.id})
-					.then((data)=>{
-						if(data.data&&data.data.length>0){
-							data.data.forEach((item:any)=>{
-								tableList.push(item)
-							})
-						}
-					})
-					.finally(()=>{
-						if(tableList.length<1){
-							addTableHang();
-						}
-					})
-			})
-	}
-});
+watch(
+  () => props.userShow,
+  () => {
+    if (props.userShow) {
+      getMatrixField({ id: props.matrixcont.id })
+        .then(({ data }) => {
+          console.log("监听数据---->", data);
+          tabelColumn.splice(0, tabelColumn.length);
+          data.factor.forEach((item) => {
+            tabelColumn.push({
+              id: item.id,
+              label: item.name,
+              prop: item.pinyin,
+              types: item.types,
+            });
+          });
+          data.outcome.forEach((item) => {
+            tabelColumn.push({
+              id: item.id,
+              label: item.name,
+              prop: item.pinyin,
+              types: item.types,
+            });
+          });
+        })
+        .finally(() => {
+          tableList.splice(0, tableList.length);
+          haveMatrixCont({ id: props.matrixcont.id })
+            .then((data) => {
+              console.log("监听数据--11111-->", data);
+              if (data.data && data.data.length > 0) {
+                data.data.forEach((item: any) => {
+                  tableList.push(item);
+                });
+              }
+            })
+            .finally(() => {
+              if (tableList.length < 1) {
+                addTableHang();
+              }
+            });
+        });
+    }
+  }
+);
 /**
  * 添加行
  */
-function addTableHang(){
-	//获取编号
-	getNumber({id:8})
-		.then((data)=>{
-			var jks:objectStruct = {}
-			tabelColumn.forEach(item=>{
-				jks[item.prop]={
-					id:item.id,
-					types:item.types,
-					number:data.data.uuidstring,
-					userlist:[],
-					orgid:0,
-					namelist:[],
-					isedit:false,
-					pinyin:item.prop
-				}
-			})		
-			tableList.push(jks)
-		})
-	// console.log("监听数据-1111->",props.orglist,props.orgtree)
+function addTableHang() {
+  //获取编号
+  getNumber({ id: 8 }).then((data) => {
+    var jks: objectStruct = {};
+    tabelColumn.forEach((item) => {
+      jks[item.prop] = {
+        id: item.id,
+        types: item.types,
+        number: data.data.uuidstring,
+        userlist: [],
+        orgid: 0,
+        namelist: [],
+        isedit: false,
+        pinyin: item.prop,
+      };
+    });
+    tableList.push(jks);
+  });
+  // console.log("监听数据-1111->",props.orglist,props.orgtree)
 }
 /**
  * 提交使用人
  */
-function submitAddMatrixUser(){
-	if(orguseInfo&&orguseInfo.length>0){
-		orguseInfo.splice(0,orguseInfo.length)
-	}
-	// console.log("提交数据-->",tableList)
-	if(tableList&&tableList.length > 0){
-		tableList.forEach((item)=>{
-			// console.log("提交数据-4->",item,item.bm)
-			// if(item&&item.length>=0){
-			// 	item.forEach((items: any)=>{
-			// 		console.log("提交数据-2->",items)
-			// 	})
-			// }
-			const entries = Object.entries(item);
-			entries.map((val:any)=>{
-				// console.log("提交数据-2->",val,val[val.length-1].number)
-				let typeClass = 1
-				if(val[val.length-1].types == 1){
-					typeClass = 2
-				}
-				orguseInfo.push({
-					id:0,
-					number:val[val.length-1].number,
-					userlist:val[val.length-1].userlist,
-					types:typeClass,
-					mcid:props.matrixcont.id,
-					mhid:val[val.length-1].id,
-				})
-			})
-			
-			
-			
-		})
-	}
-	submitMatrixData(orguseInfo)
-		.then((data)=>{
-			// console.log("提交数据-66666->",data)
-			handleCloseBox();
-		})
+function submitAddMatrixUser() {
+  if (orguseInfo && orguseInfo.length > 0) {
+    orguseInfo.splice(0, orguseInfo.length);
+  }
+  // console.log("提交数据-->",tableList)
+  if (tableList && tableList.length > 0) {
+    tableList.forEach((item) => {
+      // console.log("提交数据-4->",item,item.bm)
+      // if(item&&item.length>=0){
+      // 	item.forEach((items: any)=>{
+      // 		console.log("提交数据-2->",items)
+      // 	})
+      // }
+      const entries = Object.entries(item);
+      entries.map((val: any) => {
+        // console.log("提交数据-2->",val,val[val.length-1].number)
+        let typeClass = 1;
+        if (val[val.length - 1].types == 1) {
+          typeClass = 2;
+        }
+        orguseInfo.push({
+          id: 0,
+          number: val[val.length - 1].number,
+          userlist: val[val.length - 1].userlist,
+          types: typeClass,
+          mcid: props.matrixcont.id,
+          mhid: val[val.length - 1].id,
+        });
+      });
+    });
+  }
+  submitMatrixData(orguseInfo).then((data) => {
+    // console.log("提交数据-66666->",data)
+    handleCloseBox();
+  });
 
-	// console.log("提交数据-1->",orguseInfo)
+  // console.log("提交数据-1->",orguseInfo)
 }
-function sdfdsf(cont:any){
-	// console.log("单击单元格-2222222->",cont)
-	if(cont.types<1){
-		judgePage.value = true
-	}else{
-		judgePage.value = false
-	}
-	cont.isedit=true
-	orgOrUserBox.value = true
-	tableValue.value = cont
+function sdfdsf(cont: any) {
+  // console.log("单击单元格-2222222->",cont)
+  if (cont.types < 1) {
+    judgePage.value = true;
+  } else {
+    judgePage.value = false;
+  }
+  cont.isedit = true;
+  orgOrUserBox.value = true;
+  tableValue.value = cont;
 }
 /**
  * 删除行
  */
-function delTableHang(id:any){
-	// console.log("删除行",id)
-	tableList.splice(id,1)
-	if(tableList.length<1){
-		addTableHang();
-	}
+function delTableHang(id: any) {
+  // console.log("删除行",id)
+  tableList.splice(id, 1);
+  if (tableList.length < 1) {
+    addTableHang();
+  }
 }
 </script>
 <template>
-	<el-dialog v-model="field_is_Show" custom-class="dialog_box" title="矩阵数据维护"  :before-close="handleCloseBox" width="80%" draggable>
-		<PickOrg v-model:orgBoxShow="orgOrUserBox" :ismultiselect="false" :tabledata="tableValue" />
-		<el-table
-			v-loading="loading"
-			highlight-current-row
-			:data="tableList"
-			border
-		>
-			<el-table-column v-for="(item,index) in tabelColumn" :key="index"  align="center">
-				<!-- 自定义表头 -->
-				<template #header>
-					{{item.label}} 
-				</template>
-				<!-- 自定义表项/单元格内容 -->
-				<template #default="scope">
-						<div v-if="!scope.row[item.prop].isedit" class="edit_table_row" @dblclick="sdfdsf(scope.row[item.prop])" >
-							<el-tag v-for="(itemtext,ti) in scope.row[item.prop].userlist" :key="ti" class="ml-2"  size="small">{{ itemtext.name }}</el-tag>&nbsp;
-						</div>
-						<div v-else>
-							<el-input
-								v-model="scope.row[item.prop].namelist"
-								placeholder="请选择"
-								:suffix-icon="Search"
-							/>
-						</div>
-				</template>
-			</el-table-column>
-			<el-table-column label="操作"  width="80" align="center">
-				<template #default="scope">
-					<el-button type="danger" link @click="delTableHang(scope.$index)">删除</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
-		
-		<template #footer>
-			<div class="dialog-footer left_right">
-				<div>
-					<el-button type="warning" @click="addTableHang">添加数据</el-button>
-				</div>
-				<div>
-					<el-button type="primary" :loading="addFieldLoading" @click="submitAddMatrixUser" >确 定</el-button>
-					<el-button @click="handleCloseBox">取 消</el-button>
-				</div>
-			</div>
-		</template>
-
-		
+  <el-dialog
+    v-model="field_is_Show"
+    custom-class="dialog_box"
+    title="矩阵数据维护"
+    :before-close="handleCloseBox"
+    width="80%"
+    draggable
+  >
+    <PickOrg
+      v-model:orgBoxShow="orgOrUserBox"
+      :ismultiselect="false"
+      :tabledata="tableValue"
+    />
+    <el-table v-loading="loading" highlight-current-row :data="tableList" border>
+      <el-table-column v-for="(item, index) in tabelColumn" :key="index" align="center">
+        <!-- 自定义表头 -->
+        <template #header>
+          {{ item.label }}
+        </template>
+        <!-- 自定义表项/单元格内容 -->
+        <template #default="scope">
+          <div
+            v-if="!scope.row[item.prop].isedit"
+            class="edit_table_row"
+            @dblclick="sdfdsf(scope.row[item.prop])"
+          >
+            <el-tag
+              v-for="(itemtext, ti) in scope.row[item.prop].userlist"
+              :key="ti"
+              class="ml-2"
+              size="small"
+              >{{ itemtext.name }}</el-tag
+            >&nbsp;
+          </div>
+          <div v-else>
+            <el-input
+              v-model="scope.row[item.prop].namelist"
+              placeholder="请选择"
+              :suffix-icon="Search"
+            />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="80" align="center">
+        <template #default="scope">
+          <el-button type="danger" link @click="delTableHang(scope.$index)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
 
-	</el-dialog>
+    <template #footer>
+      <div class="dialog-footer left_right">
+        <div>
+          <el-button type="warning" @click="addTableHang">添加数据</el-button>
+        </div>
+        <div>
+          <el-button
+            type="primary"
+            :loading="addFieldLoading"
+            @click="submitAddMatrixUser"
+            >确 定</el-button
+          >
+          <el-button @click="handleCloseBox">取 消</el-button>
+        </div>
+      </div>
+    </template>
+  </el-dialog>
 </template>
-<style  lang='scss' scoped>
-.edit_table_row{
-	display: block;
-	width: 100%;
-	height: 100%;
+<style lang="scss" scoped>
+.edit_table_row {
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-.left_right{
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+.left_right {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 </style>
diff --git a/src/views/matrix/orgoruser/pickorg.vue b/src/views/matrix/orgoruser/pickorg.vue
index 09270b7..2fa0d34 100644
--- a/src/views/matrix/orgoruser/pickorg.vue
+++ b/src/views/matrix/orgoruser/pickorg.vue
@@ -3,517 +3,571 @@
 @ 时间: 2023-07-07 09:11:55
 @ 备注: 选择行政组织
 -->
-<script lang='ts' setup>
-import { Search  } from '@element-plus/icons-vue'	//搜索图标
-import { ElDivider } from 'element-plus'
-import { orgInfo,breadCrumbs,employeesCont,childDepartmentsCont }  from '@/api/displayboardapi/types'
-import { getOrgChiled,getBasisOrgChiled } from '@/api/displayboardapi/indexapi'
-import { shuttleFramePickData } from '@/api/matrixapi/type'
+<script lang="ts" setup>
+import { Search } from "@element-plus/icons-vue"; //搜索图标
+import { ElDivider } from "element-plus";
+import {
+  orgInfo,
+  breadCrumbs,
+  employeesCont,
+  childDepartmentsCont,
+} from "@/api/displayboardapi/types";
+import { getOrgChiled, getBasisOrgChiled } from "@/api/displayboardapi/indexapi";
+import { shuttleFramePickData } from "@/api/matrixapi/type";
 
-import { queryPeopleCont } from '@/api/hr/people/type'
-import { searchUserCont } from '@/api/hr/people/index'
+import { queryPeopleCont } from "@/api/hr/people/type";
+import { searchUserCont } from "@/api/hr/people/index";
 
-
-const spacer = h(ElDivider, { direction: 'vertical' })
+const spacer = h(ElDivider, { direction: "vertical" });
 
 const props = defineProps({
-	orgBoxShow:{
-		type:Boolean,
-		default:false
-	},
-	ismultiselect:{
-		type:Boolean,
-		default:false
-	},
-	tabledata:{
-		type:Object,
-		default(){
-			return {}
-		}
-	}
+  orgBoxShow: {
+    type: Boolean,
+    default: false,
+  },
+  ismultiselect: {
+    type: Boolean,
+    default: false,
+  },
+  tabledata: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
 });
-const emits = defineEmits(["update:orgBoxShow"]);	//父级元素
-const dialogTitle = ref<string>()
+const emits = defineEmits(["update:orgBoxShow"]); //父级元素
+const dialogTitle = ref<string>();
 const addOrgUserLoading = ref(false);
-const searchKeywords = ref<string>()
-const keywordsTitle = ref<string>()
-const orgInfoList = ref<orgInfo[]>()
-const orgBreadCrumbs = ref<breadCrumbs[]>()
-const employees = ref<employeesCont[]>()
-const childDepartments = ref<childDepartmentsCont[]>()
-const isCheckBox = ref(false);	//是否多选
-const pickDataList = ref<any>()
-const duoxuanVal = reactive<shuttleFramePickData[]>([])
+const searchKeywords = ref<string>();
+const keywordsTitle = ref<string>();
+const orgInfoList = ref<orgInfo[]>();
+const orgBreadCrumbs = ref<breadCrumbs[]>();
+const employees = ref<employeesCont[]>();
+const childDepartments = ref<childDepartmentsCont[]>();
+const isCheckBox = ref(false); //是否多选
+const pickDataList = ref<any>();
+const duoxuanVal = reactive<shuttleFramePickData[]>([]);
 // const danxuanVal = ref<shuttleFramePickData>()
-const countPick=ref(0)
+const countPick = ref(0);
 /**
  * 弹窗显示控制
  */
 const pickorg_is_Show = computed({
-	get: () => props.orgBoxShow,
-	set: (val) => {
-		emits("update:orgBoxShow", val);
-	},
+  get: () => props.orgBoxShow,
+  set: (val) => {
+    emits("update:orgBoxShow", val);
+  },
 });
 /**
  * 关闭弹窗
  */
-function closeBox(){
-	// eslint-disable-next-line vue/no-mutating-props
-	props.tabledata.isedit = false;
-	pickDataList.value =[]
-	orgInfoList.value = []
-	duoxuanVal.slice(0,duoxuanVal.length)
-	let emptyOrg = new Array
-	duoxuanVal.length = 0
-	searchKeywords.value=""
-	// //console.log("关闭弹窗",duoxuanVal)
-	// eslint-disable-next-line vue/no-mutating-props
-	// props.tabledata.namelist=["秦东","马飞"]
-	emits("update:orgBoxShow", false);
+function closeBox() {
+  // eslint-disable-next-line vue/no-mutating-props
+  props.tabledata.isedit = false;
+  pickDataList.value = [];
+  orgInfoList.value = [];
+  duoxuanVal.slice(0, duoxuanVal.length);
+  let emptyOrg = new Array();
+  duoxuanVal.length = 0;
+  searchKeywords.value = "";
+  // //console.log("关闭弹窗",duoxuanVal)
+  // eslint-disable-next-line vue/no-mutating-props
+  // props.tabledata.namelist=["秦东","马飞"]
+  emits("update:orgBoxShow", false);
 }
 /**
  * 获取行政组织
  */
-function getOrgList(orgId:number){
-	getOrgChiled({id:orgId})
-		.then(({data})=>{
-			// //console.log("获取行政组织",data)
-			orgInfoList.value = data.list
-			orgBreadCrumbs.value = data.tabval
-		})
-		.finally(()=>{
-			isPick()
-		})
+function getOrgList(orgId: number) {
+  getOrgChiled({ id: orgId })
+    .then(({ data }) => {
+      // //console.log("获取行政组织",data)
+      orgInfoList.value = data.list;
+      orgBreadCrumbs.value = data.tabval;
+    })
+    .finally(() => {
+      isPick();
+    });
 }
 /**
  * 判断是否选中
  */
-function isPick(id?:number|string){
-	// //console.log("orgInfoList->",orgInfoList)
-	// //console.log("pickDataList->",pickDataList)
-	if(pickDataList.value && pickDataList.value.length > 0){
-		orgInfoList.value?.forEach(item=>{
-			if(id == item.id){
-				item.isActiveItem = false
-			}
-			pickDataList.value.forEach((items: any)=>{
-				if(item.id == items.id){
-					item.isActiveItem = true
-				}
-			})
-		})
-		employees.value?.forEach(item=>{
-			if(id == item.id){
-				item.ispick = false
-			}
-			pickDataList.value.forEach((items: any)=>{
-				if(item.id == items.id){
-					item.ispick = true
-				}
-			})
-		})
-	}else{
-		orgInfoList.value?.forEach(item=>{
-			if(id == item.id){
-				item.isActiveItem = false
-			}
-		})
-		employees.value?.forEach(items=>{
-			if(id == items.id){
-				items.ispick = false
-			}
-		})
-	}
-	
+function isPick(id?: number | string) {
+  // //console.log("orgInfoList->",orgInfoList)
+  // //console.log("pickDataList->",pickDataList)
+  if (pickDataList.value && pickDataList.value.length > 0) {
+    orgInfoList.value?.forEach((item) => {
+      if (id == item.id) {
+        item.isActiveItem = false;
+      }
+      pickDataList.value.forEach((items: any) => {
+        if (item.id == items.id) {
+          item.isActiveItem = true;
+        }
+      });
+    });
+    employees.value?.forEach((item) => {
+      if (id == item.id) {
+        item.ispick = false;
+      }
+      pickDataList.value.forEach((items: any) => {
+        if (item.id == items.id) {
+          item.ispick = true;
+        }
+      });
+    });
+  } else {
+    orgInfoList.value?.forEach((item) => {
+      if (id == item.id) {
+        item.isActiveItem = false;
+      }
+    });
+    employees.value?.forEach((items) => {
+      if (id == items.id) {
+        items.ispick = false;
+      }
+    });
+  }
 }
 /**
  * 监听数据
  */
-watch(() => props.orgBoxShow,() => {
-	duoxuanVal.slice(0,duoxuanVal.length)
-	if(props.orgBoxShow){
-		isCheckBox.value = props.ismultiselect
-		pickDataList.value = props.tabledata.userlist
-		// //console.log("监听数据-----sd3------>",isCheckBox.value)
-		switch(props.tabledata.types){
-			case 2:
-				dialogTitle.value = "选择行政组织"
-				keywordsTitle.value = "请输入关键字"
-				break;
-			case 3:
-				dialogTitle.value = "选择分部"
-				keywordsTitle.value = "请输入关键字"
-				break;
-			default:
-				dialogTitle.value = "选择成员"
-				keywordsTitle.value = "请输入姓名或工号"
-		}
-		if(props.tabledata.types > 1){
-			getOrgList(313)
-		}else{
-			getOrgAndPeople(313)
-		}
-	}
-})
+watch(
+  () => props.orgBoxShow,
+  () => {
+    duoxuanVal.slice(0, duoxuanVal.length);
+    if (props.orgBoxShow) {
+      isCheckBox.value = props.ismultiselect;
+      pickDataList.value = props.tabledata.userlist;
+      // //console.log("监听数据-----sd3------>",isCheckBox.value)
+      switch (props.tabledata.types) {
+        case 2:
+          dialogTitle.value = "选择行政组织";
+          keywordsTitle.value = "请输入关键字";
+          break;
+        case 3:
+          dialogTitle.value = "选择分部";
+          keywordsTitle.value = "请输入关键字";
+          break;
+        default:
+          dialogTitle.value = "选择成员";
+          keywordsTitle.value = "请输入姓名或工号";
+      }
+      if (props.tabledata.types > 1) {
+        getOrgList(313);
+      } else {
+        getOrgAndPeople(313);
+      }
+    }
+  }
+);
 /**
  * 选定值
  */
-function pickval(cont:any){
-	
-	// //console.log("选定在----》",duoxuanVal)
-	if(isCheckBox.value){
-		cont.isActiveItem = true
-		let xieRu = true;
-		duoxuanVal.forEach(item =>{
-			if(item.id == cont.id){
-				xieRu=false;
-			}
-		})
-		if(xieRu){
-			duoxuanVal.push({
-				id:cont.id.toString(),
-				name:cont.name,
-				icon:""
-			})
-			pickDataList.value = duoxuanVal
-		}
-	}else{
-		pickDataList.value =[
-			{
-				id:cont.id.toString(),
-				name:cont.name,
-				icon:""
-			}
-		]
-		orgInfoList.value?.forEach(item=>{
-			if(cont.id == item.id){
-				item.isActiveItem = true
-			}else{
-				item.isActiveItem = false
-			}
-		})
-	}
-	countPick.value = pickDataList.value.length
-	
+function pickval(cont: any) {
+  // //console.log("选定在----》",duoxuanVal)
+  if (isCheckBox.value) {
+    cont.isActiveItem = true;
+    let xieRu = true;
+    duoxuanVal.forEach((item) => {
+      if (item.id == cont.id) {
+        xieRu = false;
+      }
+    });
+    if (xieRu) {
+      duoxuanVal.push({
+        id: cont.id.toString(),
+        name: cont.name,
+        icon: "",
+      });
+      pickDataList.value = duoxuanVal;
+    }
+  } else {
+    pickDataList.value = [
+      {
+        id: cont.id.toString(),
+        name: cont.name,
+        icon: "",
+      },
+    ];
+    orgInfoList.value?.forEach((item) => {
+      if (cont.id == item.id) {
+        item.isActiveItem = true;
+      } else {
+        item.isActiveItem = false;
+      }
+    });
+  }
+  countPick.value = pickDataList.value.length;
 }
 /**
  * 选定人员
  */
-function pickuserval(cont:any){
-	if(cont.ispick){
-		cont.ispick = false
-		let dxval = new Array
-		pickDataList.value.forEach((item: any)=>{
-			if(item.id != cont.id){
-				dxval.push(item);
-			}
-		})
-		
-		duoxuanVal.splice(0,duoxuanVal.length)
-		dxval.forEach(items=>{
-			duoxuanVal.push(items)
-		})
-		pickDataList.value = dxval
-	}else{
-		cont.ispick = true
-		let iconVal = cont.icon
-		if(iconVal == "" || iconVal == null) iconVal = cont.iconToBase64
-		
-		duoxuanVal.push({
-				id:cont.id.toString(),
-				name:cont.employeeName,
-				icon:iconVal
-		})
-		pickDataList.value = duoxuanVal
-		//console.log("选定人员--1->",cont)
-		//console.log("选定人员--2->",pickDataList)
-		//console.log("选定人员--3->",duoxuanVal)
-		//console.log("选定人员--4->",iconVal)
-	}
-	countPick.value = pickDataList.value.length
+function pickuserval(cont: any) {
+  if (cont.ispick) {
+    cont.ispick = false;
+    let dxval = new Array();
+    pickDataList.value.forEach((item: any) => {
+      if (item.id != cont.id) {
+        dxval.push(item);
+      }
+    });
+
+    duoxuanVal.splice(0, duoxuanVal.length);
+    dxval.forEach((items) => {
+      duoxuanVal.push(items);
+    });
+    pickDataList.value = dxval;
+  } else {
+    cont.ispick = true;
+    let iconVal = cont.icon;
+    if (iconVal == "" || iconVal == null) iconVal = cont.iconToBase64;
+
+    duoxuanVal.push({
+      id: cont.id.toString(),
+      name: cont.employeeName,
+      icon: iconVal,
+    });
+    pickDataList.value = duoxuanVal;
+    //console.log("选定人员--1->",cont)
+    //console.log("选定人员--2->",pickDataList)
+    //console.log("选定人员--3->",duoxuanVal)
+    //console.log("选定人员--4->",iconVal)
+  }
+  countPick.value = pickDataList.value.length;
 }
 /**
  * 删除已经选择
  */
-function delPickData(cont:any,index:number){
-	pickDataList.value.splice(index, 1);
-	isPick(cont.id)
+function delPickData(cont: any, index: number) {
+  pickDataList.value.splice(index, 1);
+  isPick(cont.id);
 }
-function delPickUserData(cont:any,index:number){
-	pickDataList.value.splice(index, 1);
-	isPick(cont.id)
+function delPickUserData(cont: any, index: number) {
+  pickDataList.value.splice(index, 1);
+  isPick(cont.id);
 }
 /**
  * 提交数据
  */
-function submitPickOrgOrUser(){
-	// eslint-disable-next-line vue/no-mutating-props
-	props.tabledata.isedit = false;
-	// eslint-disable-next-line vue/no-mutating-props
-	// props.tabledata.namelist=["秦东","马飞"]
-	if(pickDataList.value && pickDataList.value.length > 0){
-		let nameAry = new Array
-		let userAry = new Array
-		pickDataList.value.forEach((item: any)=>{
-			nameAry.push(item.name)
-			userAry.push({
-				id:item.id.toString(),
-				name:item.name,
-				icon:item.icon
-			})
-		})
-		// eslint-disable-next-line vue/no-mutating-props
-		props.tabledata.namelist = nameAry
-		// eslint-disable-next-line vue/no-mutating-props
-		props.tabledata.userlist = userAry
-	}else{
-		// eslint-disable-next-line vue/no-mutating-props
-		props.tabledata.namelist = []
-		// eslint-disable-next-line vue/no-mutating-props
-		props.tabledata.userlist = []
-	}
-	closeBox();
+function submitPickOrgOrUser() {
+  // eslint-disable-next-line vue/no-mutating-props
+  props.tabledata.isedit = false;
+  // eslint-disable-next-line vue/no-mutating-props
+  // props.tabledata.namelist=["秦东","马飞"]
+  if (pickDataList.value && pickDataList.value.length > 0) {
+    let nameAry = new Array();
+    let userAry = new Array();
+    pickDataList.value.forEach((item: any) => {
+      nameAry.push(item.name);
+      userAry.push({
+        id: item.id.toString(),
+        name: item.name,
+        icon: item.icon,
+      });
+    });
+    // eslint-disable-next-line vue/no-mutating-props
+    props.tabledata.namelist = nameAry;
+    // eslint-disable-next-line vue/no-mutating-props
+    props.tabledata.userlist = userAry;
+  } else {
+    // eslint-disable-next-line vue/no-mutating-props
+    props.tabledata.namelist = [];
+    // eslint-disable-next-line vue/no-mutating-props
+    props.tabledata.userlist = [];
+  }
+  closeBox();
 }
 /**
  * 清空
  */
-function emptyPickList(){
-	pickDataList.value =[]
-	duoxuanVal.slice(0,duoxuanVal.length)
-	let emptyOrg = new Array
-	duoxuanVal.length = 0
-	orgInfoList.value?.forEach(item=>{
-		item.isActiveItem = false
-	})
+function emptyPickList() {
+  pickDataList.value = [];
+  duoxuanVal.slice(0, duoxuanVal.length);
+  let emptyOrg = new Array();
+  duoxuanVal.length = 0;
+  orgInfoList.value?.forEach((item) => {
+    item.isActiveItem = false;
+  });
 }
 /** =========================================分割线。以下是行政组织人员相关内容=============================================================== */
 /**
  * 清空已选择的人员
  */
-function emptyPickuserList(){
-	pickDataList.value =[]
-	duoxuanVal.slice(0,duoxuanVal.length)
-	let emptyOrg = new Array
-	duoxuanVal.length = 0
-	employees.value?.forEach(item=>{
-		item.ispick = false
-	})
+function emptyPickuserList() {
+  pickDataList.value = [];
+  duoxuanVal.slice(0, duoxuanVal.length);
+  let emptyOrg = new Array();
+  duoxuanVal.length = 0;
+  employees.value?.forEach((item) => {
+    item.ispick = false;
+  });
 }
 /**
  * 获取行政组织和人员
  */
-function getOrgAndPeople(orgid:number){
-	getBasisOrgChiled({id:orgid.toString()})
-		.then(({data})=>{
-			//console.log("获取行政组织和人员",data)
-			orgBreadCrumbs.value = data.titleDepartments
-			employees.value = data.employees
-			childDepartments.value = data.childDepartments
-		})
-		.finally(()=>{
-			isPick()
-		})
+function getOrgAndPeople(orgid: number) {
+  getBasisOrgChiled({ id: orgid.toString() })
+    .then(({ data }) => {
+      //console.log("获取行政组织和人员",data)
+      orgBreadCrumbs.value = data.titleDepartments;
+      employees.value = data.employees;
+      childDepartments.value = data.childDepartments;
+    })
+    .finally(() => {
+      isPick();
+    });
 }
 /**
  * 搜索人员
  */
-function searchPeople(){
-	if(searchKeywords.value != ""){
-		childDepartments.value = new Array
-		searchUserCont({page:1,pagesize:20,name:searchKeywords.value})
-			.then(({data})=>{
-				//console.log("搜索人员",data)
-				let usAry = new Array
-				data.list.forEach(item=>{
-					let pickVal = false
-					if(pickDataList.value && pickDataList.value.length > 0){
-						pickDataList.value.forEach((items: any)=>{
-							if(item.id == items.id){
-								pickVal = true
-							}
-						})
-					}
-					
-					usAry.push({
-						"id":item.id, //string //"95196156539179008",
-						"employeeName":item.employeeName, //string //"胡齐帅",
-						"isLeave":item.isLeave, //string //"0",
-						"open":item.open, //boolean //"false",
-						"icon":item.icon, //string //"",
-						"iconToBase64":item.iconToBase64, //string //"",
-						"wechat":item.wechat, //string //"",
-						"departmentid":item.departmentid, //number //102,
-						"departmentname":item.departmentname, //string //"企管部",
-						"postid":item.postid, //number //798,
-						"postname":item.postname, //string //"岗监员",
-						"tema":item.tema, //number //0,
-						"temaname":item.temaname, //string //""
-						"ispick":pickVal, //boolean //
-					})
-				})
-				employees.value = usAry
-			})
-	}else{
-		getOrgAndPeople(313)
-	}
+function searchPeople() {
+  if (searchKeywords.value != "") {
+    childDepartments.value = new Array();
+    searchUserCont({ page: 1, pagesize: 20, name: searchKeywords.value }).then(
+      ({ data }) => {
+        //console.log("搜索人员",data)
+        let usAry = new Array();
+        data.list.forEach((item) => {
+          let pickVal = false;
+          if (pickDataList.value && pickDataList.value.length > 0) {
+            pickDataList.value.forEach((items: any) => {
+              if (item.id == items.id) {
+                pickVal = true;
+              }
+            });
+          }
+
+          usAry.push({
+            id: item.id, //string //"95196156539179008",
+            employeeName: item.employeeName, //string //"胡齐帅",
+            isLeave: item.isLeave, //string //"0",
+            open: item.open, //boolean //"false",
+            icon: item.icon, //string //"",
+            iconToBase64: item.iconToBase64, //string //"",
+            wechat: item.wechat, //string //"",
+            departmentid: item.departmentid, //number //102,
+            departmentname: item.departmentname, //string //"企管部",
+            postid: item.postid, //number //798,
+            postname: item.postname, //string //"岗监员",
+            tema: item.tema, //number //0,
+            temaname: item.temaname, //string //""
+            ispick: pickVal, //boolean //
+          });
+        });
+        employees.value = usAry;
+      }
+    );
+  } else {
+    getOrgAndPeople(313);
+  }
 }
 </script>
 <template>
-	<el-dialog
-		v-model="pickorg_is_Show"
-		width="600px"
-		:title="dialogTitle"
-		append-to-body
-		draggable
-		:before-close="closeBox"
-    >
-		<el-row v-if="props.tabledata.types > 1" class="biankuang_all">
-			<el-col :span="12" class="col_body ">
-				<div class="input_box">
-					<el-input
-						v-model="searchKeywords"
-						:placeholder="keywordsTitle"
-						:prefix-icon="Search"
-						size="large"
-						class="inputDeep"
-					/>
-				</div>
-				<el-space :size="-2" :spacer="spacer" class="mianbaoxue">
-					<el-text class="allSearch" @click="getOrgList(313)">所有</el-text>
-					<el-text v-for="(it,ind) in orgBreadCrumbs" :key="ind" @click="getOrgList(parseInt(it.id))">{{ it.departmentName }}</el-text>
-				</el-space>
-				<ul class="select-box">
-					<li v-for="(item,index) in orgInfoList" :key="index" :class="{active: item.isActiveItem}">
-						<div class="orgboxdiv">
-							<el-tooltip
-								class="box-item"
-								effect="dark"
-								:content="item.name"
-								placement="left"
-							>
-								<el-text truncated @click="pickval(item)">
-									<img src="@/assets/image/icon_file.png">{{ item.name }}
-								</el-text>
-							</el-tooltip>
-							<i v-if="item.ischild&&props.tabledata.types!=3" @click="getOrgList(item.id)">下级</i>
-						</div>
-					</li>
-				</ul>
-			</el-col>
-			<el-col :span="12" class="col_body biankuang_left">
-				<div class="pick_head input_box">
-					<span>已选择（{{ countPick }}）</span>
-					<span class="emptyPick" @click="emptyPickList">清空</span>
-				</div>
-				<ul class="pick_select_box">
-					<li v-for="(item,index) in pickDataList" :key="index">
-						<el-tooltip
-							class="box-item"
-							effect="dark"
-							:content="item.name"
-							placement="right"
-						>
-							<el-text truncated>
-								<img src="@/assets/image/icon_file.png">{{ item.name }}
-							</el-text>
-						</el-tooltip>
-						
-						<svg-icon icon-class="cc_k" class="right_5" @click="delPickData(item,index)" />
-					</li>
-				</ul>
-			</el-col>
-		</el-row>
-		<!--选择人员-->
-		<el-row v-if="props.tabledata.types < 2" class="biankuang_all">
-			<el-col :span="12" class="col_body ">
-				<div class="input_box">
-					<el-input
-						v-model="searchKeywords"
-						:placeholder="keywordsTitle"
-						:prefix-icon="Search"
-						size="large"
-						class="inputDeep"
-						@input="searchPeople"
-					/>
-				</div>
-				<el-space :size="-2" :spacer="spacer" class="mianbaoxue">
-					<el-text class="allSearch" @click="getOrgAndPeople(313)">所有</el-text>
-					<el-text v-for="(it,ind) in orgBreadCrumbs" :key="ind" @click="getOrgAndPeople(parseInt(it.id))">{{ it.departmentName }}</el-text>
-				</el-space>
-				<ul class="select-box">
-					<li v-for="(item,index) in childDepartments" :key="index" :class="{active: item.isActiveItem}">
-						<div class="orgboxdiv">
-							<el-tooltip
-								class="box-item"
-								effect="dark"
-								:content="item.departmentName"
-								placement="left"
-							>
-								<el-text truncated>
-									<img src="@/assets/image/icon_file.png">{{ item.departmentName }}
-								</el-text>
-							</el-tooltip>
-							<i  @click="getOrgAndPeople(parseInt(item.id))">下级</i>
-						</div>
-					</li>
-					<li  v-for="(item,index) in employees" :key="index" :class="{active: item.ispick}">
-						<div  class="userboxdiv" @click="pickuserval(item)">
-							<svg-icon v-if="item.ispick" icon-class="select3" /><svg-icon v-else icon-class="select1" />
-							<img v-if="item.icon && item.icon != ''" :src="item.icon">
-                      		<img v-else-if="item.icon == '' && item.iconToBase64 && item.iconToBase64 != ''" :src="item.iconToBase64">
-							<img v-else src="@/assets/image/icon_people.png">
-							{{ item.employeeName }}
-						</div>
-					</li>
-				</ul>
-			</el-col>
-			<el-col :span="12" class="col_body biankuang_left">
-				<div class="pick_head input_box">
-					<span>已选择（{{ countPick }}）</span>
-					<span class="emptyPick" @click="emptyPickuserList">清空</span>
-				</div>
-				<ul class="pick_select_box">
-					<li v-for="(item,index) in pickDataList" :key="index">
-						<el-tooltip
-							class="box-item"
-							effect="dark"
-							:content="item.name"
-							placement="right"
-						>
-							<el-text truncated>
-								<img v-if="item.icon && item.icon != ''" :src="item.icon"><img v-else src="@/assets/image/icon_people.png">{{ item.name }}
-							</el-text>
-						</el-tooltip>
-						
-						<svg-icon icon-class="cc_k" class="right_5" @click="delPickUserData(item,index)" />
-					</li>
-				</ul>
-			</el-col>
-		</el-row>
+  <el-dialog
+    v-model="pickorg_is_Show"
+    width="600px"
+    :title="dialogTitle"
+    append-to-body
+    draggable
+    :before-close="closeBox"
+  >
+    <el-row v-if="props.tabledata.types > 1" class="biankuang_all">
+      <el-col :span="12" class="col_body">
+        <div class="input_box">
+          <el-input
+            v-model="searchKeywords"
+            :placeholder="keywordsTitle"
+            :prefix-icon="Search"
+            size="large"
+            class="inputDeep"
+          />
+        </div>
+        <el-space :size="-2" :spacer="spacer" class="mianbaoxue">
+          <el-text class="allSearch" @click="getOrgList(313)">所有</el-text>
+          <el-text
+            v-for="(it, ind) in orgBreadCrumbs"
+            :key="ind"
+            @click="getOrgList(parseInt(it.id))"
+            >{{ it.departmentName }}</el-text
+          >
+        </el-space>
+        <ul class="select-box">
+          <li
+            v-for="(item, index) in orgInfoList"
+            :key="index"
+            :class="{ active: item.isActiveItem }"
+          >
+            <div class="orgboxdiv">
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                :content="item.name"
+                placement="left"
+              >
+                <el-text truncated @click="pickval(item)">
+                  <img src="@/assets/image/icon_file.png" />{{ item.name }}
+                </el-text>
+              </el-tooltip>
+              <i
+                v-if="item.ischild && props.tabledata.types != 3"
+                @click="getOrgList(item.id)"
+                >下级</i
+              >
+            </div>
+          </li>
+        </ul>
+      </el-col>
+      <el-col :span="12" class="col_body biankuang_left">
+        <div class="pick_head input_box">
+          <span>已选择（{{ countPick }}）</span>
+          <span class="emptyPick" @click="emptyPickList">清空</span>
+        </div>
+        <ul class="pick_select_box">
+          <li v-for="(item, index) in pickDataList" :key="index">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              :content="item.name"
+              placement="right"
+            >
+              <el-text truncated>
+                <img src="@/assets/image/icon_file.png" />{{ item.name }}
+              </el-text>
+            </el-tooltip>
+
+            <svg-icon
+              icon-class="cc_k"
+              class="right_5"
+              @click="delPickData(item, index)"
+            />
+          </li>
+        </ul>
+      </el-col>
+    </el-row>
+    <!--选择人员-->
+    <el-row v-if="props.tabledata.types < 2" class="biankuang_all">
+      <el-col :span="12" class="col_body">
+        <div class="input_box">
+          <el-input
+            v-model="searchKeywords"
+            :placeholder="keywordsTitle"
+            :prefix-icon="Search"
+            size="large"
+            class="inputDeep"
+            @input="searchPeople"
+          />
+        </div>
+        <el-space :size="-2" :spacer="spacer" class="mianbaoxue">
+          <el-text class="allSearch" @click="getOrgAndPeople(313)">所有</el-text>
+          <el-text
+            v-for="(it, ind) in orgBreadCrumbs"
+            :key="ind"
+            @click="getOrgAndPeople(parseInt(it.id))"
+            >{{ it.departmentName }}</el-text
+          >
+        </el-space>
+        <ul class="select-box">
+          <li
+            v-for="(item, index) in childDepartments"
+            :key="index"
+            :class="{ active: item.isActiveItem }"
+          >
+            <div class="orgboxdiv">
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                :content="item.departmentName"
+                placement="left"
+              >
+                <el-text truncated>
+                  <img src="@/assets/image/icon_file.png" />{{ item.departmentName }}
+                </el-text>
+              </el-tooltip>
+              <i @click="getOrgAndPeople(parseInt(item.id))">下级</i>
+            </div>
+          </li>
+          <li
+            v-for="(item, index) in employees"
+            :key="index"
+            :class="{ active: item.ispick }"
+          >
+            <div class="userboxdiv" @click="pickuserval(item)">
+              <svg-icon v-if="item.ispick" icon-class="select3" /><svg-icon
+                v-else
+                icon-class="select1"
+              />
+              <img v-if="item.icon && item.icon != ''" :src="item.icon" />
+              <img
+                v-else-if="
+                  item.icon == '' && item.iconToBase64 && item.iconToBase64 != ''
+                "
+                :src="item.iconToBase64"
+              />
+              <img v-else src="@/assets/image/icon_people.png" />
+              {{ item.employeeName }}
+            </div>
+          </li>
+        </ul>
+      </el-col>
+      <el-col :span="12" class="col_body biankuang_left">
+        <div class="pick_head input_box">
+          <span>已选择（{{ countPick }}）</span>
+          <span class="emptyPick" @click="emptyPickuserList">清空</span>
+        </div>
+        <ul class="pick_select_box">
+          <li v-for="(item, index) in pickDataList" :key="index">
+            <el-tooltip
+              class="box-item"
+              effect="dark"
+              :content="item.name"
+              placement="right"
+            >
+              <el-text truncated>
+                <img v-if="item.icon && item.icon != ''" :src="item.icon" /><img
+                  v-else
+                  src="@/assets/image/icon_people.png"
+                />{{ item.name }}
+              </el-text>
+            </el-tooltip>
 
+            <svg-icon
+              icon-class="cc_k"
+              class="right_5"
+              @click="delPickUserData(item, index)"
+            />
+          </li>
+        </ul>
+      </el-col>
+    </el-row>
 
-		<template #footer>
-			<div class="dialog-footer">
-				<el-button type="primary" :loading="addOrgUserLoading" @click="submitPickOrgOrUser" >确 定</el-button>
-				<el-button @click="closeBox">取 消</el-button>
-			</div>
-		</template>
-	</el-dialog>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button
+          type="primary"
+          :loading="addOrgUserLoading"
+          @click="submitPickOrgOrUser"
+          >确 定</el-button
+        >
+        <el-button @click="closeBox">取 消</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
-<style  lang='scss' scoped>
-.biankuang_all{
-	border: 1px solid rgb(220, 223, 230);
+<style lang="scss" scoped>
+.biankuang_all {
+  border: 1px solid rgb(220, 223, 230);
 }
-.biankuang_left{
-	border-left: 1px solid rgb(220, 223, 230);
+.biankuang_left {
+  border-left: 1px solid rgb(220, 223, 230);
 }
-.col_body{
-	height: 502px;
-	padding:0 0px;
+.col_body {
+  height: 502px;
+  padding: 0 0px;
 }
-.input_box{
-	border-bottom: 1px solid rgb(220, 223, 230);
+.input_box {
+  border-bottom: 1px solid rgb(220, 223, 230);
 }
 .inputDeep {
   :deep(.el-input__wrapper) {
@@ -525,89 +579,88 @@ function searchPeople(){
   }
 }
 
-.mianbaoxue{
-	width: 100%;
-	overflow-x: auto;
-	white-space:nowrap;
-	padding: 5px 5px;
-	cursor: pointer;
+.mianbaoxue {
+  width: 100%;
+  overflow-x: auto;
+  white-space: nowrap;
+  padding: 5px 5px;
+  cursor: pointer;
 }
 .select-box {
-    height: 430px;
-    overflow-y: auto;
-	border-top: 1px solid rgb(220, 223, 230);
-	li{
-		padding: 5px 0;
-		.userboxdiv{
-			padding: 0 5px;
-			cursor: pointer;
-		}
-		.orgboxdiv{
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			
-		}
-		i{
-			min-width: 60px;
-			padding-left: 24px;
-			padding-right: 10px;
-			font-style: normal;
-			font-size: 12px;
-			cursor: pointer;
-			background: url(@/assets/image/next_level.png) no-repeat 10px center;
-			border-left: 1px solid rgb(238, 238, 238);
-		}
-		img {
-			width: 14px;
-			vertical-align: middle;
-			margin-right: 5px;
-			margin-left: 5px;
-        }
-		.el-text{
-			cursor: pointer;
-		}
-	}
-	li.active{
-		color: #3195f8;
-		i{
-			background: url(@/assets/image/next_level_active.png) no-repeat 10px center;
-		}
-		.el-text{
-			color: #3195f8;
-		}
-	}
+  height: 430px;
+  overflow-y: auto;
+  border-top: 1px solid rgb(220, 223, 230);
+  li {
+    padding: 5px 0;
+    .userboxdiv {
+      padding: 0 5px;
+      cursor: pointer;
+    }
+    .orgboxdiv {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    i {
+      min-width: 60px;
+      padding-left: 24px;
+      padding-right: 10px;
+      font-style: normal;
+      font-size: 12px;
+      cursor: pointer;
+      background: url(@/assets/image/next_level.png) no-repeat 10px center;
+      border-left: 1px solid rgb(238, 238, 238);
+    }
+    img {
+      width: 14px;
+      vertical-align: middle;
+      margin-right: 5px;
+      margin-left: 5px;
+    }
+    .el-text {
+      cursor: pointer;
+    }
+  }
+  li.active {
+    color: #3195f8;
+    i {
+      background: url(@/assets/image/next_level_active.png) no-repeat 10px center;
+    }
+    .el-text {
+      color: #3195f8;
+    }
+  }
 }
-.pick_head{
-	width: 100%;
-	height: 41px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 0 5px;
+.pick_head {
+  width: 100%;
+  height: 41px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 5px;
 }
-.pick_select_box{
-	height: 460px;
-    overflow-y: auto;
-	li{
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 5px 0;
-		img {
-			width: 14px;
-			vertical-align: middle;
-			margin-right: 5px;
-			margin-left: 5px;
-        }
-		.right_5{
-			min-width: 20px;
-			margin-right: 5px;
-			cursor: pointer;
-		}
-	}
+.pick_select_box {
+  height: 460px;
+  overflow-y: auto;
+  li {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px 0;
+    img {
+      width: 14px;
+      vertical-align: middle;
+      margin-right: 5px;
+      margin-left: 5px;
+    }
+    .right_5 {
+      min-width: 20px;
+      margin-right: 5px;
+      cursor: pointer;
+    }
+  }
 }
-.emptyPick{
-	cursor: pointer;
+.emptyPick {
+  cursor: pointer;
 }
 </style>