From d9ed613e480b92c8bc39303d7b986f8b94dac7df Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Thu, 19 Jun 2025 15:01:19 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E6=9C=BA=E6=9E=84=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AD=97=E6=AE=B5=E3=80=81=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=9C=BA=E6=9E=84/=E9=83=A8=E9=97=A8=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E6=97=B6=E5=AD=97=E6=AE=B5=E7=9A=84=E6=98=BE=E9=9A=90=202?=
 =?UTF-8?q?=E3=80=81=E5=AA=92=E4=BD=93=E8=B5=84=E6=BA=90=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E8=B0=83=E6=95=B4=203=E3=80=81=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=AA=92=E4=BD=93=E8=B5=84=E6=BA=90=E5=90=8C=E6=AD=A5?=
 =?UTF-8?q?BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |    2 +
 .env.production                               |    2 +
 src/api/common/api.ts                         |    9 +
 src/components/Sync/SyncComponent.vue         |  147 +-
 src/components/dataAsync/AsyncMainList.vue    |    4 +
 .../admin/mediamanage/MediaManage.api.ts      |   27 +-
 .../admin/mediamanage/MediaManage.data.ts     |    5 +
 .../admin/mediamanage/MediaManageList.vue     |   59 +-
 .../components/MediaManageForm.vue            |  118 +-
 .../components/MediaManageModal.vue           |  134 +-
 .../biz/orgapplyinfo/OrgApplyInfo.data.ts     |   73 +-
 .../biz/orgapplyinfo/OrgApplyInfoList.vue     |    3 +-
 .../components/OrgApplyInfoForm.vue           |   11 +-
 .../ConfigServiceDirective.data.ts            |   77 +-
 .../ConfigServiceDirectiveList.vue            |   26 +-
 .../components/ConfigServiceDirectiveForm.vue |  115 +-
 .../ConfigServiceDirectiveModal.vue           |  133 +-
 src/views/synchronization/directive/index.vue | 1178 +++++------------
 .../synchronization/directive/index2.vue      |  327 -----
 .../synchronization/directive/org.data.ts     |   16 +-
 .../depart/components/DepartFormModal.vue     |    8 +
 .../depart/components/DepartLeftTree.vue      |    2 +-
 src/views/system/depart/depart.data.ts        |  105 +-
 23 files changed, 854 insertions(+), 1727 deletions(-)
 delete mode 100644 src/views/synchronization/directive/index2.vue

diff --git a/.env.development b/.env.development
index b0b9e2b..c1e7f55 100644
--- a/.env.development
+++ b/.env.development
@@ -20,6 +20,8 @@ VITE_GLOB_API_URL_PREFIX=
 #微前端qiankun应用,命名必须以VITE_APP_SUB_开头,jeecg-app-1为子应用的项目名称,也是子应用的路由父路径
 VITE_APP_SUB_jeecg-app-1 = '//localhost:8092'
 
+# 试验田机构编码
+VITE_SYTJGBM = '101'
 
 # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动）
 #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3
diff --git a/.env.production b/.env.production
index 5742a92..dfb09f0 100644
--- a/.env.production
+++ b/.env.production
@@ -21,6 +21,8 @@ VITE_GLOB_DOMAIN_URL=https://www.focusnu.com/nursing-unit
 # 接口父路径前缀
 VITE_GLOB_API_URL_PREFIX=
 
+# 试验田机构编码
+VITE_SYTJGBM = '101'
 
 # 填写后将作为乾坤子应用启动，主应用注册时AppName需保持一致（放开 VITE_GLOB_QIANKUN_MICRO_APP_NAME 参数表示jeecg-vue3将以乾坤子应用模式启动）
 #VITE_GLOB_QIANKUN_MICRO_APP_NAME=jeecg-vue3
diff --git a/src/api/common/api.ts b/src/api/common/api.ts
index d7edb44..008a9e3 100644
--- a/src/api/common/api.ts
+++ b/src/api/common/api.ts
@@ -16,6 +16,7 @@ enum Api {
   getTableList = '/sys/user/queryUserComponentData',
   getCategoryData = '/sys/category/loadAllData',
   getNuList = '/iot/cameraInfo/nuList', //后期调整
+  getOrgInfo = '/api/common/getOrgInfo',//根据机构编码获取机构信息
 }
 
 /**
@@ -164,3 +165,11 @@ export const getFileblob = (url, parameter) => {
 export const uploadMyFile = (url, data) => {
   return defHttp.uploadMyFile(url, data);
 };
+
+/**
+ * 根据机构编码获取机构信息
+ * @param params  orgCode
+ */
+export const getOrgInfo = (params) => {
+  return defHttp.get({ url: Api.getOrgInfo, params });
+};
\ No newline at end of file
diff --git a/src/components/Sync/SyncComponent.vue b/src/components/Sync/SyncComponent.vue
index dd0aa7e..67eed46 100644
--- a/src/components/Sync/SyncComponent.vue
+++ b/src/components/Sync/SyncComponent.vue
@@ -125,15 +125,15 @@
                             <a-row>
                                 <a-col :span="sourceScreenSpan">
                                     <div style="height: 16px;margin-left: 15px;">
-                                        <a-tag color="#87d068">源数据</a-tag>
+                                        <a-tag color="#2DB7F5">源数据</a-tag>
                                         <a-radio-group v-model:value="viewType" size="small" style="margin-left: 10px;"
                                             @change="emit('viewTypeChanged', viewType)">
                                             <a-radio-button value="all">全部</a-radio-button>
                                             <a-radio-button value="selected">已选择</a-radio-button>
                                             <a-radio-button value="unselected">未选择</a-radio-button>
                                         </a-radio-group>
-                                        <slot name="sourceTableSlot"></slot>
                                     </div>
+                                        <slot name="sourceTableSlot"></slot>
                                 </a-col>
                                 <a-col :span="selectedScreenSpan">
                                     <div style="height: 31px;margin-left: 4px;">
@@ -145,14 +145,14 @@
                                         </a-tag>
                                     </div>
                                     <a-card size="small" :bordered="false" class="selected-list-container">
-                                        <slot name="businessTableSlot">111</slot>
+                                        <slot name="businessTableSlot"></slot>
                                     </a-card>
                                 </a-col>
                             </a-row>
                         </a-card>
                     </a-tab-pane>
                     <a-tab-pane key="asyncHistory" tab="同步历史">
-                        <AsyncListComponent ref="asyncHistoryRef"></AsyncListComponent>
+                        <AsyncListComponent ref="asyncHistoryRef" :orgCode="orgData.orgCode"></AsyncListComponent>
                     </a-tab-pane>
                 </a-tabs>
                 <div class="toggle-button-container">
@@ -168,7 +168,7 @@
                     <a-button type="primary" size="small" @click="handleSelectAll" v-show="tabActiveKey == 'dataAsync'"
                         style="margin-left: 8px">全部添加</a-button>
                     <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
-                    <a-button type="error" size="small" @click="handleRemoveAll" v-show="tabActiveKey == 'dataAsync'"
+                    <a-button type="primary" size="small" @click="handleRemoveAll" v-show="tabActiveKey == 'dataAsync'"
                         style="margin-left: 8px">全部移除</a-button>
                     <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
                     <a-button type="primary" size="small" @click.stop="handleRestore"
@@ -207,20 +207,19 @@
 </template>
 
 <script lang="ts" name="synchronization-directive" setup>
-import { ref, onMounted, computed, onBeforeMount, reactive } from 'vue';
-import { initDictOptions } from '/@/utils/dict';
+import { ref, onMounted, computed } from 'vue';
 
 import { queryDepartTreeSync } from '/@/api/common/api';
 import { Empty } from 'ant-design-vue';
 import { Modal } from 'ant-design-vue';
 import { useMessage } from "/@/hooks/web/useMessage";
 import AsyncListComponent from '@/components/dataAsync/AsyncMainList.vue'
-import { number } from 'vue-types';
 
 const props = defineProps({
-    selectedSize: 0
+    selectedSize: 0,
+    hasSearchConditions: false,
 });
-const emit = defineEmits(['changeShowJMCom', 'viewTypeChanged', 'sourceOrgCodeChanged', 'orgChanged']);
+const emit = defineEmits(['viewTypeChanged', 'orgChanged', 'handleAsync', 'handleAddAll', 'handleRemoveAll']);
 
 interface OrganizationData {
     id?: string;
@@ -235,12 +234,6 @@ interface OrganizationData {
     address?: string;
 }
 
-onBeforeMount(async () => {
-    const dictData = await initDictOptions('org_code')
-    emit('sourceOrgCodeChanged', dictData.filter(d => d.text == 'shi_yan_tian')[0].value)
-    emit('changeShowJMCom', true)
-})
-const initialDataIds = ref<Array<string | number>>([]);
 const { createMessage } = useMessage();
 const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
 const toggleSearchStatus = ref<boolean>(true);
@@ -251,8 +244,6 @@ const orgTable = ref<OrganizationData[]>([]);
 const orgData = ref<OrganizationData | null>(null);
 const showVideoModal = ref(false);
 const videoUrl = ref('');
-const selectedItems = ref(new Map<string | number, any>());
-const listComRef = ref();
 const orgSelectedCon = ref(true)
 const tabActiveKey = ref('dataAsync')
 const asyncHistoryRef = ref(null)
@@ -295,6 +286,7 @@ const handleOrgSelected = async (org) => {
             cancelText: '取消',
             onOk: async () => {
                 await loadOrgData(org);
+                refreshHistory()
             },
         });
     } else {
@@ -305,7 +297,6 @@ const handleOrgSelected = async (org) => {
 const loadOrgData = async (org) => {
     // 更新机构数据
     orgData.value = org;
-
     emit('orgChanged', org)
 };
 
@@ -326,41 +317,15 @@ const handleAsync = () => {
         okText: '确认',
         cancelText: '取消',
         onOk: async () => {
-            let idStr = Array.from(selectedItems.value.keys()).join(',')
-            if (!idStr) {
-                createMessage.warning("未选择数据！");
-                return
-            }
-            let izInc = true
-            if (!!orgData.value?.operationStartTime) izInc = new Date() >= new Date(orgData.value?.operationStartTime)
-            let params = {
-                orgCode: orgData.value?.orgCode,
-                izInc,
-                idStr
-            }
-            await asyncFunc(params)
-
-            //处理右侧列表数据移除是否可用 如果已到运营时间则禁用
-            if (!orgData.value?.operationStartTime || new Date() >= new Date(orgData.value?.operationStartTime)) {
-                // 获取当前同步的ID数组
-                const syncedIds = Array.from(selectedItems.value.keys());
-                // 只添加initialDataIds中不存在的ID
-                syncedIds.forEach(id => {
-                    if (!initialDataIds.value.includes(id)) {
-                        initialDataIds.value.push(id);
-                    }
-                });
-            }
-
-            //刷新历史数据
-            refreshHistory()
-            createMessage.success("同步结果请在同步历史中查看！");
+            // 通知父组件执行同步
+            emit('handleAsync', null);
         },
     });
-}
+};
 
 //刷新同步历史数据
 const refreshHistory = () => {
+    asyncHistoryRef.value?.searchQuery()
 }
 
 
@@ -369,74 +334,22 @@ const viewType = ref('all')
 
 // 全部选择功能
 const handleSelectAll = async () => {
-    // if (!orgData.value) {
-    //     createMessage.warning("请先选择机构");
-    //     return;
-    // }
-
-    // try {
-    //     // 调用子组件的方法获取所有数据（不分页）
-    //     const allData = await listComRef.value?.getAllData?.(queryParam.value);
-
-    //     if (allData && allData.length > 0) {
-    //         // 过滤掉已经存在的项
-    //         const newItems = allData.filter(item => !selectedItems.value.has(item.id));
-
-    //         if (newItems.length === 0) {
-    //             createMessage.info("没有新的数据可以添加");
-    //             return;
-    //         }
-
-    //         // 添加新项到已选择列表
-    //         newItems.forEach(item => {
-    //             selectedItems.value.set(item.id, item);
-    //         });
-
-    //         // 更新子组件的选中状态
-    //         listComRef.value?.updateSelection?.(Array.from(selectedItems.value.values()));
-
-    //         createMessage.success(`已添加 ${newItems.length} 条数据`);
-    //     } else {
-    //         createMessage.info("没有查询到数据");
-    //     }
-    // } catch (error) {
-    //     createMessage.error("获取全部数据失败");
-    //     console.error("获取全部数据失败:", error);
-    // }
+    if (!orgData.value) {
+        createMessage.warning("请先选择机构");
+        return;
+    }
+    emit('handleAddAll', null)
 };
 
 // 全部移除功能
 const handleRemoveAll = () => {
-    if (selectedItems.value.size === 0) {
-        createMessage.info("当前没有已选数据");
-        return;
-    }
-
     Modal.confirm({
         title: '确认移除',
         content: '确定要移除所有已选数据吗？',
         okText: '确认',
         cancelText: '取消',
         onOk: () => {
-            // 清空已选择的数据
-            if (!orgData.value?.operationStartTime || new Date() >= new Date(orgData.value?.operationStartTime)) {
-                // 创建新的Map只保留初始数据
-                const newSelectedItems = new Map();
-                // 遍历当前选择项，只保留初始数据
-                selectedItems.value.forEach((value, key) => {
-                    if (initialDataIds.value.includes(key)) {
-                        newSelectedItems.set(key, value);
-                    }
-                });
-                selectedItems.value = newSelectedItems;
-                listComRef.value?.updateSelection?.(Array.from(newSelectedItems.values()));
-            } else {
-                selectedItems.value.clear();
-                listComRef.value?.updateSelection?.([]);
-            }
-
-
-            createMessage.success("已移除所有已选数据");
+            emit('handleRemoveAll', null)
         }
     });
 };
@@ -466,13 +379,7 @@ const handleRestore = async () => {
     });
 };
 
