reactor:对接随手拍安全志愿者配置

src/views/business/travel/components/Order-supervise.vue

@@ -42,7 +42,7 @@
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 						<el-form-item label="被督办部门" prop="org" :rules="[{ required: true, message: '请选择被督办部门', trigger: 'change' }]">
-							<el-select-v2
+							<!-- 	<el-select-v2
 								v-model="state.ruleForm.org"
 								:options="state.orgData"
 								placeholder="请选择被督办部门"
@@ -50,6 +50,17 @@
 								clearable
 								value-key="id"
 								@change="selectOrg"
+							/> -->
+							<el-cascader
+								:options="state.orgData"
+								:props="{ checkStrictly: true, value: 'id', label: 'name', emitPath: false }"
+								clearable
+								placeholder="请选择被督办部门"
+								v-model="state.ruleForm.org"
+								@change="selectOrg"
+								class="w100"
+								filterable
+								ref="orgRef"
 							/>
 						</el-form-item>
 					</el-col>
@@ -135,14 +146,7 @@ const getOrgList = async () => {
 	state.loading = true;
 	try {
 		const { result } = await getCanUseOrgByUser();
-		state.orgData =
-			result.map((item: any) => {
-				return {
-					id: item.id,
-					label: item.name,
-					value: item,
-				};
-			}) ?? [];
+		state.orgData = result ?? [];
 		state.loading = false;
 	} catch (e) {
 		console.log(e);
@@ -179,20 +183,23 @@ const mouseup = () => {
 // 选择部门
 const selectOrg = (row: any) => {
 	if (row) {
-		getPhoneByOrg(row.id).then((res: any) => {
+		getPhoneByOrg(row).then((res: any) => {
 			state.ruleForm.phoneNo = res.result?.value;
 		});
-	}else{
+	} else {
 		state.ruleForm.phoneNo = null;
 	}
 };
 // 提交
+const orgRef = ref<RefType>();
 const filesFormat = ref<EmptyArrayType>([]); // 附件列表
 const onSubmit = (formEl: FormInstance | undefined) => {
 	if (!formEl) return;
 	formEl.validate((valid: boolean) => {
 		if (!valid) return;
 		state.loading = true;
+		const nodes = orgRef.value?.getCheckedNodes()[0];
+		console.log(nodes);
 		const request = {
 			files: filesFormat.value,
 			orderId: state.orderDetail.id,
@@ -201,8 +208,8 @@ const onSubmit = (formEl: FormInstance | undefined) => {
 			replyLimitTime: state.ruleForm.replyLimitTime,
 			superviseOrgDtos: [
 				{
-					orgId: state.ruleForm.org.id,
-					orgName: state.ruleForm.org.name,
+					orgId: nodes.value,
+					orgName: nodes.label,
 				},
 			],
 			phoneNo: state.ruleForm.phoneNo,