-// 计算当前搜索条件的函数
-const hasSearchConditions = computed(() => {
-    return true
-    // return Object.keys(queryParam.value).some(key =>
-    //     key !== 'viewType' && queryParam.value[key] !== undefined && queryParam.value[key] !== ''
-    // );
-});
+
 
 onMounted(() => {
     queryDepartTreeSync({ platType: 'ywjg' }).then(res => {
@@ -482,7 +389,8 @@ onMounted(() => {
 
 defineExpose({
     orgData,
-    resetOrgSelectedCon
+    resetOrgSelectedCon,
+    refreshHistory,
 });
 </script>
 
@@ -497,7 +405,7 @@ defineExpose({
 }
 
 .selected-list-container {
-    height: calc(100vh - 350px);
+    height: calc(100vh - 310px);
     overflow: auto;
 
     :deep(.ant-table) {
@@ -786,4 +694,11 @@ defineExpose({
         }
     }
 }
+
+// 机构选取卡片各项值的容器padding
+.org-card {
+    :deep(.ant-descriptions-item-content) {
+        padding: 20px;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/dataAsync/AsyncMainList.vue b/src/components/dataAsync/AsyncMainList.vue
index a2564f2..179f348 100644
--- a/src/components/dataAsync/AsyncMainList.vue
+++ b/src/components/dataAsync/AsyncMainList.vue
@@ -51,6 +51,9 @@ import { asyncMaincolumns, asyncStatusColumns } from './AsyncMain.data';
 import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './AsyncMain.api';
 import AsyncMainModal from './components/AsyncMainModal.vue'
 
+const props = defineProps({
+    orgCode: 'orgCode'
+});
 const queryParam = reactive<any>({});
 const registerModal = ref();
 //注册table数据
@@ -65,6 +68,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     showActionColumn: false,
     beforeFetch: async (params) => {
       queryParam.type = 'directive'
+      queryParam.orgCode = props.orgCode
       return Object.assign(params, queryParam);
     },
   },
diff --git a/src/views/admin/mediamanage/MediaManage.api.ts b/src/views/admin/mediamanage/MediaManage.api.ts
index 87d0e2f..24285da 100644
--- a/src/views/admin/mediamanage/MediaManage.api.ts
+++ b/src/views/admin/mediamanage/MediaManage.api.ts
@@ -1,16 +1,17 @@
 import { defHttp } from '/@/utils/http/axios';
-import { useMessage } from "/@/hooks/web/useMessage";
+import { useMessage } from '/@/hooks/web/useMessage';
 
 const { createConfirm } = useMessage();
 
 enum Api {
   list = '/mediamanage/mediaManage/list',
-  save='/mediamanage/mediaManage/add',
-  edit='/mediamanage/mediaManage/edit',
+  save = '/mediamanage/mediaManage/add',
+  edit = '/mediamanage/mediaManage/edit',
   deleteOne = '/mediamanage/mediaManage/delete',
   deleteBatch = '/mediamanage/mediaManage/deleteBatch',
   importExcel = '/mediamanage/mediaManage/importExcel',
   exportXls = '/mediamanage/mediaManage/exportXls',
+  getUrl = '/mediamanage/mediaManage/getUrl',
 }
 
 /**
@@ -35,11 +36,11 @@ export const list = (params) => defHttp.get({ url: Api.list, params });
  * @param params
  * @param handleSuccess
  */
-export const deleteOne = (params,handleSuccess) => {
-  return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
     handleSuccess();
   });
-}
+};
 
 /**
  * 批量删除
@@ -54,12 +55,12 @@ export const batchDelete = (params, handleSuccess) => {
     okText: '确认',
     cancelText: '取消',
     onOk: () => {
-      return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
         handleSuccess();
       });
-    }
+    },
   });
-}
+};
 
 /**
  * 保存或者更新
@@ -69,4 +70,10 @@ export const batchDelete = (params, handleSuccess) => {
 export const saveOrUpdate = (params, isUpdate) => {
   let url = isUpdate ? Api.edit : Api.save;
   return defHttp.post({ url: url, params }, { isTransformResponse: false });
-}
+};
+
+/**
+ * 获取协议、域名
+ * @param params
+ */
+export const getUrl = () => defHttp.get({ url: Api.getUrl });
diff --git a/src/views/admin/mediamanage/MediaManage.data.ts b/src/views/admin/mediamanage/MediaManage.data.ts
index 0ec276b..91669ca 100644
--- a/src/views/admin/mediamanage/MediaManage.data.ts
+++ b/src/views/admin/mediamanage/MediaManage.data.ts
@@ -15,6 +15,11 @@ export const columns: BasicColumn[] = [
     align: "center",
     dataIndex: 'descr'
   },
+  {
+    title: '系统功能',
+    align: "center",
+    dataIndex: 'sysFunc_dictText'
+  },
   {
     title: '文件类型',
     align: "center",
diff --git a/src/views/admin/mediamanage/MediaManageList.vue b/src/views/admin/mediamanage/MediaManageList.vue
index 6375ad5..ea96598 100644
--- a/src/views/admin/mediamanage/MediaManageList.vue
+++ b/src/views/admin/mediamanage/MediaManageList.vue
@@ -8,14 +8,21 @@
           <a-col :lg="6">
             <a-form-item name="name">
               <template #label><span title="名称">名称</span></template>
-              <JInput v-model:value="queryParam.name" placeholder="请输入名称"/>
+              <JInput v-model:value="queryParam.name" placeholder="请输入名称" />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6">
+            <a-form-item name="sysFunc">
+              <template #label><span title="系统功能">系统功能</span></template>
+              <j-dict-select-tag type='list' v-model:value="queryParam.sysFunc" dictCode="sys_function"
+                placeholder="请选择系统功能" allowClear />
             </a-form-item>
           </a-col>
           <a-col :lg="6">
             <a-form-item name="fileType">
               <template #label><span title="文件类型">文件类型</span></template>
               <j-dict-select-tag type='list' v-model:value="queryParam.fileType" dictCode="file_type"
-                  placeholder="请选择文件类型" allowClear />
+                placeholder="请选择文件类型" allowClear />
             </a-form-item>
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -55,25 +62,45 @@
         <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
       </template>
       <template v-slot:bodyCell="{ column, record, index, text }">
+        <template v-if="column.dataIndex === 'filePath'">
+          <!-- 图片 -->
+          <img style="max-width: 120px; max-height: 80px;" v-if="record.fileType === 'image'"
+            :src="transPreviewUrl(record)" :alt="record.fileName || 'Image'">
+
+          <!-- 音频 -->
+          <audio style="max-width: 120px; max-height: 80px;" v-if="record.fileType === 'audio'" controls
+            :src="transPreviewUrl(record)">
+            您的浏览器不支持 audio 标签。
+          </audio>
+
+          <!-- 视频 -->
+          <video style="max-width: 120px; max-height: 80px;" v-if="record.fileType === 'video'" controls
+            :src="transPreviewUrl(record)">
+            您的浏览器不支持 video 标签。
+          </video>
+
+          <!-- 文档 -->
+          <span v-if="record.fileType === 'document'">-</span>
+        </template>
       </template>
     </BasicTable>
     <!-- 表单区域 -->
-    <MediaManageModal ref="registerModal" @success="handleSuccess"></MediaManageModal>
+    <MediaManageModal ref="registerModal" :urlPrefix="urlPrefix" @success="handleSuccess"></MediaManageModal>
   </div>
 </template>
 
 <script lang="ts" name="mediamanage-mediaManage" setup>
-import { ref, reactive } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
 import { BasicTable, useTable, TableAction } from '/@/components/Table';
 import { useListPage } from '/@/hooks/system/useListPage';
 import { columns, superQuerySchema } from './MediaManage.data';
-import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './MediaManage.api';
+import { list, deleteOne, batchDelete, getImportUrl, getExportUrl, getUrl } from './MediaManage.api';
 import { downloadFile } from '/@/utils/common/renderUtils';
 import MediaManageModal from './components/MediaManageModal.vue'
 import { useUserStore } from '/@/store/modules/user';
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
-import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
 import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
 
 const formRef = ref();
 const queryParam = reactive<any>({});
@@ -117,7 +144,7 @@ const wrapperCol = reactive({
   xs: 24,
   sm: 20,
 });
-
+const urlPrefix = ref('')//协议+域名
 // 高级查询配置
 const superQueryConfig = reactive(superQuerySchema);
 
@@ -226,9 +253,23 @@ function searchReset() {
   reload();
 }
 
+/**
+ * 转化资源路径
+ * @param url_ 路径
+ */
+function transPreviewUrl(record) {
+  if (record.izNetUrl == 'net') {
+    return urlPrefix.value + record.filePath
+  } else {
+    return record.filePath
+  }
+}
 
-
-
+onMounted(() => {
+  getUrl().then(res => {
+    urlPrefix.value = res
+  })
+})
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/admin/mediamanage/components/MediaManageForm.vue b/src/views/admin/mediamanage/components/MediaManageForm.vue
index bdb0f3d..115e2e7 100644
--- a/src/views/admin/mediamanage/components/MediaManageForm.vue
+++ b/src/views/admin/mediamanage/components/MediaManageForm.vue
@@ -15,6 +15,12 @@
                 <a-textarea v-model:value="formData.descr" :rows="4" placeholder="请输入备注" />
               </a-form-item>
             </a-col>
+            <a-col :span="24">
+              <a-form-item label="系统功能" v-bind="validateInfos.sysFunc" id="MediaManageForm-sysFunc" name="sysFunc">
+                <j-dict-select-tag type='list' v-model:value="formData.sysFunc" @change="sysFuncChanged"
+                  dictCode="sys_function" placeholder="请选择系统功能" allowClear />
+              </a-form-item>
+            </a-col>
             <a-col :span="24">
               <a-form-item label="文件类型" v-bind="validateInfos.fileType" id="MediaManageForm-fileType" name="fileType">
                 <j-dict-select-tag type='list' v-model:value="formData.fileType" dictCode="file_type"
@@ -22,26 +28,45 @@
               </a-form-item>
             </a-col>
             <a-col :span="24">
-              <a-form-item label="文件上传" v-bind="validateInfos.filePath" id="MediaManageForm-filePath">
+              <a-form-item label="资源类型" v-bind="validateInfos.izNetUrl" id="MediaManageForm-izNetUrl" name="izNetUrl">
+                <j-dict-select-tag type='radio' v-model:value="formData.izNetUrl" dictCode="iz_net_url" allowClear
+                  :disabled="formData.sysFunc == 'directive'" @change="handleFileTypeChange" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-item :label="handleFileUploadLableName(formData.izNetUrl)" v-bind="validateInfos.filePath"
+                id="MediaManageForm-filePath">
+                <div v-if="formData.fileType && formData.izNetUrl == 'net'"
+                  style="color: #999; margin-bottom: 8px; padding-left: 8px;">
+                  当前协议域名为{{ urlPrefix }}
+                </div>
+                <a-textarea v-if="formData.fileType && (formData.izNetUrl == 'net' || formData.izNetUrl == 'full_url')"
+                  v-model:value="formData.filePath" :rows="2" placeholder="请输入资源地址" style="margin-bottom: 10px;" />
                 <!-- 未选择文件类型时的提示 -->
                 <div v-if="!formData.fileType" class="upload-tip">
                   <span style="color: red; line-height: 32px;">请先选择文件类型</span>
                 </div>
 
                 <!-- 图片上传组件 -->
-                <j-image-upload v-if="formData.fileType === 'image'" v-model:value="formData.filePath" :number="1"
-                  multiple="1" :fileSize="10" accept=".png,.jpg,.jpeg" @change="handleFileChange">
-                </j-image-upload>
+                <template v-if="formData.fileType === 'image'">
+                  <j-image-upload v-if="formData.izNetUrl == 'local'" v-model:value="formData.filePath" :number="1"
+                    multiple="1" :fileSize="10" accept=".png,.jpg,.jpeg" @change="handleFileChange">
+                  </j-image-upload>
+                  <!-- 图片预览 -->
+                  <div v-if="formData.filePath && formData.izNetUrl != 'local'" class="media-preview">
+                    <img :src="transUrl(formData)" style="max-width: 100%; max-height: 300px;">
+                  </div>
+                </template>
 
                 <!-- 视频上传组件 -->
                 <template v-if="formData.fileType === 'video'">
-                  <j-upload v-model:value="formData.filePath" :fileSize="100" :multiple="false" :maxCount="1"
-                    accept=".mp4" @change="handleFileChange">
+                  <j-upload v-if="formData.izNetUrl == 'local'" v-model:value="formData.filePath" :fileSize="100"
+                    :multiple="false" :maxCount="1" accept=".mp4" @change="handleFileChange">
                   </j-upload>
                   <!-- 视频预览 -->
-                  <div v-if="formData.filePath" class="media-preview">
+                  <div v-if="formData.filePath && previewShow" class="media-preview">
                     <video controls style="max-width: 100%; max-height: 300px;">
-                      <source :src="getFileAccessHttpUrl(formData.filePath)" type="video/mp4">
+                      <source :src="transUrl(formData)" type="video/mp4">
                       您的浏览器不支持视频播放
                     </video>
                   </div>
@@ -49,13 +74,13 @@
 
                 <!-- 音频上传组件 -->
                 <template v-if="formData.fileType === 'audio'">
-                  <j-upload v-model:value="formData.filePath" :fileSize="50" :multiple="false" :maxCount="1"
-                    accept=".mp3" @change="handleFileChange">
+                  <j-upload v-if="formData.izNetUrl == 'local'" v-model:value="formData.filePath" :fileSize="50"
+                    :multiple="false" :maxCount="1" accept=".mp3" @change="handleFileChange">
                   </j-upload>
                   <!-- 音频预览 -->
-                  <div v-if="formData.filePath" class="media-preview">
+                  <div v-if="formData.filePath && previewShow" class="media-preview">
                     <audio controls style="width: 100%;">
-                      <source :src="getFileAccessHttpUrl(formData.filePath)" type="audio/mpeg">
+                      <source :src="transUrl(formData)" type="audio/mpeg">
                       您的浏览器不支持音频播放
                     </audio>
                   </div>
@@ -76,7 +101,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, defineExpose, nextTick, defineProps, computed } from 'vue';
+import { ref, reactive, defineExpose, nextTick, defineProps, computed, watch } from 'vue';
 import { defHttp } from '/@/utils/http/axios';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { getValueType } from '/@/utils';
@@ -91,7 +116,8 @@ import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
 const props = defineProps({
   formDisabled: { type: Boolean, default: false },
   formData: { type: Object, default: () => ({}) },
-  formBpm: { type: Boolean, default: true }
+  formBpm: { type: Boolean, default: true },
+  urlPrefix: { type: String, default: '' },
 });
 const formRef = ref();
 const useForm = Form.useForm;
@@ -100,17 +126,19 @@ const formData = reactive<Record<string, any>>({
   id: '',
   name: '',
   descr: '',
+  sysFunc: '',
   fileType: '',
   filePath: '',
+  izNetUrl: 'local',
 });
 const { createMessage } = useMessage();
-const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
 const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
 const confirmLoading = ref<boolean>(false);
 //表单验证
 const validatorRules = reactive({
   fileType: [{ required: true, message: '请输入文件类型!' },],
-  filePath: [{ required: true, message: '请输入文件预览!' },],
+  filePath: [{ required: true, message: '请上传文件/填写资源路径' },],
 });
 const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
 
@@ -195,6 +223,18 @@ async function submitForm() {
       }
     }
   }
+  //如果是相对网络路径  需要根据机构中配置的协议+域名结尾是否有斜杠处理filePath
+  if (model.izNetUrl == 'net') {
+    if (props.urlPrefix.endsWith('/')) {
+      if (model.filePath.startsWith('/')) {
+        model.filePath = model.filePath.replace('/', '')
+      }
+    } else {
+      if (!model.filePath.startsWith('/')) {
+        model.filePath = '/' + model.filePath
+      }
+    }
+  }
   await saveOrUpdate(model, isUpdate.value)
     .then((res) => {
       if (res.success) {
@@ -209,6 +249,52 @@ async function submitForm() {
     });
 }
 
+function handleFileUploadLableName(v_) {
+  if (v_ == 'local') {
+    return '文件上传'
+  } else if (v_ == 'net') {
+    return '网络资源路径(不包含协议域名)'
+  } else if (v_ == 'full_url') {
+    return '完整网络资源地址'
+  } else {
+    return '文件上传'
+  }
+
+}
+const previewShow = ref(false)
+watch(
+  () => formData.filePath,
+  (newVal, oldVal) => {
+    previewShow.value = false
+    setTimeout(() => {
+      previewShow.value = true
+    }, 500)
+  },
+  {
+    immediate: false,
+    deep: true
+  }
+);
+
+function transUrl(record) {
+  if (record.izNetUrl == 'local') {
+    return getFileAccessHttpUrl(record.filePath)
+  } else if (record.izNetUrl == 'net') {
+    return props.urlPrefix + record.filePath
+  } else {
+    return record.filePath
+  }
+}
+
+/**
+ * 系统功能变更
+ */
+function sysFuncChanged() {
+  if (formData.sysFunc == 'directive') {
+    formData.izNetUrl = 'net'
+  }
+}
+
 defineExpose({
   add,
   edit,
diff --git a/src/views/admin/mediamanage/components/MediaManageModal.vue b/src/views/admin/mediamanage/components/MediaManageModal.vue
index 16873e6..f042f09 100644
--- a/src/views/admin/mediamanage/components/MediaManageModal.vue
+++ b/src/views/admin/mediamanage/components/MediaManageModal.vue
@@ -1,77 +1,83 @@
 <template>
-  <j-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
-    <MediaManageForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></MediaManageForm>
+  <j-modal :title="title" :width="width" :visible="visible" @ok="handleOk"
+    :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
+    <MediaManageForm ref="registerForm" :urlPrefix="urlPrefix" @ok="submitCallback" :formDisabled="disableSubmit"
+      :formBpm="false" v-if="visible">
+    </MediaManageForm>
   </j-modal>
 </template>
 
 <script lang="ts" setup>
-  import { ref, nextTick, defineExpose } from 'vue';
-  import MediaManageForm from './MediaManageForm.vue'
-  import JModal from '/@/components/Modal/src/JModal/JModal.vue';
-  
-  const title = ref<string>('');
-  const width = ref<number>(800);
-  const visible = ref<boolean>(false);
-  const disableSubmit = ref<boolean>(false);
-  const registerForm = ref();
-  const emit = defineEmits(['register', 'success']);
+import { ref, nextTick, defineExpose, defineProps } from 'vue';
+import MediaManageForm from './MediaManageForm.vue'
+import JModal from '/@/components/Modal/src/JModal/JModal.vue';
 
-  /**
-   * 新增
-   */
-  function add() {
-    title.value = '新增';
-    visible.value = true;
-    nextTick(() => {
-      registerForm.value.add();
-    });
-  }
-  
-  /**
-   * 编辑
-   * @param record
-   */
-  function edit(record) {
-    title.value = disableSubmit.value ? '详情' : '编辑';
-    visible.value = true;
-    nextTick(() => {
-      registerForm.value.edit(record);
-    });
-  }
-  
-  /**
-   * 确定按钮点击事件
-   */
-  function handleOk() {
-    registerForm.value.submitForm();
-  }
+const props = defineProps({
+  urlPrefix: { type: String, default: '' },
+});
+const title = ref<string>('');
+const width = ref<number>(1000);
+const visible = ref<boolean>(false);
+const disableSubmit = ref<boolean>(false);
+const registerForm = ref();
+const emit = defineEmits(['register', 'success']);
 
-  /**
-   * form保存回调事件
-   */
-  function submitCallback() {
-    handleCancel();
-    emit('success');
-  }
-
-  /**
-   * 取消按钮回调事件
-   */
-  function handleCancel() {
-    visible.value = false;
-  }
-
-  defineExpose({
-    add,
-    edit,
-    disableSubmit,
+/**
+ * 新增
+ */
+function add() {
+  title.value = '新增';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.add();
   });
+}
+
+/**
+ * 编辑
+ * @param record
+ */
+function edit(record) {
+  title.value = disableSubmit.value ? '详情' : '编辑';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.edit(record);
+  });
+}
+
+/**
+ * 确定按钮点击事件
+ */
+function handleOk() {
+  registerForm.value.submitForm();
+}
+
+/**
+ * form保存回调事件
+ */
+function submitCallback() {
+  handleCancel();
+  emit('success');
+}
+
+/**
+ * 取消按钮回调事件
+ */
+function handleCancel() {
+  visible.value = false;
+}
+
+defineExpose({
+  add,
+  edit,
+  disableSubmit,
+});
 </script>
 
 <style lang="less">
-  /**隐藏样式-modal确定按钮 */
-  .jee-hidden {
-    display: none !important;
-  }
+/**隐藏样式-modal确定按钮 */
+.jee-hidden {
+  display: none !important;
+}
 </style>
 <style lang="less" scoped></style>
diff --git a/src/views/biz/orgapplyinfo/OrgApplyInfo.data.ts b/src/views/biz/orgapplyinfo/OrgApplyInfo.data.ts
index 16358ac..d8f02de 100644
--- a/src/views/biz/orgapplyinfo/OrgApplyInfo.data.ts
+++ b/src/views/biz/orgapplyinfo/OrgApplyInfo.data.ts
@@ -1,67 +1,72 @@
-import {BasicColumn} from '/@/components/Table';
-import {FormSchema} from '/@/components/Table';
-import { rules} from '/@/utils/helper/validator';
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { rules } from '/@/utils/helper/validator';
 import { render } from '/@/utils/common/renderUtils';
 import { getWeekMonthQuarterYear } from '/@/utils';
 //列表数据
 export const columns: BasicColumn[] = [
-  {
-    title: '审批状态',
-    align: "center",
-    dataIndex: 'status_dictText'
-  },
   {
     title: '咨询人姓名',
-    align: "center",
-    dataIndex: 'name'
+    align: 'center',
+    dataIndex: 'name',
   },
   {
     title: '性别',
-    align: "center",
-    dataIndex: 'sex'
+    align: 'center',
+    dataIndex: 'sex',
   },
   {
     title: '联系电话',
-    align: "center",
-    dataIndex: 'tel'
+    align: 'center',
+    dataIndex: 'tel',
   },
   {
     title: '申请日期',
-    align: "center",
-    dataIndex: 'createTime'
+    align: 'center',
+    dataIndex: 'createTime',
   },
   {
     title: '机构地址',
-    align: "center",
-    dataIndex: 'orgAddress'
+    align: 'center',
+    dataIndex: 'orgAddress',
   },
   {
     title: '机构负责人电话',
-    align: "center",
-    dataIndex: 'orgLeaderPhone'
+    align: 'center',
+    dataIndex: 'orgLeaderPhone',
   },
   {
     title: '机构房屋性质',
-    align: "center",
-    dataIndex: 'orgPropertyType'
+    align: 'center',
+    dataIndex: 'orgPropertyType',
   },
   {
     title: '机构建筑面积',
-    align: "center",
-    dataIndex: 'orgBuildingArea'
+    align: 'center',
+    dataIndex: 'orgBuildingArea',
+  },
+  {
+    title: '审批状态',
+    align: 'center',
+    dataIndex: 'status_dictText',
+  },
+  {
+    title: '审批备注',
+    align: 'center',
+    dataIndex: 'content',
   },
 ];
 
 // 高级查询数据
 export const superQuerySchema = {
-  tel: {title: '联系电话',order: 2,view: 'text', type: 'string',},
-  status: {title: '状态 1审核中 2审核完成  3驳回 ',order: 3,view: 'list', type: 'string',dictCode: '',},
-  createTime: {title: '创建日期',order: 5,view: 'datetime', type: 'string',},
-  izEntry: {title: '机构是否入驻0否 1是(是否入驻过）',order: 7,view: 'list', type: 'string',dictCode: '',},
-  name: {title: '咨询人姓名',order: 8,view: 'text', type: 'string',},
-  sex: {title: '性别',order: 9,view: 'text', type: 'string',},
-  orgAddress: {title: '机构地址',order: 24,view: 'text', type: 'string',},
-  orgLeaderPhone: {title: '机构负责人电话',order: 27,view: 'text', type: 'string',},
-  orgPropertyType: {title: '机构房屋性质',order: 29,view: 'text', type: 'string',},
-  orgBuildingArea: {title: '机构建筑面积',order: 30,view: 'number', type: 'number',},
+  tel: { title: '联系电话', order: 2, view: 'text', type: 'string' },
+  status: { title: '状态 1审核中 2审核完成  3驳回 ', order: 3, view: 'list', type: 'string', dictCode: '' },
+  createTime: { title: '创建日期', order: 5, view: 'datetime', type: 'string' },
+  izEntry: { title: '机构是否入驻0否 1是(是否入驻过）', order: 7, view: 'list', type: 'string', dictCode: '' },
+  name: { title: '咨询人姓名', order: 8, view: 'text', type: 'string' },
+  sex: { title: '性别', order: 9, view: 'text', type: 'string' },
+  orgAddress: { title: '机构地址', order: 24, view: 'text', type: 'string' },
+  orgLeaderPhone: { title: '机构负责人电话', order: 27, view: 'text', type: 'string' },
+  orgPropertyType: { title: '机构房屋性质', order: 29, view: 'text', type: 'string' },
+  orgBuildingArea: { title: '机构建筑面积', order: 30, view: 'number', type: 'number' },
 };
diff --git a/src/views/biz/orgapplyinfo/OrgApplyInfoList.vue b/src/views/biz/orgapplyinfo/OrgApplyInfoList.vue
index feebbee..67791c3 100644
--- a/src/views/biz/orgapplyinfo/OrgApplyInfoList.vue
+++ b/src/views/biz/orgapplyinfo/OrgApplyInfoList.vue
@@ -187,7 +187,8 @@ function getTableAction(record) {
     {
       label: '审批',
       onClick: handleEdit.bind(null, record),
-      auth: 'orgapplyinfo:nu_org_apply_info:edit'
+      auth: 'orgapplyinfo:nu_org_apply_info:edit',
+      disabled: record.status == '0' || record.status == '2'
     },
   ];
 }
diff --git a/src/views/biz/orgapplyinfo/components/OrgApplyInfoForm.vue b/src/views/biz/orgapplyinfo/components/OrgApplyInfoForm.vue
index 1bdaddb..f049012 100644
--- a/src/views/biz/orgapplyinfo/components/OrgApplyInfoForm.vue
+++ b/src/views/biz/orgapplyinfo/components/OrgApplyInfoForm.vue
@@ -111,13 +111,13 @@
             <a-col :span="12">
               <a-form-item label="身份证正面" v-bind="validateInfos.cardZmPath" id="OrgApplyInfoForm-cardZmPath"
                 name="cardZmPath">
-                <a-input v-model:value="formData.cardZmPath" placeholder="请输入身份证正面" allow-clear></a-input>
+                <JImageUpload :fileMax="1" v-model:value="formData.cardZmPath"></JImageUpload>
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="身份证反面" v-bind="validateInfos.cardFmPath" id="OrgApplyInfoForm-cardFmPath"
                 name="cardFmPath">
-                <a-input v-model:value="formData.cardFmPath" placeholder="请输入身份证反面" allow-clear></a-input>
+                <JImageUpload :fileMax="1" v-model:value="formData.cardFmPath"></JImageUpload>
               </a-form-item>
             </a-col>
             <a-col :span="24">
@@ -126,7 +126,7 @@
             <a-col :span="12">
               <a-form-item label="营业执照照片" v-bind="validateInfos.comBusinessLicense"
                 id="OrgApplyInfoForm-comBusinessLicense" name="comBusinessLicense">
-                <a-input v-model:value="formData.comBusinessLicense" placeholder="请输入营业执照照片" allow-clear></a-input>
+                <JImageUpload :fileMax="1" v-model:value="formData.comBusinessLicense"></JImageUpload>
               </a-form-item>
             </a-col>
             <a-col :span="12">
@@ -179,12 +179,12 @@
                 <a-input v-model:value="formData.orgLeaderPhone" placeholder="请输入机构负责人电话" allow-clear></a-input>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
+            <!-- <a-col :span="12">
               <a-form-item label="机构楼宇牌号" v-bind="validateInfos.orgBuildingNumber"
                 id="OrgApplyInfoForm-orgBuildingNumber" name="orgBuildingNumber">
                 <a-input v-model:value="formData.orgBuildingNumber" placeholder="请输入机构楼宇牌号" allow-clear></a-input>
               </a-form-item>
-            </a-col>
+            </a-col> -->
             <a-col :span="12">
               <a-form-item label="机构房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
                 name="orgPropertyType">
@@ -217,6 +217,7 @@ import { saveOrUpdate } from '../OrgApplyInfo.api';
 import { Form } from 'ant-design-vue';
 import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
 import TencentMap from '/@/components/TencentMap/TencentMap.vue';
+import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
 
 const props = defineProps({
   formDisabled: { type: Boolean, default: false },
diff --git a/src/views/services/serviceDirective/ConfigServiceDirective.data.ts b/src/views/services/serviceDirective/ConfigServiceDirective.data.ts
index 2c9e383..2061be8 100644
--- a/src/views/services/serviceDirective/ConfigServiceDirective.data.ts
+++ b/src/views/services/serviceDirective/ConfigServiceDirective.data.ts
@@ -69,50 +69,11 @@ export const columns: BasicColumn[] = [
       }
     },
   },
-  // {
-  //   title: '收费价格',
-  //   align: 'center',
-  //   dataIndex: 'tollPrice',
-  //   width: 100,
-  // },
-  // {
-  //   title: '提成价格',
-  //   align: "center",
-  //   dataIndex: 'comPrice'
-  // },
-  // {
-  //   title: '医保报销',
-  //   align: 'center',
-  //   dataIndex: 'izReimbursement_dictText',
-  //   width: 100,
-  // },
-  // {
-  //   title: '机构优惠',
-  //   align: 'center',
-  //   dataIndex: 'izPreferential_dictText',
-  //   width: 100,
-  // },
-  // {
-  //   title: '收费频次',
-  //   align: 'center',
-  //   dataIndex: 'chargingFrequency_dictText',
-  // },
   {
     title: '周期类型',
     align: 'center',
     dataIndex: 'cycleType_dictText',
   },
-  // {
-  //   title: '排序',
-  //   align: "center",
-  //   sorter: true,
-  //   dataIndex: 'sort'
-  // },
-  // {
-  //   title: '服务说明',
-  //   align: "center",
-  //   dataIndex: 'serviceContent'
-  // },
   {
     title: '服务时长（分钟）',
     align: 'center',
@@ -125,49 +86,15 @@ export const columns: BasicColumn[] = [
     dataIndex: 'izEnabled_dictText',
     width: 100,
   },
-  {
-    title: '语音文件',
-    align: 'center',
-    dataIndex: 'mp3File',
-  },
-  {
-    title: '视频文件',
-    align: 'center',
-    dataIndex: 'mp4File',
-  },
-  // {
-  //   title: '创建人',
-  //   align: "center",
-  //   dataIndex: 'createBy'
-  // },
-  // {
-  //   title: '创建日期',
-  //   align: "center",
-  //   sorter: true,
-  //   dataIndex: 'createTime'
-  // },
-  // {
-  //   title: '更新人',
-  //   align: "center",
-  //   dataIndex: 'updateBy'
-  // },
-  // {
-  //   title: '更新日期',
-  //   align: "center",
-  //   sorter: true,
-  //   dataIndex: 'updateTime'
-  // },
   {
     title: '预览图片',
     align: 'center',
-    dataIndex: 'previewFile',
-    customRender: render.renderImage,
+    dataIndex: 'previewFileMedia',
   },
   {
     title: '即时指令图片',
     align: 'center',
-    dataIndex: 'immediateFile',
-    customRender: render.renderImage,
+    dataIndex: 'immediateFileMedia',
   },
 ];
 
diff --git a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
index 637bd3e..92ab6d8 100644
--- a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
+++ b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
@@ -8,22 +8,18 @@
       </template>
 
       <template v-slot:bodyCell="{ column, record, index, text }">
-        <template v-if="column.dataIndex === 'mp3File'">
+        <template v-if="column.dataIndex === 'previewFileMedia'">
           <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
-          <audio controls v-else style="width: 100%; max-width: 300px; height: 40px;">
-            <source :src="getFileAccessHttpUrl(text)">
-          </audio>
+          <img v-else :src="testOrgInfo.url + text" style="max-height: 50px;max-width: 80px;">
         </template>
-        <template v-if="column.dataIndex === 'mp4File'">
+        <template v-if="column.dataIndex === 'immediateFileMedia'">
           <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
-          <template v-else>
-            <a-button type="primary" @click="openVideoModal(text)">播放视频</a-button>
-          </template>
+          <img v-else :src="testOrgInfo.url + text" style="max-height: 50px;max-width: 80px;">
         </template>
       </template>
     </BasicTable>
 
-    <ConfigServiceDirectiveModal ref="registerModal" @success="handleSuccess"></ConfigServiceDirectiveModal>
+    <ConfigServiceDirectiveModal ref="registerModal" :testOrgInfo="testOrgInfo" @success="handleSuccess"></ConfigServiceDirectiveModal>
 
     <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
       :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
@@ -52,6 +48,10 @@ const props = defineProps({
   initialDataIds: { // 初始化数据ID
     type: Array,
     default: () => []
+  },
+  testOrgInfo: {//试验田机构信息
+    type: Object,
+    default: () => ({})
   }
 });
 
@@ -126,10 +126,10 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     },
     beforeFetch: async (params) => {
       Object.assign(params, props.queryParams);
-      params.dataSourceCode = 'A002';
+      params.dataSourceCode = import.meta.env.VITE_SYTJGBM;
       params.column = 'createTime'
       params.order = 'desc'
-      params.selectedRowIds =  Array.from(selectedRowIds.value)
+      params.selectedRowIds = Array.from(selectedRowIds.value)
       return params;
     },
   },
@@ -222,8 +222,8 @@ const getAllData = async (queryParams) => {
     const params = {
       ...queryParams,
       pageNo: 1,
-      pageSize: 9999, // 设置一个足够大的数获取所有数据
-      dataSourceCode: 'A002',
+      pageSize: -1,
+      dataSourceCode: import.meta.env.VITE_SYTJGBM,
       column: 'createTime',
       order: 'desc'
     };
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
index fca42df..052f478 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
@@ -8,15 +8,14 @@
             <a-col :span="12">
               <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
                 id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
-                <j-dict-select-tag v-model:value="formData.instructionTagId" v-if="showJMCom" :orgCode="orgCodeParam"
+                <j-dict-select-tag v-model:value="formData.instructionTagId" :orgCode="orgCodeParam"
                   dictCode="instruction_tag" placeholder="请选择分类标签" allowClear />
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
                 name="categoryId">
-                <j-dict-select-tag type="list" v-model:value="formData.categoryId" v-if="showJMCom"
-                  :orgCode="orgCodeParam"
+                <j-dict-select-tag type="list" v-model:value="formData.categoryId" :orgCode="orgCodeParam"
                   :dictCode="`nu_config_service_category,category_name,id,del_flag = 0 order by sort asc`"
                   placeholder="请选择服务类别" allow-clear />
               </a-form-item>
@@ -24,7 +23,7 @@
             <a-col :span="12">
               <a-form-item label="服务类型" v-bind="validateInfos.typeId" id="ConfigServiceDirectiveForm-typeId"
                 name="typeId">
-                <j-dict-select-tag type="list" v-model:value="formData.typeId" :dictCode="typeDictCode" v-if="showJMCom"
+                <j-dict-select-tag type="list" v-model:value="formData.typeId" :dictCode="typeDictCode"
                   :orgCode="orgCodeParam" placeholder="请选择服务类型" allowClear />
               </a-form-item>
             </a-col>
@@ -51,22 +50,22 @@
             <a-col :span="12">
               <a-form-item label="医保报销" v-bind="validateInfos.izReimbursement"
                 id="ConfigServiceDirectiveForm-izReimbursement" name="izReimbursement">
-                <j-dict-select-tag type='radio' v-model:value="formData.izReimbursement" v-if="showJMCom"
-                  :orgCode="orgCodeParam" dictCode="med_ins_reimb" allowClear />
+                <j-dict-select-tag type='radio' v-model:value="formData.izReimbursement" :orgCode="orgCodeParam"
+                  dictCode="med_ins_reimb" allowClear />
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="机构优惠" v-bind="validateInfos.izPreferential"
                 id="ConfigServiceDirectiveForm-izPreferential" name="izPreferential">
-                <j-dict-select-tag type='radio' v-model:value="formData.izPreferential" v-if="showJMCom"
-                  :orgCode="orgCodeParam" dictCode="institutional_discount" allowClear />
+                <j-dict-select-tag type='radio' v-model:value="formData.izPreferential" :orgCode="orgCodeParam"
+                  dictCode="institutional_discount" allowClear />
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="周期类型" v-bind="validateInfos.cycleType" id="ConfigServiceDirectiveForm-cycleType"
                 name="cycleType">
-                <j-dict-select-tag type="list" v-model:value="formData.cycleType" v-if="showJMCom"
-                  :orgCode="orgCodeParam" dictCode="period_type" placeholder="请选择周期类型" allowClear />
+                <j-dict-select-tag type="list" v-model:value="formData.cycleType" :orgCode="orgCodeParam"
+                  dictCode="period_type" placeholder="请选择周期类型" allowClear />
               </a-form-item>
             </a-col>
             <a-col :span="12">
@@ -84,81 +83,40 @@
             </a-col>
           </a-row>
           <a-row>
-            <!-- <a-col :span="12">
-              <a-form-item label="排序" v-bind="validateInfos.sort" id="ConfigServiceDirectiveForm-sort" name="sort">
-                <a-input-number v-model:value="formData.sort" placeholder="请输入排序" style="width: 100%" />
-              </a-form-item>
-            </a-col> -->
             <a-col :span="24">
               <a-form-item label="体型标签" id="ConfigServiceDirectiveForm-typeId" :labelCol="labelCol2"
                 :wrapperCol="wrapperCol2" name="typeId">
-                <JCheckbox v-model:value="formData.bodyTags" v-if="showJMCom" :orgCode="orgCodeParam"
+                <JCheckbox v-model:value="formData.bodyTags" :orgCode="orgCodeParam"
                   :dictCode="`nu_config_body_tag,tag_name,id,del_flag = 0 order by sort asc`" />
               </a-form-item>
             </a-col>
             <a-col :span="24">
               <a-form-item label="情绪标签" :labelCol="labelCol2" :wrapperCol="wrapperCol2" name="emoTags">
-                <JCheckbox v-model:value="formData.emotionTags" v-if="showJMCom" :orgCode="orgCodeParam"
+                <JCheckbox v-model:value="formData.emotionTags" :orgCode="orgCodeParam"
                   :dictCode="`nu_config_emotion_tag,tag_name,id,del_flag = 0 order by sort asc`" />
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="ConfigServiceDirectiveForm-izEnabled"
                 name="izEnabled">
-                <j-dict-select-tag type='radio' v-model:value="formData.izEnabled" v-if="showJMCom"
-                  :orgCode="orgCodeParam" dictCode="iz_enabled" placeholder="请选择是否启用"  allowClear />
+                <j-dict-select-tag type='radio' v-model:value="formData.izEnabled" :orgCode="orgCodeParam"
+                  dictCode="iz_enabled" placeholder="请选择是否启用"  allowClear />
               </a-form-item>
             </a-col>
-            <!-- <a-col :span="12">
-              <a-form-item label="创建人" v-bind="validateInfos.createBy" id="ConfigServiceDirectiveForm-createBy"
-                name="createBy">
-                <a-input v-model:value="formData.createBy" placeholder="请输入创建人" disabled allow-clear></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="创建日期" v-bind="validateInfos.createTime" id="ConfigServiceDirectiveForm-createTime"
-                name="createTime">
-                <a-date-picker placeholder="请选择创建日期" v-model:value="formData.createTime" showTime
-                  value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="更新人" v-bind="validateInfos.updateBy" id="ConfigServiceDirectiveForm-updateBy"
-                name="updateBy">
-                <a-input v-model:value="formData.updateBy" placeholder="请输入更新人" disabled allow-clear></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="更新日期" v-bind="validateInfos.updateTime" id="ConfigServiceDirectiveForm-updateTime"
-                name="updateTime">
-                <a-date-picker placeholder="请选择更新日期" v-model:value="formData.updateTime" showTime
-                  value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" disabled allow-clear />
-              </a-form-item>
-            </a-col> -->
           </a-row>
           <a-row>
             <a-col :span="12">
-              <a-form-item label="预览图片" v-bind="validateInfos.previewFile">
-                <JImageUpload :fileMax="1" v-model:value="formData.previewFile"></JImageUpload>
+              <a-form-item label="预览图片">
+                <span v-if="!formData.previewFileMedia" style="font-size: 12px;font-style: italic;">无文件</span>
+                <img v-else :src="testOrgInfo.url + formData.previewFileMedia"
+                  style="max-height: 100px;max-width: 100px;">
               </a-form-item>
             </a-col>
             <a-col :span="12">
               <a-form-item label="即时指令图片" v-bind="validateInfos.immediateFile">
-                <JImageUpload :fileMax="1" v-model:value="formData.immediateFile"></JImageUpload>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="12">
-              <a-form-item label="语音文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File"
-                name="mp3File">
-                <j-upload v-model:value="formData.mp3File" accept=".mp3" :disabled="true" :maxCount="1"></j-upload>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="视频文件" v-bind="validateInfos.mp4File" id="ConfigServiceDirectiveForm-mp4File"
-                name="mp4File">
-                <j-upload v-model:value="formData.mp4File" accept=".mp4" :disabled="true" :maxCount="1"></j-upload>
+                <span v-if="!formData.immediateFileMedia" style="font-size: 12px;font-style: italic;">无文件</span>
+                <img v-else :src="testOrgInfo.url + formData.immediateFileMedia"
+                  style="max-height: 100px;max-width: 100px;">
               </a-form-item>
             </a-col>
           </a-row>
@@ -170,17 +128,17 @@
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
           name="ConfigServiceDirectiveForm">
           <a-row>
-            <a-col :span="12" v-if="!!formData.mp3File">
-              <a-form-item label="语音预览" id="ConfigServiceDirectiveForm-mp3File" name="mp3File">
+            <a-col :span="12" v-if="!!formData.mp3FileMedia">
+              <a-form-item label="语音预览">
                 <audio controls disabled="false">
-                  <source :src="getFileAccessHttpUrl(formData.mp3File)">
+                  <source :src="testOrgInfo.url + formData.mp3FileMedia">
                 </audio>
               </a-form-item>
             </a-col>
-            <a-col :span="12" v-if="!!formData.mp4File" :push="!!formData.mp3File ? 0 : 12">
-              <a-form-item label="视频预览" id="ConfigServiceDirectiveForm-mp4File" name="mp4File">
+            <a-col :span="12" v-if="!!formData.mp4FileMedia" :push="!!formData.mp3FileMedia ? 0 : 12">
+              <a-form-item label="视频预览">
                 <video controls>
-                  <source :src="getFileAccessHttpUrl(formData.mp4File)">
+                  <source :src="testOrgInfo.url + formData.mp4FileMedia">
                 </video>
               </a-form-item>
             </a-col>
@@ -192,8 +150,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted, watch, onBeforeMount } from 'vue';
-import { initDictOptions } from '/@/utils/dict';
+import { ref, reactive, defineExpose, nextTick, defineProps, computed, watch } from 'vue';
 import { useMessage } from '/@/hooks/web/useMessage';
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 import { JCheckbox } from '/@/components/Form';
@@ -205,18 +162,16 @@ import { Form } from 'ant-design-vue';
 import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
 import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
 
-const orgCodeParam = ref('')
-const showJMCom = ref(false)
-onBeforeMount(async () => {
-  const dictData = await initDictOptions('org_code')
-  orgCodeParam.value = dictData.filter(d => d.text == 'shi_yan_tian')[0].value
-  showJMCom.value = true
-})
+const orgCodeParam = import.meta.env.VITE_SYTJGBM
 
 const props = defineProps({
   formDisabled: { type: Boolean, default: false },
   formData: { type: Object, default: () => ({}) },
-  formBpm: { type: Boolean, default: true }
+  formBpm: { type: Boolean, default: true },
+  testOrgInfo: {//试验田机构信息
+    type: Object,
+    default: () => ({})
+  }
 });
 const formRef = ref();
 const useForm = Form.useForm;
@@ -245,6 +200,10 @@ const formData = reactive<Record<string, any>>({
   mp4File: '',
   previewFile: '',
   immediateFile: '',
+  previewFileMedia: '',
+  immediateFileMedia: '',
+  mp3FileMedia: '',
+  mp4FileMedia: '',
 });
 const { createMessage } = useMessage();
 const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 6 } });
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
index 0aecc0f..c569835 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
@@ -1,78 +1,87 @@
 <template>
-  <j-modal :title="title" width="70vw" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭" :maskClosable="false">
-    <ConfigServiceDirectiveForm ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveForm>
+  <j-modal :title="title" width="70vw" :visible="visible" @ok="handleOk"
+    :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"
+    :maskClosable="false">
+    <ConfigServiceDirectiveForm ref="registerForm" v-if="visible" :testOrgInfo="testOrgInfo" @ok="submitCallback"
+      :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveForm>
   </j-modal>
 </template>
 
 <script lang="ts" setup>
-  import { ref, nextTick, defineExpose } from 'vue';
-  import ConfigServiceDirectiveForm from './ConfigServiceDirectiveForm.vue'
-  import JModal from '/@/components/Modal/src/JModal/JModal.vue';
+import { ref, nextTick, defineExpose } from 'vue';
+import ConfigServiceDirectiveForm from './ConfigServiceDirectiveForm.vue'
+import JModal from '/@/components/Modal/src/JModal/JModal.vue';
 import { array } from 'vue-types';
-  
-  const title = ref<string>('');
-  const visible = ref<boolean>(false);
-  const disableSubmit = ref<boolean>(false);
-  const registerForm = ref();
-  const emit = defineEmits(['register', 'success']);
 
+const title = ref<string>('');
+const visible = ref<boolean>(false);
+const disableSubmit = ref<boolean>(false);
+const registerForm = ref();
+const emit = defineEmits(['register', 'success']);
 
-  /**
-   * 新增
-   */
-  function add() {
-    title.value = '新增';
-    visible.value = true;
-    nextTick(() => {
-      registerForm.value.add();
-    });
-  }
-  
-  /**
-   * 编辑
-   * @param record
-   */
-  function edit(record) {
-    title.value = disableSubmit.value ? '详情' : '编辑';
-    visible.value = true;
-    nextTick(() => {
-      registerForm.value.edit(record);
-    });
-  }
-  
-  /**
-   * 确定按钮点击事件
-   */
-  function handleOk() {
-    registerForm.value.submitForm();
+const props = defineProps({
+  testOrgInfo: {//试验田机构信息
+    type: Object,
+    default: () => ({})
   }
+});
 
-  /**
-   * form保存回调事件
-   */
-  function submitCallback() {
-    handleCancel();
-    emit('success');
-  }
-
-  /**
-   * 取消按钮回调事件
-   */
-  function handleCancel() {
-    visible.value = false;
-  }
-
-  defineExpose({
-    add,
-    edit,
-    disableSubmit,
+/**
+ * 新增
+ */
+function add() {
+  title.value = '新增';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.add();
   });
+}
+
+/**
+ * 编辑
+ * @param record
+ */
+function edit(record) {
+  title.value = disableSubmit.value ? '详情' : '编辑';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.edit(record);
+  });
+}
+
+/**
+ * 确定按钮点击事件
+ */
+function handleOk() {
+  registerForm.value.submitForm();
+}
+
+/**
+ * form保存回调事件
+ */
+function submitCallback() {
+  handleCancel();
+  emit('success');
+}
+
+/**
+ * 取消按钮回调事件
+ */
+function handleCancel() {
+  visible.value = false;
+}
+
+defineExpose({
+  add,
+  edit,
+  disableSubmit,
+});
 </script>
 
 <style lang="less">
-  /**隐藏样式-modal确定按钮 */
-  .jee-hidden {
-    display: none !important;
-  }
+/**隐藏样式-modal确定按钮 */
+.jee-hidden {
+  display: none !important;
+}
 </style>
 <style lang="less" scoped></style>
diff --git a/src/views/synchronization/directive/index.vue b/src/views/synchronization/directive/index.vue
index cca9ecf..b531fab 100644
--- a/src/views/synchronization/directive/index.vue
+++ b/src/views/synchronization/directive/index.vue
@@ -1,328 +1,143 @@
 <template>
-    <div class="p-2 base-class">
-        <a-card @click="toggleSearchStatus = true" :class="{ 'base-con-class': toggleSearchStatus == false }">
-            <a-row v-show="!toggleSearchStatus && !orgSelectedCon">
-                <a-col :span="10">
-                    <span style="font-size: 15px;font-weight: bold;color: #333;">机构信息:</span>
-                    <span v-if="!orgData" class="base-info-dn" style="color: red;"> 请先选择机构</span>
-                    <template v-else>
-                        <span class="base-info-dn"
-                            style="margin-left: 10px;font-size: 15px;font-weight: 400;color: #333;"> {{
-                                orgData?.departName }}</span>
-                        <a-button type="primary" size="small" @click.stop="handleResetOrg" style="margin-left: 10px;">
-                            <span class="base-info-dn">重新选择</span>
-                        </a-button>
-                    </template>
-                </a-col>
-                <a-col :span="5">
-                    <span v-if="hasSearchConditions" style="font-size: 16px;font-weight: bold;color:#E86A6A">
-                        有筛选条件未重置
-                    </span>
-                    <span style="font-size: 16px;font-weight: bold;color:#ABACAD">点击展开更多操作区域</span>
-                </a-col>
-            </a-row>
-            <div class="org-info-card" v-show="(!toggleSearchStatus && orgSelectedCon) || toggleSearchStatus">
-                <div class="org-info-header">
-                    <div class="org-title">
-                        <span class="base-info-label">机构信息:</span>
-                        <span v-if="!orgData" class="base-info-dn" style="color: #ff4d4f;"> 请先选择机构</span>
-                        <span v-else class="org-name">{{ orgData?.departName }}</span>
-                    </div>
-                    <a-button v-if="!orgSelectedCon" class="reset-btn" type="primary" @click.stop="handleResetOrg">
-                        <span>重新选择</span>
-                    </a-button>
-                </div>
-
-                <div class="org-info-content">
-                    <div class="info-row">
-                        <div class="info-item">
-                            <span class="label">机构编码：</span>
-                            <span class="value">{{ orgData?.orgCode || '-' }}</span>
-                        </div>
-                        <div class="info-item">
-                            <span class="label">运营时间：</span>
-                            <span class="value">
-                                {{ orgData?.operationStartTime?.substring(0, 10) || '-' }} 至
-                                {{ orgData?.operationEndTime?.substring(0, 10) || '-' }}
-                            </span>
-                        </div>
-                        <div class="info-item">
-                            <span class="label">合同时间：</span>
-                            <span class="value">
-                                {{ orgData?.contractStartTime?.substring(0, 10) || '-' }} 至
-                                {{ orgData?.contractEndTime?.substring(0, 10) || '-' }}
-                            </span>
-                        </div>
-                    </div>
-
-                    <div class="info-row">
-                        <div class="info-item">
-                            <span class="label">电话：</span>
-                            <span class="value">{{ orgData?.mobile || '-' }}</span>
-                        </div>
-                        <div class="info-item">
-                            <span class="label">传真：</span>
-                            <span class="value">{{ orgData?.fax || '-' }}</span>
-                        </div>
-                        <div class="info-item">
-                            <span class="label">地址：</span>
-                            <span class="value">{{ orgData?.address || '-' }}</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <a-divider v-show="toggleSearchStatus && orgData && !orgSelectedCon" style="margin: 0px;margin-top: 8px;" />
-            <a-col :span="24" v-show="toggleSearchStatus && orgData && !orgSelectedCon">
-                <div class="jeecg-basic-table-form-container">
-                    <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
-                        :wrapper-col="wrapperCol">
-                        <a-row :gutter="24">
+    <!-- 
+     selectedSize：已选择条数
+     hasSearchConditions：是否存在搜索条件
+     viewTypeChanged：源数据、全部、已选择、未选择变更时的钩子函数
+     orgChanged：机构变更钩子
+     handleAsync：同步数据按钮
+     handleAddAll：全部添加按钮
+     handleRemoveAll：全部移除按钮
+     -->
+    <SyncComponent ref="syncComRef" :selectedSize="Array.from(selectedItems.values()).length"
+        :hasSearchConditions="hasSearchConditions" @viewTypeChanged="viewTypeChanged" @orgChanged="orgChanged"
+        @handleAsync="handleAsync" @handleAddAll="handleAddAll" @handleRemoveAll="handleRemoveAll">
+        <!-- 表单 -->
+        <template #searchFormSlot>
+            <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
+                :wrapper-col="wrapperCol">
+                <a-row :gutter="24">
+                    <a-col :lg="6">
+                        <a-form-item name="instructionTagId">
+                            <template #label><span title="分类标签">分类标签</span></template>
+                            <j-dict-select-tag v-model:value="queryParam.instructionTagId" :orgCode="sourceOrgCode"
+                                dictCode="instruction_tag" :ignoreDisabled="true" placeholder="请选分类标签" allowClear />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :lg="6">
+                        <a-form-item name="categoryId">
+                            <template #label><span title="服务类别">服务类别</span></template>
+                            <j-dict-select-tag type="list" v-model:value="queryParam.categoryId"
+                                :orgCode="sourceOrgCode"
+                                :dictCode="`nu_config_service_category,category_name,id,del_flag = 0 order by sort asc`"
+                                :ignoreDisabled="true" placeholder="请选择服务类别" allow-clear />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :lg="6">
+                        <a-form-item name="typeId">
+                            <template #label><span title="服务类型">服务类型</span></template>
+                            <j-dict-select-tag type="list" v-model:value="queryParam.typeId" :orgCode="sourceOrgCode"
+                                :dictCode="`nu_config_service_type,type_name,id,del_flag = 0 order by sort asc`"
+                                placeholder="请选择服务类型" :ignoreDisabled="true" allowClear />
+                        </a-form-item>
+                    </a-col>
+                    <!-- <template v-if="toggleSearchStatus"> -->
+                    <a-col :lg="6">
+                        <a-form-item name="directiveName">
+                            <template #label><span title="服务指令">服务指令</span></template>
+                            <JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称" allowClear />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :lg="6">
+                        <a-form-item name="bodyTags">
+                            <template #label><span title="体型标签">体型标签</span></template>
+                            <JSelectMultiple type="list" v-model:value="queryParam.bodyTags" :orgCode="sourceOrgCode"
+                                :dictCode="`nu_config_body_tag,tag_name,id,del_flag = '0' order by sort asc`"
+                                :ignoreDisabled="true" placeholder="请选择体型标签" allowClear />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :lg="6">
+                        <a-form-item name="emotionTags">
+                            <template #label><span title="情绪标签">情绪标签</span></template>
+                            <JSelectMultiple type="list" v-model:value="queryParam.emotionTags" :orgCode="sourceOrgCode"
+                                :dictCode="`nu_config_emotion_tag,tag_name,id,del_flag = '0' order by sort asc`"
+                                :ignoreDisabled="true" placeholder="请选择情绪标签" allowClear />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
+                        <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
                             <a-col :lg="6">
-                                <a-form-item name="categoryId">
-                                    <template #label><span title="服务类别">服务类别</span></template>
-                                    <j-dict-select-tag type="list" v-model:value="queryParam.categoryId"
-                                        v-if="showJMCom" :orgCode="orgCodeParam"
-                                        :dictCode="`nu_config_service_category,category_name,id,del_flag = 0 order by sort asc`"
-                                        :ignoreDisabled="true" placeholder="请选择服务类别" allow-clear />
-                                </a-form-item>
+                                <a-button type="primary" preIcon="ant-design:search-outlined"
+                                    @click="searchQuery">查询</a-button>
+                                <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset"
+                                    style="margin-left: 8px">重置</a-button>
                             </a-col>
-                            <a-col :lg="6">
-                                <a-form-item name="typeId">
-                                    <template #label><span title="服务类型">服务类型</span></template>
-                                    <j-dict-select-tag type="list" v-model:value="queryParam.typeId" v-if="showJMCom"
-                                        :orgCode="orgCodeParam"
-                                        :dictCode="`nu_config_service_type,type_name,id,del_flag = 0 order by sort asc`"
-                                        placeholder="请选择服务类型" :ignoreDisabled="true" allowClear />
-                                </a-form-item>
-                            </a-col>
-                            <!-- <template v-if="toggleSearchStatus"> -->
-                            <a-col :lg="6">
-                                <a-form-item name="directiveName">
-                                    <template #label><span title="服务指令">服务指令</span></template>
-                                    <JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称"
-                                        allowClear />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :lg="6">
-                                <a-form-item name="instructionTagId">
-                                    <template #label><span title="分类标签">分类标签</span></template>
-                                    <j-dict-select-tag v-model:value="queryParam.instructionTagId" v-if="showJMCom"
-                                        :orgCode="orgCodeParam" dictCode="instruction_tag" :ignoreDisabled="true"
-                                        placeholder="请选分类标签" allowClear />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :lg="6">
-                                <a-form-item name="bodyTags">
-                                    <template #label><span title="体型标签">体型标签</span></template>
-                                    <JSelectMultiple type="list" v-model:value="queryParam.bodyTags" v-if="showJMCom"
-                                        :orgCode="orgCodeParam"
-                                        :dictCode="`nu_config_body_tag,tag_name,id,del_flag = '0' order by sort asc`"
-                                        :ignoreDisabled="true" placeholder="请选择体型标签" allowClear />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :lg="6">
-                                <a-form-item name="emotionTags">
-                                    <template #label><span title="情绪标签">情绪标签</span></template>
-                                    <JSelectMultiple type="list" v-model:value="queryParam.emotionTags" v-if="showJMCom"
-                                        :orgCode="orgCodeParam"
-                                        :dictCode="`nu_config_emotion_tag,tag_name,id,del_flag = '0' order by sort asc`"
-                                        :ignoreDisabled="true" placeholder="请选择情绪标签" allowClear />
-                                </a-form-item>
-                            </a-col>
-                            <a-col :xl="6" :lg="7" :md="8" :sm="24">
-                                <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
-                                    <a-col :lg="6">
-                                        <a-button type="primary" preIcon="ant-design:search-outlined"
-                                            @click="searchQuery">查询</a-button>
-                                        <a-button type="primary" preIcon="ant-design:reload-outlined"
-                                            @click="searchReset" style="margin-left: 8px">重置</a-button>
-                                    </a-col>
-                                </span>
-                            </a-col>
-                        </a-row>
-                    </a-form>
-                </div>
-            </a-col>
-        </a-card>
-    </div>
-    <div class="p-2 con-class" style="margin-top: -10px;">
-        <a-card>
-            <a-card v-show="orgSelectedCon" :bordered="false" class="org-container">
-                <a-row :gutter="[16, 16]">
-                    <a-col :span="8" v-for="org in orgTable" :key="org.id">
-                        <div class="org-card" :class="{ 'active': org.id == orgData?.id }"
-                            @click="handleOrgSelected(org)">
-                            <div class="org-header">
-                                <a-tag color="blue" v-if="org.id == orgData?.id">当前选择</a-tag>
-                                <h3 class="org-title">{{ org.departName }}</h3>
-                            </div>
-
-                            <a-descriptions size="default" :column="2" bordered>
-                                <a-descriptions-item label="机构编码">{{ org.orgCode || '-' }}</a-descriptions-item>
-                                <a-descriptions-item label="运营时间">
-                                    {{ org.operationStartTime?.substring(0, 10) || '-' }} 至
-                                    {{ org.operationEndTime?.substring(0, 10) || '-' }}
-                                </a-descriptions-item>
-                                <!-- <a-descriptions-item label="合同日期">
-                                    {{ org.contractStartTime?.substring(0, 10) || '-' }} 至
-                                    {{ org.contractEndTime?.substring(0, 10) || '-' }}
-                                </a-descriptions-item> -->
-                                <a-descriptions-item label="电话">
-                                    <div class="contact-line">
-                                        <span><phone-outlined /> {{ org.mobile || '-' }}</span>
-                                    </div>
-                                </a-descriptions-item>
-                                <a-descriptions-item label="传真">
-                                    <div class="contact-line">
-                                        <span><printer-outlined /> {{ org.fax || '-' }}</span>
-                                    </div>
-                                </a-descriptions-item>
-                                <a-descriptions-item label="地址">
-                                    <ellipsis :length="26" tooltip>{{ org.address || '-' }}</ellipsis>
-                                </a-descriptions-item>
-                            </a-descriptions>
-                        </div>
+                        </span>
                     </a-col>
                 </a-row>
-            </a-card>
-            <a-card v-show="orgSelectedCon && (!orgTable || orgTable?.length == 0)">
-                <a-empty description="暂无数据" :image="simpleImage" />
-            </a-card>
-            <div class="tab-header-container" v-show="!orgSelectedCon">
-                <a-tabs v-model:activeKey="tabActiveKey" class="tabs-container">
-                    <a-tab-pane key="dataAsync" tab="数据同步">
-                        <a-card>
-                            <a-row>
-                                <a-col :span="sourceScreenSpan">
-                                    <div style="height: 16px;margin-left: 15px;">
-                                        <a-tag color="#87d068">源数据</a-tag>
-                                        <a-radio-group v-model:value="queryParam.viewType" size="small"
-                                            style="margin-left: 10px;">
-                                            <a-radio-button value="all">全部</a-radio-button>
-                                            <a-radio-button value="selected">已选择</a-radio-button>
-                                            <a-radio-button value="unselected">未选择</a-radio-button>
-                                        </a-radio-group>
-                                    </div>
-                                    <ConfigServiceDirectiveList @select-change="handleSelectChange" ref="listComRef"
-                                        :queryParams="queryParam" :initialDataIds="initialDataIds" />
-                                </a-col>
-                                <a-col :span="selectedScreenSpan">
-                                    <div style="height: 31px;margin-left: 4px;">
-                                        <a-tag color="#2db7f5">
-                                            已选择<span style="font-size: 13px;font-weight: bold;">{{ ' ' +
-                                                Array.from(selectedItems.values()).length + ' ' }}</span>条
-                                        </a-tag>
-                                    </div>
-                                    <a-card size="small" :bordered="false" class="selected-list-container">
-                                        <a-table size="small" :columns="selectedColumns"
-                                            :dataSource="Array.from(selectedItems.values())" :pagination="false"
-                                            :scroll="{ y: '55vh' }">
-                                            <template #bodyCell="{ column, record }">
-                                                <template v-if="column.dataIndex === 'action'">
-                                                    <a-popconfirm placement="left" ok-text="确认" cancel-text="取消"
-                                                        @confirm="handleRemoveFromRight(record.id)">
-                                                        <template #title>
-                                                            <span>是否确认移除</span>
-                                                        </template>
-                                                        <a-button type="link" danger size="small"
-                                                            :disabled="initialDataIds.includes(record.id)">移除</a-button>
-                                                    </a-popconfirm>
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'mp3File'">
-                                                    <span v-if="!record.mp3File"
-                                                        style="font-size: 12px;font-style: italic;">无文件</span>
-                                                    <audio controls v-else
-                                                        style="width: 100%; max-width: 300px; height: 40px;">
-                                                        <source :src="getFileAccessHttpUrl(record.mp3File)">
-                                                    </audio>
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'mp4File'">
-                                                    <span v-if="!record.mp4File"
-                                                        style="font-size: 12px;font-style: italic;">无文件</span>
-                                                    <a-button v-else type="primary" size="small"
-                                                        @click="openVideoModal(record.mp4File)">
-                                                        播放视频
-                                                    </a-button>
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'bodyTagList'">
-                                                    <span v-if="!record.bodyTagList || record.bodyTagList.length === 0"
-                                                        style="font-size: 12px;font-style: italic;">-</span>
-                                                    <template v-else>
-                                                        {{record.bodyTagList.map(item => item.tagName).join('、')}}
-                                                    </template>
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'emotionTagList'">
-                                                    <span
-                                                        v-if="!record.emotionTagList || record.emotionTagList.length === 0"
-                                                        style="font-size: 12px;font-style: italic;">-</span>
-                                                    <template v-else>
-                                                        {{record.emotionTagList.map(item => item.tagName).join('、')}}
-                                                    </template>
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'previewFile'">
-                                                    <span v-if="!record.previewFile"
-                                                        style="font-size: 12px;font-style: italic;">无图片</span>
-                                                    <img v-else :src="getFileAccessHttpUrl(record.previewFile)"
-                                                        style="max-width: 100px; max-height: 60px;" />
-                                                </template>
-                                                <template v-else-if="column.dataIndex === 'immediateFile'">
-                                                    <span v-if="!record.immediateFile"
-                                                        style="font-size: 12px;font-style: italic;">无图片</span>
-                                                    <img v-else :src="getFileAccessHttpUrl(record.immediateFile)"
-                                                        style="max-width: 100px; max-height: 60px;" />
-                                                </template>
-                                            </template>
-                                        </a-table>
-                                    </a-card>
-                                </a-col>
-                            </a-row>
-                        </a-card>
-                    </a-tab-pane>
-                    <a-tab-pane key="asyncHistory" tab="同步历史">
-                        <AsyncListComponent ref="asyncHistoryRef"></AsyncListComponent>
-                    </a-tab-pane>
-                </a-tabs>
-                <div class="toggle-button-container">
-                    <a-button type="primary" size="small" @click.stop="refreshHistory()" style="margin-right: 10px;"
-                        v-show="tabActiveKey == 'asyncHistory'">
-                        <span>刷新</span>
-                    </a-button>
-                    <a-button type="warning" size="small" @click.stop="handleAsync()"
-                        style="margin-left: 5px;margin-right: 5px;" v-show="tabActiveKey == 'dataAsync'">
-                        <span>同步数据</span>
-                    </a-button>
-                    <a-divider type="vertical" style="background-color: #CDCDCF" />
-                    <a-button type="primary" size="small" @click="handleSelectAll" v-show="tabActiveKey == 'dataAsync'"
-                        style="margin-left: 8px">全部添加</a-button>
-                    <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
-                    <a-button type="error" size="small" @click="handleRemoveAll" v-show="tabActiveKey == 'dataAsync'"
-                        style="margin-left: 8px">全部移除</a-button>
-                    <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
-                    <a-button type="primary" size="small" @click.stop="handleRestore"
-                        v-show="tabActiveKey == 'dataAsync'" style="margin-left: 8px">
-                        <span>还原数据</span>
-                    </a-button>
-                    <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
-                    <a-radio-group v-model:value="splitVal" button-style="solid" size="small"
-                        @change="splitScreenChanged" style="margin-left: 5px;margin-right: 5px;"
-                        v-show="tabActiveKey == 'dataAsync'">
-                        <a-radio-button value="sc">源数据</a-radio-button>
-                        <a-radio-button value="sc2sed1">分屏1</a-radio-button>
-                        <a-radio-button value="sc1sed1">分屏2</a-radio-button>
-                        <a-radio-button value="sc1sed2">分屏3</a-radio-button>
-                        <a-radio-button value="sed">已选择</a-radio-button>
-                    </a-radio-group>
-                    <a-divider type="vertical" style="background-color: #CDCDCF" v-show="tabActiveKey == 'dataAsync'" />
-                    <a @click="toggleSearchStatus = !toggleSearchStatus" class="toggle-button"
-                        style="margin-left: 5px;margin-right: 5px;">
-                        {{ toggleSearchStatus ? '拉伸' : '压缩' }}
-                        <Icon
-                            :icon="toggleSearchStatus ? 'humbleicons:align-objects-top' : 'humbleicons:align-objects-bottom'" />
-                    </a>
-                </div>
-            </div>
-        </a-card>
-    </div>
+            </a-form>
+        </template>
+
+        <!-- 试验田数据列表 -->
+        <template #sourceTableSlot>
+            <ConfigServiceDirectiveList ref="listComRef" :testOrgInfo="testOrgInfo" :queryParams="queryParam"
+                :initialDataIds="initialDataIds" @select-change="handleSelectChange" />
+        </template>
+
+        <!-- 需要同步的机构的数据列表 -->
+        <template #businessTableSlot>
+            <a-table size="small" :columns="selectedColumns" :dataSource="Array.from(selectedItems.values())"
+                :pagination="false" :scroll="{ y: '55vh' }">
+                <template #bodyCell="{ column, record }">
+                    <template v-if="column.dataIndex === 'action'">
+                        <a-popconfirm placement="left" ok-text="确认" cancel-text="取消"
+                            @confirm="handleRemoveFromRight(record.id)">
+                            <template #title>
+                                <span>是否确认移除</span>
+                            </template>
+                            <a-button type="link" danger size="small"
+                                :disabled="initialDataIds.includes(record.id)">移除</a-button>
+                        </a-popconfirm>
+                    </template>
+                    <template v-else-if="column.dataIndex === 'mp3File'">
+                        <span v-if="!record.mp3File" style="font-size: 12px;font-style: italic;">无文件</span>
+                        <audio controls v-else style="width: 100%; max-width: 300px; height: 40px;">
+                            <source :src="getFileAccessHttpUrl(record.mp3File)">
+                        </audio>
+                    </template>
+                    <template v-else-if="column.dataIndex === 'mp4File'">
+                        <span v-if="!record.mp4File" style="font-size: 12px;font-style: italic;">无文件</span>
+                        <a-button v-else type="primary" size="small" @click="openVideoModal(record.mp4File)">
+                            播放视频
+                        </a-button>
+                    </template>
+                    <template v-else-if="column.dataIndex === 'bodyTagList'">
+                        <span v-if="!record.bodyTagList || record.bodyTagList.length === 0"
+                            style="font-size: 12px;font-style: italic;">-</span>
+                        <template v-else>
+                            {{record.bodyTagList.map(item => item.tagName).join('、')}}
+                        </template>
+                    </template>
+                    <template v-else-if="column.dataIndex === 'emotionTagList'">
+                        <span v-if="!record.emotionTagList || record.emotionTagList.length === 0"
+                            style="font-size: 12px;font-style: italic;">-</span>
+                        <template v-else>
+                            {{record.emotionTagList.map(item => item.tagName).join('、')}}
+                        </template>
+                    </template>
+                    <template v-else-if="column.dataIndex === 'previewFileMedia'">
+                        <span v-if="!record.previewFileMedia" style="font-size: 12px;font-style: italic;">无图片</span>
+                        <img v-else :src="testOrgInfo.url + record.previewFileMedia"
+                            style="max-width: 50px; max-height: 50px;" />
+                    </template>
+                    <template v-else-if="column.dataIndex === 'immediateFileMedia'">
+                        <span v-if="!record.immediateFileMedia" style="font-size: 12px;font-style: italic;">无图片</span>
+                        <img v-else :src="testOrgInfo.url + record.immediateFileMedia"
+                            style="max-width: 50px; max-height: 50px;" />
+                    </template>
+                </template>
+            </a-table>
+        </template>
+    </SyncComponent>
 
     <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
         :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
@@ -333,72 +148,124 @@
     </a-modal>
 </template>
 
-<script lang="ts" name="synchronization-directive" setup>
-import { ref, reactive, onMounted, computed, onBeforeMount } from 'vue';
-import { initDictOptions } from '/@/utils/dict';
-import ConfigServiceDirectiveList from '@/views/services/serviceDirective/ConfigServiceDirectiveList.vue'
-import { list, asyncFunc } from '@/views/services/serviceDirective/ConfigServiceDirective.api';
-import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
-import { queryDepartTreeSync } from '/@/api/common/api';
-import { Empty } from 'ant-design-vue';
-import { Modal } from 'ant-design-vue';
-import { useMessage } from "/@/hooks/web/useMessage";
-import { selectedColumns } from './org.data';
-import AsyncListComponent from '@/components/dataAsync/AsyncMainList.vue'
+<script setup name="synchronization-directive2" lang="ts">
+/**
+ *说明
+ * 如何获取当前机构信息 syncComRef?.value?.orgData
+ */
+import { ref, reactive, computed, onBeforeMount } from 'vue'
+import SyncComponent from '/@/components/Sync/SyncComponent.vue'
 import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
+import { useMessage } from "/@/hooks/web/useMessage";
+import { getOrgInfo } from '/@/api/common/api';
+// 以下为服务指令引用：
+import { list, asyncFunc } from '@/views/services/serviceDirective/ConfigServiceDirective.api';
+import ConfigServiceDirectiveList from '@/views/services/serviceDirective/ConfigServiceDirectiveList.vue'
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'
+import { selectedColumns } from './org.data';
 
-const orgCodeParam = ref('')
-const showJMCom = ref(false)
-onBeforeMount(async () => {
-    const dictData = await initDictOptions('org_code')
-    orgCodeParam.value = dictData.filter(d => d.text == 'shi_yan_tian')[0].value
-    showJMCom.value = true
-})
-const initialDataIds = ref<string[]>([]);
-const formRef = ref();
+
+
+// >>>>>>>>>>>>>组件：无需处理代码
 const { createMessage } = useMessage();
-const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
-const toggleSearchStatus = ref<boolean>(true);
-const splitVal = ref<string>('sc1sed1');
-const sourceScreenSpan = ref(12);
-const selectedScreenSpan = ref(12);
-const orgTable = ref([]);
-const orgData = ref(null);
+const syncComRef = ref(null)
+const sourceOrgCode = import.meta.env.VITE_SYTJGBM
+const labelCol = reactive({
+    xs: 24,
+    sm: 4,
+    xl: 6,
+    xxl: 5
+});
+const wrapperCol = reactive({
+    xs: 24,
+    sm: 20,
+});
+const testOrgInfo = ref({})
+// <<<<<<<<<<<<<组件：无需处理代码
+
+
+// >>>>>>>>>>>>>需要处理代码
+const listComRef = ref();
+const initialDataIds = ref<string[]>([]);//已到机构运营时候后，会记录初始化数据（业务系统已分配数据）
+const selectedItems = ref(new Map<string | number, any>());//已选择数据
+const queryParam = ref({ viewType: 'all' })//源数据查询参数
 const showVideoModal = ref(false);
 const videoUrl = ref('');
-const selectedItems = ref(new Map<string | number, any>());
-const listComRef = ref();
-const orgSelectedCon = ref(true)
-const tabActiveKey = ref('dataAsync')
-const asyncHistoryRef = ref(null)
 
-// 原有方法保持不变...
-const splitScreenChanged = (val) => {
-    let v_ = val.target.value;
-    if (v_ == 'sc') {
-        sourceScreenSpan.value = 24;
-        selectedScreenSpan.value = 0;
-    }
-    if (v_ == 'sc2sed1') {
-        sourceScreenSpan.value = 16;
-        selectedScreenSpan.value = 8;
-    }
-    if (v_ == 'sc1sed1') {
-        sourceScreenSpan.value = 12;
-        selectedScreenSpan.value = 12;
-    }
-    if (v_ == 'sc1sed2') {
-        sourceScreenSpan.value = 8;
-        selectedScreenSpan.value = 16;
-    }
-    if (v_ == 'sed') {
-        sourceScreenSpan.value = 0;
-        selectedScreenSpan.value = 24;
-    }
-};
+// 计算当前是否存在搜索条件
+const hasSearchConditions = computed(() => {
+    return Object.keys(queryParam.value).some(key =>
+        key !== 'viewType' && queryParam.value[key] !== undefined && queryParam.value[key] !== ''
+    );
+});
+/**
+ * 机构变更
+ */
+const orgChanged = async (org) => {
+    // 清空当前选择
+    selectedItems.value.clear();
+    // 清空初始化数据
+    initialDataIds.value = [];
+    try {
+        // 加载新机构数据
+        const res = await list({ dataSourceCode: org.orgCode, pageNo: 1, pageSize: -1 });
+        // 如果有数据，更新右侧列表
+        if (res.records && res.records.length > 0) {
+            const newRecords = res.records;
+            newRecords.forEach(record => {
+                selectedItems.value.set(record.id, record);
+                if (!syncComRef?.value?.orgData?.operationStartTime || new Date() >= new Date(syncComRef?.value?.orgData?.operationStartTime)) {
+                    initialDataIds.value.push(record.id);
+                }
+            });
 
+            // 更新左侧列表的选中状态
+            listComRef.value?.updateSelection?.(newRecords);
+        } else {
+            // 没有数据时也确保清空
+            selectedItems.value.clear();
+            listComRef.value?.updateSelection?.([]);
+        }
+
+        // 切换视图
+        syncComRef?.value?.resetOrgSelectedCon(false);
+
+    } catch (err) {
+        createMessage.error('机构数据查询失败');
+        // 失败时也确保清空状态
+        selectedItems.value.clear();
+        listComRef.value?.updateSelection?.([]);
+    }
+}
+
+/**
+ * 查询
+ */
+function searchQuery() {
+    listComRef.value.reload();
+}
+/**
+ * 重置
+ * 子组件代码会自动触发reload方法：
+ * watch(() => props.queryParams, (newParams) => {
+  reload();
+}, { deep: true });
+ */
+function searchReset() {
+    let vt = queryParam.value.viewType
+    queryParam.value = { viewType: vt }
+}
+
+/**
+ * 源数据的全部、已选择、未选择变更时触发
+ * @param v_ all、selected、unselected
+ */
+const viewTypeChanged = (v_) => {
+    queryParam.value.viewType = v_
+    //组件内部监听了queryParam值的变化，自动刷新
+}
 const handleSelectChange = (items: Map<string | number, any>) => {
     selectedItems.value = new Map(items);
 };
@@ -418,154 +285,41 @@ const closeVideoModal = () => {
     videoUrl.value = '';
 };
 
-const handleOrgSelected = async (org) => {
-    if (!!orgData.value && orgData.value.id != org.id) {
-        Modal.confirm({
-            title: '变更机构提醒',
-            content: '是否变更机构！',
-            okText: '确认',
-            cancelText: '取消',
-            onOk: async () => {
-                await loadOrgData(org);
-            },
+// 同步数据
+const handleAsync = async () => {
+    let idStr = Array.from(selectedItems.value.keys()).join(',')
+    if (!idStr) {
+        createMessage.warning("未选择数据！");
+        return
+    }
+    let izInc = true
+    if (!!syncComRef?.value?.orgData?.operationStartTime) izInc = new Date() >= new Date(syncComRef?.value?.orgData?.operationStartTime)
+    let params = {
+        orgCode: syncComRef?.value?.orgData?.orgCode,
+        izInc,
+        idStr
+    }
+    await asyncFunc(params)
+
+    //处理右侧列表数据移除是否可用 如果已到运营时间则禁用
+    if (!syncComRef?.value?.orgData?.operationStartTime || new Date() >= new Date(syncComRef?.value?.orgData?.operationStartTime)) {
+        // 获取当前同步的ID数组
+        const syncedIds = Array.from(selectedItems.value.keys());
+        // 只添加initialDataIds中不存在的ID
+        syncedIds.forEach(id => {
+            if (!initialDataIds.value.includes(id)) {
+                initialDataIds.value.push(id);
+            }
         });
-    } else {
-        await loadOrgData(org);
     }
+
+    //刷新历史数据
+    syncComRef?.value?.refreshHistory()
+    createMessage.success("同步结果请在同步历史中查看！");
 };
 
-const loadOrgData = async (org) => {
-    try {
-        // 清空当前选择
-        selectedItems.value.clear();
-        // 清空初始化数据
-        initialDataIds.value = [];
-
-        // 加载新机构数据
-        const res = await list({ dataSourceCode: org.orgCode, pageNo: 1, pageSize: -1 });
-
-        // 更新机构数据
-        orgData.value = org;
-
-        // 如果有数据，更新右侧列表
-        if (res.records && res.records.length > 0) {
-            const newRecords = res.records;
-            newRecords.forEach(record => {
-                selectedItems.value.set(record.id, record);
-                if (!orgData.value?.operationStartTime || new Date() >= new Date(orgData.value?.operationStartTime)) {
-                    initialDataIds.value.push(record.id);
-                }
-            });
-
-            // 更新左侧列表的选中状态
-            listComRef.value?.updateSelection?.(newRecords);
-        } else {
-            // 没有数据时也确保清空
-            selectedItems.value.clear();
-            listComRef.value?.updateSelection?.([]);
-        }
-
-        // 切换视图
-        orgSelectedCon.value = false;
-    } catch (err) {
-        console.error('机构数据查询失败:', err);
-        createMessage.error('机构数据查询失败');
-        // 失败时也确保清空状态
-        selectedItems.value.clear();
-        listComRef.value?.updateSelection?.([]);
-    }
-};
-
-
-const handleResetOrg = () => {
-    orgSelectedCon.value = true
-}
-
-//数据同步
-const handleAsync = () => {
-    Modal.confirm({
-        title: '数据同步',
-        content: '是否确认同步',
-        okText: '确认',
-        cancelText: '取消',
-        onOk: async () => {
-            let idStr = Array.from(selectedItems.value.keys()).join(',')
-            if (!idStr) {
-                createMessage.warning("未选择数据！");
-                return
-            }
-            let izInc = true
-            if (!!orgData.value?.operationStartTime) izInc = new Date() >= new Date(orgData.value?.operationStartTime)
-            let params = {
-                orgCode: orgData.value?.orgCode,
-                izInc,
-                idStr
-            }
-            await asyncFunc(params)
-
-            //处理右侧列表数据移除是否可用 如果已到运营时间则禁用
-            if (!orgData.value?.operationStartTime || new Date() >= new Date(orgData.value?.operationStartTime)) {
-                // 获取当前同步的ID数组
-                const syncedIds = Array.from(selectedItems.value.keys());
-                // 只添加initialDataIds中不存在的ID
-                syncedIds.forEach(id => {
-                    if (!initialDataIds.value.includes(id)) {
-                        initialDataIds.value.push(id);
-                    }
-                });
-            }
-            
-            //刷新历史数据
-            refreshHistory()
-            createMessage.success("同步结果请在同步历史中查看！");
-        },
-    });
-}
-
-//刷新同步历史数据
-const refreshHistory = () => {
-    asyncHistoryRef.value?.searchQuery()
-}
-
-
-//源数据查询参数
-const queryParam = ref({ viewType: 'all' })
-/**
- * 源数据查询
- */
-function searchQuery() {
-    listComRef.value.reload();
-}
-/**
- * 源数据重置
- */
-function searchReset() {
-    let vt = queryParam.value.viewType
-    queryParam.value = { viewType: vt }
-    listComRef.value?.reload();
-
-}
-/**
- * 源数据设置
- */
-const labelCol = reactive({
-    xs: 24,
-    sm: 4,
-    xl: 6,
-    xxl: 4
-});
-const wrapperCol = reactive({
-    xs: 24,
-    sm: 20,
-});
-
-// 全部选择功能
-const handleSelectAll = async () => {
-    if (!orgData.value) {
-        createMessage.warning("请先选择机构");
-        return;
-    }
-
+// 全部添加
+const handleAddAll = async () => {
     try {
         // 调用子组件的方法获取所有数据（不分页）
         const allData = await listComRef.value?.getAllData?.(queryParam.value);
@@ -593,83 +347,43 @@ const handleSelectAll = async () => {
         }
     } catch (error) {
         createMessage.error("获取全部数据失败");
-        console.error("获取全部数据失败:", error);
     }
-};
+}
 
-// 全部移除功能
+// 全部移除
 const handleRemoveAll = () => {
     if (selectedItems.value.size === 0) {
         createMessage.info("当前没有已选数据");
         return;
     }
 
-    Modal.confirm({
-        title: '确认移除',
-        content: '确定要移除所有已选数据吗？',
-        okText: '确认',
-        cancelText: '取消',
-        onOk: () => {
-            // 清空已选择的数据
-            if (!orgData.value?.operationStartTime || new Date() >= new Date(orgData.value?.operationStartTime)) {
-                // 创建新的Map只保留初始数据
-                const newSelectedItems = new Map();
-                // 遍历当前选择项，只保留初始数据
-                selectedItems.value.forEach((value, key) => {
-                    if (initialDataIds.value.includes(key)) {
-                        newSelectedItems.set(key, value);
-                    }
-                });
-                selectedItems.value = newSelectedItems;
-                listComRef.value?.updateSelection?.(Array.from(newSelectedItems.values()));
-            } else {
-                selectedItems.value.clear();
-                listComRef.value?.updateSelection?.([]);
+    // 清空已选择的数据
+    if (!syncComRef?.value?.orgData.value?.operationStartTime || new Date() >= new Date(syncComRef?.value?.orgData.value?.operationStartTime)) {
+        // 创建新的Map只保留初始数据
+        const newSelectedItems = new Map();
+        // 遍历当前选择项，只保留初始数据
+        selectedItems.value.forEach((value, key) => {
+            if (initialDataIds.value.includes(key)) {
+                newSelectedItems.set(key, value);
             }
-
-
-            createMessage.success("已移除所有已选数据");
-        }
-    });
-};
-
-// 还原功能
-const handleRestore = async () => {
-    if (!orgData.value) {
-        createMessage.warning("请先选择机构");
-        return;
+        });
+        selectedItems.value = newSelectedItems;
+        listComRef.value?.updateSelection?.(Array.from(newSelectedItems.values()));
+    } else {
+        selectedItems.value.clear();
+        listComRef.value?.updateSelection?.([]);
     }
 
-    Modal.confirm({
-        title: '确认还原',
-        content: '确定要将已选数据还原为机构初始状态吗？',
-        okText: '确认',
-        cancelText: '取消',
-        onOk: async () => {
-            try {
-                // 调用子组件方法重新加载数据
-                await loadOrgData(orgData.value);
-                createMessage.success("已成功还原数据");
-            } catch (error) {
-                console.error("还原数据失败:", error);
-                createMessage.error("还原数据失败");
-            }
-        }
-    });
-};
 
-// 计算当前搜索条件的函数
-const hasSearchConditions = computed(() => {
-    return Object.keys(queryParam.value).some(key =>
-        key !== 'viewType' && queryParam.value[key] !== undefined && queryParam.value[key] !== ''
-    );
-});
+    createMessage.success("已移除所有已选数据");
+}
+// <<<<<<<<<<<<<需要处理代码
 
-onMounted(() => {
-    queryDepartTreeSync({ platType: 'ywjg' }).then(res => {
-        orgTable.value = res;
-    });
-});
+onBeforeMount(() => {
+    getOrgInfo({ orgCode: import.meta.env.VITE_SYTJGBM }).then(res => {
+        testOrgInfo.value = res
+    })
+})
 </script>
 
 <style lang="less" scoped>
@@ -703,304 +417,10 @@ onMounted(() => {
     }
 }
 
-.base-con-class {
-    background: white;
-    border-radius: 8px;
-    cursor: pointer;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-    transform: translateY(-2px);
-    border: 1px solid rgba(0, 0, 0, 0.05);
-}
-
 .selected-list-container {
-    height: calc(100vh - 350px);
-    overflow: auto;
-
     :deep(.ant-table) {
         width: 100% !important;
         max-width: 100%;
     }
 }
-
-/* 新增的机构卡片样式 */
-.org-cards-container {
-    max-height: 75vh;
-    overflow-y: auto;
-    padding: 8px;
-}
-
-.org-card {
-    margin-bottom: 16px;
-    border-radius: 8px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    transition: all 0.3s ease;
-    height: 100%;
-
-    &:hover {
-        transform: translateY(-4px);
-        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
-        background: radial-gradient(circle at center, #c7e6ff 0%, #d4eeff 70%, #e4f0ff 100%);
-    }
-
-    :deep(.ant-card-head) {
-        border-bottom: 1px solid #f0f0f0;
-        padding: 0 16px;
-        min-height: 48px;
-
-        .ant-card-head-title {
-            padding: 12px 0;
-            font-weight: 500;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-    }
-}
-
-.org-info-item {
-    display: flex;
-    margin-bottom: 12px;
-    font-size: 13px;
-    line-height: 1.4;
-
-    &:last-child {
-        margin-bottom: 0;
-    }
-
-    .label {
-        font-weight: 500;
-        color: #666;
-        min-width: 70px;
-        flex-shrink: 0;
-    }
-
-    .value {
-        color: #333;
-        word-break: break-word;
-        flex: 1;
-
-        &.address-text {
-            display: -webkit-box;
-            -webkit-line-clamp: 2;
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-    }
-}
-
-.selected {
-    position: relative;
-    border: 1px solid #1890ff;
-
-    &::after {
-        content: '';
-        position: absolute;
-        right: 8px;
-        bottom: 8px;
-        width: 24px;
-        height: 24px;
-        background: url("@/assets/icons/success.svg") no-repeat center;
-        background-size: contain;
-    }
-}
-
-.tab-header-container {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-}
-
-.tabs-container {
-    width: 100%;
-
-    :deep(.ant-tabs-content) {
-        height: calc(100% - 40px); // 减去tab标题高度
-        overflow: auto;
-    }
-}
-
-.toggle-button-container {
-    position: absolute;
-    right: 16px;
-    top: 8px;
-    z-index: 1;
-}
-
-.toggle-button {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    color: rgba(0, 0, 0, 0.65);
-    transition: all 0.3s;
-
-    &:hover {
-        color: #1890ff;
-    }
-}
-
-.con-class {
-    :deep(.ant-card .ant-card-body) {
-        // padding-left: 10px !important;
-        // padding-right: 10px !important;
-        // padding-bottom: 0px !important;
-        // padding-bottom: 0px !important;
-        padding: 3px 10px 3px 10px !important;
-    }
-}
-
-.base-class {
-    :deep(.ant-card .ant-card-body) {
-        padding-top: 10px !important;
-        padding-bottom: 10px !important;
-    }
-}
-
-.con-class {
-    :deep(.css-dev-only-do-not-override-9m98ij .ant-table-wrapper .ant-table-pagination.ant-pagination) {
-        margin: 10px !important;
-    }
-}
-
-.org-info-card {
-    background: linear-gradient(135deg, #f8f9fa 0%, #d0eaff 100%);
-    border-radius: 8px;
-    padding: 8px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
-    border: 1px solid #e8e8e8;
-    transition: all 0.3s ease;
-
-    // &:hover {
-    //     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-    //     transform: translateY(-1px);
-    // }
-}
-
-.org-info-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #f0f0f0;
-}
-
-.org-title {
-    display: flex;
-    align-items: center;
-
-    .base-info-label {
-        font-weight: 600;
-        color: #595959;
-        font-size: 15px;
-    }
-
-    .org-name {
-        margin-left: 10px;
-        font-weight: 600;
-        color: #262626;
-        font-size: 16px;
-    }
-}
-
-.reset-btn {
-    background-color: #1890ff;
-    border-color: #1890ff;
-    height: 32px;
-    border-radius: 4px;
-    font-weight: 500;
-
-    // &:hover {
-    //     background-color: #40a9ff;
-    //     border-color: #40a9ff;
-    // }
-}
-
-.org-info-content {
-    .info-row {
-        display: flex;
-        margin-bottom: 5px;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-
-    .info-item {
-        flex: 1;
-        padding: 0 8px;
-
-        .label {
-            color: #8c8c8c;
-            font-size: 13px;
-            margin-right: 8px;
-        }
-
-        .value {
-            color: #262626;
-            font-size: 13px;
-            word-break: break-all;
-        }
-    }
-}
-
-.org-container {
-    background: transparent;
-
-    .org-card {
-        padding: 16px;
-        border: 1px solid #f0f0f0;
-        border-radius: 4px;
-        transition: all 0.3s;
-        background: white;
-
-        &:hover {
-            border-color: #1890ff;
-            box-shadow: 0 2px 12px rgba(24, 144, 255, 0.2);
-        }
-
-        &.active {
-            border: 1px solid #1890ff;
-            background: #f0f8ff;
-        }
-
-        .org-header {
-            display: flex;
-            align-items: center;
-            margin-bottom: 12px;
-
-            .org-title {
-                margin: 0 0 0 8px;
-                font-size: 16px;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-
-        .contact-line {
-            display: flex;
-            justify-content: space-between;
-
-            >span {
-                display: inline-flex;
-                align-items: center;
-
-                .anticon {
-                    margin-right: 4px;
-                    color: #8c8c8c;
-                }
-            }
-        }
-
-        :deep(.ant-descriptions) {
-            .ant-descriptions-item-label {
-                width: 80px;
-                color: #666;
-            }
-        }
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/views/synchronization/directive/index2.vue b/src/views/synchronization/directive/index2.vue
deleted file mode 100644
index 885cfba..0000000
--- a/src/views/synchronization/directive/index2.vue
+++ /dev/null
@@ -1,327 +0,0 @@
-<template>
-    <SyncComponent ref="syncComRef" :selectedSize="Array.from(selectedItems.values()).length"
-        @changeShowJMCom="changeShowJMCom" @sourceOrgCodeChanged="sourceOrgCodeChanged"
-        @viewTypeChanged="viewTypeChanged" @orgChanged="orgChanged">
-        <!-- 表单 -->
-        <template #searchFormSlot>
-            <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
-                :wrapper-col="wrapperCol">
-                <a-row :gutter="24">
-                    <a-col :lg="6">
-                        <a-form-item name="categoryId">
-                            <template #label><span title="服务类别">服务类别</span></template>
-                            <j-dict-select-tag type="list" v-model:value="queryParam.categoryId" v-if="showJMCom"
-                                :orgCode="sourceOrgCode"
-                                :dictCode="`nu_config_service_category,category_name,id,del_flag = 0 order by sort asc`"
-                                :ignoreDisabled="true" placeholder="请选择服务类别" allow-clear />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :lg="6">
-                        <a-form-item name="typeId">
-                            <template #label><span title="服务类型">服务类型</span></template>
-                            <j-dict-select-tag type="list" v-model:value="queryParam.typeId" v-if="showJMCom"
-                                :orgCode="sourceOrgCode"
-                                :dictCode="`nu_config_service_type,type_name,id,del_flag = 0 order by sort asc`"
-                                placeholder="请选择服务类型" :ignoreDisabled="true" allowClear />
-                        </a-form-item>
-                    </a-col>
-                    <!-- <template v-if="toggleSearchStatus"> -->
-                    <a-col :lg="6">
-                        <a-form-item name="directiveName">
-                            <template #label><span title="服务指令">服务指令</span></template>
-                            <JInput v-model:value="queryParam.directiveName" placeholder="请输入服务指令名称" allowClear />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :lg="6">
-                        <a-form-item name="instructionTagId">
-                            <template #label><span title="分类标签">分类标签</span></template>
-                            <j-dict-select-tag v-model:value="queryParam.instructionTagId" v-if="showJMCom"
-                                :orgCode="sourceOrgCode" dictCode="instruction_tag" :ignoreDisabled="true"
-                                placeholder="请选分类标签" allowClear />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :lg="6">
-                        <a-form-item name="bodyTags">
-                            <template #label><span title="体型标签">体型标签</span></template>
-                            <JSelectMultiple type="list" v-model:value="queryParam.bodyTags" v-if="showJMCom"
-                                :orgCode="sourceOrgCode"
-                                :dictCode="`nu_config_body_tag,tag_name,id,del_flag = '0' order by sort asc`"
-                                :ignoreDisabled="true" placeholder="请选择体型标签" allowClear />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :lg="6">
-                        <a-form-item name="emotionTags">
-                            <template #label><span title="情绪标签">情绪标签</span></template>
-                            <JSelectMultiple type="list" v-model:value="queryParam.emotionTags" v-if="showJMCom"
-                                :orgCode="sourceOrgCode"
-                                :dictCode="`nu_config_emotion_tag,tag_name,id,del_flag = '0' order by sort asc`"
-                                :ignoreDisabled="true" placeholder="请选择情绪标签" allowClear />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
-                        <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
-                            <a-col :lg="6">
-                                <a-button type="primary" preIcon="ant-design:search-outlined"
-                                    @click="searchQuery">查询</a-button>
-                                <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset"
-                                    style="margin-left: 8px">重置</a-button>
-                            </a-col>
-                        </span>
-                    </a-col>
-                </a-row>
-            </a-form>
-        </template>
-
-        <!-- 试验田数据列表 -->
-        <template #sourceTableSlot>
-            <ConfigServiceDirectiveList @select-change="handleSelectChange" ref="listComRef" :queryParams="queryParam"
-                :initialDataIds="initialDataIds" />
-        </template>
-
-        <!-- 需要同步的机构的数据列表 -->
-        <template #businessTableSlot>
-            <a-table size="small" :columns="selectedColumns" :dataSource="Array.from(selectedItems.values())"
-                :pagination="false" :scroll="{ y: '55vh' }">
-                <template #bodyCell="{ column, record }">
-                    <template v-if="column.dataIndex === 'action'">
-                        <a-popconfirm placement="left" ok-text="确认" cancel-text="取消"
-                            @confirm="handleRemoveFromRight(record.id)">
-                            <template #title>
-                                <span>是否确认移除</span>
-                            </template>
-                            <a-button type="link" danger size="small"
-                                :disabled="initialDataIds.includes(record.id)">移除</a-button>
-                        </a-popconfirm>
-                    </template>
-                    <template v-else-if="column.dataIndex === 'mp3File'">
-                        <span v-if="!record.mp3File" style="font-size: 12px;font-style: italic;">无文件</span>
-                        <audio controls v-else style="width: 100%; max-width: 300px; height: 40px;">
-                            <source :src="getFileAccessHttpUrl(record.mp3File)">
-                        </audio>
-                    </template>
-                    <template v-else-if="column.dataIndex === 'mp4File'">
-                        <span v-if="!record.mp4File" style="font-size: 12px;font-style: italic;">无文件</span>
-                        <a-button v-else type="primary" size="small" @click="openVideoModal(record.mp4File)">
-                            播放视频
-                        </a-button>
-                    </template>
-                    <template v-else-if="column.dataIndex === 'bodyTagList'">
-                        <span v-if="!record.bodyTagList || record.bodyTagList.length === 0"
-                            style="font-size: 12px;font-style: italic;">-</span>
-                        <template v-else>
-                            {{record.bodyTagList.map(item => item.tagName).join('、')}}
-                        </template>
-                    </template>
-                    <template v-else-if="column.dataIndex === 'emotionTagList'">
-                        <span v-if="!record.emotionTagList || record.emotionTagList.length === 0"
-                            style="font-size: 12px;font-style: italic;">-</span>
-                        <template v-else>
-                            {{record.emotionTagList.map(item => item.tagName).join('、')}}
-                        </template>
-                    </template>
-                    <template v-else-if="column.dataIndex === 'previewFile'">
-                        <span v-if="!record.previewFile" style="font-size: 12px;font-style: italic;">无图片</span>
-                        <img v-else :src="getFileAccessHttpUrl(record.previewFile)"
-                            style="max-width: 100px; max-height: 60px;" />
-                    </template>
-                    <template v-else-if="column.dataIndex === 'immediateFile'">
-                        <span v-if="!record.immediateFile" style="font-size: 12px;font-style: italic;">无图片</span>
-                        <img v-else :src="getFileAccessHttpUrl(record.immediateFile)"
-                            style="max-width: 100px; max-height: 60px;" />
-                    </template>
-                </template>
-            </a-table>
-        </template>
-    </SyncComponent>
-
-    <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
-        :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
-        <video controls style="width: 100%; max-height: '70vh'; display: block; margin: 0 auto;">
-            <source :src="videoUrl">
-            您的浏览器不支持视频播放。
-        </video>
-    </a-modal>
-</template>
-
-<script setup name="synchronization-directive2" lang="ts">
-// ↓↓↓↓↓ 组件自带
-import { ref, reactive } from 'vue'
-import SyncComponent from '/@/components/Sync/SyncComponent.vue'
-import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
-import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
-import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
-import { useMessage } from "/@/hooks/web/useMessage";
-// ↑↑↑↑↑ 组件自带
-// ↓↓↓↓↓ 服务指令用
-import { list, asyncFunc } from '@/views/services/serviceDirective/ConfigServiceDirective.api';
-import ConfigServiceDirectiveList from '@/views/services/serviceDirective/ConfigServiceDirectiveList.vue'
-import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'
-import { selectedColumns } from './org.data';
-// ↑↑↑↑↑ 服务指令用
-
-// >>>>>>>>>>>>>组件：无需处理代码
-const { createMessage } = useMessage();
-const syncComRef = ref(null)
-const sourceOrgCode = ref('')
-const showJMCom = ref(false)
-const labelCol = reactive({
-    xs: 24,
-    sm: 4,
-    xl: 6,
-    xxl: 5
-});
-const wrapperCol = reactive({
-    xs: 24,
-    sm: 20,
-});
-
-/**
- * 获取到了试验田的机构编码
- * @param v_ 
- */
-const sourceOrgCodeChanged = (v_) => {
-    sourceOrgCode.value = v_
-}
-/**
- * 是否展示设计dict的cj框架封装的组件（因为需要获取的是对应试验田的数据字典，当接口数据请求未返回时如果展示组件会报错）
- * 跟sourceOrgCodeChanged方法相配合
- * @param v_ 
- */
-const changeShowJMCom = (v_) => {
-    showJMCom.value = v_
-}
-// <<<<<<<<<<<<<组件：无需处理代码
-/**
- * 机构变更
- */
-const orgChanged = async (org) => {
-    // 清空当前选择
-    selectedItems.value.clear();
-    // 清空初始化数据
-    initialDataIds.value = [];
-    try {
-        // 加载新机构数据
-        const res = await list({ dataSourceCode: org.orgCode, pageNo: 1, pageSize: -1 });
-        // 如果有数据，更新右侧列表
-        if (res.records && res.records.length > 0) {
-            const newRecords = res.records;
-            newRecords.forEach(record => {
-                selectedItems.value.set(record.id, record);
-                if (!syncComRef.value.orgData.value?.operationStartTime || new Date() >= new Date(syncComRef.value.orgData.value?.operationStartTime)) {
-                    initialDataIds.value.push(record.id);
-                }
-            });
-
-            // 更新左侧列表的选中状态
-            listComRef.value?.updateSelection?.(newRecords);
-        } else {
-            // 没有数据时也确保清空
-            selectedItems.value.clear();
-            listComRef.value?.updateSelection?.([]);
-        }
-
-        // 切换视图
-        syncComRef.value.resetOrgSelectedCon(false);
-
-        console.log("🌊 ~ orgChanged ~ selectedItems.value:", selectedItems.value)
-    } catch (err) {
-        console.error('机构数据查询失败:', err);
-        createMessage.error('机构数据查询失败');
-        // 失败时也确保清空状态
-        selectedItems.value.clear();
-        listComRef.value?.updateSelection?.([]);
-    }
-}
-// >>>>>>>>>>>>>组件：需要处理代码
-// <<<<<<<<<<<<<组件：需要处理代码
-
-// >>>>>>>>>>>>>非组件代码
-const listComRef = ref();
-const selectedItems = ref(new Map<string | number, any>());
-const queryParam = ref({ viewType: 'all' })//源数据查询参数
-const initialDataIds = ref<string[]>([]);
-const showVideoModal = ref(false);
-const videoUrl = ref('');
-
-/**
- * 查询
- */
-function searchQuery() {
-    listComRef.value.reload();
-}
-/**
- * 重置
- */
-function searchReset() {
-    let vt = queryParam.value.viewType
-    queryParam.value = { viewType: vt }
-    listComRef.value?.reload();
-}
-
-/**
- * 源数据的全部、已选择、未选择变更时触发
- * @param v_ all、selected、unselected
- */
-const viewTypeChanged = (v_) => {
-    queryParam.value.viewType = v_
-    //组件内部监听了queryParam值的变化，自动刷新
-}
-const handleSelectChange = (items: Map<string | number, any>) => {
-    selectedItems.value = new Map(items);
-};
-
-const handleRemoveFromRight = (key: string | number) => {
-    selectedItems.value.delete(key);
-    listComRef.value?.removeSelectedItem?.(key);
-};
-
-const openVideoModal = (url: string) => {
-    videoUrl.value = getFileAccessHttpUrl(url);
-    showVideoModal.value = true;
-};
-
-const closeVideoModal = () => {
-    showVideoModal.value = false;
-    videoUrl.value = '';
-};
-// <<<<<<<<<<<<<非组件代码
-</script>
-
-<style lang="less" scoped>
-.jeecg-basic-table-form-container {
-    padding: 0;
-
-    .table-page-search-submitButtons {
-        display: block;
-        margin-bottom: 24px;
-        white-space: nowrap;
-    }
-
-    .query-group-cust {
-        min-width: 100px !important;
-    }
-
-    .query-group-split-cust {
-        width: 30px;
-        display: inline-block;
-        text-align: center
-    }
-
-    .ant-form-item:not(.ant-form-item-with-help) {
-        margin-bottom: 16px;
-        height: 32px;
-    }
-
-    :deep(.ant-picker),
-    :deep(.ant-input-number) {
-        width: 100%;
-    }
-}
-
-.selected-list-container {
-    :deep(.ant-table) {
-        width: 100% !important;
-        max-width: 100%;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/synchronization/directive/org.data.ts b/src/views/synchronization/directive/org.data.ts
index a60934d..5c6a709 100644
--- a/src/views/synchronization/directive/org.data.ts
+++ b/src/views/synchronization/directive/org.data.ts
@@ -55,28 +55,16 @@ export const selectedColumns = [
     dataIndex: 'izEnabled_dictText',
     width: 100,
   },
-  {
-    title: '语音文件',
-    align: 'center',
-    dataIndex: 'mp3File',
-    width: 200, // 添加固定宽度
-  },
-  {
-    title: '视频文件',
-    align: 'center',
-    dataIndex: 'mp4File',
-    width: 120, // 添加固定宽度
-  },
   {
     title: '预览图片',
     align: 'center',
-    dataIndex: 'previewFile',
+    dataIndex: 'previewFileMedia',
     width: 120, // 添加固定宽度
   },
   {
     title: '即时指令图片',
     align: 'center',
-    dataIndex: 'immediateFile',
+    dataIndex: 'immediateFileMedia',
     width: 150, // 添加固定宽度
   },
   {
diff --git a/src/views/system/depart/components/DepartFormModal.vue b/src/views/system/depart/components/DepartFormModal.vue
index 3f9f0de..f1de9b1 100644
--- a/src/views/system/depart/components/DepartFormModal.vue
+++ b/src/views/system/depart/components/DepartFormModal.vue
@@ -74,10 +74,18 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
       field: 'orgCode',
       show: false,
     },
+    {
+      field: 'url',
+      show: !isChild,
+    },
     {
       field: 'orgCategory',
       componentProps: { options: categoryOptions },
     },
+    {
+      field: 'payableAmount',
+      show: !isChild,
+    },
   ]);
 
   let record = unref(data?.record);
diff --git a/src/views/system/depart/components/DepartLeftTree.vue b/src/views/system/depart/components/DepartLeftTree.vue
index 52a69a9..74712b0 100644
--- a/src/views/system/depart/components/DepartLeftTree.vue
+++ b/src/views/system/depart/components/DepartLeftTree.vue
@@ -2,7 +2,7 @@
   <a-card :bordered="false" style="height: 100%">
     <div class="j-table-operator" style="width: 100%">
       <a-button type="primary" preIcon="ant-design:plus-outlined" @click="onAddDepart">新增机构</a-button>
-      <a-button type="primary" preIcon="ant-design:plus-outlined" @click="onAddChildDepart()">新增区域</a-button>
+      <a-button type="primary" preIcon="ant-design:plus-outlined" @click="onAddChildDepart()">新增部门</a-button>
 <!--      <a-upload name="file" :showUploadList="false" :customRequest="onImportXls">
         <a-button type="primary" preIcon="ant-design:import-outlined">导入</a-button>
       </a-upload>
diff --git a/src/views/system/depart/depart.data.ts b/src/views/system/depart/depart.data.ts
index a4389c6..0f81f49 100644
--- a/src/views/system/depart/depart.data.ts
+++ b/src/views/system/depart/depart.data.ts
@@ -3,31 +3,34 @@ import { FormSchema } from '/@/components/Form';
 // 部门基础表单
 export function useBasicFormSchema() {
   const basicFormSchema: FormSchema[] = [
-    {
-      field: 'departName',
-      label: '名称',
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入机构/部门名称',
-      },
-      rules: [{ required: true, message: '机构名称不能为空' }],
-    },
     {
       field: 'parentId',
       label: '上级',
       component: 'TreeSelect',
+      ifShow: (v_) => {
+        return !!v_.values.parentId;
+      },
       componentProps: {
         treeData: [],
         placeholder: '无',
         dropdownStyle: { maxHeight: '200px', overflow: 'auto' },
       },
     },
+    {
+      field: 'departName',
+      label: '名称',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入名称',
+      },
+      rules: [{ required: true, message: '名称不能为空' }],
+    },
     {
       field: 'orgCode',
       label: '编码',
       component: 'Input',
       componentProps: {
-        placeholder: '请输入机构编码',
+        placeholder: '请输入编码',
       },
     },
     {
@@ -36,41 +39,83 @@ export function useBasicFormSchema() {
       component: 'RadioButtonGroup',
       componentProps: { options: [] },
     },
+    {
+      field: 'url',
+      label: '协议域名',
+      component: 'Input',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
+      componentProps: {
+        placeholder: '请输入协议域名',
+      },
+    },
     {
       field: 'province',
       label: '省份',
       component: 'Input',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       slot: 'province',
     },
     {
       field: 'city',
       label: '城市',
       component: 'Input',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       slot: 'city',
     },
     {
       field: 'district',
       label: '区县',
       component: 'Input',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       slot: 'district',
     },
     {
       field: 'platType',
       label: '业务平台类型',
-      defaultValue:'ywjg',
+      defaultValue: 'ywjg',
       component: 'JDictSelectTag',
-      componentProps: {
-        dictCode: 'iz_test_site'
+      ifShow: (v_) => {
+        return !v_.values.parentId;
       },
-      rules:[{
-        required: true,
-        message: '请选择平台类型'
-      }]
+      componentProps: {
+        dictCode: 'iz_test_site',
+      },
+      rules: [
+        {
+          required: true,
+          message: '请选择平台类型',
+        },
+      ],
+    },
+    {
+      field: 'payableAmount',
+      label: '入住应缴金额',
+      component: 'InputNumber',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
+      rules: [
+        {
+          required: true,
+          message: '请填写护理单元长者入住应缴金额',
+        },
+      ],
     },
     {
       field: 'operationStartTime',
       label: '运营开始时间',
       component: 'DatePicker',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       componentProps: {
         valueFormat: 'YYYY-MM-DD',
         style: {
@@ -82,6 +127,9 @@ export function useBasicFormSchema() {
       field: 'operationEndTime',
       label: '运营到期时间',
       component: 'DatePicker',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       componentProps: {
         valueFormat: 'YYYY-MM-DD',
         style: {
@@ -93,6 +141,9 @@ export function useBasicFormSchema() {
       field: 'contractStartTime',
       label: '合同开始时间',
       component: 'DatePicker',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       componentProps: {
         valueFormat: 'YYYY-MM-DD',
         style: {
@@ -104,6 +155,9 @@ export function useBasicFormSchema() {
       field: 'contractEndTime',
       label: '合同到期时间',
       component: 'DatePicker',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       componentProps: {
         valueFormat: 'YYYY-MM-DD',
         style: {
@@ -131,6 +185,9 @@ export function useBasicFormSchema() {
       field: 'address',
       label: '地址',
       component: 'Input',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
       componentProps: {
         placeholder: '请输入地址',
       },
@@ -153,6 +210,9 @@ export function useBasicFormSchema() {
       field: 'picUrl',
       label: '机构图片',
       component: 'JImageUpload',
+      ifShow: (v_) => {
+        return !v_.values.parentId;
+      },
     },
   ];
   return { basicFormSchema };
@@ -163,9 +223,7 @@ export const orgCategoryOptions = {
   // 一级部门
   root: [{ value: '1', label: '机构' }],
   // 子级部门
-  child: [
-    { value: '2', label: '区域' },
-  ],
+  child: [{ value: '2', label: '部门' }],
 };
 
 export const tplinkUseFormSchema: FormSchema[] = [
@@ -180,7 +238,7 @@ export const tplinkUseFormSchema: FormSchema[] = [
     label: '所属机构',
     component: 'Input',
     required: true,
-    dynamicDisabled: true
+    dynamicDisabled: true,
   },
   {
     field: 'tumsProjectId',
@@ -194,7 +252,7 @@ export const tplinkUseFormSchema: FormSchema[] = [
     label: '所属项目',
     component: 'Input',
     required: true,
-    dynamicDisabled: true
+    dynamicDisabled: true,
   },
   {
     field: 'tumsUsername',
@@ -213,7 +271,8 @@ export const tplinkUseFormSchema: FormSchema[] = [
         message: '请输入登录密码',
       },
       {
-        pattern: /^(?!.*(.)\1{2})(?=(?:.*[0-9].*[A-Z])|(?:.*[0-9].*[a-z])|(?:.*[0-9].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[A-Z].*[a-z])|(?:.*[A-Z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[a-z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]))[0-9A-Za-z~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]{8,64}$/,
+        pattern:
+          /^(?!.*(.)\1{2})(?=(?:.*[0-9].*[A-Z])|(?:.*[0-9].*[a-z])|(?:.*[0-9].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[A-Z].*[a-z])|(?:.*[A-Z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -])|(?:.*[a-z].*[~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]))[0-9A-Za-z~!@#$%^&*()_+={[}\]|\\:;'"<,>.?/ -]{8,64}$/,
         message: '密码由8位数字、大小写字母和特殊符号组成!',
       },
     ],