diff --git a/.env.production b/.env.production
index 4a66108..e4666e7 100644
--- a/.env.production
+++ b/.env.production
@@ -2,7 +2,7 @@
 VITE_USE_MOCK = false
 
 # 发布路径
-VITE_PUBLIC_PATH = /biz101
+VITE_PUBLIC_PATH = /biz102
 
 # 是否启用gzip或brotli压缩
 # 选项值: gzip | brotli | none
@@ -13,10 +13,10 @@ VITE_BUILD_COMPRESS = 'gzip'
 VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
 
 #后台接口父地址(必填)
-VITE_GLOB_API_URL=/nursingunit101
+VITE_GLOB_API_URL=/nursingunit102
 
 #后台接口全路径地址(必填)
-VITE_GLOB_DOMAIN_URL=https://www.focusnu.com/nursingunit101
+VITE_GLOB_DOMAIN_URL=https://www.focusnu.com/nursingunit102
 # VITE_GLOB_DOMAIN_URL=http://115.175.20.152/nursingunit104
 
 # 接口父路径前缀
diff --git a/src/components/Form/src/jeecg/components/JImageUploadtz.vue b/src/components/Form/src/jeecg/components/JImageUploadtz.vue
index 3c4eefc..d87880a 100644
--- a/src/components/Form/src/jeecg/components/JImageUploadtz.vue
+++ b/src/components/Form/src/jeecg/components/JImageUploadtz.vue
@@ -16,7 +16,7 @@
             <span class="divider">|</span>
             <a-tooltip placement="top">
               <template #title>
-                这里是格式说明的具体内容
+                请上传相应格式类型的文件
               </template>
               <span class="divider">
                 <QuestionCircleOutlined style="margin-right: 0px;" />
diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
index 9f4b04c..38a11f4 100644
--- a/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
@@ -20,7 +20,7 @@
         <span class="divider">|</span>
         <a-tooltip placement="top">
           <template #title>
-            这里是格式说明的具体内容
+            请上传相应格式类型的文件
           </template>
           <span class="divider">
             <QuestionCircleOutlined style="margin-right: 0px;" />
diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
index b71a8e9..0eb1327 100644
--- a/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
@@ -20,7 +20,7 @@
         <span class="divider">|</span>
         <a-tooltip placement="top">
           <template #title>
-            这里是格式说明的具体内容
+            请上传相应格式类型的文件
           </template>
           <span class="divider">
             <QuestionCircleOutlined style="margin-right: 0px;" />
diff --git a/src/views/services/serviceDirective copy/ConfigServiceDirective.api.ts b/src/views/services/serviceDirective copy/ConfigServiceDirective.api.ts
new file mode 100644
index 0000000..2edfbaf
--- /dev/null
+++ b/src/views/services/serviceDirective copy/ConfigServiceDirective.api.ts	
@@ -0,0 +1,160 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/services/serviceDirective/list',
+  save = '/services/serviceDirective/add',
+  batchAdd = '/services/serviceDirective/batchAdd',
+  edit = '/services/serviceDirective/edit',
+  deleteOne = '/services/serviceDirective/delete',
+  deleteBatch = '/services/serviceDirective/deleteBatch',
+  importExcel = '/services/serviceDirective/importExcel',
+  exportXls = '/services/serviceDirective/exportXls',
+  async = '/services/serviceDirective/async',
+  departList = '/sys/sysDepart/list',
+  tree = '/services/serviceDirective/tree',
+  queryById = '/services/serviceDirective/queryById',
+  syncMediaForBiz = '/services/serviceDirective/syncMediaForBiz',
+  syncMediaForAllBiz = '/services/serviceDirective/syncMediaForAllBiz',
+  listByDS = '/services/serviceDirective/listByDS',
+  idListByDS = '/services/serviceDirective/idListByDS',
+  syncDirective = '/services/serviceDirective/syncDirective',
+  useOrStopCascade = '/services/serviceDirective/useOrStopCascade',
+  compareList = '/services/serviceDirective/compareList',
+}
+
+/**
+ * 列表接口 - 变更数据源
+ * @param params
+ */
+export const listByDS = (params) => defHttp.get({ url: Api.listByDS, params });
+
+/**
+ *
+ * @param params 获取对应机构已有指令id
+ * @returns
+ */
+export const idListByDS = (params) => defHttp.get({ url: Api.idListByDS, params });
+
+/**
+ * 导出api
+ * @param params
+ */
+export const getExportUrl = Api.exportXls;
+
+/**
+ * 导入api
+ */
+export const getImportUrl = Api.importExcel;
+
+/**
+ * 列表接口
+ * @param params
+ */
+export const list = (params) => defHttp.get({ url: Api.list, params });
+export const departList = (params) => defHttp.get({ url: Api.departList, params });
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+/**
+ * 删除单个
+ * @param params
+ * @param handleSuccess
+ */
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess();
+  });
+};
+
+/**
+ * 批量删除
+ * @param params
+ * @param handleSuccess
+ */
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess();
+      });
+    },
+  });
+};
+
+/**
+ * 保存或者更新
+ * @param params
+ * @param isUpdate
+ */
+export const saveOrUpdate = (params, isUpdate) => {
+  let url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url: url, params }, { isTransformResponse: false });
+};
+/**
+ * 批量新增
+ * @param params
+ */
+export const batchAdd = (params) => {
+  return defHttp.post({ url: Api.batchAdd, params }, { isTransformResponse: false });
+};
+
+/**
+ * 同步数据
+ * @param params
+ */
+export const asyncFunc = (params) => {
+  return defHttp.post({ url: Api.async, params }, { isTransformResponse: false });
+};
+
+/**
+ * 获取树结构
+ * @param params
+ * @returns
+ */
+export const tree = (params) => defHttp.post({ url: Api.tree, params });
+
+/**
+ * 审批通过后将指令资源同步给业务平台
+ * @param params
+ */
+export const syncMediaForBiz = (params) => {
+  return defHttp.post({ url: Api.syncMediaForBiz, params });
+};
+
+/**
+ * 将指令资源同步给所有业务平台
+ * @param params
+ */
+export const syncMediaForAllBiz = (params) => {
+  return defHttp.post({ url: Api.syncMediaForAllBiz, params });
+};
+
+/**
+ * 同步
+ * @param params
+ * @returns
+ */
+export const syncDirective = (dataSourceCode: string, params: any) => {
+  return defHttp.post({ url: `${Api.syncDirective}?sourceOrgCode=${encodeURIComponent(dataSourceCode)}`, params });
+};
+
+/**
+ * 启用/停用分类标签或服务类别或服务类型下所有服务指令
+ * @param params
+ */
+export const useOrStopCascade = (params) => {
+  return defHttp.post({ url: Api.useOrStopCascade, params });
+};
+
+/**
+ * 差异数据对比
+ * @param params compareOrgCode
+ * @returns 
+ */
+export const compareList = (params) => defHttp.get({ url: Api.compareList, params });
\ No newline at end of file
diff --git a/src/views/services/serviceDirective copy/ConfigServiceDirective.data.ts b/src/views/services/serviceDirective copy/ConfigServiceDirective.data.ts
new file mode 100644
index 0000000..e8aec35
--- /dev/null
+++ b/src/views/services/serviceDirective copy/ConfigServiceDirective.data.ts	
@@ -0,0 +1,192 @@
+import { BasicColumn } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS;
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '分类标签',
+    align: 'center',
+    dataIndex: 'instructionTagId_dictText',
+    width: 100,
+    // customCell: (record, index, column) => {
+    //   if (record.instructionRowSpan != null) {
+    //     return { rowSpan: record.instructionRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务类别',
+    align: 'center',
+    dataIndex: 'categoryId_dictText',
+    // customCell: (record, index, column) => {
+    //   if (record.categoryRowSpan != null) {
+    //     return { rowSpan: record.categoryRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务类型',
+    align: 'center',
+    dataIndex: 'typeId_dictText',
+    // customCell: (record, index, column) => {
+    //   if (record.typeRowSpan != null) {
+    //     return { rowSpan: record.typeRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务指令',
+    align: 'center',
+    dataIndex: 'directiveName',
+  },
+  // {
+  //   title: '体型标签',
+  //   align: 'center',
+  //   dataIndex: 'bodyTagList',
+  //   width: 150,
+  //   ellipsis: false,
+  //   // format(text, record, index) {
+  //   //   if (!!text) {
+  //   //     return text.map((item) => item.tagName).join('、');
+  //   //   } else {
+  //   //     return '-';
+  //   //   }
+  //   // },
+  // },
+  // {
+  //   title: '情绪标签',
+  //   align: 'center',
+  //   dataIndex: 'emotionTagList',
+  //   width: 150,
+  //   ellipsis: false,
+  //   // format(text, record, index) {
+  //   //   if (!!text) {
+  //   //     return text.map((item) => item.tagName).join('、');
+  //   //   } else {
+  //   //     return '-';
+  //   //   }
+  //   // },
+  // },
+  {
+    title: '收费价格',
+    align: 'center',
+    dataIndex: 'tollPrice',
+    width: 95,
+  },
+  {
+    title: '提成价格',
+    align: 'center',
+    dataIndex: 'comPrice',
+    width: 95,
+  },
+  // {
+  //   title: '医保报销',
+  //   align: 'center',
+  //   dataIndex: 'izReimbursement_dictText',
+  //   width: 100,
+  // },
+  // {
+  //   title: '机构优惠',
+  //   align: 'center',
+  //   dataIndex: 'izPreferential_dictText',
+  //   width: 100,
+  // },
+  {
+    title: '周期类型',
+    align: 'center',
+    dataIndex: 'cycleType_dictText',
+  },
+  {
+    title: '服务时长（分钟）',
+    align: 'center',
+    dataIndex: 'serviceDuration',
+    width: 135,
+  },
+  // {
+  //   title: '指令状态',
+  //   align: 'center',
+  //   dataIndex: 'status_dictText',
+  //   width: 100,
+  // },
+  {
+    title: '是否启用',
+    align: 'center',
+    dataIndex: 'izEnabled_dictText',
+    width: 100,
+  },
+  {
+    title: '服务指令图片大图',
+    align: 'center',
+    dataIndex: 'previewFile',
+    customRender: ({ text }) => {
+      // 如果 text 为空或 null/undefined，使用默认图片
+      const imageUrl = text ? opeMediaAddress + text : opeMediaAddress + import.meta.env.VITE_DEFAULT_DIRECTIVE_PRE_PIC;
+      return render.renderImage({ text: imageUrl });
+    },
+    // customRender: render.renderImage,
+  },
+  {
+    title: '服务指令图片小图',
+    align: 'center',
+    dataIndex: 'previewFileSmall',
+    customRender: ({ text }) => {
+      // 如果 text 为空或 null/undefined，使用默认图片
+      const imageUrl = text ? opeMediaAddress + text : opeMediaAddress + import.meta.env.VITE_DEFAULT_DIRECTIVE_PRESMALL_PIC;
+      return render.renderImage({ text: imageUrl });
+    },
+    // customRender: render.renderImage,
+  },
+  {
+    title: '服务指令描述',
+    align: 'center',
+    dataIndex: 'serviceContent',
+    width: 200,
+  },
+  {
+    title: '指令音频文件',
+    align: 'center',
+    dataIndex: 'mp3File',
+    width: 120,
+  },
+  {
+    title: '指令视频文件',
+    align: 'center',
+    dataIndex: 'mp4File',
+    width: 120,
+  },
+  {
+    title: '即时指令图标',
+    align: 'center',
+    dataIndex: 'immediateFile',
+    customRender: ({ text }) => {
+      // 如果 text 为空或 null/undefined，使用默认图片
+      const imageUrl = text ? opeMediaAddress + text : opeMediaAddress + import.meta.env.VITE_DEFAULT_DIRECTIVE_IM_PIC;
+      return render.renderImage({ text: imageUrl });
+    },
+    // customRender: render.renderImage,
+  },
+];
+
+// 高级查询数据
+export const superQuerySchema = {
+  categoryId: { title: '服务类别', order: 0, view: 'list', type: 'string', dictCode: '' },
+  typeId: { title: '服务类型', order: 1, view: 'list', type: 'string', dictCode: '' },
+  instructionTagId: { title: '分类标签', order: 2, view: 'list', type: 'string', dictCode: 'instruction_tag' },
+  directiveName: { title: '服务指令', order: 3, view: 'text', type: 'string' },
+  tollPrice: { title: '收费价格', order: 4, view: 'number', type: 'number' },
+  comPrice: { title: '提成价格', order: 5, view: 'number', type: 'number' },
+  izReimbursement: { title: '医保报销', order: 6, view: 'radio', type: 'string', dictCode: '' },
+  izPreferential: { title: '机构优惠', order: 7, view: 'radio', type: 'string', dictCode: '' },
+  chargingFrequency: { title: '收费频次', order: 8, view: 'list', type: 'string', dictCode: '' },
+  cycleType: { title: '周期类型', order: 9, view: 'list', type: 'string', dictCode: '' },
+  sort: { title: '排序', order: 10, view: 'number', type: 'number' },
+  serviceContent: { title: '服务说明', order: 11, view: 'textarea', type: 'string' },
+  serviceDuration: { title: '服务时长（分钟）', order: 12, view: 'text', type: 'string' },
+  izEnabled: { title: '是否启用', order: 13, view: 'radio', type: 'string', dictCode: '' },
+  createBy: { title: '创建人', order: 14, view: 'text', type: 'string' },
+  createTime: { title: '创建日期', order: 15, view: 'datetime', type: 'string' },
+  updateBy: { title: '更新人', order: 16, view: 'text', type: 'string' },
+  updateTime: { title: '更新日期', order: 17, view: 'datetime', type: 'string' },
+  mp3File: { title: '语音文件', order: 18, view: 'file', type: 'string' },
+  mp4File: { title: '视频文件', order: 19, view: 'file', type: 'string' },
+};
diff --git a/src/views/services/serviceDirective copy/ConfigServiceDirectiveList copy.vue b/src/views/services/serviceDirective copy/ConfigServiceDirectiveList copy.vue
new file mode 100644
index 0000000..5f347db
--- /dev/null
+++ b/src/views/services/serviceDirective copy/ConfigServiceDirectiveList copy.vue	
@@ -0,0 +1,1562 @@
+<template>
+  <div class="p-2">
+    <!--查询区域-->
+    <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">
+          <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 :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>
+    <div>
+      <div
+        style="width:350px;float: left;height:80vh; background: white; overflow:auto;position: relative;margin-right: 14px;border-radius: 8px;">
+        <div
+          style="position: absolute; top: 8px; right: 8px; z-index: 1; background: white; padding: 0px; border-radius: 4px;">
+          <a-radio-group v-model:value="filterIzEnabled" @change="searchQuery">
+            <a-radio-button value="all">全部</a-radio-button>
+            <a-radio-button value="enabled">启用</a-radio-button>
+          </a-radio-group>
+        </div>
+
+        <!-- <div v-if="treeLoading"
+          style="width: 350px; height: 20vh; display: flex; justify-content: center; align-items: center;">
+          <a-spin tip="加载中..."></a-spin>
+        </div> -->
+
+        <a-empty v-if="!treeLoading && treeLoading" />
+        <a-button v-if="!treeLoading && treeData.length < 1" type="link" class="btnPrivate" @click="addInstruction"
+          v-show="mainOrgCode == ownOrgCode" preIcon="ant-design:plus-outlined">新增分类标签</a-button>
+        <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" style="width: 100%;margin-top: 50px;"
+          mode="inline" @openChange="onOpenChange">
+          <template v-for="item in treeData">
+            <!-- 第一层判断是否有下级 -->
+            <a-sub-menu v-if="item.children && item.children.length > 0" :key="item.key"
+              @titleClick="handleTreeSelect([], { node: item })">
+              <template #icon>
+                <Icon :icon="item.icon" :size="20" v-if="item.icon" />
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-else />
+              </template>
+              <template #title>
+                <span @mouseenter="item.showContent = true" @mouseleave="item.showContent = false">{{ item?.title }}
+                  <span v-if="item?.izEnabled == 'N' && item.level != 5" style="color:red;">(已停用)</span>
+                  <span v-show="item.showContent">
+                    <!-- 下拉菜单 -->
+                    <a-dropdown :open="menuState[item?.key]?.open" @openChange="onMenuOpenChange(item.key, $event)">
+                      <template #overlay>
+                        <a-menu>
+                          <a-menu-item v-for="itemMenu in menuItems(item)" :key="itemMenu.key"
+                            :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                            @click="() => { closeAllMenus(); itemMenu.action(item) }">
+                            <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                            <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                          </a-menu-item>
+                        </a-menu>
+                      </template>
+                      <!-- 图标 -->
+                      <Icon v-show="item.showContent" style="color:#1890FF;" :icon="iconClass(item.level)"
+                        class="action-icon" @mouseenter="onNodeIconEnter(item, item.children)"
+                        @mouseleave="onNodeIconLeave(item)" />
+                    </a-dropdown>
+                  </span>
+                </span>
+              </template>
+
+
+              <!-- 第二层判断是否有下级 -->
+              <template v-for="child in item.children">
+                <a-sub-menu :key="child.key" v-if="child.children && child.children.length > 0"
+                  @titleClick="handleTreeSelect([], { node: child })">
+                  <!-- <template #icon>
+              <Icon icon="ant-design:border-verticle-outlined" :size="20" />
+            </template> -->
+                  <template #title>
+                    <span @mouseenter="child.showContent = true" @mouseleave="child.showContent = false">{{ child?.title
+                    }}
+                      <span v-if="child?.izEnabled == 'N' && child.level != 5" style="color:red;">(已停用)</span>
+                      <span v-show="child.showContent">
+                        <!-- 下拉菜单 -->
+                        <a-dropdown :open="menuState[child?.key]?.open"
+                          @openChange="onMenuOpenChange(child.key, $event)">
+                          <template #overlay>
+                            <a-menu>
+                              <a-menu-item v-for="itemMenu in menuItems(child)" :key="itemMenu.key"
+                                :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                @click="() => { closeAllMenus(); itemMenu.action(child) }">
+                                <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                              </a-menu-item>
+                            </a-menu>
+                          </template>
+                          <!-- 图标 -->
+                          <Icon style="color:#1890FF;" :icon="iconClass(child.level)" class="action-icon"
+                            @mouseenter="onNodeIconEnter(child, child.children)" @mouseleave="onNodeIconLeave(child)" />
+                        </a-dropdown>
+                      </span>
+                    </span>
+                  </template>
+                  <!-- 第三层判断是否有下级 -->
+                  <template v-for="childThree in child.children">
+                    <a-sub-menu :key="childThree.key" v-if="childThree.children && childThree.children.length > 0"
+                      @titleClick="handleTreeSelect([], { node: childThree })">
+                      <!-- <template #icon>
+                  <Icon icon="ant-design:border-bottom-outlined" :size="20" />
+                </template> -->
+                      <template #title>
+                        <span @mouseenter="childThree.showContent = true"
+                          @mouseleave="childThree.showContent = false">{{ childThree?.title }}
+                          <span v-if="childThree?.izEnabled == 'N' && childThree.level != 5"
+                            style="color:red;">(已停用)</span>
+                          <span v-show="childThree.showContent">
+                            <!-- 下拉菜单 -->
+                            <a-dropdown :open="menuState[childThree?.key]?.open"
+                              @openChange="onMenuOpenChange(childThree.key, $event)">
+                              <template #overlay>
+                                <a-menu>
+                                  <a-menu-item v-for="itemMenu in menuItems(childThree)" :key="itemMenu.key"
+                                    :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                    @click="() => { closeAllMenus(); itemMenu.action(childThree) }">
+                                    <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                    <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                  </a-menu-item>
+                                </a-menu>
+                              </template>
+                              <!-- 图标 -->
+                              <Icon style="color:#1890FF;" :icon="iconClass(childThree.level)" class="action-icon"
+                                @mouseenter="onNodeIconEnter(childThree, childThree.children)"
+                                @mouseleave="onNodeIconLeave(childThree)" />
+                            </a-dropdown>
+                          </span>
+                        </span>
+                      </template>
+                      <!-- 第四层判断是否有下级 -->
+                      <a-menu-item :key="childFour.key" v-for="childFour in childThree.children"
+                        @click="handleTreeSelect([], { node: childFour })">
+                        <span @mouseenter="childFour.showContent = true" @mouseleave="childFour.showContent = false"
+                          class="auto-wrap">{{ childFour?.title + '(' + childFour?.cycleTypeName + ')' }}
+                          <span v-if="childFour?.izEnabled == 'N' && childFour.level != 5"
+                            style="color:red;">(已停用)</span>
+                          <span v-show="childFour.showContent">
+                            <!-- 下拉菜单 -->
+                            <a-dropdown :open="menuState[childFour?.key]?.open"
+                              @openChange="onMenuOpenChange(childFour.key, $event)">
+                              <template #overlay>
+                                <a-menu>
+                                  <a-menu-item v-for="itemMenu in menuItems(childFour)" :key="itemMenu.key"
+                                    :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                    @click="() => { closeAllMenus(); itemMenu.action(childFour) }">
+                                    <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                    <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                  </a-menu-item>
+                                </a-menu>
+                              </template>
+                              <!-- 图标 -->
+                              <Icon style="color:#1890FF;" :icon="iconClass(childFour.level)" class="action-icon"
+                                @mouseenter="onNodeIconEnter(childFour, childFour.children)"
+                                @mouseleave="onNodeIconLeave(childFour)" />
+                            </a-dropdown>
+                          </span>
+                        </span>
+                      </a-menu-item>
+                    </a-sub-menu>
+                    <a-menu-item :key="childThree.key" v-if="!childThree.children || childThree.children.length < 1"
+                      @click="handleTreeSelect([], { node: childThree })">
+                      <!-- <template #icon>
+                  <Icon icon="ant-design:border-bottom-outlined" :size="20" />
+                </template> -->
+                      <span @mouseenter="childThree.showContent = true" @mouseleave="childThree.showContent = false">{{
+                        childThree?.title }}
+                        <span v-if="childThree?.izEnabled == 'N' && childThree.level != 5"
+                          style="color:red;">(已停用)</span>
+                        <span v-show="childThree.showContent">
+                          <!-- 下拉菜单 -->
+                          <a-dropdown :open="menuState[childThree?.key]?.open"
+                            @openChange="onMenuOpenChange(childThree.key, $event)">
+                            <template #overlay>
+                              <a-menu>
+                                <a-menu-item v-for="itemMenu in menuItems(childThree)" :key="itemMenu.key"
+                                  :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                  @click="() => { closeAllMenus(); itemMenu.action(childThree) }">
+                                  <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                  <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                </a-menu-item>
+                              </a-menu>
+                            </template>
+                            <!-- 图标 -->
+                            <Icon style="color:#1890FF;" :icon="iconClass(childThree.level)" class="action-icon"
+                              @mouseenter="onNodeIconEnter(childThree, childThree.children)"
+                              @mouseleave="onNodeIconLeave(childThree)" />
+                          </a-dropdown>
+                        </span>
+                      </span>
+                    </a-menu-item>
+                  </template>
+                </a-sub-menu>
+                <a-menu-item :key="child.key" v-if="!child.children || child.children.length < 1"
+                  @click="handleTreeSelect([], { node: child })">
+                  <!-- <template #icon>
+              <Icon icon="ant-design:border-verticle-outlined" :size="20" />
+            </template> -->
+                  <span @mouseenter="child.showContent = true" @mouseleave="child.showContent = false">{{ child?.title
+                  }}
+                    <span v-if="child?.izEnabled == 'N' && child.level != 5" style="color:red;">(已停用)</span>
+                    <span v-show="child.showContent">
+                      <!-- 下拉菜单 -->
+                      <a-dropdown :open="menuState[child?.key]?.open" @openChange="onMenuOpenChange(child.key, $event)">
+                        <template #overlay>
+                          <a-menu>
+                            <a-menu-item v-for="itemMenu in menuItems(child)" :key="itemMenu.key"
+                              :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                              @click="() => { closeAllMenus(); itemMenu.action(child) }">
+                              <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                              <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                            </a-menu-item>
+                          </a-menu>
+                        </template>
+                        <!-- 图标 -->
+                        <Icon style="color:#1890FF;" :icon="iconClass(child.level)" class="action-icon"
+                          @mouseenter="onNodeIconEnter(child, child.children)" @mouseleave="onNodeIconLeave(child)" />
+                      </a-dropdown>
+                    </span>
+                  </span>
+                </a-menu-item>
+              </template>
+            </a-sub-menu>
+            <a-menu-item :key="item.key" v-if="!item.children || item.children.length < 1"
+              @click="handleTreeSelect([], { node: item })">
+              <template #icon>
+                <Icon :icon="item.icon" :size="20" v-if="item.icon" />
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-else />
+              </template>
+              <span @mouseenter="item.showContent = true" @mouseleave="item.showContent = false">{{ item?.title }}
+                <span v-if="item?.izEnabled == 'N' && item.level != 5" style="color:red;">(已停用)</span>
+                <span v-show="item.showContent">
+                  <!-- 下拉菜单 -->
+                  <a-dropdown :open="menuState[item?.key]?.open" @openChange="onMenuOpenChange(item.key, $event)">
+                    <template #overlay>
+                      <a-menu>
+                        <a-menu-item v-for="itemMenu in menuItems(item)" :key="itemMenu.key"
+                          :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                          @click="() => { closeAllMenus(); itemMenu.action(item) }">
+                          <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                          <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                        </a-menu-item>
+                      </a-menu>
+                    </template>
+                    <!-- 图标 -->
+                    <Icon v-show="item.showContent" style="color:#1890FF;" :icon="iconClass(item.level)"
+                      class="action-icon" @mouseenter="onNodeIconEnter(item, item.children)"
+                      @mouseleave="onNodeIconLeave(item)" />
+                  </a-dropdown>
+                </span>
+              </span>
+            </a-menu-item>
+          </template>
+
+        </a-menu>
+
+
+
+
+
+        <!-- <a-tree class="container-height" style="padding-top: 40px;" v-if="!treeLoading && treeData.length > 0"
+          :tree-data="treeData" v-model:expandedKeys="expandedKeys" expandAction="click" @select="handleTreeSelect">
+          <template #title="{ data }">
+            <span class="node-title" @mouseenter="onNodeEnter(data, data.children, $event)"
+              @mouseleave="onNodeLeave(data)">
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-if="data.level == 1" style="margin-right: 5px;"/>
+              <span v-if="data.level == 4">{{ data?.title + '(' + data?.cycleTypeName + ')' }}</span>
+              <span v-else>{{ data?.title }}</span>
+              <span v-if="data?.izEnabled == 'N' && data.level != 5" style="color:red;">(已停用)</span>
+
+              <a-dropdown :open="menuState[data?.key]?.open" @openChange="onMenuOpenChange(data.key, $event)">
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item v-for="item in menuItems(data)" :key="item.key" :disabled="!item.canAdd"
+                      class="nu-menu-item" @click="() => { closeAllMenus(); item.action(data) }">
+                      <Icon style="color:#1890FF;" :icon="item.icon" class="action-icon"></Icon>
+                      <span style=" color:#1890FF;margin-left: 5px;">{{ item.label }}</span>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+                <Icon v-show="data.showIcon && data.level != 5" style="color:#1890FF;" :icon="iconClass(data.level)"
+                  class="action-icon" @mouseenter="onNodeIconEnter(data, data.children)"
+                  @mouseleave="onNodeIconLeave(data)" />
+              </a-dropdown>
+            </span>
+          </template>
+        </a-tree> -->
+      </div>
+      <div style="width:calc(100% - 370px);float: left; background-color: white;border-radius: 8px;"
+        class="container-height">
+        <!--引用表格-->
+        <BasicTable @register="registerTable">
+          <!--插槽:table标题-->
+          <template #tableTitle>
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleinstructionTag"
+              preIcon="tabler:settings">配置分类标签</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleCategory"
+              preIcon="tabler:settings">配置服务类别</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleType" preIcon="tabler:settings">配置服务类型</a-button> -->
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleBodyTag"
+              preIcon="tabler:settings">配置体型标签</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleEmotionTag"
+              preIcon="tabler:settings">配置情绪标签</a-button> -->
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleAdd"
+              preIcon="ant-design:plus-outlined">新增服务指令</a-button> -->
+            <a-button type="primary" @click="handleDirectiveMainOpen" v-show="isShowDM"
+              preIcon="ant-design:profile-outlined">标准指令库</a-button>
+            <a-button type="primary" preIcon="ant-design:eye-outlined" v-show="ownOrgCode == mainOrgCode"
+              @click="handleCompare">差异比对</a-button>
+            <a-button type="primary" preIcon="ant-design:eye-outlined" v-show="ownOrgCode == mainOrgCode"
+              @click="handleLookNewDirectives">差异指令</a-button>
+            <!-- <a-button type="primary" @click="handleBatchAdd" preIcon="ant-design:plus-outlined">批量新增</a-button>
+            <a-button type="primary" @click="onAbnormalListOpen" preIcon="ant-design:edit-twotone">停用指令</a-button> -->
+          </template>
+          <!--操作栏-->
+          <template #action="{ record }">
+            <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+          </template>
+          <template v-slot:bodyCell="{ column, record, index, text }">
+            <!-- 音频播放控制 -->
+            <template v-if="column.dataIndex === 'mp3File'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <a-button v-else type="link" class="btnPrivate" @click="openAudioModal(text)">播放</a-button>
+            </template>
+
+            <!-- <template v-if="column.dataIndex === 'previewFile'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <img v-else :src="getFileAccessHttpUrl(text)" alt="图片不存在" class="cellIamge" />
+            </template> -->
+            <!-- <template v-if="column.dataIndex === 'mp3File'">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <div v-else style="display: flex; align-items: center; gap: 8px;">
+            <audio ref="audioPlayer" :src="getFileAccessHttpUrl(text)" hidden></audio>
+            <a-button v-if="!currentPlayingAudio || currentPlayingAudio !== text" type="link" @click="playAudio(text)"
+              preIcon="ant-design:play-circle-outlined">
+              播放
+            </a-button>
+
+            <template v-else>
+              <a-button v-if="isPlaying" type="link" @click="pauseAudio" preIcon="ant-design:pause-circle-outlined">
+                暂停
+              </a-button>
+              <a-button v-else type="link" @click="resumeAudio" preIcon="ant-design:play-circle-outlined">
+                播放
+              </a-button>
+
+              <a-button type="link" @click="restartAudio" preIcon="ant-design:reload-outlined">
+                重播
+              </a-button>
+
+              <a-button type="link" @click="stopAudio" preIcon="ant-design:stop-outlined">
+                停止
+              </a-button>
+            </template>
+          </div>
+        </template> -->
+            <template v-if="column.dataIndex === 'mp4File'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <a-button v-else type="link" class="btnPrivate" @click="openVideoModal(text)">播放</a-button>
+            </template>
+            <template v-if="column.dataIndex === 'bodyTagList'">
+              <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+                item.tagName).join('、')}}</span>
+            </template>
+            <template v-if="column.dataIndex === 'emotionTagList'">
+              <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+                item.tagName).join('、')}}</span>
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+
+    </div>
+
+    <!-- 表单区域 -->
+    <ConfigServiceDirectiveModal ref="registerModal" @success="handleSuccess"
+      :isMain="!!mainOrgCode && !!ownOrgCode && mainOrgCode == ownOrgCode">
+    </ConfigServiceDirectiveModal>
+  </div>
+
+  <!-- 分类标签 -->
+  <a-drawer title="分类标签" width="60vw" :open="insTagOpen" @close="onInsTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onInsTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <InstructionTag v-if="insTagOpen"></InstructionTag>
+  </a-drawer>
+
+  <!-- 服务类别 -->
+  <a-drawer title="服务类别" width="60vw" :open="categoryOpen" @close="onCategoryClose">
+    <template #footer>
+      <a-button type="primary" @click="onCategoryClose" style="float: right;">关闭</a-button>
+    </template>
+    <ConfigServiceCategoryList v-if="categoryOpen"></ConfigServiceCategoryList>
+  </a-drawer>
+
+  <!-- 服务类型 -->
+  <a-drawer title="服务类型" width="60vw" :open="typeOpen" @close="onTypeClose">
+    <template #footer>
+      <a-button type="primary" @click="onTypeClose" style="float: right;">关闭</a-button>
+    </template>
+    <ConfigServiceTypeList v-if="typeOpen"></ConfigServiceTypeList>
+  </a-drawer>
+
+  <!-- 体型标签 -->
+  <!-- <a-drawer title="体型标签" width="60vw" :open="bodyTagOpen" @close="onBodyTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onBodyTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <BodyTagList v-if="bodyTagOpen"></BodyTagList>
+  </a-drawer> -->
+
+  <!-- 情绪标签 -->
+  <!-- <a-drawer title="情绪标签" width="60vw" :open="emotionTagOpen" @close="onEmotionTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onEmotionTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <EmotionTagList v-if="emotionTagOpen"></EmotionTagList>
+  </a-drawer> -->
+  <!-- 差异比对 -->
+  <a-drawer title="差异比对" width="80vw" :open="compareListOpen" @close="onCompareListClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onCompareListClose" style="margin-right: 10px;">关闭</a-button>
+    </template>
+    <CompareDirectiveList ref="compareListRef" v-if="compareListOpen" :ownOrgCode="ownOrgCode" :ownOrgName="ownOrgName">
+    </CompareDirectiveList>
+  </a-drawer>
+
+  <!-- 批量新增 -->
+  <a-drawer title="批量新增" width="80vw" :open="batchAddOpen" @close="onBatchAddClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onBatchAddClose" style="margin-right: 10px;">关闭</a-button>
+      <a-button type="primary" @click="onBatchAddSubmit">确认</a-button>
+    </template>
+    <DirectiveMediaList ref="dmRef" :ownOrgCode="ownOrgCode" v-if="batchAddOpen"></DirectiveMediaList>
+  </a-drawer>
+
+  <!-- 停用指令 -->
+  <a-drawer title="停用指令" width="85vw" :open="abnormalListOpen" @close="onAbnormalListClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onAbnormalListClose" style="margin-right: 10px;">关闭</a-button>
+    </template>
+    <AbnormalDirectiveList ref="abnormalListRef" v-if="abnormalListOpen"></AbnormalDirectiveList>
+  </a-drawer>
+
+  <!-- 差异指令 -->
+  <a-drawer v-model:visible="newDirectiveVisible" title="差异指令" width="85vw" :footer-style="{ textAlign: 'right' }"
+    :bodyStyle="{ height: '80vh', display: 'flex', padding: '0', flexDirection: 'column', overflow: 'auto' }"
+    wrapClassName="org-list-modal" @cancel="handleCancelNewDirective">
+    <template #footer>
+      <a-button @click="handleCancelNewDirective" type="primary">关闭</a-button>
+      <!-- <a-button @click="handleAsyncNewDirective" type="primary">同步</a-button> -->
+    </template>
+    <div style="padding:0px 8px;">
+      <CanAddDirectiveList ref="canAddDirectiveRef" :directiveMainOrgInfo="directiveMainOrgInfo"
+        :existDirectiveIds="existDirectiveIds" @refreshExistIds="refreshDMExistedIds"></CanAddDirectiveList>
+    </div>
+  </a-drawer>
+
+  <!-- 音频播放 -->
+  <a-modal v-model:visible="showAudioModal" title="音频播放" :footer="null" @cancel="closeAudioModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }" :keyboard="true">
+    <audio ref="audioPlayer" controls style="width: 100%; display: block; margin: 20px auto;">
+      <source :src="audioUrl">
+      您的浏览器不支持音频播放。
+    </audio>
+  </a-modal>
+
+  <!-- 视频播放 -->
+  <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
+    <video ref="videoPlayer" controls style="width: 100%; max-height: 70vh; display: block; margin: 0 auto;">
+      <source :src="videoUrl">
+      您的浏览器不支持视频播放。
+    </video>
+  </a-modal>
+
+  <!-- 分类标签 -->
+  <InstructionTagModal ref="insRegisterModal" @success="reloadTree"></InstructionTagModal>
+  <ConfigServiceCategoryModal ref="catRegisterModal" @success="reloadTree"></ConfigServiceCategoryModal>
+  <ConfigServiceTypeModal ref="typRegisterModal" @success="reloadTree"></ConfigServiceTypeModal>
+</template>
+
+<script lang="ts" name="serviceDirective-configServiceDirective" setup>
+import { ref, reactive, watch, onMounted, computed, nextTick } from 'vue';
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { columns, superQuerySchema } from './ConfigServiceDirective.data';
+import { list, batchAdd, deleteOne, batchDelete, getImportUrl, getExportUrl, tree } from './ConfigServiceDirective.api';
+import ConfigServiceDirectiveModal from './components/ConfigServiceDirectiveModal.vue'
+import { useUserStore } from '/@/store/modules/user';
+import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { cloneDeep } from "lodash-es";
+import ConfigServiceCategoryList from '../serviceCategory/ConfigServiceCategoryList.vue';
+import InstructionTag from '../instructiontag/InstructionTag.vue';
+import ConfigServiceTypeList from '../serviceType/ConfigServiceTypeList.vue';
+import BodyTagList from '/@/views/services/directivetag/bodytag/BodyTagList.vue';
+import EmotionTagList from '/@/views/services/directivetag/emotiontag/EmotionTagList.vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { Empty } from 'ant-design-vue';
+import InstructionTagModal from '/@/views/services/InstructionTag/components/InstructionTagModal.vue'
+import ConfigServiceCategoryModal from '/@/views/services/serviceCategory/components//ConfigServiceCategoryModal.vue'
+import ConfigServiceTypeModal from '/@/views/services/serviceType/components//ConfigServiceTypeModal.vue'
+import DirectiveMediaList from '/@/views/services/directivemedia/DirectiveMediaList.vue'
+import { queryByKey } from '/@/views/admin/sysconfig/SysConfig.api'
+import { getOrgInfo } from '@/api/common/api'
+import { useMessage } from '/@/hooks/web/useMessage';
+import AbnormalDirectiveList from './components/AbnormalDirectiveList.vue'
+import CompareDirectiveList from './components/CompareDirectiveList.vue'
+import { idListByDS } from './ConfigServiceDirective.api';
+import CanAddDirectiveList from '/@/views/services/canadddirective/CanAddDirectiveList.vue'
+
+
+const { createMessage, createConfirm } = useMessage();
+const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS
+const canAddDirectiveRef = ref()
+const existDirectiveIds = ref([])//指令库已存在指令id
+const insRegisterModal = ref();
+const catRegisterModal = ref();
+const typRegisterModal = ref();
+const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
+const formRef = ref();
+const batchAddOpen = ref(false)
+const dmRef = ref()
+const abnormalListOpen = ref(false)
+const abnormalListRef = ref()
+const newDirectiveVisible = ref(false)
+const compareListRef = ref()
+const compareListOpen = ref(false)
+const queryParam = reactive<any>({
+  instructionTagId: '',
+  categoryId: '',
+  typeId: '',
+  izEnabled: 'Y',
+});
+watch(
+  () => queryParam.instructionTagId,
+  () => {
+    queryParam.categoryId = ''
+    queryParam.typeId = ''
+  }
+)
+
+// 当服务类别变动，清空服务类型
+watch(
+  () => queryParam.categoryId,
+  () => {
+    queryParam.typeId = ''
+  }
+)
+const toggleSearchStatus = ref<boolean>(false);
+const registerModal = ref();
+const treeData = ref<any>([]);
+const userStore = useUserStore();
+const isShowDM = ref(false)//是否展示指令库功能
+const selectedKeys = ref<any>([]);
+const openKeys = ref<any>([]);
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '服务指令',
+    api: list,
+    columns,
+    canResize: false,
+    useSearchForm: false,
+    showIndexColumn: true,
+    scroll: { y: '58vh' },
+    pagination: {
+      current: 1,
+      pageSize: 15,
+      pageSizeOptions: ['15', '50', '70', '100'],
+    },
+    actionColumn: {
+      width: 70,
+      fixed: 'right',
+    },
+    beforeFetch: async (params) => {
+      params.column = 'createTime'
+      params.order = 'desc'
+      let rangerQuery = await setRangeQuery();
+      return Object.assign(params, rangerQuery);
+    },
+  },
+  exportConfig: {
+    name: "服务指令",
+    url: getExportUrl,
+    params: queryParam,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+});
+const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+const labelCol = reactive({
+  xs: 24,
+  sm: 4,
+  xl: 6,
+  xxl: 4
+});
+const wrapperCol = reactive({
+  xs: 24,
+  sm: 20,
+});
+
+// 高级查询配置
+const superQueryConfig = reactive(superQuerySchema);
+
+const insTagOpen = ref(false)//分类标签抽屉
+const categoryOpen = ref(false)//服务类别抽屉
+const typeOpen = ref(false)//服务类型抽屉
+const bodyTagOpen = ref(false)//体型标签抽屉
+const emotionTagOpen = ref(false)//情绪标签抽屉
+const mainOrgCode = ref()//指令库编码
+const ownOrgCode = ref('') //本机构编码
+const ownOrgName = ref('') //本机构名称
+const filterIzEnabled = ref('enabled')//筛选全部/已启用
+const directiveMainOrgInfo = ref()
+
+function onOpenChange(record: string[]) {
+  console.log("🚀 ~ onOpenChange ~ record:", record)
+  selectedKeys.value = record
+  // const latestOpenKey = record.find(key => state.openKeys.indexOf(key) === -1);
+  // if (state.rootSubmenuKeys.indexOf(latestOpenKey!) === -1) {
+  //   state.openKeys = openKeys;
+  // } else {
+  //   state.openKeys = latestOpenKey ? [latestOpenKey] : [];
+  // }
+}
+/**
+ * 高级查询事件
+ */
+function handleSuperQuery(params) {
+  Object.keys(params).map((k) => {
+    queryParam[k] = params[k];
+  });
+  searchQuery();
+}
+
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'add';
+  registerModal.value.add();
+}
+
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'edit';
+  registerModal.value.edit(record);
+}
+
+/**
+ * 编辑指令资源
+ */
+function handleMedia(record: Recordable) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'editMedia';
+  registerModal.value.editMedia(record);
+}
+
+/**
+ * 详情
+ */
+function handleDetail(record: Recordable) {
+  registerModal.value.disableSubmit = true;
+  registerModal.value.opeType = 'look';
+  registerModal.value.edit(record);
+}
+
+
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+  reloadTree()
+}
+
+/**
+ * 操作栏
+ */
+function getTableAction(record) {
+  return [
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    },
+    // {
+    //   label: '编辑',
+    //   onClick: handleEdit.bind(null, record)
+    // },
+    // {
+    //   label: '指令资源',
+    //   onClick: handleMedia.bind(null, record)
+    // },
+  ];
+}
+
+/**
+ * 下拉操作栏
+ */
+function getDropDownAction(record) {
+  return [
+  ]
+}
+
+function expandTreeNodeToLevel4(directiveData: any) {
+  console.log("🚀 ~ expandTreeNodeToLevel4 ~ directiveData:", directiveData)
+
+
+  selectedKeys.value = [directiveData.instructionTagId, directiveData.categoryId, directiveData.typeId, directiveData.id]
+  openKeys.value = [directiveData.instructionTagId, directiveData.categoryId, directiveData.typeId, directiveData.id]
+  // // 清空之前展开的节点
+  // expandedKeys.value = [];
+  // // 递归查找并展开相应的节点
+  // const findAndExpandNode = (nodes: any[], level: number, directiveData: any) => {
+  //   for (const node of nodes) {
+  //     // 判断当前节点的 level 是否与 directiveData 的级别匹配
+  //     if (level === 1 && node.instructionId === directiveData.instructionTagId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 2, directiveData);
+  //       }
+  //     } else if (level === 2 && node.categoryId === directiveData.categoryId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 3, directiveData);
+  //       }
+  //     } else if (level === 3 && node.typeId === directiveData.typeId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 4, directiveData);
+  //       }
+  //     } else if (level === 4 && node.key === directiveData.id) {
+  //       expandedKeys.value.push(node.key);
+  //     }
+  //   }
+  // };
+  // // 调用递归方法，从树的根节点开始查找
+  // findAndExpandNode(treeData.value, 1, directiveData);
+}
+
+/**
+ * 查询
+ */
+function searchQuery(reloadTree = true, resetId = true) {
+  if (!!queryParam.directiveName || !!queryParam.bodyTags || !!queryParam.emotionTags) {
+    queryParam.instructionTagId = '';
+    queryParam.categoryId = '';
+    queryParam.typeId = '';
+  }
+  if (resetId) {
+    queryParam.id = ''
+  }
+  if (filterIzEnabled.value == 'enabled') {
+    queryParam.izEnabled = 'Y'
+  } else {
+    queryParam.izEnabled = ''
+  }
+  reload().then(async res => {
+    if (reloadTree) {
+      await initTree();
+    }
+    if (res.length == 1) {
+      expandTreeNodeToLevel4(res[0])
+    }
+  })
+
+}
+
+/**
+ * 重置
+ */
+function searchReset() {
+  formRef.value.resetFields(); // 重置表单字段
+  selectedRowKeys.value = []; // 清空选中的行
+
+  // 清空 queryParam 中相关字段
+  queryParam.instructionTagId = '';
+  queryParam.categoryId = '';
+  queryParam.typeId = '';
+  queryParam.directiveName = ''; // 如果你有其他需要清除的字段，也可以加到这里
+  queryParam.bodyTags = '';
+  queryParam.emotionTags = '';
+  queryParam.id = '';
+  // queryParam.izEnabled = '';
+
+  // 刷新数据
+  reload().then(() => {
+    initTree();
+  });
+}
+
+
+let rangeField = 'tollPrice,comPrice,'
+
+/**
+ * 设置范围查询条件
+ */
+async function setRangeQuery() {
+  let queryParamClone = cloneDeep(queryParam);
+  if (rangeField) {
+    let fieldsValue = rangeField.split(',');
+    fieldsValue.forEach(item => {
+      if (queryParamClone[item]) {
+        let range = queryParamClone[item];
+        queryParamClone[item + '_begin'] = range[0];
+        queryParamClone[item + '_end'] = range[1];
+        delete queryParamClone[item];
+      } else {
+        queryParamClone[item + '_begin'] = '';
+        queryParamClone[item + '_end'] = '';
+      }
+    })
+  }
+  return queryParamClone;
+}
+
+//分类标签抽屉打开
+function handleinstructionTag() {
+  insTagOpen.value = true
+}
+//服务类别抽屉打开
+function handleCategory() {
+  categoryOpen.value = true
+}
+//服务类型抽屉打开
+function handleType() {
+  typeOpen.value = true
+}
+//体型标签抽屉打开
+function handleBodyTag() {
+  bodyTagOpen.value = true
+}
+//情绪标签抽屉打开
+function handleEmotionTag() {
+  emotionTagOpen.value = true
+}
+
+//分类标签抽屉关闭
+function onInsTagClose() {
+  insTagOpen.value = false
+}
+//服务类别抽屉关闭
+function onCategoryClose() {
+  categoryOpen.value = false
+}
+//服务类型抽屉关闭
+function onTypeClose() {
+  typeOpen.value = false
+}
+//体型标签抽屉关闭
+function onBodyTagClose() {
+  bodyTagOpen.value = false
+}
+//体型标签抽屉关闭
+function onEmotionTagClose() {
+  emotionTagOpen.value = false
+}
+
+const showAudioModal = ref(false); // 控制音频模态框显示
+const audioUrl = ref(''); // 音频 URL
+const audioPlayer = ref(null);
+
+// 打开音频模态框
+const openAudioModal = (url) => {
+  audioUrl.value = opeMediaAddress + url;
+  showAudioModal.value = true;
+};
+
+// 关闭音频模态框
+const closeAudioModal = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause(); // 暂停音频播放
+    audioPlayer.value.currentTime = 0; // 可选：重置播放进度
+  }
+  showAudioModal.value = false;
+  audioUrl.value = '';
+};
+
+const showVideoModal = ref(false); // 控制模态框显示
+const videoUrl = ref(''); // 视频 URL
+const videoPlayer = ref(null);
+
+// 打开视频模态框
+const openVideoModal = (url) => {
+  videoUrl.value = opeMediaAddress + url;
+  showVideoModal.value = true;
+};
+
+// 关闭视频模态框
+const closeVideoModal = () => {
+  if (videoPlayer.value) {
+    videoPlayer.value.pause(); // 暂停视频播放
+    videoPlayer.value.currentTime = 0; // 可选：将播放进度重置到开始
+  }
+  showVideoModal.value = false;
+  videoUrl.value = '';
+};
+
+// 添加以下响应式变量
+const currentPlayingAudio = ref<string | null>(null);
+const isPlaying = ref(false);
+
+// 添加音频控制方法
+const playAudio = (url: string) => {
+  if (currentPlayingAudio.value && currentPlayingAudio.value !== url) {
+    // 如果正在播放其他音频，先停止
+    stopAudio();
+  }
+
+  currentPlayingAudio.value = url;
+  isPlaying.value = true;
+
+  // 确保audio元素存在
+  if (audioPlayer.value) {
+    audioPlayer.value.src = getFileAccessHttpUrl(url);
+    audioPlayer.value.play().catch(e => {
+      isPlaying.value = false;
+      currentPlayingAudio.value = null;
+    });
+  }
+};
+
+const pauseAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    isPlaying.value = false;
+  }
+};
+
+const resumeAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.play().catch(e => {
+    });
+    isPlaying.value = true;
+  }
+};
+
+const restartAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.currentTime = 0;
+    audioPlayer.value.play().catch(e => {
+    });
+    isPlaying.value = true;
+  }
+};
+
+const stopAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    audioPlayer.value.currentTime = 0;
+    isPlaying.value = false;
+    currentPlayingAudio.value = null;
+  }
+};
+
+
+const clickCount = ref(0);
+const treeChildData = ref<any>([]);
+const expandedKeys = ref<string[]>([]);
+
+
+// 为每个 node 维护一个菜单状态和 hover 定时器
+const menuState = reactive<Record<string, { timer?: number, openedByClick: boolean, open: boolean }>>({
+
+})
+function onNodeEnter(node, level, event) {
+  node.showIcon = true
+}
+
+function onNodeLeave(node) {
+  node.showIcon = false
+}
+
+function onNodeIconEnter(node, level) {
+  // 检查当前节点是否已经展开，如果是，则跳过关闭所有菜单的操作
+  const key = node.key;
+  const currentMenuState = menuState[key];
+
+  if (currentMenuState?.open) {
+    // 当前菜单已经展开，直接返回
+    return;
+  }
+
+  // 如果没有菜单状态，则初始化
+  if (!menuState[key]) {
+    menuState[key] = { openedByClick: false, open: false };
+  }
+
+  // 只有前三级需要自动展开
+  if (level <= 3 && !menuState[key].openedByClick) {
+    menuState[key].timer = window.setTimeout(() => {
+      menuState[key].open = true;
+    }, 2000);
+  }
+}
+
+
+function onNodeIconLeave(node) {
+  const s = menuState[node.key]
+  if (s?.timer) {
+    clearTimeout(s.timer)
+    delete s.timer
+  }
+}
+// 用户点击图标手动打开
+function openMenu(node, level, ev) {
+  closeAllMenus();
+  const key = node.key
+  if (!menuState[key]) menuState[key] = { openedByClick: false, open: false }
+  menuState[key].openedByClick = true
+  menuState[key].open = true
+}
+
+// 当 Dropdown 自身触发 openChange（比如点击外部关闭）时，同步状态
+function onMenuOpenChange(key: string, open: boolean) {
+  if (!menuState[key]) menuState[key] = { open: false, openedByClick: false }
+  menuState[key].open = open
+  // 如果是外部关闭，则重置 clicked 状态
+  if (!open) menuState[key].openedByClick = false
+}
+
+// 关闭所有菜单工具函数
+function closeAllMenus() {
+  Object.keys(menuState).forEach(k => {
+    menuState[k].open = false
+    menuState[k].openedByClick = false
+  })
+}
+
+// 根据层级返回图标 class
+function iconClass(level: number) {
+  switch (level) {
+    case 1: return 'ant-design:setting-twotone'
+    case 2: return 'ant-design:setting-twotone'
+    case 3: return 'ant-design:setting-twotone'
+    case 4: return 'ant-design:setting-outlined'
+    default: return 'ant-design:setting-outlined'
+  }
+}
+
+//新增分类标签
+function addInstruction() {
+  insRegisterModal.value.disableSubmit = false;
+  insRegisterModal.value.add();
+}
+
+//启用分类标签
+function usingInstruction(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用分类标签“' + data.title + '”下所有服务类别、服务类型、服务指令！' + '是否确认启用分类标签“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      insRegisterModal.value.usingOrStop(data.instructionId, 'Y', false)
+      catRegisterModal.value.usingOrStopByCascade(data.instructionId, 'Y', false)
+      typRegisterModal.value.usingOrStopByCascade(data.instructionId, '', 'Y', false)
+      registerModal.value.usingOrStopByCascade(data.instructionId, '', '', 'Y', true)
+    }
+  });
+}
+//停用分类标签
+function stopInstruction(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用分类标签“' + data.title + '”下所有服务类别、服务类型、服务指令！' + '是否确认停用分类标签“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      insRegisterModal.value.usingOrStop(data.instructionId, 'N', false)
+      catRegisterModal.value.usingOrStopByCascade(data.instructionId, 'N', false)
+      typRegisterModal.value.usingOrStopByCascade(data.instructionId, '', 'N', false)
+      registerModal.value.usingOrStopByCascade(data.instructionId, '', '', 'N', true)
+    }
+  });
+}
+function editInstruction(data) {
+  insRegisterModal.value.disableSubmit = false;
+  insRegisterModal.value.edit(data);
+}
+//新增服务类别
+function addCategory(data) {
+  catRegisterModal.value.disableSubmit = false;
+  catRegisterModal.value.add({ instructionId: data.instructionId });
+}
+//启用服务类别
+function usingCategory(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用服务类别“' + data.title + '”下所有服务类型、服务指令！' + '是否确认启用服务类别“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      catRegisterModal.value.usingOrStop(data.categoryId, 'Y', false)
+      typRegisterModal.value.usingOrStopByCascade('', data.categoryId, 'Y', false)
+      registerModal.value.usingOrStopByCascade('', data.categoryId, '', 'Y', true)
+    }
+  });
+}
+//停用服务类别
+function stopCategory(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用服务类别“' + data.title + '”下所有服务类型、服务指令！' + '是否确认停用服务类别“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      catRegisterModal.value.usingOrStop(data.categoryId, 'N', false)
+      typRegisterModal.value.usingOrStopByCascade('', data.categoryId, 'N', false)
+      registerModal.value.usingOrStopByCascade('', data.categoryId, '', 'N', true)
+    }
+  });
+}
+//修改类别图片
+function editCategoryAnimationPath(data) {
+  catRegisterModal.value.disableSubmit = false;
+  catRegisterModal.value.edit({ id: data.key });
+}
+//新增服务类型
+function addType(data) {
+  typRegisterModal.value.disableSubmit = false;
+  typRegisterModal.value.add({ instructionId: data.instructionId, categoryId: data.categoryId });
+}
+//启用服务类型
+function usingType(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用服务类型“' + data.title + '”下所有服务指令！' + '是否确认启用服务类型“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      typRegisterModal.value.usingOrStop(data.typeId, 'Y', false)
+      registerModal.value.usingOrStopByCascade('', '', data.typeId, 'Y', true)
+    }
+  });
+}
+//停用服务类型
+function stopType(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用服务类型“' + data.title + '”下所有服务指令！' + '是否确认停用服务类型“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      typRegisterModal.value.usingOrStop(data.typeId, 'N', false)
+      registerModal.value.usingOrStopByCascade('', '', data.typeId, 'N', true)
+    }
+  });
+}
+//修改类别图片
+function editTypeAnimationPath(data) {
+  typRegisterModal.value.disableSubmit = false;
+  typRegisterModal.value.edit({ id: data.key });
+}
+//新增服务指令
+function addDirective(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'add';
+  registerModal.value.edit({ instructionTagId: data.instructionId, categoryId: data.categoryId, typeId: data.typeId });
+}
+//编辑务指令
+function editDirective(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'edit';
+  registerModal.value.queryByIdFunc(data.key);
+}
+//指令资源
+function editMedia(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'editMedia';
+  registerModal.value.queryAndEditMedia(data.key);
+}
+//启用服务指令
+function usingDirective(data) {
+  registerModal.value.usingOrStop(data.key, 'Y', true);
+}
+//停用服务指令
+function stopDirective(data) {
+  registerModal.value.usingOrStop(data.key, 'N', true);
+}
+//查看体型标签
+function bodyTagsDetail(data) {
+
+}
+//查看情绪标签
+function emotionTagsDetail(data) {
+
+}
+// 根据层级返回菜单项
+function menuItems(data) {
+  if (data.level === 1) {
+    const items = [
+
+    ]
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'addIns', label: '新增分类标签', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: addInstruction },)
+    }
+    if (data.canAdd) {
+      items.push({ key: 'addCat', label: '新增服务类别', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addCategory })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingIns', label: '启用分类标签', icon: 'ant-design:check-circle-outlined', canAdd: true, action: usingInstruction })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopIns', label: '停用分类标签', icon: 'ant-design:stop-outlined', canAdd: true, action: stopInstruction })
+    }
+    items.push({ key: 'editIns', label: '修改图标', icon: 'ant-design:edit-outlined', canAdd: true, action: editInstruction },)
+    return items
+  }
+  else if (data.level === 2) {
+    const items = [
+      { key: 'addCat', label: '新增服务类别', icon: 'ant-design:plus-outlined', canAdd: data.parentLevelEnabled, action: addCategory },
+    ]
+    if (data.canAdd) {
+      items.push({ key: 'addTyp', label: '新增服务类型', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addType })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingCat', label: '启用服务类别', icon: 'ant-design:check-circle-outlined', canAdd: data.parentLevelEnabled, action: usingCategory })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopCat', label: '停用服务类别', icon: 'ant-design:stop-outlined', canAdd: data.parentLevelEnabled, action: stopCategory })
+    }
+
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'editCatImg', label: '修改类别图片', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: editCategoryAnimationPath },)
+    }
+    return items
+  }
+  else if (data.level === 3) {
+    const items = [
+      { key: 'addTyp', label: '新增服务类型', icon: 'ant-design:plus-outlined', canAdd: data.parentLevelEnabled, action: addType },
+    ]
+    if (data.canAdd) {
+      items.push({ key: 'addDir', label: '新增服务指令', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addDirective })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingTyp', label: '启用服务类型', icon: 'ant-design:check-circle-outlined', canAdd: data.parentLevelEnabled, action: usingType })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopTyp', label: '停用服务类型', icon: 'ant-design:stop-outlined', canAdd: data.parentLevelEnabled, action: stopType })
+    }
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'editTypeImg', label: '修改类型图片', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: editTypeAnimationPath },)
+    }
+    return items
+  }
+  else if (data.level === 4) {
+    const items = [
+      { key: 'editDir', label: '编辑服务指令', icon: 'ant-design:edit-outlined', canAdd: data.canAdd && data.izEnabled == 'Y', action: editDirective },
+      { key: 'editMedia', label: '编辑指令资源', icon: 'ant-design:edit-outlined', canAdd: data.canAdd && data.izEnabled == 'Y' && mainOrgCode.value == ownOrgCode.value, action: editMedia },
+    ]
+    // if (data.canAdd) {
+    //   items.push({ key: 'addDir', label: '新增服务指令', icon: 'ant-design:plus-outlined', canAdd: data.canAdd , action: addDirective })
+    // }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingDir', label: '启用服务指令', icon: 'ant-design:check-circle-outlined', canAdd: data.canAdd, action: usingDirective })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopDir', label: '停用服务指令', icon: 'ant-design:stop-outlined', canAdd: data.canAdd, action: stopDirective })
+    }
+    if (data?.bodyTagList?.length > 0) {
+      items.push({ key: 'bodyTagsDetail', label: '查看体型标签', icon: 'ant-design:stop-outlined', canAdd: true, action: bodyTagsDetail })
+    }
+    if (data?.emotionTagList?.length > 0) {
+      items.push({ key: 'emotionTagsDetail', label: '查看情绪标签', icon: 'ant-design:stop-outlined', canAdd: true, action: emotionTagsDetail })
+    }
+    return items
+  }
+  return []
+}
+
+
+// 递归取每级第一个 key
+function setDefaultExpanded(nodes: any[]) {
+  // expandedKeys.value.push(nodes[0].key)
+  // expandedKeys.value.push(nodes[0]?.children?.[0]?.key)
+  // expandedKeys.value.push(nodes[0]?.children?.[0]?.children?.[0]?.key)
+}
+const treeLoading = ref(false)
+
+function reloadTree() {
+  tree({ filterIzEnabled: filterIzEnabled.value }).then(res => {
+    treeData.value = res;
+  })
+}
+
+function handleTreeSelect(selectedKeys: string[], { node }: any) {
+  const level = node.level;
+
+  // 清空不必要的查询条件
+  queryParam.directiveName = '';
+  queryParam.bodyTags = '';
+  queryParam.emotionTags = '';
+  queryParam.id = ''
+  // queryParam.izEnabled = '';
+
+  // 根据节点级别设置查询条件
+  switch (level) {
+    case 1: // 分类标签
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = '';
+      queryParam.typeId = '';
+      break;
+    case 2: // 服务类别
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = node.categoryId;
+      queryParam.typeId = '';
+      break;
+    case 3: // 服务类型
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = node.categoryId;
+      queryParam.typeId = node.typeId;
+      break;
+    case 4: // 服务指令
+      // 四级节点特殊处理：设置指令名称
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = node.categoryId;
+      queryParam.typeId = node.typeId;
+      queryParam.directiveName = node.title;
+      queryParam.id = node.key
+      break;
+  }
+  if (level == 5) return
+  // 触发查询
+  searchQuery(false, level != 4);
+}
+
+async function initTree() {
+  treeLoading.value = true;
+  try {
+    const res = await tree({ filterIzEnabled: filterIzEnabled.value });
+    treeData.value = res;
+    expandedKeys.value = [];
+    // 默认展开每级第一个
+    // setDefaultExpanded(res);
+  } finally {
+    treeLoading.value = false;
+  }
+}
+
+/**
+ * 查看指令库
+ */
+function handleDirectiveMainOpen() {
+  registerModal.value?.openDM(mainOrgCode.value)
+}
+
+async function getDirectiveMainOrgCode() {
+  let { orgCode, orgName } = await getOrgInfo()
+  ownOrgCode.value = orgCode
+  ownOrgName.value = orgName
+  let { configValue } = await queryByKey({ key: 'directive_main_org_code' })
+  mainOrgCode.value = configValue
+  if (orgCode != configValue) isShowDM.value = true
+}
+
+function handleBatchAdd() {
+  batchAddOpen.value = true
+  nextTick(() => {
+    dmRef.value?.init()
+  })
+}
+
+function onBatchAddClose() {
+  batchAddOpen.value = false
+}
+function onBatchAddSubmit() {
+  batchAdd(dmRef.value?.selectedRows).then(res => {
+    createMessage.success('操作成功')
+    // filterIzEnabled.value = 'all'
+    searchQuery(true, true)
+    onBatchAddClose()
+  })
+}
+
+
+function onAbnormalListOpen() {
+  abnormalListOpen.value = true
+  nextTick(() => {
+    abnormalListRef.value?.reload()
+  })
+}
+function onAbnormalListClose() {
+  abnormalListOpen.value = false
+  searchQuery(true, true)
+}
+
+//刷新已有指令库
+async function refreshDMExistedIds(dmOrgInfo, izReset = false, izQuery = true) {
+  let res = await idListByDS({ dataSourceCode: 'master' })
+  existDirectiveIds.value = res.records
+  if (izReset) {
+    canAddDirectiveRef.value?.searchReset()
+  } else {
+    canAddDirectiveRef.value?.reload()
+  }
+}
+
+async function handleLookNewDirectives() {
+  await refreshDMExistedIds(directiveMainOrgInfo.value, true)
+  newDirectiveVisible.value = true
+}
+/**
+ * 关闭新增指令
+ */
+function handleCancelNewDirective() {
+  newDirectiveVisible.value = false
+}
+
+/**
+ * 差异比对
+ */
+function handleCompare() {
+  compareListOpen.value = true
+}
+
+function onCompareListClose() {
+  compareListOpen.value = false
+}
+
+// 添加音频结束监听
+onMounted(() => {
+  if (audioPlayer.value) {
+    audioPlayer.value.addEventListener('ended', () => {
+      isPlaying.value = false;
+    });
+  }
+  initTree()
+  getDirectiveMainOrgCode()
+});
+
+</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%;
+  }
+}
+
+audio::-webkit-media-controls-timeline {
+  display: none;
+}
+
+audio::-webkit-media-controls-current-time-display,
+audio::-webkit-media-controls-time-remaining-display {
+  display: none;
+}
+
+.btnPrivate {
+  height: 40px;
+  margin-left: 4px;
+}
+
+.node-title {
+  display: inline-flex;
+  align-items: center;
+}
+
+.action-icon {
+  margin-left: 4px;
+  cursor: pointer;
+}
+
+:deep(.centered-dropdown) {
+  position: fixed;
+  left: 50% !important;
+  top: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  max-height: 80vh;
+  overflow-y: auto;
+
+  .ant-dropdown-menu {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+
+.container-height {
+  height: 77vh;
+}
+
+@media screen and (min-width: 1600px) and (min-height: 900px) {
+  .container-height {
+    height: 81.5vh;
+  }
+}
+
+:deep(.ant-menu-item-selected) {
+  color: #4b4b4b !important;
+}
+
+:deep(.ant-menu-submenu-title) {
+  color: #4b4b4b !important;
+}
+
+.auto-wrap {
+  word-wrap: break-word;
+  /* 长单词/URL换行 */
+  word-break: break-all;
+  /* 更激进的换行策略 */
+  white-space: normal;
+  /* 默认换行行为 */
+  line-height: 20px !important;
+  display: inline flow-root;
+  padding-top: 10px;
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/ConfigServiceDirectiveList.vue b/src/views/services/serviceDirective copy/ConfigServiceDirectiveList.vue
new file mode 100644
index 0000000..f2bc170
--- /dev/null
+++ b/src/views/services/serviceDirective copy/ConfigServiceDirectiveList.vue	
@@ -0,0 +1,1566 @@
+<template>
+  <div class="p-2">
+    <!--查询区域-->
+    <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">
+          <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 :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>
+    <div>
+      <div
+        style="width:350px;float: left;height:80vh; background: white; overflow:auto;position: relative;margin-right: 14px;border-radius: 8px;">
+        <div
+          style="position: absolute; top: 8px; right: 8px; z-index: 1; background: white; padding: 0px; border-radius: 4px;">
+          <a-radio-group v-model:value="filterIzEnabled" @change="searchQuery">
+            <a-radio-button value="all">全部</a-radio-button>
+            <a-radio-button value="enabled">启用</a-radio-button>
+          </a-radio-group>
+        </div>
+
+        <!-- <div v-if="treeLoading"
+          style="width: 350px; height: 20vh; display: flex; justify-content: center; align-items: center;">
+          <a-spin tip="加载中..."></a-spin>
+        </div> -->
+
+        <a-empty v-if="!treeLoading && treeLoading" />
+        <a-button v-if="!treeLoading && treeData.length < 1" type="link" class="btnPrivate" @click="addInstruction"
+          v-show="mainOrgCode == ownOrgCode" preIcon="ant-design:plus-outlined">新增分类标签</a-button>
+        <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" style="width: 100%;margin-top: 50px;"
+          mode="inline" @openChange="onOpenChange">
+          <template v-for="item in treeData">
+            <!-- 第一层判断是否有下级 -->
+            <a-sub-menu v-if="item.children && item.children.length > 0" :key="item.key"
+              @titleClick="handleTreeSelect([], { node: item })">
+              <template #icon>
+                <Icon :icon="item.icon" :size="20" v-if="item.icon" />
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-else />
+              </template>
+              <template #title>
+                <span @mouseenter="item.showContent = true" @mouseleave="item.showContent = false">{{ item?.title }}
+                  <span v-if="item?.izEnabled == 'N' && item.level != 5" style="color:red;">(已停用)</span>
+                  <span v-show="item.showContent">
+                    <!-- 下拉菜单 -->
+                    <a-dropdown :open="menuState[item?.key]?.open" @openChange="onMenuOpenChange(item.key, $event)">
+                      <template #overlay>
+                        <a-menu>
+                          <a-menu-item v-for="itemMenu in menuItems(item)" :key="itemMenu.key"
+                            :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                            @click="() => { closeAllMenus(); itemMenu.action(item) }">
+                            <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                            <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                          </a-menu-item>
+                        </a-menu>
+                      </template>
+                      <!-- 图标 -->
+                      <Icon v-show="item.showContent" style="color:#1890FF;" :icon="iconClass(item.level)"
+                        class="action-icon" @mouseenter="onNodeIconEnter(item, item.children)"
+                        @mouseleave="onNodeIconLeave(item)" />
+                    </a-dropdown>
+                  </span>
+                </span>
+              </template>
+
+
+              <!-- 第二层判断是否有下级 -->
+              <template v-for="child in item.children">
+                <a-sub-menu :key="child.key" v-if="child.children && child.children.length > 0"
+                  @titleClick="handleTreeSelect([], { node: child })">
+                  <template #title>
+                    <span @mouseenter="child.showContent = true" @mouseleave="child.showContent = false">{{ child?.title
+                    }}
+                      <span v-if="child?.izEnabled == 'N' && child.level != 5" style="color:red;">(已停用)</span>
+                      <span v-show="child.showContent">
+                        <!-- 下拉菜单 -->
+                        <a-dropdown :open="menuState[child?.key]?.open"
+                          @openChange="onMenuOpenChange(child.key, $event)">
+                          <template #overlay>
+                            <a-menu>
+                              <a-menu-item v-for="itemMenu in menuItems(child)" :key="itemMenu.key"
+                                :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                @click="() => { closeAllMenus(); itemMenu.action(child) }">
+                                <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                              </a-menu-item>
+                            </a-menu>
+                          </template>
+                          <!-- 图标 -->
+                          <Icon style="color:#1890FF;" :icon="iconClass(child.level)" class="action-icon"
+                            @mouseenter="onNodeIconEnter(child, child.children)" @mouseleave="onNodeIconLeave(child)" />
+                        </a-dropdown>
+                      </span>
+                    </span>
+                  </template>
+                  <!-- 第三层判断是否有下级 -->
+                  <template v-for="childThree in child.children">
+                    <a-sub-menu :key="childThree.key" v-if="childThree.children && childThree.children.length > 0"
+                      @titleClick="handleTreeSelect([], { node: childThree })">
+                      <template #title>
+                        <span @mouseenter="childThree.showContent = true"
+                          @mouseleave="childThree.showContent = false">{{ childThree?.title }}
+                          <span v-if="childThree?.izEnabled == 'N' && childThree.level != 5"
+                            style="color:red;">(已停用)</span>
+                          <span v-show="childThree.showContent">
+                            <!-- 下拉菜单 -->
+                            <a-dropdown :open="menuState[childThree?.key]?.open"
+                              @openChange="onMenuOpenChange(childThree.key, $event)">
+                              <template #overlay>
+                                <a-menu>
+                                  <a-menu-item v-for="itemMenu in menuItems(childThree)" :key="itemMenu.key"
+                                    :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                    @click="() => { closeAllMenus(); itemMenu.action(childThree) }">
+                                    <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                    <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                  </a-menu-item>
+                                </a-menu>
+                              </template>
+                              <!-- 图标 -->
+                              <Icon style="color:#1890FF;" :icon="iconClass(childThree.level)" class="action-icon"
+                                @mouseenter="onNodeIconEnter(childThree, childThree.children)"
+                                @mouseleave="onNodeIconLeave(childThree)" />
+                            </a-dropdown>
+                          </span>
+                        </span>
+                      </template>
+                      <!-- 第四层判断是否有下级 -->
+                      <a-menu-item :key="childFour.key" v-for="childFour in childThree.children"
+                        @click="handleTreeSelect([], { node: childFour })">
+                        <span @mouseenter="childFour.showContent = true" @mouseleave="childFour.showContent = false"
+                          class="auto-wrap">{{ childFour?.title + '(' + childFour?.cycleTypeName + ')' }}
+                          <span v-if="childFour?.izEnabled == 'N' && childFour.level != 5"
+                            style="color:red;">(已停用)</span>
+                          <span v-show="childFour.showContent"> 
+                            <a-dropdown :open="menuState[childFour?.key]?.open"
+                              @openChange="onMenuOpenChange(childFour.key, $event)">
+                              <template #overlay>
+                                <a-menu>
+                                  <a-menu-item v-for="itemMenu in menuItems(childFour)" :key="itemMenu.key"
+                                    :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                    @click="() => { closeAllMenus(); itemMenu.action(childFour) }">
+                                    <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                    <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                  </a-menu-item>
+                                </a-menu>
+                              </template> 
+                              <Icon style="color:#1890FF;" :icon="iconClass(childFour.level)" class="action-icon"
+                                @mouseenter="onNodeIconEnter(childFour, childFour.children)"
+                                @mouseleave="onNodeIconLeave(childFour)" />
+                            </a-dropdown>
+                          </span>
+                        </span>
+                      </a-menu-item>
+                    </a-sub-menu>
+                    <a-menu-item :key="childThree.key" v-if="!childThree.children || childThree.children.length < 1"
+                      @click="handleTreeSelect([], { node: childThree })">
+                      <span @mouseenter="childThree.showContent = true" @mouseleave="childThree.showContent = false">{{
+                        childThree?.title }}
+                        <span v-if="childThree?.izEnabled == 'N' && childThree.level != 5"
+                          style="color:red;">(已停用)</span>
+                        <span v-show="childThree.showContent">
+                          <!-- 下拉菜单 -->
+                          <a-dropdown :open="menuState[childThree?.key]?.open"
+                            @openChange="onMenuOpenChange(childThree.key, $event)">
+                            <template #overlay>
+                              <a-menu>
+                                <a-menu-item v-for="itemMenu in menuItems(childThree)" :key="itemMenu.key"
+                                  :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                                  @click="() => { closeAllMenus(); itemMenu.action(childThree) }">
+                                  <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                                  <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                                </a-menu-item>
+                              </a-menu>
+                            </template>
+                            <!-- 图标 -->
+                            <Icon style="color:#1890FF;" :icon="iconClass(childThree.level)" class="action-icon"
+                              @mouseenter="onNodeIconEnter(childThree, childThree.children)"
+                              @mouseleave="onNodeIconLeave(childThree)" />
+                          </a-dropdown>
+                        </span>
+                      </span>
+                    </a-menu-item>
+                  </template>
+                </a-sub-menu>
+                <a-menu-item :key="child.key" v-if="!child.children || child.children.length < 1"
+                  @click="handleTreeSelect([], { node: child })">
+                  <span @mouseenter="child.showContent = true" @mouseleave="child.showContent = false">{{ child?.title
+                  }}
+                    <span v-if="child?.izEnabled == 'N' && child.level != 5" style="color:red;">(已停用)</span>
+                    <span v-show="child.showContent">
+                      <!-- 下拉菜单 -->
+                      <a-dropdown :open="menuState[child?.key]?.open" @openChange="onMenuOpenChange(child.key, $event)">
+                        <template #overlay>
+                          <a-menu>
+                            <a-menu-item v-for="itemMenu in menuItems(child)" :key="itemMenu.key"
+                              :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                              @click="() => { closeAllMenus(); itemMenu.action(child) }">
+                              <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                              <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                            </a-menu-item>
+                          </a-menu>
+                        </template>
+                        <!-- 图标 -->
+                        <Icon style="color:#1890FF;" :icon="iconClass(child.level)" class="action-icon"
+                          @mouseenter="onNodeIconEnter(child, child.children)" @mouseleave="onNodeIconLeave(child)" />
+                      </a-dropdown>
+                    </span>
+                  </span>
+                </a-menu-item>
+              </template>
+            </a-sub-menu>
+            <a-menu-item :key="item.key" v-if="!item.children || item.children.length < 1"
+              @click="handleTreeSelect([], { node: item })">
+              <template #icon>
+                <Icon :icon="item.icon" :size="20" v-if="item.icon" />
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-else />
+              </template>
+              <span @mouseenter="item.showContent = true" @mouseleave="item.showContent = false">{{ item?.title }}
+                <span v-if="item?.izEnabled == 'N' && item.level != 5" style="color:red;">(已停用)</span>
+                <span v-show="item.showContent">
+                  <!-- 下拉菜单 -->
+                  <a-dropdown :open="menuState[item?.key]?.open" @openChange="onMenuOpenChange(item.key, $event)">
+                    <template #overlay>
+                      <a-menu>
+                        <a-menu-item v-for="itemMenu in menuItems(item)" :key="itemMenu.key"
+                          :disabled="!itemMenu.canAdd" class="nu-menu-item"
+                          @click="() => { closeAllMenus(); itemMenu.action(item) }">
+                          <Icon style="color:#1890FF;" :icon="itemMenu.icon" class="action-icon"></Icon>
+                          <span style=" color:#1890FF;margin-left: 5px;">{{ itemMenu.label }}</span>
+                        </a-menu-item>
+                      </a-menu>
+                    </template>
+                    <!-- 图标 -->
+                    <Icon v-show="item.showContent" style="color:#1890FF;" :icon="iconClass(item.level)"
+                      class="action-icon" @mouseenter="onNodeIconEnter(item, item.children)"
+                      @mouseleave="onNodeIconLeave(item)" />
+                  </a-dropdown>
+                </span>
+              </span>
+            </a-menu-item>
+          </template>
+
+        </a-menu>
+
+
+
+
+
+        <!-- <a-tree class="container-height" style="padding-top: 40px;" v-if="!treeLoading && treeData.length > 0"
+          :tree-data="treeData" v-model:expandedKeys="expandedKeys" expandAction="click" @select="handleTreeSelect">
+          <template #title="{ data }">
+            <span class="node-title" @mouseenter="onNodeEnter(data, data.children, $event)"
+              @mouseleave="onNodeLeave(data)">
+                <Icon icon="ant-design:appstore-add-outlined" :size="20" v-if="data.level == 1" style="margin-right: 5px;"/>
+              <span v-if="data.level == 4">{{ data?.title + '(' + data?.cycleTypeName + ')' }}</span>
+              <span v-else>{{ data?.title }}</span>
+              <span v-if="data?.izEnabled == 'N' && data.level != 5" style="color:red;">(已停用)</span>
+
+              <a-dropdown :open="menuState[data?.key]?.open" @openChange="onMenuOpenChange(data.key, $event)">
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item v-for="item in menuItems(data)" :key="item.key" :disabled="!item.canAdd"
+                      class="nu-menu-item" @click="() => { closeAllMenus(); item.action(data) }">
+                      <Icon style="color:#1890FF;" :icon="item.icon" class="action-icon"></Icon>
+                      <span style=" color:#1890FF;margin-left: 5px;">{{ item.label }}</span>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+                <Icon v-show="data.showIcon && data.level != 5" style="color:#1890FF;" :icon="iconClass(data.level)"
+                  class="action-icon" @mouseenter="onNodeIconEnter(data, data.children)"
+                  @mouseleave="onNodeIconLeave(data)" />
+              </a-dropdown>
+            </span>
+          </template>
+        </a-tree> -->
+      </div>
+      <div style="width:calc(100% - 370px);float: left; background-color: white;border-radius: 8px;"
+        class="container-height">
+        <!--引用表格-->
+        <BasicTable @register="registerTable">
+          <!--插槽:table标题-->
+          <template #tableTitle>
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleinstructionTag"
+              preIcon="tabler:settings">配置分类标签</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleCategory"
+              preIcon="tabler:settings">配置服务类别</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleType" preIcon="tabler:settings">配置服务类型</a-button> -->
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleBodyTag"
+              preIcon="tabler:settings">配置体型标签</a-button>
+            <a-button type="primary" class="btnPrivate" @click="handleEmotionTag"
+              preIcon="tabler:settings">配置情绪标签</a-button> -->
+            <!-- <a-button type="primary" class="btnPrivate" @click="handleAdd"
+              preIcon="ant-design:plus-outlined">新增服务指令</a-button> -->
+            <a-button type="primary" @click="handleDirectiveMainOpen" v-show="isShowDM"
+              preIcon="ant-design:profile-outlined">标准指令库</a-button>
+            <a-button type="primary" preIcon="ant-design:eye-outlined" v-show="ownOrgCode == mainOrgCode"
+              @click="handleCompare">差异比对</a-button>
+            <a-button type="primary" preIcon="ant-design:eye-outlined" v-show="ownOrgCode == mainOrgCode"
+              @click="handleLookNewDirectives">差异指令</a-button>
+            <!-- <a-button type="primary" @click="handleBatchAdd" preIcon="ant-design:plus-outlined">批量新增</a-button>
+            <a-button type="primary" @click="onAbnormalListOpen" preIcon="ant-design:edit-twotone">停用指令</a-button> -->
+          </template>
+          <!--操作栏-->
+          <template #action="{ record }">
+            <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+          </template>
+          <template v-slot:bodyCell="{ column, record, index, text }">
+            <!-- 音频播放控制 -->
+            <template v-if="column.dataIndex === 'mp3File'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <a-button v-else type="link" class="btnPrivate" @click="openAudioModal(text)">播放</a-button>
+            </template>
+
+            <!-- <template v-if="column.dataIndex === 'previewFile'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <img v-else :src="getFileAccessHttpUrl(text)" alt="图片不存在" class="cellIamge" />
+            </template> -->
+            <!-- <template v-if="column.dataIndex === 'mp3File'">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <div v-else style="display: flex; align-items: center; gap: 8px;">
+            <audio ref="audioPlayer" :src="getFileAccessHttpUrl(text)" hidden></audio>
+            <a-button v-if="!currentPlayingAudio || currentPlayingAudio !== text" type="link" @click="playAudio(text)"
+              preIcon="ant-design:play-circle-outlined">
+              播放
+            </a-button>
+
+            <template v-else>
+              <a-button v-if="isPlaying" type="link" @click="pauseAudio" preIcon="ant-design:pause-circle-outlined">
+                暂停
+              </a-button>
+              <a-button v-else type="link" @click="resumeAudio" preIcon="ant-design:play-circle-outlined">
+                播放
+              </a-button>
+
+              <a-button type="link" @click="restartAudio" preIcon="ant-design:reload-outlined">
+                重播
+              </a-button>
+
+              <a-button type="link" @click="stopAudio" preIcon="ant-design:stop-outlined">
+                停止
+              </a-button>
+            </template>
+          </div>
+        </template> -->
+            <template v-if="column.dataIndex === 'mp4File'">
+              <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+              <a-button v-else type="link" class="btnPrivate" @click="openVideoModal(text)">播放</a-button>
+            </template>
+            <template v-if="column.dataIndex === 'bodyTagList'">
+              <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+                item.tagName).join('、')}}</span>
+            </template>
+            <template v-if="column.dataIndex === 'emotionTagList'">
+              <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+                item.tagName).join('、')}}</span>
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+
+    </div>
+
+    <!-- 表单区域 -->
+    <ConfigServiceDirectiveModal ref="registerModal" @success="handleSuccess"
+      :isMain="!!mainOrgCode && !!ownOrgCode && mainOrgCode == ownOrgCode">
+    </ConfigServiceDirectiveModal>
+  </div>
+
+  <!-- 分类标签 -->
+  <a-drawer title="分类标签" width="60vw" :open="insTagOpen" @close="onInsTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onInsTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <InstructionTag v-if="insTagOpen"></InstructionTag>
+  </a-drawer>
+
+  <!-- 服务类别 -->
+  <a-drawer title="服务类别" width="60vw" :open="categoryOpen" @close="onCategoryClose">
+    <template #footer>
+      <a-button type="primary" @click="onCategoryClose" style="float: right;">关闭</a-button>
+    </template>
+    <ConfigServiceCategoryList v-if="categoryOpen"></ConfigServiceCategoryList>
+  </a-drawer>
+
+  <!-- 服务类型 -->
+  <a-drawer title="服务类型" width="60vw" :open="typeOpen" @close="onTypeClose">
+    <template #footer>
+      <a-button type="primary" @click="onTypeClose" style="float: right;">关闭</a-button>
+    </template>
+    <ConfigServiceTypeList v-if="typeOpen"></ConfigServiceTypeList>
+  </a-drawer>
+
+  <!-- 体型标签 -->
+  <!-- <a-drawer title="体型标签" width="60vw" :open="bodyTagOpen" @close="onBodyTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onBodyTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <BodyTagList v-if="bodyTagOpen"></BodyTagList>
+  </a-drawer> -->
+
+  <!-- 情绪标签 -->
+  <!-- <a-drawer title="情绪标签" width="60vw" :open="emotionTagOpen" @close="onEmotionTagClose">
+    <template #footer>
+      <a-button type="primary" @click="onEmotionTagClose" style="float: right;">关闭</a-button>
+    </template>
+    <EmotionTagList v-if="emotionTagOpen"></EmotionTagList>
+  </a-drawer> -->
+  <!-- 差异比对 -->
+  <a-drawer title="差异比对" width="80vw" :open="compareListOpen" @close="onCompareListClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onCompareListClose" style="margin-right: 10px;">关闭</a-button>
+    </template>
+    <CompareDirectiveList ref="compareListRef" v-if="compareListOpen" :ownOrgCode="ownOrgCode" :ownOrgName="ownOrgName">
+    </CompareDirectiveList>
+  </a-drawer>
+
+  <!-- 批量新增 -->
+  <a-drawer title="批量新增" width="80vw" :open="batchAddOpen" @close="onBatchAddClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onBatchAddClose" style="margin-right: 10px;">关闭</a-button>
+      <a-button type="primary" @click="onBatchAddSubmit">确认</a-button>
+    </template>
+    <DirectiveMediaList ref="dmRef" :ownOrgCode="ownOrgCode" v-if="batchAddOpen"></DirectiveMediaList>
+  </a-drawer>
+
+  <!-- 停用指令 -->
+  <a-drawer title="停用指令" width="85vw" :open="abnormalListOpen" @close="onAbnormalListClose"
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '0' }">
+    <template #footer>
+      <a-button type="primary" @click="onAbnormalListClose" style="margin-right: 10px;">关闭</a-button>
+    </template>
+    <AbnormalDirectiveList ref="abnormalListRef" v-if="abnormalListOpen"></AbnormalDirectiveList>
+  </a-drawer>
+
+  <!-- 差异指令 -->
+  <a-drawer v-model:visible="newDirectiveVisible" title="差异指令" width="85vw" :footer-style="{ textAlign: 'right' }"
+    :bodyStyle="{ height: '80vh', display: 'flex', padding: '0', flexDirection: 'column', overflow: 'auto' }"
+    wrapClassName="org-list-modal" @cancel="handleCancelNewDirective">
+    <template #footer>
+      <a-button @click="handleCancelNewDirective" type="primary">关闭</a-button>
+      <!-- <a-button @click="handleAsyncNewDirective" type="primary">同步</a-button> -->
+    </template>
+    <div style="padding:0px 8px;">
+      <CanAddDirectiveList ref="canAddDirectiveRef" :directiveMainOrgInfo="directiveMainOrgInfo"
+        :existDirectiveIds="existDirectiveIds" @refreshExistIds="refreshDMExistedIds"></CanAddDirectiveList>
+    </div>
+  </a-drawer>
+
+  <!-- 音频播放 -->
+  <a-modal v-model:visible="showAudioModal" title="音频播放" :footer="null" @cancel="closeAudioModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }" :keyboard="true">
+    <audio ref="audioPlayer" controls style="width: 100%; display: block; margin: 20px auto;">
+      <source :src="audioUrl">
+      您的浏览器不支持音频播放。
+    </audio>
+  </a-modal>
+
+  <!-- 视频播放 -->
+  <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
+    <video ref="videoPlayer" controls style="width: 100%; max-height: 70vh; display: block; margin: 0 auto;">
+      <source :src="videoUrl">
+      您的浏览器不支持视频播放。
+    </video>
+  </a-modal>
+
+  <!-- 分类标签 -->
+  <InstructionTagModal ref="insRegisterModal" @success="reloadTree"></InstructionTagModal>
+  <ConfigServiceCategoryModal ref="catRegisterModal" @success="reloadTree"></ConfigServiceCategoryModal>
+  <ConfigServiceTypeModal ref="typRegisterModal" @success="reloadTree"></ConfigServiceTypeModal>
+</template>
+
+<script lang="ts" name="serviceDirective-configServiceDirective" setup>
+import { ref, reactive, watch, onMounted, computed, nextTick } from 'vue';
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { columns, superQuerySchema } from './ConfigServiceDirective.data';
+import { list, batchAdd, deleteOne, batchDelete, getImportUrl, getExportUrl, tree } from './ConfigServiceDirective.api';
+import ConfigServiceDirectiveModal from './components/ConfigServiceDirectiveModal.vue'
+import { useUserStore } from '/@/store/modules/user';
+import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { cloneDeep } from "lodash-es";
+import ConfigServiceCategoryList from '../serviceCategory/ConfigServiceCategoryList.vue';
+import InstructionTag from '../instructiontag/InstructionTag.vue';
+import ConfigServiceTypeList from '../serviceType/ConfigServiceTypeList.vue';
+import BodyTagList from '/@/views/services/directivetag/bodytag/BodyTagList.vue';
+import EmotionTagList from '/@/views/services/directivetag/emotiontag/EmotionTagList.vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { Empty } from 'ant-design-vue';
+import InstructionTagModal from '/@/views/services/InstructionTag/components/InstructionTagModal.vue'
+import ConfigServiceCategoryModal from '/@/views/services/serviceCategory/components//ConfigServiceCategoryModal.vue'
+import ConfigServiceTypeModal from '/@/views/services/serviceType/components//ConfigServiceTypeModal.vue'
+import DirectiveMediaList from '/@/views/services/directivemedia/DirectiveMediaList.vue'
+import { queryByKey } from '/@/views/admin/sysconfig/SysConfig.api'
+import { getOrgInfo } from '@/api/common/api'
+import { useMessage } from '/@/hooks/web/useMessage';
+import AbnormalDirectiveList from './components/AbnormalDirectiveList.vue'
+import CompareDirectiveList from './components/CompareDirectiveList.vue'
+import { idListByDS } from './ConfigServiceDirective.api';
+import CanAddDirectiveList from '/@/views/services/canadddirective/CanAddDirectiveList.vue'
+
+
+const { createMessage, createConfirm } = useMessage();
+const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS
+const canAddDirectiveRef = ref()
+const existDirectiveIds = ref([])//指令库已存在指令id
+const insRegisterModal = ref();
+const catRegisterModal = ref();
+const typRegisterModal = ref();
+const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
+const formRef = ref();
+const batchAddOpen = ref(false)
+const dmRef = ref()
+const abnormalListOpen = ref(false)
+const abnormalListRef = ref()
+const newDirectiveVisible = ref(false)
+const compareListRef = ref()
+const compareListOpen = ref(false)
+const queryParam = reactive<any>({
+  instructionTagId: '',
+  categoryId: '',
+  typeId: '',
+  izEnabled: 'Y',
+});
+watch(
+  () => queryParam.instructionTagId,
+  () => {
+    queryParam.categoryId = ''
+    queryParam.typeId = ''
+  }
+)
+
+// 当服务类别变动，清空服务类型
+watch(
+  () => queryParam.categoryId,
+  () => {
+    queryParam.typeId = ''
+  }
+)
+const toggleSearchStatus = ref<boolean>(false);
+const registerModal = ref();
+const treeData = ref<any>([]);
+const userStore = useUserStore();
+const isShowDM = ref(false)//是否展示指令库功能
+const selectedKeys = ref<any>([]);
+const openKeys = ref<any>([]);
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '服务指令',
+    api: list,
+    columns,
+    canResize: false,
+    useSearchForm: false,
+    showIndexColumn: true,
+    scroll: { y: '58vh' },
+    pagination: {
+      current: 1,
+      pageSize: 15,
+      pageSizeOptions: ['15', '50', '70', '100'],
+    },
+    actionColumn: {
+      width: 120,
+      fixed: 'right',
+    },
+    beforeFetch: async (params) => {
+      params.column = 'createTime'
+      params.order = 'desc'
+      let rangerQuery = await setRangeQuery();
+      return Object.assign(params, rangerQuery, filterIzEnabled.value == 'enabled' ? { izEnabled: 'Y' } : {});
+    },
+  },
+  exportConfig: {
+    name: "服务指令",
+    url: getExportUrl,
+    params: queryParam,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+});
+const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+const labelCol = reactive({
+  xs: 24,
+  sm: 4,
+  xl: 6,
+  xxl: 4
+});
+const wrapperCol = reactive({
+  xs: 24,
+  sm: 20,
+});
+
+// 高级查询配置
+const superQueryConfig = reactive(superQuerySchema);
+
+const insTagOpen = ref(false)//分类标签抽屉
+const categoryOpen = ref(false)//服务类别抽屉
+const typeOpen = ref(false)//服务类型抽屉
+const bodyTagOpen = ref(false)//体型标签抽屉
+const emotionTagOpen = ref(false)//情绪标签抽屉
+const mainOrgCode = ref()//指令库编码
+const ownOrgCode = ref('') //本机构编码
+const ownOrgName = ref('') //本机构名称
+const filterIzEnabled = ref('enabled')//筛选全部/已启用
+const directiveMainOrgInfo = ref()
+
+function onOpenChange(record: string[]) {
+  console.log("🚀 ~ onOpenChange ~ record:", record)
+  selectedKeys.value = record
+  // const latestOpenKey = record.find(key => state.openKeys.indexOf(key) === -1);
+  // if (state.rootSubmenuKeys.indexOf(latestOpenKey!) === -1) {
+  //   state.openKeys = openKeys;
+  // } else {
+  //   state.openKeys = latestOpenKey ? [latestOpenKey] : [];
+  // }
+}
+/**
+ * 高级查询事件
+ */
+function handleSuperQuery(params) {
+  Object.keys(params).map((k) => {
+    queryParam[k] = params[k];
+  });
+  searchQuery();
+}
+
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'add';
+  registerModal.value.add();
+}
+
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'edit';
+  registerModal.value.edit(record);
+}
+
+/**
+ * 编辑指令资源
+ */
+function handleMedia(record: Recordable) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'editMedia';
+  registerModal.value.editMedia(record);
+}
+
+/**
+ * 详情
+ */
+function handleDetail(record: Recordable) {
+  registerModal.value.disableSubmit = true;
+  registerModal.value.opeType = 'look';
+  registerModal.value.edit(record);
+}
+
+
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+  reloadTree()
+}
+
+/**
+ * 操作栏
+ */
+function getTableAction(record) {
+  return [
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    },
+    // {
+    //   label: '编辑',
+    //   onClick: handleEdit.bind(null, record)
+    // },
+    // {
+    //   label: '指令资源',
+    //   onClick: handleMedia.bind(null, record)
+    // },
+  ];
+}
+
+/**
+ * 下拉操作栏
+ */
+function getDropDownAction(record) {
+  return [
+    {
+      label: '编辑指令',
+      onClick: editDirective.bind(null, { key: record.id }),
+    },
+    {
+      label: '编辑资源',
+      onClick: editMedia.bind(null, { key: record.id }),
+    },
+    {
+      label: '启用指令',
+      onClick: usingDirective.bind(null, { key: record.id }),
+      ifShow: record.izEnabled == 'N'
+    },
+    {
+      label: '停用指令',
+      onClick: stopDirective.bind(null, { key: record.id }),
+      ifShow: record.izEnabled == 'Y'
+    },
+  ]
+}
+
+function expandTreeNodeToLevel4(directiveData: any) {
+  console.log("🚀 ~ expandTreeNodeToLevel4 ~ directiveData:", directiveData)
+
+
+  selectedKeys.value = [directiveData.instructionTagId, directiveData.categoryId, directiveData.typeId, directiveData.id]
+  openKeys.value = [directiveData.instructionTagId, directiveData.categoryId, directiveData.typeId, directiveData.id]
+  // // 清空之前展开的节点
+  // expandedKeys.value = [];
+  // // 递归查找并展开相应的节点
+  // const findAndExpandNode = (nodes: any[], level: number, directiveData: any) => {
+  //   for (const node of nodes) {
+  //     // 判断当前节点的 level 是否与 directiveData 的级别匹配
+  //     if (level === 1 && node.instructionId === directiveData.instructionTagId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 2, directiveData);
+  //       }
+  //     } else if (level === 2 && node.categoryId === directiveData.categoryId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 3, directiveData);
+  //       }
+  //     } else if (level === 3 && node.typeId === directiveData.typeId) {
+  //       expandedKeys.value.push(node.key);
+  //       if (node.children && node.children.length > 0) {
+  //         findAndExpandNode(node.children, 4, directiveData);
+  //       }
+  //     } else if (level === 4 && node.key === directiveData.id) {
+  //       expandedKeys.value.push(node.key);
+  //     }
+  //   }
+  // };
+  // // 调用递归方法，从树的根节点开始查找
+  // findAndExpandNode(treeData.value, 1, directiveData);
+}
+
+/**
+ * 查询
+ */
+function searchQuery(reloadTree = true, resetId = true) {
+  if (!!queryParam.directiveName || !!queryParam.bodyTags || !!queryParam.emotionTags) {
+    queryParam.instructionTagId = '';
+    queryParam.categoryId = '';
+    queryParam.typeId = '';
+  }
+  if (resetId) {
+    queryParam.id = ''
+  }
+  if (filterIzEnabled.value == 'enabled') {
+    queryParam.izEnabled = 'Y'
+  } else {
+    queryParam.izEnabled = ''
+  }
+  reload().then(async res => {
+    if (reloadTree) {
+      await initTree();
+    }
+    if (res.length == 1) {
+      expandTreeNodeToLevel4(res[0])
+    }
+  })
+
+}
+
+/**
+ * 重置
+ */
+function searchReset() {
+  formRef.value.resetFields(); // 重置表单字段
+  selectedRowKeys.value = []; // 清空选中的行
+
+  // 清空 queryParam 中相关字段
+  queryParam.instructionTagId = '';
+  queryParam.categoryId = '';
+  queryParam.typeId = '';
+  queryParam.directiveName = ''; // 如果你有其他需要清除的字段，也可以加到这里
+  queryParam.bodyTags = '';
+  queryParam.emotionTags = '';
+  queryParam.id = '';
+  // queryParam.izEnabled = '';
+
+  // 刷新数据
+  reload().then(() => {
+    initTree();
+  });
+}
+
+
+let rangeField = 'tollPrice,comPrice,'
+
+/**
+ * 设置范围查询条件
+ */
+async function setRangeQuery() {
+  let queryParamClone = cloneDeep(queryParam);
+  if (rangeField) {
+    let fieldsValue = rangeField.split(',');
+    fieldsValue.forEach(item => {
+      if (queryParamClone[item]) {
+        let range = queryParamClone[item];
+        queryParamClone[item + '_begin'] = range[0];
+        queryParamClone[item + '_end'] = range[1];
+        delete queryParamClone[item];
+      } else {
+        queryParamClone[item + '_begin'] = '';
+        queryParamClone[item + '_end'] = '';
+      }
+    })
+  }
+  return queryParamClone;
+}
+
+//分类标签抽屉打开
+function handleinstructionTag() {
+  insTagOpen.value = true
+}
+//服务类别抽屉打开
+function handleCategory() {
+  categoryOpen.value = true
+}
+//服务类型抽屉打开
+function handleType() {
+  typeOpen.value = true
+}
+//体型标签抽屉打开
+function handleBodyTag() {
+  bodyTagOpen.value = true
+}
+//情绪标签抽屉打开
+function handleEmotionTag() {
+  emotionTagOpen.value = true
+}
+
+//分类标签抽屉关闭
+function onInsTagClose() {
+  insTagOpen.value = false
+}
+//服务类别抽屉关闭
+function onCategoryClose() {
+  categoryOpen.value = false
+}
+//服务类型抽屉关闭
+function onTypeClose() {
+  typeOpen.value = false
+}
+//体型标签抽屉关闭
+function onBodyTagClose() {
+  bodyTagOpen.value = false
+}
+//体型标签抽屉关闭
+function onEmotionTagClose() {
+  emotionTagOpen.value = false
+}
+
+const showAudioModal = ref(false); // 控制音频模态框显示
+const audioUrl = ref(''); // 音频 URL
+const audioPlayer = ref(null);
+
+// 打开音频模态框
+const openAudioModal = (url) => {
+  audioUrl.value = opeMediaAddress + url;
+  showAudioModal.value = true;
+};
+
+// 关闭音频模态框
+const closeAudioModal = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause(); // 暂停音频播放
+    audioPlayer.value.currentTime = 0; // 可选：重置播放进度
+  }
+  showAudioModal.value = false;
+  audioUrl.value = '';
+};
+
+const showVideoModal = ref(false); // 控制模态框显示
+const videoUrl = ref(''); // 视频 URL
+const videoPlayer = ref(null);
+
+// 打开视频模态框
+const openVideoModal = (url) => {
+  videoUrl.value = opeMediaAddress + url;
+  showVideoModal.value = true;
+};
+
+// 关闭视频模态框
+const closeVideoModal = () => {
+  if (videoPlayer.value) {
+    videoPlayer.value.pause(); // 暂停视频播放
+    videoPlayer.value.currentTime = 0; // 可选：将播放进度重置到开始
+  }
+  showVideoModal.value = false;
+  videoUrl.value = '';
+};
+
+// 添加以下响应式变量
+const currentPlayingAudio = ref<string | null>(null);
+const isPlaying = ref(false);
+
+// 添加音频控制方法
+const playAudio = (url: string) => {
+  if (currentPlayingAudio.value && currentPlayingAudio.value !== url) {
+    // 如果正在播放其他音频，先停止
+    stopAudio();
+  }
+
+  currentPlayingAudio.value = url;
+  isPlaying.value = true;
+
+  // 确保audio元素存在
+  if (audioPlayer.value) {
+    audioPlayer.value.src = getFileAccessHttpUrl(url);
+    audioPlayer.value.play().catch(e => {
+      isPlaying.value = false;
+      currentPlayingAudio.value = null;
+    });
+  }
+};
+
+const pauseAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    isPlaying.value = false;
+  }
+};
+
+const resumeAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.play().catch(e => {
+    });
+    isPlaying.value = true;
+  }
+};
+
+const restartAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.currentTime = 0;
+    audioPlayer.value.play().catch(e => {
+    });
+    isPlaying.value = true;
+  }
+};
+
+const stopAudio = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    audioPlayer.value.currentTime = 0;
+    isPlaying.value = false;
+    currentPlayingAudio.value = null;
+  }
+};
+
+
+const clickCount = ref(0);
+const treeChildData = ref<any>([]);
+const expandedKeys = ref<string[]>([]);
+
+
+// 为每个 node 维护一个菜单状态和 hover 定时器
+const menuState = reactive<Record<string, { timer?: number, openedByClick: boolean, open: boolean }>>({
+
+})
+function onNodeEnter(node, level, event) {
+  node.showIcon = true
+}
+
+function onNodeLeave(node) {
+  node.showIcon = false
+}
+
+function onNodeIconEnter(node, level) {
+  // 检查当前节点是否已经展开，如果是，则跳过关闭所有菜单的操作
+  const key = node.key;
+  const currentMenuState = menuState[key];
+
+  if (currentMenuState?.open) {
+    // 当前菜单已经展开，直接返回
+    return;
+  }
+
+  // 如果没有菜单状态，则初始化
+  if (!menuState[key]) {
+    menuState[key] = { openedByClick: false, open: false };
+  }
+
+  // 只有前三级需要自动展开
+  if (level <= 3 && !menuState[key].openedByClick) {
+    menuState[key].timer = window.setTimeout(() => {
+      menuState[key].open = true;
+    }, 2000);
+  }
+}
+
+
+function onNodeIconLeave(node) {
+  const s = menuState[node.key]
+  if (s?.timer) {
+    clearTimeout(s.timer)
+    delete s.timer
+  }
+}
+// 用户点击图标手动打开
+function openMenu(node, level, ev) {
+  closeAllMenus();
+  const key = node.key
+  if (!menuState[key]) menuState[key] = { openedByClick: false, open: false }
+  menuState[key].openedByClick = true
+  menuState[key].open = true
+}
+
+// 当 Dropdown 自身触发 openChange（比如点击外部关闭）时，同步状态
+function onMenuOpenChange(key: string, open: boolean) {
+  if (!menuState[key]) menuState[key] = { open: false, openedByClick: false }
+  menuState[key].open = open
+  // 如果是外部关闭，则重置 clicked 状态
+  if (!open) menuState[key].openedByClick = false
+}
+
+// 关闭所有菜单工具函数
+function closeAllMenus() {
+  Object.keys(menuState).forEach(k => {
+    menuState[k].open = false
+    menuState[k].openedByClick = false
+  })
+}
+
+// 根据层级返回图标 class
+function iconClass(level: number) {
+  switch (level) {
+    case 1: return 'ant-design:setting-twotone'
+    case 2: return 'ant-design:setting-twotone'
+    case 3: return 'ant-design:setting-twotone'
+    case 4: return 'ant-design:setting-outlined'
+    default: return 'ant-design:setting-outlined'
+  }
+}
+
+//新增分类标签
+function addInstruction() {
+  insRegisterModal.value.disableSubmit = false;
+  insRegisterModal.value.add();
+}
+
+//启用分类标签
+function usingInstruction(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用分类标签“' + data.title + '”下所有服务类别、服务类型、服务指令！' + '是否确认启用分类标签“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      insRegisterModal.value.usingOrStop(data.instructionId, 'Y', false)
+      catRegisterModal.value.usingOrStopByCascade(data.instructionId, 'Y', false)
+      typRegisterModal.value.usingOrStopByCascade(data.instructionId, '', 'Y', false)
+      registerModal.value.usingOrStopByCascade(data.instructionId, '', '', 'Y', true)
+    }
+  });
+}
+//停用分类标签
+function stopInstruction(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用分类标签“' + data.title + '”下所有服务类别、服务类型、服务指令！' + '是否确认停用分类标签“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      insRegisterModal.value.usingOrStop(data.instructionId, 'N', false)
+      catRegisterModal.value.usingOrStopByCascade(data.instructionId, 'N', false)
+      typRegisterModal.value.usingOrStopByCascade(data.instructionId, '', 'N', false)
+      registerModal.value.usingOrStopByCascade(data.instructionId, '', '', 'N', true)
+    }
+  });
+}
+function editInstruction(data) {
+  insRegisterModal.value.disableSubmit = false;
+  insRegisterModal.value.editIcon(data);
+}
+//新增服务类别
+function addCategory(data) {
+  catRegisterModal.value.disableSubmit = false;
+  catRegisterModal.value.add({ instructionId: data.instructionId });
+}
+//启用服务类别
+function usingCategory(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用服务类别“' + data.title + '”下所有服务类型、服务指令！' + '是否确认启用服务类别“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      catRegisterModal.value.usingOrStop(data.categoryId, 'Y', false)
+      typRegisterModal.value.usingOrStopByCascade('', data.categoryId, 'Y', false)
+      registerModal.value.usingOrStopByCascade('', data.categoryId, '', 'Y', true)
+    }
+  });
+}
+//停用服务类别
+function stopCategory(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用服务类别“' + data.title + '”下所有服务类型、服务指令！' + '是否确认停用服务类别“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      catRegisterModal.value.usingOrStop(data.categoryId, 'N', false)
+      typRegisterModal.value.usingOrStopByCascade('', data.categoryId, 'N', false)
+      registerModal.value.usingOrStopByCascade('', data.categoryId, '', 'N', true)
+    }
+  });
+}
+//修改类别图片
+function editCategoryAnimationPath(data) {
+  catRegisterModal.value.disableSubmit = false;
+  catRegisterModal.value.edit({ id: data.key });
+}
+//新增服务类型
+function addType(data) {
+  typRegisterModal.value.disableSubmit = false;
+  typRegisterModal.value.add({ instructionId: data.instructionId, categoryId: data.categoryId });
+}
+//启用服务类型
+function usingType(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时启用服务类型“' + data.title + '”下所有服务指令！' + '是否确认启用服务类型“' + data.title + '”!',
+    okText: '启用',
+    cancelText: '取消',
+    onOk: () => {
+      typRegisterModal.value.usingOrStop(data.typeId, 'Y', false)
+      registerModal.value.usingOrStopByCascade('', '', data.typeId, 'Y', true)
+    }
+  });
+}
+//停用服务类型
+function stopType(data) {
+  createConfirm({
+    iconType: 'warning',
+    title: '操作确认',
+    content: '此操作会同时停用服务类型“' + data.title + '”下所有服务指令！' + '是否确认停用服务类型“' + data.title + '”!',
+    okText: '停用',
+    cancelText: '取消',
+    onOk: () => {
+      typRegisterModal.value.usingOrStop(data.typeId, 'N', false)
+      registerModal.value.usingOrStopByCascade('', '', data.typeId, 'N', true)
+    }
+  });
+}
+//修改类别图片
+function editTypeAnimationPath(data) {
+  typRegisterModal.value.disableSubmit = false;
+  typRegisterModal.value.edit({ id: data.key });
+}
+//新增服务指令
+function addDirective(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'add';
+  registerModal.value.edit({ instructionTagId: data.instructionId, categoryId: data.categoryId, typeId: data.typeId });
+}
+//编辑务指令
+function editDirective(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'edit';
+  registerModal.value.queryByIdFunc(data.key);
+}
+//指令资源
+function editMedia(data) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'editMedia';
+  registerModal.value.queryAndEditMedia(data.key);
+}
+//启用服务指令
+function usingDirective(data) {
+  registerModal.value.usingOrStop(data.key, 'Y', true);
+}
+//停用服务指令
+function stopDirective(data) {
+  registerModal.value.usingOrStop(data.key, 'N', true);
+}
+//查看体型标签
+function bodyTagsDetail(data) {
+
+}
+//查看情绪标签
+function emotionTagsDetail(data) {
+
+}
+// 根据层级返回菜单项
+function menuItems(data) {
+  if (data.level === 1) {
+    const items = [
+
+    ]
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'addIns', label: '新增分类标签', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: addInstruction },)
+    }
+    if (data.canAdd) {
+      items.push({ key: 'addCat', label: '新增服务类别', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addCategory })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingIns', label: '启用分类标签', icon: 'ant-design:check-circle-outlined', canAdd: true, action: usingInstruction })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopIns', label: '停用分类标签', icon: 'ant-design:stop-outlined', canAdd: true, action: stopInstruction })
+    }
+    items.push({ key: 'editIns', label: '修改图标', icon: 'ant-design:edit-outlined', canAdd: true, action: editInstruction },)
+    return items
+  }
+  else if (data.level === 2) {
+    const items = [
+      { key: 'addCat', label: '新增服务类别', icon: 'ant-design:plus-outlined', canAdd: data.parentLevelEnabled, action: addCategory },
+    ]
+    if (data.canAdd) {
+      items.push({ key: 'addTyp', label: '新增服务类型', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addType })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingCat', label: '启用服务类别', icon: 'ant-design:check-circle-outlined', canAdd: data.parentLevelEnabled, action: usingCategory })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopCat', label: '停用服务类别', icon: 'ant-design:stop-outlined', canAdd: data.parentLevelEnabled, action: stopCategory })
+    }
+
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'editCatImg', label: '修改类别图片', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: editCategoryAnimationPath },)
+    }
+    return items
+  }
+  else if (data.level === 3) {
+    const items = [
+      { key: 'addTyp', label: '新增服务类型', icon: 'ant-design:plus-outlined', canAdd: data.parentLevelEnabled, action: addType },
+    ]
+    if (data.canAdd) {
+      items.push({ key: 'addDir', label: '新增服务指令', icon: 'ant-design:plus-outlined', canAdd: data.canAdd, action: addDirective })
+    }
+    if (data.izEnabled === 'N') {
+      items.push({ key: 'usingTyp', label: '启用服务类型', icon: 'ant-design:check-circle-outlined', canAdd: data.parentLevelEnabled, action: usingType })
+    } else if (data.izEnabled === 'Y') {
+      items.push({ key: 'stopTyp', label: '停用服务类型', icon: 'ant-design:stop-outlined', canAdd: data.parentLevelEnabled, action: stopType })
+    }
+    if (!!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value) {
+      items.push({ key: 'editTypeImg', label: '修改类型图片', icon: 'ant-design:plus-outlined', canAdd: true && !!mainOrgCode.value && mainOrgCode.value == ownOrgCode.value, action: editTypeAnimationPath },)
+    }
+    return items
+  }
+  // else if (data.level === 4) {
+  //   const items = [
+  //     { key: 'editDir', label: '编辑服务指令', icon: 'ant-design:edit-outlined', canAdd: data.canAdd && data.izEnabled == 'Y', action: editDirective },
+  //     { key: 'editMedia', label: '编辑指令资源', icon: 'ant-design:edit-outlined', canAdd: data.canAdd && data.izEnabled == 'Y' && mainOrgCode.value == ownOrgCode.value, action: editMedia },
+  //   ]
+  //   // if (data.canAdd) {
+  //   //   items.push({ key: 'addDir', label: '新增服务指令', icon: 'ant-design:plus-outlined', canAdd: data.canAdd , action: addDirective })
+  //   // }
+  //   if (data.izEnabled === 'N') {
+  //     items.push({ key: 'usingDir', label: '启用服务指令', icon: 'ant-design:check-circle-outlined', canAdd: data.canAdd, action: usingDirective })
+  //   } else if (data.izEnabled === 'Y') {
+  //     items.push({ key: 'stopDir', label: '停用服务指令', icon: 'ant-design:stop-outlined', canAdd: data.canAdd, action: stopDirective })
+  //   }
+  //   if (data?.bodyTagList?.length > 0) {
+  //     items.push({ key: 'bodyTagsDetail', label: '查看体型标签', icon: 'ant-design:stop-outlined', canAdd: true, action: bodyTagsDetail })
+  //   }
+  //   if (data?.emotionTagList?.length > 0) {
+  //     items.push({ key: 'emotionTagsDetail', label: '查看情绪标签', icon: 'ant-design:stop-outlined', canAdd: true, action: emotionTagsDetail })
+  //   }
+  //   return items
+  // }
+  return []
+}
+
+
+// 递归取每级第一个 key
+function setDefaultExpanded(nodes: any[]) {
+  // expandedKeys.value.push(nodes[0].key)
+  // expandedKeys.value.push(nodes[0]?.children?.[0]?.key)
+  // expandedKeys.value.push(nodes[0]?.children?.[0]?.children?.[0]?.key)
+}
+const treeLoading = ref(false)
+
+function reloadTree() {
+  tree({ filterIzEnabled: filterIzEnabled.value }).then(res => {
+    treeData.value = res;
+  })
+}
+
+function handleTreeSelect(selectedKeys: string[], { node }: any) {
+  const level = node.level;
+
+  // 清空不必要的查询条件
+  queryParam.directiveName = '';
+  queryParam.bodyTags = '';
+  queryParam.emotionTags = '';
+  queryParam.id = ''
+  // queryParam.izEnabled = '';
+
+  // 根据节点级别设置查询条件
+  switch (level) {
+    case 1: // 分类标签
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = '';
+      queryParam.typeId = '';
+      break;
+    case 2: // 服务类别
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = node.categoryId;
+      queryParam.typeId = '';
+      break;
+    case 3: // 服务类型
+      queryParam.instructionTagId = node.instructionId;
+      queryParam.categoryId = node.categoryId;
+      queryParam.typeId = node.typeId;
+      break;
+    // case 4: // 服务指令
+    //   // 四级节点特殊处理：设置指令名称
+    //   queryParam.instructionTagId = node.instructionId;
+    //   queryParam.categoryId = node.categoryId;
+    //   queryParam.typeId = node.typeId;
+    //   queryParam.directiveName = node.title;
+    //   queryParam.id = node.key
+    //   break;
+  }
+  if (level == 5) return
+  // 触发查询
+  searchQuery(false, level != 4);
+}
+
+async function initTree() {
+  treeLoading.value = true;
+  try {
+    const res = await tree({ filterIzEnabled: filterIzEnabled.value });
+    treeData.value = res;
+    expandedKeys.value = [];
+    // 默认展开每级第一个
+    // setDefaultExpanded(res);
+  } finally {
+    treeLoading.value = false;
+  }
+}
+
+/**
+ * 查看指令库
+ */
+function handleDirectiveMainOpen() {
+  registerModal.value?.openDM(mainOrgCode.value)
+}
+
+async function getDirectiveMainOrgCode() {
+  let { orgCode, orgName } = await getOrgInfo()
+  ownOrgCode.value = orgCode
+  ownOrgName.value = orgName
+  let { configValue } = await queryByKey({ key: 'directive_main_org_code' })
+  mainOrgCode.value = configValue
+  if (orgCode != configValue) isShowDM.value = true
+}
+
+function handleBatchAdd() {
+  batchAddOpen.value = true
+  nextTick(() => {
+    dmRef.value?.init()
+  })
+}
+
+function onBatchAddClose() {
+  batchAddOpen.value = false
+}
+function onBatchAddSubmit() {
+  batchAdd(dmRef.value?.selectedRows).then(res => {
+    createMessage.success('操作成功')
+    // filterIzEnabled.value = 'all'
+    searchQuery(true, true)
+    onBatchAddClose()
+  })
+}
+
+
+function onAbnormalListOpen() {
+  abnormalListOpen.value = true
+  nextTick(() => {
+    abnormalListRef.value?.reload()
+  })
+}
+function onAbnormalListClose() {
+  abnormalListOpen.value = false
+  searchQuery(true, true)
+}
+
+//刷新已有指令库
+async function refreshDMExistedIds(dmOrgInfo, izReset = false, izQuery = true) {
+  let res = await idListByDS({ dataSourceCode: 'master' })
+  existDirectiveIds.value = res.records
+  if (izReset) {
+    canAddDirectiveRef.value?.searchReset()
+  } else {
+    canAddDirectiveRef.value?.reload()
+  }
+}
+
+async function handleLookNewDirectives() {
+  await refreshDMExistedIds(directiveMainOrgInfo.value, true)
+  newDirectiveVisible.value = true
+}
+/**
+ * 关闭新增指令
+ */
+function handleCancelNewDirective() {
+  newDirectiveVisible.value = false
+}
+
+/**
+ * 差异比对
+ */
+function handleCompare() {
+  compareListOpen.value = true
+}
+
+function onCompareListClose() {
+  compareListOpen.value = false
+}
+
+// 添加音频结束监听
+onMounted(() => {
+  if (audioPlayer.value) {
+    audioPlayer.value.addEventListener('ended', () => {
+      isPlaying.value = false;
+    });
+  }
+  initTree()
+  getDirectiveMainOrgCode()
+});
+
+</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%;
+  }
+}
+
+audio::-webkit-media-controls-timeline {
+  display: none;
+}
+
+audio::-webkit-media-controls-current-time-display,
+audio::-webkit-media-controls-time-remaining-display {
+  display: none;
+}
+
+.btnPrivate {
+  height: 40px;
+  margin-left: 4px;
+}
+
+.node-title {
+  display: inline-flex;
+  align-items: center;
+}
+
+.action-icon {
+  margin-left: 4px;
+  cursor: pointer;
+}
+
+:deep(.centered-dropdown) {
+  position: fixed;
+  left: 50% !important;
+  top: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  max-height: 80vh;
+  overflow-y: auto;
+
+  .ant-dropdown-menu {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+
+.container-height {
+  height: 77vh;
+}
+
+@media screen and (min-width: 1600px) and (min-height: 900px) {
+  .container-height {
+    height: 81.5vh;
+  }
+}
+
+:deep(.ant-menu-item-selected) {
+  color: #4b4b4b !important;
+}
+
+:deep(.ant-menu-submenu-title) {
+  color: #4b4b4b !important;
+}
+
+.auto-wrap {
+  word-wrap: break-word;
+  /* 长单词/URL换行 */
+  word-break: break-all;
+  /* 更激进的换行策略 */
+  white-space: normal;
+  /* 默认换行行为 */
+  line-height: 20px !important;
+  display: inline flow-root;
+  padding-top: 10px;
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/components/AbnormalDirectiveList.vue b/src/views/services/serviceDirective copy/components/AbnormalDirectiveList.vue
new file mode 100644
index 0000000..06eb327
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/AbnormalDirectiveList.vue	
@@ -0,0 +1,320 @@
+<template>
+  <div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+      <template v-slot:bodyCell="{ column, record, index, text }">
+        <!-- 音频播放控制 -->
+        <template v-if="column.dataIndex === 'mp3File'">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button v-else type="link" class="btnPrivate" @click="openAudioModal(text)">播放</a-button>
+        </template>
+        <template v-if="column.dataIndex === 'mp4File'">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
+          <a-button v-else type="link" class="btnPrivate" @click="openVideoModal(text)">播放</a-button>
+        </template>
+        <template v-if="column.dataIndex === 'bodyTagList'">
+          <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+            item.tagName).join('、')}}</span>
+        </template>
+        <template v-if="column.dataIndex === 'emotionTagList'">
+          <span :title="text.map((item) => item.tagName).join('、')">{{text.map((item) =>
+            item.tagName).join('、')}}</span>
+        </template>
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <ConfigServiceDirectiveModal ref="registerModal" @success="handleSuccess" :izAbnormal="true">
+    </ConfigServiceDirectiveModal>
+  </div>
+
+  <!-- 音频播放 -->
+  <a-modal v-model:visible="showAudioModal" title="音频播放" :footer="null" @cancel="closeAudioModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }" :keyboard="true">
+    <audio ref="audioPlayer" controls style="width: 100%; display: block; margin: 20px auto;">
+      <source :src="audioUrl">
+      您的浏览器不支持音频播放。
+    </audio>
+  </a-modal>
+
+  <!-- 视频播放 -->
+  <a-modal v-model:visible="showVideoModal" title="视频播放" :footer="null" @cancel="closeVideoModal"
+    :bodyStyle="{ padding: '0', maxHeight: '80vh', overflow: 'auto' }">
+    <video ref="videoPlayer" controls style="width: 100%; max-height: 70vh; display: block; margin: 0 auto;">
+      <source :src="videoUrl">
+      您的浏览器不支持视频播放。
+    </video>
+  </a-modal>
+</template>
+
+<script lang="ts" name="serviceDirective-configServiceDirective" setup>
+import { ref, reactive, watch, onMounted, computed, nextTick } from 'vue';
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { columns, superQuerySchema } from './ConfigServiceDirective.data';
+import { list, batchAdd, deleteOne, batchDelete, getImportUrl, getExportUrl, tree } from '../ConfigServiceDirective.api';
+import ConfigServiceDirectiveModal from './ConfigServiceDirectiveModal.vue'
+import { useUserStore } from '/@/store/modules/user';
+import { cloneDeep } from "lodash-es";
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { Empty } from 'ant-design-vue';
+import { queryByKey } from '/@/views/admin/sysconfig/SysConfig.api'
+import { getOrgInfo } from '@/api/common/api'
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createMessage, createConfirm } = useMessage();
+const queryParam = reactive<any>({
+  instructionTagId: '',
+  categoryId: '',
+  typeId: '',
+  izEnabled: '0',
+});
+watch(
+  () => queryParam.instructionTagId,
+  () => {
+    queryParam.categoryId = ''
+    queryParam.typeId = ''
+  }
+)
+
+// 当服务类别变动，清空服务类型
+watch(
+  () => queryParam.categoryId,
+  () => {
+    queryParam.typeId = ''
+  }
+)
+const registerModal = ref();
+const treeData = ref<any>([]);
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '服务指令',
+    api: list,
+    columns,
+    canResize: false,
+    useSearchForm: false,
+    showIndexColumn: true,
+    scroll: { y: '58vh' },
+    pagination: {
+      current: 1,
+      pageSize: 15,
+      pageSizeOptions: ['15', '50', '70', '100'],
+    },
+    actionColumn: {
+      width: 70,
+      fixed: 'right',
+    },
+    beforeFetch: async (params) => {
+      params.izAbnormal = true
+      params.column = 'createTime'
+      params.order = 'desc'
+      return params;
+    },
+  },
+  exportConfig: {
+    name: "服务指令",
+    url: getExportUrl,
+    params: queryParam,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+});
+const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+
+const filterIzEnabled = ref('enabled')//筛选全部/已启用
+
+
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+  reloadTree()
+}
+
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  registerModal.value.disableSubmit = false;
+  registerModal.value.opeType = 'edit';
+  record.izEnabled = ''
+  record.tollPrice = ''
+  registerModal.value.edit(record);
+}
+
+/**
+ * 操作栏
+ */
+function getTableAction(record) {
+  return [
+    {
+      label: '编辑',
+      onClick: handleEdit.bind(null, record)
+    },
+  ];
+}
+
+/**
+ * 下拉操作栏
+ */
+function getDropDownAction(record) {
+  return [
+  ]
+}
+
+
+const showAudioModal = ref(false); // 控制音频模态框显示
+const audioUrl = ref(''); // 音频 URL
+const audioPlayer = ref(null);
+
+// 打开音频模态框
+const openAudioModal = (url) => {
+  audioUrl.value = getFileAccessHttpUrl(url);
+  showAudioModal.value = true;
+};
+
+// 关闭音频模态框
+const closeAudioModal = () => {
+  if (audioPlayer.value) {
+    audioPlayer.value.pause(); // 暂停音频播放
+    audioPlayer.value.currentTime = 0; // 可选：重置播放进度
+  }
+  showAudioModal.value = false;
+  audioUrl.value = '';
+};
+
+const showVideoModal = ref(false); // 控制模态框显示
+const videoUrl = ref(''); // 视频 URL
+const videoPlayer = ref(null);
+
+// 打开视频模态框
+const openVideoModal = (url) => {
+  videoUrl.value = getFileAccessHttpUrl(url);
+  showVideoModal.value = true;
+};
+
+// 关闭视频模态框
+const closeVideoModal = () => {
+  if (videoPlayer.value) {
+    videoPlayer.value.pause(); // 暂停视频播放
+    videoPlayer.value.currentTime = 0; // 可选：将播放进度重置到开始
+  }
+  showVideoModal.value = false;
+  videoUrl.value = '';
+};
+
+// 添加以下响应式变量
+const isPlaying = ref(false);
+
+function reloadTree() {
+  tree({ filterIzEnabled: filterIzEnabled.value }).then(res => {
+    treeData.value = res;
+  })
+}
+
+
+
+// 添加音频结束监听
+onMounted(() => {
+  if (audioPlayer.value) {
+    audioPlayer.value.addEventListener('ended', () => {
+      isPlaying.value = false;
+    });
+  }
+});
+
+defineExpose({
+  reload
+});
+
+</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%;
+  }
+}
+
+audio::-webkit-media-controls-timeline {
+  display: none;
+}
+
+audio::-webkit-media-controls-current-time-display,
+audio::-webkit-media-controls-time-remaining-display {
+  display: none;
+}
+
+.btnPrivate {
+  height: 40px;
+  margin-left: 4px;
+}
+
+.node-title {
+  display: inline-flex;
+  align-items: center;
+}
+
+.action-icon {
+  margin-left: 4px;
+  cursor: pointer;
+}
+
+:deep(.centered-dropdown) {
+  position: fixed;
+  left: 50% !important;
+  top: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  max-height: 80vh;
+  overflow-y: auto;
+
+  .ant-dropdown-menu {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+
+.container-height {
+  height: 77vh;
+}
+
+@media screen and (min-width: 1600px) and (min-height: 900px) {
+  .container-height {
+    height: 81.5vh;
+  }
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/components/CompareDirectiveList.vue b/src/views/services/serviceDirective copy/components/CompareDirectiveList.vue
new file mode 100644
index 0000000..9317a29
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/CompareDirectiveList.vue	
@@ -0,0 +1,319 @@
+<template>
+    <div class="compare-table-wrap">
+        <div style="margin-bottom: 14px;width: 100%;">
+            <a-button type="primary" style="float: left;" @click="showTargetOrgListModal"
+                :disabled="loading">目标机构</a-button>
+        </div>
+
+        <a-table :columns="headChildColumns" :data-source="rows" bordered size="middle" :scroll="{ y: 640 }"
+            :pagination="false">
+            <template #bodyCell="{ column, text, record }">
+                <template v-if="column.dataIndex === 'ownOrgName'">
+                    {{ ownOrgName }}
+                </template>
+                <template v-else-if="column.dataIndex === 'ownExist'">
+                    <div class="org-badge">
+                        <svg v-if="text" class="icon check" viewBox="0 0 24 24" aria-hidden="true">
+                            <path d="M20.285 6.709l-11.39 11.39-5.18-5.18 1.414-1.414 3.766 3.766 9.976-9.976z" />
+                        </svg>
+                        <svg v-else class="icon cross" viewBox="0 0 24 24" aria-hidden="true">
+                            <path
+                                d="M18.3 5.71L12 12.01 5.7 5.71 4.29 7.12 10.59 13.42 4.29 19.72 5.7 21.13 12 14.83 18.3 21.13 19.71 19.72 13.41 13.42 19.71 7.12z" />
+                        </svg>
+                    </div>
+                </template>
+                <template v-else-if="column.dataIndex === 'own2OrgName'">
+                    {{ targetOrgInfo.comName }}
+                </template>
+                <template v-else-if="column.dataIndex === 'targetExist'">
+                    <div class="org-badge">
+                        <svg v-if="text" class="icon check" viewBox="0 0 24 24" aria-hidden="true">
+                            <path d="M20.285 6.709l-11.39 11.39-5.18-5.18 1.414-1.414 3.766 3.766 9.976-9.976z" />
+                        </svg>
+                        <svg v-else class="icon cross" viewBox="0 0 24 24" aria-hidden="true">
+                            <path
+                                d="M18.3 5.71L12 12.01 5.7 5.71 4.29 7.12 10.59 13.42 4.29 19.72 5.7 21.13 12 14.83 18.3 21.13 19.71 19.72 13.41 13.42 19.71 7.12z" />
+                        </svg>
+                    </div>
+                </template>
+            </template>
+        </a-table>
+
+    </div>
+
+    <a-drawer v-model:visible="targetOrgListVisible" title="请选择目标机构" width="90vw" @cancel="handleCancelTarget"
+        :bodyStyle="{ padding: '14px', height: '70vh', display: 'flex', flexDirection: 'column', overflow: 'auto' }"
+        :footer-style="{ textAlign: 'right' }">
+        <template #footer>
+            <a-button @click="handleCancelTarget" type="primary" style="margin-right: 10px;">取消</a-button>
+            <a-button @click="handleGetTarget" type="primary">确认</a-button>
+        </template>
+        <OrgListCom class="step-content" ref="targetOrgListComRef" @handleOrgChoose="handleTargetOrgChoose"
+            :showChoose="true" :showDirectiveChoose="true" :pageSize="-1" :excludeOrgCode="ownOrgCode" />
+    </a-drawer>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { compareList } from '../ConfigServiceDirective.api';
+import { headChildColumns } from './ConfigServiceDirective.data';
+import OrgListCom from '/@/views/orgcom/OrgListCom.vue';
+
+const props = defineProps({
+    ownOrgCode: '',//本机构编码
+    ownOrgName: '',//本机构名称
+});
+const targetOrgInfo = ref('')//目标机构信息
+
+
+
+type Row = {
+    id?: string;
+    instructionName?: string;
+    categoryName?: string;
+    typeName?: string;
+    directiveName?: string;
+    cycleTypeName?: string;
+    ownExist?: boolean;
+    targetExist?: boolean;
+};
+
+const rows = ref<Row[]>([]);
+const loading = ref(false);
+const targetOrgListVisible = ref(false);
+const targetOrgListComRef = ref();
+
+function rank(it: Row) {
+    if (it.ownExist && it.targetExist) return 'both';
+    if (it.ownExist) return 'own-only';
+    return 'target-only';
+}
+
+function handleCancelTarget() {
+    targetOrgListVisible.value = false;
+    targetOrgListComRef.value?.resetSeleted?.([]);
+}
+
+function showTargetOrgListModal() {
+    targetOrgListComRef.value?.reload?.()
+    targetOrgListVisible.value = true;
+}
+
+function handleGetTarget() {
+    if (!targetOrgInfo.value) {
+        targetOrgListVisible.value = false;
+        return;
+    }
+    initData()
+    handleCancelTarget()
+}
+
+function handleTargetOrgChoose(orgInfo_: any) {
+    targetOrgInfo.value = orgInfo_
+}
+
+async function initData() {
+    loading.value = true;
+    rows.value = [];
+    try {
+        let res = await compareList({ compareOrgCode: targetOrgInfo.value.orgCode })
+        if (Array.isArray(res)) rows.value = res;
+        else if (res && Array.isArray(res.result)) rows.value = res.result;
+        else if (res && Array.isArray(res.list)) rows.value = res.list;
+        else if (res && Array.isArray(res.data)) rows.value = res.data;
+        else rows.value = res || [];
+    } catch (e) {
+        rows.value = [];
+        console.error('compareList error', e);
+    } finally {
+        loading.value = false;
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.compare-table-wrap {
+    padding: 16px;
+    background: #f6f8fb;
+    font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.table-card {
+    width: 100%;
+    max-width: 100%;
+    background: #fff;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e6eef8;
+    box-shadow: 0 6px 18px rgba(2, 6, 23, 0.04);
+}
+
+.thead {
+    background: linear-gradient(180deg, #fbfdff, #ffffff);
+    border-bottom: 1px solid #e6eef8;
+}
+
+.thead-top,
+.thead-sub,
+.tr {
+    display: grid;
+    gap: 12px;
+    align-items: center;
+    justify-items: center;
+}
+
+.thead-top {
+    grid-template-columns: 1fr 1fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr;
+    padding: 12px 14px 0px 14px;
+    font-weight: 600;
+    color: #374151;
+}
+
+.thead-sub {
+    grid-template-columns: 1fr 1fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr;
+    padding: 0px 14px 8px 14px;
+    // border-bottom: 1px solid #e6eef8;
+    color: #374151;
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.th {
+    padding: 6px 4px;
+    text-align: center;
+}
+
+.tbody {
+    display: flex;
+    flex-direction: column;
+}
+
+.tr {
+    grid-template-columns: 1fr 1fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr;
+    padding: 12px 14px;
+    background: #fff;
+    border-bottom: 1px solid #eef6fb;
+}
+
+.tr:last-child {
+    border-bottom: none;
+}
+
+.td {
+    padding: 6px 4px;
+    font-size: 14px;
+    color: #111827;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: center;
+    width: 100%;
+}
+
+.td-org-name {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.td-org-exist {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.org-badge {
+    // width: 36px;
+    height: 36px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fbfdff;
+    text-align: center;
+}
+
+.icon {
+    width: 20px;
+    height: 20px;
+    fill: currentColor;
+}
+
+.icon.check {
+    color: #10b981;
+}
+
+.icon.cross {
+    color: #ef4444;
+}
+
+.status {
+    padding: 14px;
+    background: #fff;
+    border-radius: 8px;
+    color: #6b7280;
+    text-align: center;
+    box-shadow: 0 6px 14px rgba(2, 6, 23, 0.03);
+    margin-top: 8px;
+    width: 100%;
+}
+
+.body-div {
+    height: 65vh;
+    overflow-y: scroll;
+    // scrollbar-width: none;
+    // -ms-overflow-style: none;
+}
+
+// .body-div::-webkit-scrollbar {
+//     width: 0;
+//     height: 0;
+//     background: transparent;
+// }
+
+@media (max-width: 1000px) {
+
+    .thead-top,
+    .thead-sub,
+    .tr {
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 80px 80px 80px;
+    }
+
+    .td-name,
+    .th.th-name {
+        display: none;
+    }
+}
+
+@media (max-width: 700px) {
+    .thead {
+        display: none;
+    }
+
+    .tr {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 6px;
+        padding: 12px;
+    }
+
+    .td {
+        white-space: normal;
+        text-align: center;
+    }
+
+    .center {
+        justify-content: center;
+        gap: 8px;
+    }
+}
+
+.step-content {
+  // overflow: auto;
+  height: 70vh;
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/components/ConfigServiceDirective.data.ts b/src/views/services/serviceDirective copy/components/ConfigServiceDirective.data.ts
new file mode 100644
index 0000000..d705928
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/ConfigServiceDirective.data.ts	
@@ -0,0 +1,254 @@
+import { BasicColumn } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+//列表数据
+export const columns: BasicColumn[] = [
+  {
+    title: '分类标签',
+    align: 'center',
+    dataIndex: 'instructionTagId_dictText',
+    width: 100,
+    // customCell: (record, index, column) => {
+    //   if (record.instructionRowSpan != null) {
+    //     return { rowSpan: record.instructionRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务类别',
+    align: 'center',
+    dataIndex: 'categoryId_dictText',
+    // customCell: (record, index, column) => {
+    //   if (record.categoryRowSpan != null) {
+    //     return { rowSpan: record.categoryRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务类型',
+    align: 'center',
+    dataIndex: 'typeId_dictText',
+    // customCell: (record, index, column) => {
+    //   if (record.typeRowSpan != null) {
+    //     return { rowSpan: record.typeRowSpan };
+    //   }
+    // },
+  },
+  {
+    title: '服务指令',
+    align: 'center',
+    dataIndex: 'directiveName',
+  },
+  // {
+  //   title: '体型标签',
+  //   align: 'center',
+  //   dataIndex: 'bodyTagList',
+  //   width: 150,
+  //   ellipsis: false,
+  //   format(text, record, index) {
+  //     if (!!text) {
+  //       return text.map((item) => item.tagName).join('、');
+  //     } else {
+  //       return '-';
+  //     }
+  //   },
+  // },
+  // {
+  //   title: '情绪标签',
+  //   align: 'center',
+  //   dataIndex: 'emotionTagList',
+  //   width: 150,
+  //   ellipsis: false,
+  //   format(text, record, index) {
+  //     if (!!text) {
+  //       return text.map((item) => item.tagName).join('、');
+  //     } else {
+  //       return '-';
+  //     }
+  //   },
+  // },
+  {
+    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: 'cycleType_dictText',
+  },
+  {
+    title: '服务时长（分钟）',
+    align: 'center',
+    dataIndex: 'serviceDuration',
+    width: 135,
+  },
+  // {
+  //   title: '指令状态',
+  //   align: 'center',
+  //   dataIndex: 'status_dictText',
+  //   width: 100,
+  // },
+  {
+    title: '是否启用',
+    align: 'center',
+    dataIndex: 'izEnabled_dictText',
+    width: 100,
+  },
+  // {
+  //   title: '服务指令图片',
+  //   align: 'center',
+  //   dataIndex: 'previewFile',
+  //   customRender: render.renderImage,
+  // },
+  {
+    title: '服务指令描述',
+    align: 'center',
+    dataIndex: 'serviceContent',
+    width: 200,
+  },
+  // {
+  //   title: '指令音频文件',
+  //   align: 'center',
+  //   dataIndex: 'mp3File',
+  //   width: 120,
+  // },
+  // {
+  //   title: '指令视频文件',
+  //   align: 'center',
+  //   dataIndex: 'mp4File',
+  //   width: 120,
+  // },
+  // {
+  //   title: '即时指令图标',
+  //   align: 'center',
+  //   dataIndex: 'immediateFile',
+  //   customRender: render.renderImage,
+  // },
+];
+
+// 高级查询数据
+export const superQuerySchema = {
+  categoryId: { title: '服务类别', order: 0, view: 'list', type: 'string', dictCode: '' },
+  typeId: { title: '服务类型', order: 1, view: 'list', type: 'string', dictCode: '' },
+  instructionTagId: { title: '分类标签', order: 2, view: 'list', type: 'string', dictCode: 'instruction_tag' },
+  directiveName: { title: '服务指令', order: 3, view: 'text', type: 'string' },
+  tollPrice: { title: '收费价格', order: 4, view: 'number', type: 'number' },
+  comPrice: { title: '提成价格', order: 5, view: 'number', type: 'number' },
+  izReimbursement: { title: '医保报销', order: 6, view: 'radio', type: 'string', dictCode: '' },
+  izPreferential: { title: '机构优惠', order: 7, view: 'radio', type: 'string', dictCode: '' },
+  chargingFrequency: { title: '收费频次', order: 8, view: 'list', type: 'string', dictCode: '' },
+  cycleType: { title: '周期类型', order: 9, view: 'list', type: 'string', dictCode: '' },
+  sort: { title: '排序', order: 10, view: 'number', type: 'number' },
+  serviceContent: { title: '服务说明', order: 11, view: 'textarea', type: 'string' },
+  serviceDuration: { title: '服务时长（分钟）', order: 12, view: 'text', type: 'string' },
+  izEnabled: { title: '是否启用', order: 13, view: 'radio', type: 'string', dictCode: '' },
+  createBy: { title: '创建人', order: 14, view: 'text', type: 'string' },
+  createTime: { title: '创建日期', order: 15, view: 'datetime', type: 'string' },
+  updateBy: { title: '更新人', order: 16, view: 'text', type: 'string' },
+  updateTime: { title: '更新日期', order: 17, view: 'datetime', type: 'string' },
+  mp3File: { title: '语音文件', order: 18, view: 'file', type: 'string' },
+  mp4File: { title: '视频文件', order: 19, view: 'file', type: 'string' },
+};
+
+
+
+
+//列表数据
+export const headChildColumns: BasicColumn[] = [
+  {
+    title: '基础信息',
+    children: [
+      {
+        title: '分类标签',
+        align: 'center',
+        dataIndex: 'instructionName',
+        ellipsis: true,
+        width: 100,
+      },
+      {
+        title: '服务类别',
+        align: 'center',
+        dataIndex: 'categoryName',
+        ellipsis: true,
+        width: 100,
+      },
+      {
+        title: '服务类型',
+        align: 'center',
+        dataIndex: 'typeName',
+        ellipsis: true,
+        width: 100,
+      },
+      {
+        title: '服务指令',
+        align: 'center',
+        dataIndex: 'directiveName',
+        ellipsis: true,
+      },
+      {
+        title: '周期类型',
+        align: 'center',
+        dataIndex: 'cycleTypeName',
+        ellipsis: true,
+        width: 100,
+      },
+    ]
+  },
+  {
+    title: '源机构',
+    children: [
+      {
+        title: '名称',
+        align: 'center',
+        dataIndex: 'ownOrgName',
+        ellipsis: true,
+        width: 200,
+      },
+      {
+        title: '是否存在',
+        align: 'center',
+        dataIndex: 'ownExist',
+        ellipsis: true,
+        width: 100,
+      },
+    ]
+  },
+  {
+    title: '目标机构',
+    children: [
+      {
+        title: '名称',
+        align: 'center',
+        dataIndex: 'own2OrgName',
+        ellipsis: true,
+        width: 200,
+      },
+      {
+        title: '是否存在',
+        align: 'center',
+        dataIndex: 'targetExist',
+        ellipsis: true,
+        width: 100,
+      },
+    ]
+  },
+  
+];
\ No newline at end of file
diff --git a/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm.vue
new file mode 100644
index 0000000..33399fd
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm.vue	
@@ -0,0 +1,805 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <div v-show="!isEditMedia"
+      style="padding-top: 14px;padding-left: 14px;padding-right: 14px; background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);margin-bottom: 14px;">
+      <JFormContainer :disabled="disabled">
+        <template #detail>
+          <a-form ref="formRef" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigService2DirectiveForm" style="padding: 0px 0px;">
+            <a-row v-show="!isEditMedia">
+              <a-col :span="8">
+                <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
+                  id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
+                  <j-dict-select-tag v-model:value="formData.instructionTagId" :orgCode="mainOrgCode"
+                    :dictCode="`nu_config_service_instruction_tag,instruction_name,id,del_flag = 0 and iz_enabled = 'Y' order by sort asc`"
+                    placeholder="请选择分类标签" allowClear @upDictCode="upInstructionDictCode" disabled />
+                </a-form-item>
+              </a-col>
+              <a-col :span="8">
+                <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
+                  name="categoryId">
+                  <j-dict-select-tag type="list" v-model:value="formData.categoryId" disabled :orgCode="mainOrgCode"
+                    :dictCode="categoryDictCode" placeholder="请选择服务类别" allow-clear @upDictCode="upCategoryDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="8">
+                <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"
+                    :orgCode="mainOrgCode" disabled placeholder="请选择服务类型" allowClear @upDictCode="upTypeDictCode" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+    </div>
+    <div style="padding: 14px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);">
+      <JFormContainer>
+        <template #detail>
+          <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigService2DirectiveForm" style="padding: 20px 0px;">
+            <a-row v-show="!isEditMedia">
+              <!-- <a-col :span="12" v-show="false">
+                <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
+                  id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
+                  <j-dict-select-tag v-model:value="formData.instructionTagId" :orgCode="mainOrgCode"
+                    :dictCode="`nu_config_service_instruction_tag,instruction_name,id,del_flag = 0 and iz_enabled = 'Y' order by sort asc`"
+                    placeholder="请选择分类标签" allowClear @upDictCode="upInstructionDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
+                  name="categoryId">
+                  <j-dict-select-tag type="list" v-model:value="formData.categoryId" :disabled="!!formData.id"
+                    :orgCode="mainOrgCode" :dictCode="categoryDictCode" placeholder="请选择服务类别" allow-clear
+                    @upDictCode="upCategoryDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <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"
+                    :orgCode="mainOrgCode" :disabled="!!formData.id" placeholder="请选择服务类型" allowClear
+                    @upDictCode="upTypeDictCode" />
+                </a-form-item>
+              </a-col> -->
+              <a-col :span="12">
+                <a-form-item label="服务指令名称" v-bind="validateInfos.directiveName"
+                  id="ConfigServiceDirectiveForm-directiveName" name="directiveName">
+                  <a-input v-model:value="formData.directiveName" placeholder="请输入服务指令名称" allow-clear :maxlength="20"
+                    :showCount="true" :disabled="!!formData.id"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="收费价格(元)" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
+                  name="tollPrice">
+                  <a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" :disabled="disabled" />
+                </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" dictCode="period_type"
+                    placeholder="请选择周期类型" allowClear @upDictCode="upCycleTypeDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="提成价格(元)" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
+                  name="comPrice">
+                  <a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" :disabled="disabled" />
+                </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" dictCode="iz_enabled"
+                    placeholder="请选择是否启用"  allowClear :disabled="disabled" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
+                  id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
+                  <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
+                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row style="padding: 20px;">
+              <a-col :span="6">
+                <DirectiveRadioCom :directiveMediaBtnValue="directiveMediaBtnValue" @change="mediaBtnChanged">
+                </DirectiveRadioCom>
+              </a-col>
+            </a-row>
+            <a-row style="padding: 0px 20px;">
+              <a-col :span="24" v-show="directiveMediaBtnValue == 0">
+                <JImageUploadtz v-if="opeType == 'dmlook'"
+                  :value="!!formData.previewFile ? formData.previewFile : defaultPrePic" maxCount="1"
+                  :disabled="disabled || !isMain" />
+                <JImageUploadtz v-else v-model:value="formData.previewFile" maxCount="1" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" :disabled="disabled || !isMain" />
+              </a-col>
+              <a-col :span="24" v-show="directiveMediaBtnValue == 1">
+                <JImageUploadtz v-if="opeType == 'dmlook'"
+                  :value="!!formData.previewFileSmall ? formData.previewFileSmall : defaultPreSmallPic" maxCount="1"
+                  :disabled="disabled || !isMain" />
+                <JImageUploadtz v-else v-model:value="formData.previewFileSmall" maxCount="1" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" :disabled="disabled || !isMain" />
+              </a-col>
+              <a-col :span="24" v-show="directiveMediaBtnValue == 2">
+                <JUploadMP3 v-if="opeType == 'dmlook'" :value="formData.mp3File" maxCount="1"
+                  :disabled="disabled || !isMain" />
+                <JUploadMP3 v-else v-model:value="formData.mp3File" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" maxCount="1" :disabled="disabled || !isMain" />
+              </a-col>
+              <a-col :span="24" v-show="directiveMediaBtnValue == 3">
+                <JUploadMP4 v-if="opeType == 'dmlook'" :value="formData.mp4File" maxCount="1" fileType="mp4"
+                  :disabled="disabled || !isMain" />
+                <JUploadMP4 v-else v-model:value="formData.mp4File" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" maxCount="1" fileType="mp4"
+                  :disabled="disabled || !isMain" />
+              </a-col>
+              <a-col :span="24" v-show="directiveMediaBtnValue == 4">
+                <JImageUploadtz v-if="opeType == 'dmlook'"
+                  :value="!!formData.immediateFile ? formData.immediateFile : defaultImmediatePic" maxCount="1"
+                  :disabled="disabled || !isMain" />
+                <JImageUploadtz v-else v-model:value="formData.immediateFile" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" maxCount="1" :disabled="disabled || !isMain" />
+              </a-col>
+              <a-col :span="24" v-show="directiveMediaBtnValue == 5">
+                <JImageUploadtz v-if="opeType == 'dmlook'"
+                  :value="!!formData.immediateFileFocus ? formData.immediateFileFocus : defaultImmediatePic"
+                  maxCount="1" :disabled="disabled || !isMain" />
+                <JImageUploadtz v-else v-model:value="formData.immediateFileFocus" :toOpe="true"
+                  :bizPath="formComputedData.mediaFileSavePath" maxCount="1" :disabled="disabled || !isMain" />
+              </a-col>
+            </a-row>
+            <a-row style="padding: 20px;">
+              <a-col :span="2">
+                <div class="description-container">
+                  <a-button @click="toggleDescription">服务指令描述</a-button>
+                  <div v-show="showDescription" class="description-box">
+                    <div class="box-header">
+                      <span class="title">服务指令描述</span>
+                      <span class="collapse-icon" @click="toggleDescription">
+                        <DownOutlined style="margin-right: 3px;" />收起
+                      </span>
+                    </div>
+                    <div>
+                      <a-textarea v-model:value="formData.serviceContent" placeholder="请输入服务指令描述" :maxlength="200"
+                        :rows="3" :autosize="{ minRows: 3 }" :showCount="true"
+                        :disabled="disabled || (!isMain && !!formData.id)" />
+                    </div>
+                  </div>
+                </div>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+    </div>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted, watch } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { JCheckbox } from '/@/components/Form';
+import JUploadMP3 from '../../../../components/Form/src/jeecg/components/JUpload/JUploadMP3.vue';
+import JUploadMP4 from '../../../../components/Form/src/jeecg/components/JUpload/JUploadMP4.vue';
+import JImageUploadtz from '/@/components/Form/src/jeecg/components/JImageUploadtz.vue';
+import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
+import { getValueType } from '/@/utils';
+import { saveOrUpdate, syncMediaForBiz, syncMediaForAllBiz } from '../ConfigServiceDirective.api';
+import { Form } from 'ant-design-vue';
+import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { env } from 'process';
+import DirectiveRadioCom from './DirectiveRadioCom.vue'
+import { QuestionCircleOutlined } from '@ant-design/icons-vue';
+import { DownOutlined } from '@ant-design/icons-vue';
+import { uploadUrl } from '/@/api/common/api';
+import { queryUpBizPrefix } from '/@/api/common/api'
+
+const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS
+const showDescription = ref(false);
+
+// 切换悬浮容器的显示状态
+const toggleDescription = () => {
+  showDescription.value = !showDescription.value;
+};
+const defaultPrePic = import.meta.env.VITE_DEFAULT_DIRECTIVE_PRE_PIC
+const defaultPreSmallPic = import.meta.env.VITE_DEFAULT_DIRECTIVE_PRESMALL_PIC
+const defaultImmediatePic = import.meta.env.VITE_DEFAULT_DIRECTIVE_IM_PIC
+const fileList = ref([])
+const upBizPrefix = ref('')
+const onPriceKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,5}(?:\.\d{0,2})?$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const onDurationKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,2}$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const props = defineProps({
+  formDisabled: { type: Boolean, default: false },
+  formData: { type: Object, default: () => ({}) },
+  formBpm: { type: Boolean, default: true },
+  mainOrgCode: '',
+  mediaApiAddress: '',//指令资源请求地址
+  opeType: 'look',
+  isMain: false,//是否主指令库
+});
+const checkMp3 = (file) => {
+  const isPDF = file.type === 'application/mp3' || file.name.endsWith('.mp3');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp3 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const checkMp4 = (file) => {
+  const isPDF = file.type === 'application/mp4' || file.name.endsWith('.mp4');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp4 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const bodyTagDictCode = ref(`nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const emotionTagDictCode = ref(`nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const formRef = ref();
+const useForm = Form.useForm;
+const emit = defineEmits(['register', 'ok']);
+const formData = reactive<Record<string, any>>({
+  id: '',
+  categoryId: '',
+  typeId: '',
+  instructionTagId: '',
+  directiveName: '',
+  tollPrice: 0,
+  comPrice: 0,
+  izReimbursement: 'N',
+  izPreferential: 'N',
+  chargingFrequency: '',
+  cycleType: '',
+  sort: 99,
+  serviceContent: '',
+  serviceDuration: '5',
+  status: '',
+  izEnabled: 'Y',
+  createBy: '',
+  createTime: '',
+  updateBy: '',
+  updateTime: '',
+  mp3File: '',
+  mp4File: '',
+  previewFile: defaultPrePic,
+  previewFileSmall: defaultPreSmallPic,
+  immediateFile: defaultImmediatePic,
+  immediateFileFocus: defaultImmediatePic,
+});
+const { createMessage } = useMessage();
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 4 } });
+const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 19 } });
+const confirmLoading = ref<boolean>(false);
+const isEditMedia = ref(false)
+const instructionTagName = ref('')
+const categoryName = ref('')
+const typeName = ref('')
+const cycleTypeName = ref('')
+const orgMediaPathAddress = ref('')//对应机构媒体资源静态访问路径
+//表单验证
+const validatorRules = reactive({
+  categoryId: [{ required: true, message: '请选择服务类别!' },],
+  typeId: [{ required: true, message: '请选择服务类型!' },],
+  instructionTagId: [{ required: true, message: '请选择分类标签!' },],
+  directiveName: [{ required: true, message: '请输入服务指令名称!' },],
+  tollPrice: [{ required: true, message: '请输入收费价格!' }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  comPrice: [{ required: false }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  // izReimbursement: [{ required: true, message: '请选择是否参与医保报销!' },],
+  // izPreferential: [{ required: true, message: '请选择是否参与机构优惠!' },],
+  // chargingFrequency: [{ required: true, message: '请选择收费频次!' },],
+  cycleType: [{ required: true, message: '请选择周期类型!' },],
+  // sort: [{ required: true, message: '请输入排序!' }, { pattern: /^\d+$/, message: '请输入正整数!' },],
+  serviceDuration: [
+    { required: true, message: '请输入服务时长（分钟）!' },
+    { pattern: /^\d+$/, message: '请输入正整数!' },
+    {
+      validator: (_, value) => {
+        if (value % 5 !== 0) {
+          return Promise.reject('请输入5的倍数!');
+        }
+        return Promise.resolve();
+      },
+    },
+    {
+      validator: (_, value) => {
+        if (value < 5 || value > 55) {
+          return Promise.reject('请输入5到55之间的值!');
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  izEnabled: [{ required: true, message: '请选择是否启用!' },],
+});
+
+const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
+// 表单禁用
+const disabled = computed(() => {
+  if (props.formBpm === true) {
+    if (props.formData.disabled === false) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+  return props.formDisabled;
+});
+const categoryDictCode = ref('')
+const typeDictCode = ref('')
+// 计算属性：是否可以上传预览图片
+const canUploadPreviewImage = computed(() => {
+  return formData.instructionTagId &&
+    formData.categoryId &&
+    formData.typeId
+  // &&
+  // formData.directiveName &&
+  // formData.cycleType;
+});
+
+//分类标签名称
+const instructionComDictCode = ref([])
+function upInstructionDictCode(v_) {
+  instructionComDictCode.value = v_
+}
+//服务类别名称
+const categoryComDictCode = ref([])
+function upCategoryDictCode(v_) {
+  categoryComDictCode.value = v_
+}
+//服务类型名称
+const typeComDictCode = ref([])
+function upTypeDictCode(v_) {
+  typeComDictCode.value = v_
+}
+//周期类型名称
+const cycleTypeComDictCode = ref([])
+function upCycleTypeDictCode(v_) {
+  cycleTypeComDictCode.value = v_
+}
+//体型标签名称
+const upBodyTagsComDictCode = ref([])
+function upBodyTagsDictCode(v_) {
+  upBodyTagsComDictCode.value = v_
+}
+//情绪标签名称
+const upEmotionTagsComDictCode = ref([])
+function upEmotionTagsDictCode(v_) {
+  upEmotionTagsComDictCode.value = v_
+}
+
+
+watch([instructionComDictCode, categoryComDictCode, typeComDictCode, cycleTypeComDictCode, upBodyTagsComDictCode, upEmotionTagsComDictCode, upBizPrefix], () => {
+  // 当这些字典数据变化时，强制重新计算 formComputedData
+}, { deep: true });
+
+const bodyTagsObj = ref([])
+const emotionTagsObj = ref([])
+const formComputedData = computed(() => {
+  if (!canUploadPreviewImage.value) return {};
+
+  // 获取各个字段的字典值
+  const instructionName = instructionComDictCode.value.find(d => d.value == formData.instructionTagId)?.label || '';
+  console.log("🌊 ~ instructionName:", instructionName)
+  const categoryName = categoryComDictCode.value.find(d => d.value == formData.categoryId)?.label || '';
+  console.log("🌊 ~ categoryName:", categoryName)
+  const typeName = typeComDictCode.value.find(d => d.value == formData.typeId)?.label || '';
+  console.log("🌊 ~ typeName:", typeName)
+  const cycleTypeName = cycleTypeComDictCode.value.find(d => d.value == formData.cycleType)?.label || '';
+
+  // 处理标签
+  const processTags = (tags, dict) => {
+    if (!tags) return [];
+    return tags.split(',')
+      .map(id => dict.find(d => d.value === id))
+      .filter(Boolean)
+      .map(item => ({ id: item.value, label: item.label }));
+  };
+
+  return {
+    // mediaFileSavePath: `directive/${instructionName}/${categoryName}/${typeName}/${cycleTypeName}/${formData.directiveName}`,
+    mediaFileSavePath: upBizPrefix.value + `/directive/${instructionName}/${categoryName}/${typeName}`,
+    instructionName,
+    categoryName,
+    typeName,
+    cycleTypeName,
+    bodyTagsObj: JSON.stringify(processTags(formData.bodyTags, upBodyTagsComDictCode.value)),
+    emotionTagsObj: JSON.stringify(processTags(formData.emotionTags, upEmotionTagsComDictCode.value))
+  };
+});
+
+watch(
+  () => formData.instructionTagId,
+  (newInstructionTagId) => {
+    if (needWatch.value) {
+      formData.categoryId = ''
+      formData.typeId = ''
+      // formData.cycleType = ''
+    }
+    if (!newInstructionTagId) {
+      categoryDictCode.value = 'nu_config_service_category,category_name,id,1=2';
+    } else {
+      categoryDictCode.value = `nu_config_service_category,category_name,id,del_flag = 0 and iz_enabled = 'Y' and instruction_id = '${newInstructionTagId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.categoryId,
+  (newCategoryId) => {
+    if (needWatch.value) {
+      formData.typeId = ''
+      // formData.cycleType = ''
+    }
+    if (!newCategoryId) {
+      typeDictCode.value = 'nu_config_service_type,type_name,id,1=2';
+    } else {
+      typeDictCode.value = `nu_config_service_type,type_name,id,del_flag = 0 and iz_enabled = 'Y' and category_id = '${newCategoryId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.typeId,
+  (newTypeId) => {
+    if (needWatch.value) {
+      // formData.cycleType = ''
+    }
+  }
+);
+/**
+ * 新增
+ */
+function add() {
+  edit({});
+}
+const needWatch = ref(false)
+const showMedia = ref(true)
+/**
+ * 编辑
+ * isEditMedia_是否为编辑指令资源 （隐藏业务字段）
+ */
+function edit(record, isEditMedia_ = false, showMedia_ = true, showExistTags = true) {
+  if (!!record.bodyTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const bodyTagConditions = record.bodyTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    bodyTagDictCode.value = `nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (bodyTagConditions ? ` and (${bodyTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  if (!!record.emotionTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const emotionTagConditions = record.emotionTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    emotionTagDictCode.value = `nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (emotionTagConditions ? ` and (${emotionTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  needWatch.value = false
+  showMedia.value = showMedia_
+  setTimeout(() => {
+    needWatch.value = true
+  }, 1000)
+  isEditMedia.value = isEditMedia_
+  formData.bodyTags = ''
+  formData.emotionTags = ''
+  nextTick(() => {
+    resetFields();
+    const tmpData = {};
+    Object.keys(formData).forEach((key) => {
+      if (record.hasOwnProperty(key)) {
+        tmpData[key] = record[key]
+      }
+    })
+    //赋值
+    Object.assign(formData, tmpData);
+    if (props.opeType != 'dmlook') {
+      if (!formData.previewFile) {
+        formData.previewFile = defaultPrePic
+      }
+      if (!formData.previewFileSmall) {
+        formData.previewFileSmall = defaultPreSmallPic
+      }
+      if (!formData.immediateFile) {
+        formData.immediateFile = defaultImmediatePic
+      }
+      if (!formData.immediateFileFocus) {
+        formData.immediateFileFocus = defaultImmediatePic
+      }
+    }
+  });
+}
+
+/**
+ * 提交数据
+ */
+async function submitForm() {
+  try {
+    // 触发表单验证
+    await validate();
+  } catch ({ errorFields }) {
+    if (errorFields) {
+      const firstField = errorFields[0];
+      if (firstField) {
+        formRef.value.scrollToField(firstField.name, { behavior: 'smooth', block: 'center' });
+      }
+    }
+    return Promise.reject(errorFields);
+  }
+  confirmLoading.value = true;
+  const isUpdate = ref<boolean>(false);
+  //时间格式化
+  const computedData = formComputedData.value;
+  const model = {
+    ...formData,
+    ...computedData
+  };
+  if (model.id) {
+    isUpdate.value = true;
+  }
+  //循环数据
+  for (let data in model) {
+    //如果该数据是数组并且是字符串类型
+    if (model[data] instanceof Array) {
+      let valueType = getValueType(formRef.value.getProps, data);
+      //如果是字符串类型的需要变成以逗号分割的字符串
+      if (valueType === 'string') {
+        model[data] = model[data].join(',');
+      }
+    }
+  }
+
+  //提成价格不能高于收费价格
+  if (model.comPrice != 0 && model.tollPrice < model.comPrice) {
+    createMessage.warning('提成价格不能高于收费价格！');
+    confirmLoading.value = false;
+    return
+  }
+
+  model.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+
+  if (model.previewFile == defaultPrePic) {
+    model.previewFile = null
+  }
+  if (model.previewFileSmall == defaultPreSmallPic) {
+    model.previewFileSmall = null
+  }
+  if (model.immediateFile == defaultImmediatePic) {
+    model.immediateFile = null
+  }
+  if (model.immediateFileFocus == defaultImmediatePic) {
+    model.immediateFileFocus = null
+  }
+
+  await saveOrUpdate(model, isUpdate.value)
+    .then((res) => {
+      if (res.success) {
+        createMessage.success(res.message);
+        emit('ok');
+      } else {
+        createMessage.warning(res.message);
+      }
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给指令所有者对应业务平台
+ *
+ */
+function syncMediaForBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给所有业务平台
+ *
+ */
+function syncMediaForAllBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForAllBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+const directiveMediaBtnValue = ref(0)
+function mediaBtnChanged(v_) {
+  directiveMediaBtnValue.value = v_
+
+}
+
+onMounted(() => {
+  queryUpBizPrefix().then(res => {
+    upBizPrefix.value = res.result
+  })
+})
+
+defineExpose({
+  add,
+  edit,
+  submitForm,
+  syncMediaForBizFunc,
+  syncMediaForAllBizFunc
+});
+</script>
+
+<style lang="less" scoped>
+.antd-modal-form {
+  padding: 14px;
+}
+
+:deep .ant-checkbox-wrapper {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  width: 30%;
+}
+
+.upload-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-icon {
+  margin-bottom: 16px;
+}
+
+.upload-text {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.85);
+  margin-bottom: 8px;
+}
+
+.upload-hint {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.divider {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+.description-container {
+  position: relative;
+  z-index: 1000;
+}
+
+.description-box {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  background: #f6faff;
+  border-radius: 4px;
+  padding: 12px;
+  width: 43vw;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 8px;
+}
+
+.box-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+}
+
+.title {
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.collapse-icon {
+  color: #1890ff;
+  cursor: pointer;
+}
+
+.content {
+  background: #fff;
+  border-radius: 4px;
+  padding: 12px;
+  position: relative;
+}
+
+.instruction {
+  color: #8c8c8c;
+  margin-bottom: 30px;
+}
+
+.confirm-btn {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  background: #1890ff;
+  border-radius: 20px;
+}
+
+/* 渐隐渐现动画 */
+.slide-fade-enter-active {
+  transition: opacity 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.8, 1);
+}
+
+/* 进入时从透明开始 */
+.slide-fade-enter-from {
+  opacity: 0;
+}
+
+/* 离开时渐变到透明 */
+.slide-fade-leave-to {
+  opacity: 0;
+}
+
+/* 确保容器初始状态无变形 */
+.slide-fade-enter-to,
+.slide-fade-leave-from {
+  opacity: 1;
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm2.vue b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm2.vue
new file mode 100644
index 0000000..6291905
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveForm2.vue	
@@ -0,0 +1,734 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <div style="padding: 14px; background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);">
+      <JFormContainer :disabled="disabled">
+        <template #detail>
+          <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigService2DirectiveForm" style="padding: 20px 0px;">
+            <a-row v-show="!isEditMedia">
+              <a-col :span="12" v-show="false">
+                <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
+                  id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
+                  <j-dict-select-tag v-model:value="formData.instructionTagId" :orgCode="mainOrgCode"
+                    :dictCode="`nu_config_service_instruction_tag,instruction_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`"
+                    placeholder="请选择分类标签" allowClear @upDictCode="upInstructionDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
+                  name="categoryId">
+                  <j-dict-select-tag type="list" v-model:value="formData.categoryId" :disabled="!!formData.id"
+                    :orgCode="mainOrgCode" :dictCode="categoryDictCode" placeholder="请选择服务类别" allow-clear
+                    @upDictCode="upCategoryDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <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"
+                    :orgCode="mainOrgCode" :disabled="!!formData.id" placeholder="请选择服务类型" allowClear
+                    @upDictCode="upTypeDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务指令名称" v-bind="validateInfos.directiveName"
+                  id="ConfigServiceDirectiveForm-directiveName" name="directiveName">
+                  <a-input v-model:value="formData.directiveName" placeholder="请输入服务指令名称" allow-clear :maxlength="20"
+                    :showCount="true" :disabled="!!formData.id"></a-input>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="收费价格(元)" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
+                  name="tollPrice">
+                  <a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                </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" dictCode="period_type"
+                    placeholder="请选择周期类型" allowClear @upDictCode="upCycleTypeDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="提成价格(元)" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
+                  name="comPrice">
+                  <a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                </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" dictCode="iz_enabled"
+                    placeholder="请选择是否启用"  allowClear />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
+                  id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
+                  <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
+                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row style="margin-top: 20px;">
+              <a-col :span="12" v-show="showMedia">
+                <a-form-item label="服务指令图片" v-bind="validateInfos.previewFile">
+                  <span v-if="disabled && !formData.previewFile">暂无文件</span>
+                  <JImageUpload v-else-if="opeType == 'dmlook'" :fileMax="1"
+                    :value="mediaApiAddress + formData.previewFile">
+                  </JImageUpload>
+                  <JImageUpload v-else :fileMax="1" v-model:value="formData.previewFile"></JImageUpload>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务指令描述" v-bind="validateInfos.serviceContent"
+                  id="ConfigServiceDirectiveForm-serviceContent" name="serviceContent">
+                  <a-textarea v-model:value="formData.serviceContent" :autosize="true" placeholder="请输入服务指令描述"
+                    :maxlength="200" :showCount="true" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row v-show="!disabled && showMedia">
+              <a-col :span="12">
+                <a-form-item label="指令音频文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File">
+                  <j-upload v-model:value="formData.mp3File" accept=".mp3" :maxCount="1"
+                    :beforeUpload="checkMp3"></j-upload>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="指令视频文件" v-bind="validateInfos.mp4File" id="ConfigServiceDirectiveForm-mp4File">
+                  <j-upload v-model:value="formData.mp4File" accept=".mp4" :maxCount="1"
+                    :beforeUpload="checkMp4"></j-upload>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+      <JFormContainer style="margin-top: -40px;" v-show="showMedia">
+        <template #detail>
+          <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigServiceDirectiveForm">
+            <a-row>
+              <a-col :span="12" v-if="!!formData.mp3File">
+                <a-form-item label="指令音频预览" id="ConfigServiceDirectiveForm-mp3File">
+                  <audio controls disabled="false">
+                    <source
+                      :src="opeType == 'dmlook' ? mediaApiAddress + formData.mp3File : getFileAccessHttpUrl(formData.mp3File)">
+                  </audio>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-if="disabled && !formData.mp3File">
+                <a-form-item label="指令音频预览">
+                  <span>暂无文件</span>
+                </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">
+                  <video controls>
+                    <source
+                      :src="opeType == 'dmlook' ? mediaApiAddress + formData.mp4File : getFileAccessHttpUrl(formData.mp4File)">
+                  </video>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-if="disabled && !formData.mp3File">
+                <a-form-item label="指令视频预览">
+                  <span>暂无文件</span>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row>
+              <a-col :span="12">
+                <a-form-item label="即时指令图标" v-bind="validateInfos.immediateFile">
+                  <span v-if="disabled && !formData.immediateFile">暂无文件</span>
+                  <JImageUpload v-else-if="opeType == 'dmlook'" :fileMax="1"
+                    :value="mediaApiAddress + formData.immediateFile">
+                  </JImageUpload>
+                  <JImageUpload v-else :fileMax="1" v-model:value="formData.immediateFile"></JImageUpload>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+    </div>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted, watch } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { JCheckbox } from '/@/components/Form';
+import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
+import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
+import { getValueType } from '/@/utils';
+import { saveOrUpdate, syncMediaForBiz, syncMediaForAllBiz } from '../ConfigServiceDirective.api';
+import { Form } from 'ant-design-vue';
+import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { env } from 'process';
+import DirectiveRadioCom from './DirectiveRadioCom.vue'
+import { QuestionCircleOutlined } from '@ant-design/icons-vue';
+import { DownOutlined } from '@ant-design/icons-vue';
+
+const showDescription = ref(false);
+
+// 切换悬浮容器的显示状态
+const toggleDescription = () => {
+  showDescription.value = !showDescription.value;
+};
+const fileList = ref([])
+const onPriceKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,5}(?:\.\d{0,2})?$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const onDurationKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,2}$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const props = defineProps({
+  formDisabled: { type: Boolean, default: false },
+  formData: { type: Object, default: () => ({}) },
+  formBpm: { type: Boolean, default: true },
+  mainOrgCode: '',
+  mediaApiAddress: '',//指令资源请求地址
+  opeType: 'look',
+});
+const checkMp3 = (file) => {
+  const isPDF = file.type === 'application/mp3' || file.name.endsWith('.mp3');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp3 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const checkMp4 = (file) => {
+  const isPDF = file.type === 'application/mp4' || file.name.endsWith('.mp4');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp4 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const bodyTagDictCode = ref(`nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const emotionTagDictCode = ref(`nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const formRef = ref();
+const useForm = Form.useForm;
+const emit = defineEmits(['register', 'ok']);
+const formData = reactive<Record<string, any>>({
+  id: '',
+  categoryId: '',
+  typeId: '',
+  instructionTagId: '',
+  directiveName: '',
+  tollPrice: 0,
+  comPrice: 0,
+  izReimbursement: '0',
+  izPreferential: '0',
+  chargingFrequency: '',
+  cycleType: '',
+  sort: 99,
+  serviceContent: '',
+  serviceDuration: '5',
+  status: '',
+  izEnabled: '0',
+  createBy: '',
+  createTime: '',
+  updateBy: '',
+  updateTime: '',
+  mp3File: '',
+  mp4File: '',
+  previewFile: '',
+  immediateFile: '',
+});
+const { createMessage } = useMessage();
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 4 } });
+const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 19 } });
+const confirmLoading = ref<boolean>(false);
+const isEditMedia = ref(false)
+const instructionTagName = ref('')
+const categoryName = ref('')
+const typeName = ref('')
+const cycleTypeName = ref('')
+const orgMediaPathAddress = ref('')//对应机构媒体资源静态访问路径
+//表单验证
+const validatorRules = reactive({
+  categoryId: [{ required: true, message: '请选择服务类别!' },],
+  typeId: [{ required: true, message: '请选择服务类型!' },],
+  instructionTagId: [{ required: true, message: '请选择分类标签!' },],
+  directiveName: [{ required: true, message: '请输入服务指令名称!' },],
+  tollPrice: [{ required: true, message: '请输入收费价格!' }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  comPrice: [{ required: false }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  // izReimbursement: [{ required: true, message: '请选择是否参与医保报销!' },],
+  // izPreferential: [{ required: true, message: '请选择是否参与机构优惠!' },],
+  // chargingFrequency: [{ required: true, message: '请选择收费频次!' },],
+  cycleType: [{ required: true, message: '请选择周期类型!' },],
+  // sort: [{ required: true, message: '请输入排序!' }, { pattern: /^\d+$/, message: '请输入正整数!' },],
+  serviceDuration: [
+    { required: true, message: '请输入服务时长（分钟）!' },
+    { pattern: /^\d+$/, message: '请输入正整数!' },
+    {
+      validator: (_, value) => {
+        if (value % 5 !== 0) {
+          return Promise.reject('请输入5的倍数!');
+        }
+        return Promise.resolve();
+      },
+    },
+    {
+      validator: (_, value) => {
+        if (value < 5 || value > 55) {
+          return Promise.reject('请输入5到55之间的值!');
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  izEnabled: [{ required: true, message: '请选择是否启用!' },],
+});
+
+const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
+// 表单禁用
+const disabled = computed(() => {
+  if (props.formBpm === true) {
+    if (props.formData.disabled === false) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+  return props.formDisabled;
+});
+const categoryDictCode = ref('')
+const typeDictCode = ref('')
+// 计算属性：是否可以上传预览图片
+const canUploadPreviewImage = computed(() => {
+  return formData.instructionTagId &&
+    formData.categoryId &&
+    formData.typeId &&
+    formData.directiveName &&
+    formData.cycleType;
+});
+
+//分类标签名称
+const instructionComDictCode = ref([])
+function upInstructionDictCode(v_) {
+  instructionComDictCode.value = v_
+}
+//服务类别名称
+const categoryComDictCode = ref([])
+function upCategoryDictCode(v_) {
+  categoryComDictCode.value = v_
+}
+//服务类型名称
+const typeComDictCode = ref([])
+function upTypeDictCode(v_) {
+  typeComDictCode.value = v_
+}
+//周期类型名称
+const cycleTypeComDictCode = ref([])
+function upCycleTypeDictCode(v_) {
+  cycleTypeComDictCode.value = v_
+}
+//体型标签名称
+const upBodyTagsComDictCode = ref([])
+function upBodyTagsDictCode(v_) {
+  upBodyTagsComDictCode.value = v_
+}
+//情绪标签名称
+const upEmotionTagsComDictCode = ref([])
+function upEmotionTagsDictCode(v_) {
+  upEmotionTagsComDictCode.value = v_
+}
+
+
+watch([instructionComDictCode, categoryComDictCode, typeComDictCode, cycleTypeComDictCode, upBodyTagsComDictCode, upEmotionTagsComDictCode], () => {
+  // 当这些字典数据变化时，强制重新计算 formComputedData
+}, { deep: true });
+
+const bodyTagsObj = ref([])
+const emotionTagsObj = ref([])
+const formComputedData = computed(() => {
+  if (!canUploadPreviewImage.value) return {};
+
+  // 获取各个字段的字典值
+  const instructionName = instructionComDictCode.value.find(d => d.value == formData.instructionTagId)?.label || '';
+  const categoryName = categoryComDictCode.value.find(d => d.value == formData.categoryId)?.label || '';
+  const typeName = typeComDictCode.value.find(d => d.value == formData.typeId)?.label || '';
+  const cycleTypeName = cycleTypeComDictCode.value.find(d => d.value == formData.cycleType)?.label || '';
+
+  // 处理标签
+  const processTags = (tags, dict) => {
+    if (!tags) return [];
+    return tags.split(',')
+      .map(id => dict.find(d => d.value === id))
+      .filter(Boolean)
+      .map(item => ({ id: item.value, label: item.label }));
+  };
+
+  return {
+    mediaFileSavePath: `directive/${instructionName}/${categoryName}/${typeName}/${cycleTypeName}/${formData.directiveName}`,
+    instructionName,
+    categoryName,
+    typeName,
+    cycleTypeName,
+    bodyTagsObj: JSON.stringify(processTags(formData.bodyTags, upBodyTagsComDictCode.value)),
+    emotionTagsObj: JSON.stringify(processTags(formData.emotionTags, upEmotionTagsComDictCode.value))
+  };
+});
+
+watch(
+  () => formData.instructionTagId,
+  (newInstructionTagId) => {
+    if (needWatch.value) {
+      formData.categoryId = ''
+      formData.typeId = ''
+      // formData.cycleType = ''
+    }
+    if (!newInstructionTagId) {
+      categoryDictCode.value = 'nu_config_service_category,category_name,id,1=2';
+    } else {
+      categoryDictCode.value = `nu_config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0 and instruction_id = '${newInstructionTagId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.categoryId,
+  (newCategoryId) => {
+    if (needWatch.value) {
+      formData.typeId = ''
+      // formData.cycleType = ''
+    }
+    if (!newCategoryId) {
+      typeDictCode.value = 'nu_config_service_type,type_name,id,1=2';
+    } else {
+      typeDictCode.value = `nu_config_service_type,type_name,id,del_flag = 0 and iz_enabled = 0 and category_id = '${newCategoryId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.typeId,
+  (newTypeId) => {
+    if (needWatch.value) {
+      // formData.cycleType = ''
+    }
+  }
+);
+/**
+ * 新增
+ */
+function add() {
+  edit({});
+}
+const needWatch = ref(false)
+const showMedia = ref(true)
+/**
+ * 编辑
+ * isEditMedia_是否为编辑指令资源 （隐藏业务字段）
+ */
+function edit(record, isEditMedia_ = false, showMedia_ = true, showExistTags = true) {
+  if (!!record.bodyTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const bodyTagConditions = record.bodyTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    bodyTagDictCode.value = `nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (bodyTagConditions ? ` and (${bodyTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  if (!!record.emotionTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const emotionTagConditions = record.emotionTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    emotionTagDictCode.value = `nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (emotionTagConditions ? ` and (${emotionTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  needWatch.value = false
+  showMedia.value = showMedia_
+  setTimeout(() => {
+    needWatch.value = true
+  }, 1000)
+  isEditMedia.value = isEditMedia_
+  formData.bodyTags = ''
+  formData.emotionTags = ''
+  nextTick(() => {
+    resetFields();
+    const tmpData = {};
+    Object.keys(formData).forEach((key) => {
+      if (record.hasOwnProperty(key)) {
+        tmpData[key] = record[key]
+      }
+    })
+    //赋值
+    Object.assign(formData, tmpData);
+  });
+}
+
+/**
+ * 提交数据
+ */
+async function submitForm() {
+  try {
+    // 触发表单验证
+    await validate();
+  } catch ({ errorFields }) {
+    if (errorFields) {
+      const firstField = errorFields[0];
+      if (firstField) {
+        formRef.value.scrollToField(firstField.name, { behavior: 'smooth', block: 'center' });
+      }
+    }
+    return Promise.reject(errorFields);
+  }
+  confirmLoading.value = true;
+  const isUpdate = ref<boolean>(false);
+  //时间格式化
+  const computedData = formComputedData.value;
+  const model = {
+    ...formData,
+    ...computedData
+  };
+  if (model.id) {
+    isUpdate.value = true;
+  }
+  //循环数据
+  for (let data in model) {
+    //如果该数据是数组并且是字符串类型
+    if (model[data] instanceof Array) {
+      let valueType = getValueType(formRef.value.getProps, data);
+      //如果是字符串类型的需要变成以逗号分割的字符串
+      if (valueType === 'string') {
+        model[data] = model[data].join(',');
+      }
+    }
+  }
+
+  //提成价格不能高于收费价格
+  if (model.comPrice != 0 && model.tollPrice < model.comPrice) {
+    createMessage.warning('提成价格不能高于收费价格！');
+    confirmLoading.value = false;
+    return
+  }
+
+  model.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+
+  await saveOrUpdate(model, isUpdate.value)
+    .then((res) => {
+      if (res.success) {
+        createMessage.success(res.message);
+        emit('ok');
+      } else {
+        createMessage.warning(res.message);
+      }
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给指令所有者对应业务平台
+ *
+ */
+function syncMediaForBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给所有业务平台
+ *
+ */
+function syncMediaForAllBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForAllBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+const directiveMediaBtnValue = ref(0)
+function mediaBtnChanged(v_) {
+  directiveMediaBtnValue.value = v_
+
+}
+
+onMounted(() => {
+
+})
+
+defineExpose({
+  add,
+  edit,
+  submitForm,
+  syncMediaForBizFunc,
+  syncMediaForAllBizFunc
+});
+</script>
+
+<style lang="less" scoped>
+.antd-modal-form {
+  padding: 14px;
+}
+
+:deep .ant-checkbox-wrapper {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  width: 30%;
+}
+
+.upload-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-icon {
+  margin-bottom: 16px;
+}
+
+.upload-text {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.85);
+  margin-bottom: 8px;
+}
+
+.upload-hint {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.divider {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+.description-container {
+  position: relative;
+  z-index: 1000;
+}
+
+.description-box {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  background: #f6faff;
+  border-radius: 4px;
+  padding: 12px;
+  width: 43vw;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 8px;
+}
+
+.box-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+}
+
+.title {
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.collapse-icon {
+  color: #1890ff;
+  cursor: pointer;
+}
+
+.content {
+  background: #fff;
+  border-radius: 4px;
+  padding: 12px;
+  position: relative;
+}
+
+.instruction {
+  color: #8c8c8c;
+  margin-bottom: 30px;
+}
+
+.confirm-btn {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  background: #1890ff;
+  border-radius: 20px;
+}
+
+/* 渐隐渐现动画 */
+.slide-fade-enter-active {
+  transition: opacity 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.8, 1);
+}
+
+/* 进入时从透明开始 */
+.slide-fade-enter-from {
+  opacity: 0;
+}
+
+/* 离开时渐变到透明 */
+.slide-fade-leave-to {
+  opacity: 0;
+}
+
+/* 确保容器初始状态无变形 */
+.slide-fade-enter-to,
+.slide-fade-leave-from {
+  opacity: 1;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveFormOLDBK.vue b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveFormOLDBK.vue
new file mode 100644
index 0000000..d40fcd4
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveFormOLDBK.vue	
@@ -0,0 +1,888 @@
+<template>
+  <a-spin :spinning="confirmLoading">
+    <div style="background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);">
+      <JFormContainer :disabled="disabled">
+        <template #detail>
+          <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigService2DirectiveForm" style="padding: 20px 0px;">
+            <a-row v-show="!isEditMedia">
+              <a-col :span="12" v-show="false">
+                <a-form-item label="分类标签" v-bind="validateInfos.instructionTagId"
+                  id="ConfigServiceDirectiveForm-instructionTagId" name="instructionTagId">
+                  <j-dict-select-tag v-model:value="formData.instructionTagId" :orgCode="mainOrgCode"
+                    :dictCode="`nu_config_service_instruction_tag,instruction_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`"
+                    placeholder="请选择分类标签" allowClear @upDictCode="upInstructionDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <a-form-item label="服务类别" v-bind="validateInfos.categoryId" id="ConfigServiceDirectiveForm-categoryId"
+                  name="categoryId">
+                  <j-dict-select-tag type="list" v-model:value="formData.categoryId" :disabled="!!formData.id"
+                    :orgCode="mainOrgCode" :dictCode="categoryDictCode" placeholder="请选择服务类别" allow-clear
+                    @upDictCode="upCategoryDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-show="false">
+                <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"
+                    :orgCode="mainOrgCode" :disabled="!!formData.id" placeholder="请选择服务类型" allowClear
+                    @upDictCode="upTypeDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务指令名称" v-bind="validateInfos.directiveName"
+                  id="ConfigServiceDirectiveForm-directiveName" name="directiveName">
+                  <a-input v-model:value="formData.directiveName" placeholder="请输入服务指令名称" allow-clear :maxlength="20"
+                    :showCount="true" :disabled="!!formData.id"></a-input>
+                </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"
+                    dictCode="institutional_discount" allowClear />
+                </a-form-item>
+              </a-col> -->
+              <a-col :span="12">
+                <a-form-item label="收费价格(元)" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
+                  name="tollPrice">
+                  <a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                </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" dictCode="period_type"
+                    placeholder="请选择周期类型" allowClear @upDictCode="upCycleTypeDictCode" :disabled="!!formData.id" />
+                </a-form-item>
+              </a-col>
+              <!-- <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" dictCode="med_ins_reimb"
+                    allowClear />
+                </a-form-item>
+              </a-col> -->
+              <a-col :span="12">
+                <a-form-item label="提成价格(元)" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
+                  name="comPrice">
+                  <a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" :min="0"
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                </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" dictCode="iz_enabled"
+                    placeholder="请选择是否启用"  allowClear />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
+                  id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
+                  <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
+                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <!-- <a-row v-show="!isEditMedia"
+              style="background-color: #f6faff ; border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;">
+              <a-col :span="12" style="border-right: 1px solid #F0F0F0;padding-top: 20px;">
+                <a-form-item label="体型标签" id="ConfigServiceDirectiveForm-typeId" name="typeId">
+                  <span v-if="disabled && !formData.bodyTags">-</span>
+                  <JCheckbox v-else v-model:value="formData.bodyTags" :orgCode="mainOrgCode" :dictCode="bodyTagDictCode"
+                    @upDictCode="upBodyTagsDictCode" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" style="padding-top: 20px;">
+                <a-form-item label="情绪标签" name="emoTags">
+                  <span v-if="disabled && !formData.emotionTags">-</span>
+                  <JCheckbox v-else v-model:value="formData.emotionTags" :orgCode="mainOrgCode"
+                    :dictCode="emotionTagDictCode" @upDictCode="upEmotionTagsDictCode" />
+                </a-form-item>
+              </a-col>
+            </a-row> -->
+            <!-- <a-row style="padding: 20px;">
+              <a-col :span="6">
+                <DirectiveRadioCom :directiveMediaBtnValue="directiveMediaBtnValue" @change="mediaBtnChanged">
+                </DirectiveRadioCom>
+              </a-col>
+            </a-row>
+            <a-row style="padding: 0px 20px;">
+              <a-col :span="24" v-show="directiveMediaBtnValue == 0">
+                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
+                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
+                  <div class="upload-area">
+                    <p class="upload-text">点击或者拖拽上传</p>
+                    <div class="upload-icon">
+                      <img src="./pictype.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
+                    </div>
+                    <p class="upload-hint">
+                      <span>文件大小不超过10MB</span>
+                      <span class="divider">|</span>
+                      <a-tooltip placement="top">
+                        <template #title>
+                          请上传相应格式类型的文件
+                        </template>
+<span>
+  <QuestionCircleOutlined style="margin-right: 0px;" />
+  格式说明
+</span>
+</a-tooltip>
+</p>
+</div>
+</a-upload-dragger>
+</a-col>
+<a-col :span="24" v-show="directiveMediaBtnValue == 1">
+  <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
+    :before-upload="beforeUpload" style="background-color: #F6FAFF;">
+    <div class="upload-area">
+      <p class="upload-text">点击或者拖拽上传</p>
+      <div class="upload-icon">
+        <img src="./mp3type.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
+      </div>
+      <p class="upload-hint">
+        <span>文件大小不超过10MB</span>
+        <span class="divider">|</span>
+        <a-tooltip placement="top">
+          <template #title>
+                          请上传相应格式类型的文件
+                        </template>
+          <span>
+            <QuestionCircleOutlined style="margin-right: 0px;" />
+            格式说明
+          </span>
+        </a-tooltip>
+      </p>
+    </div>
+  </a-upload-dragger>
+</a-col>
+<a-col :span="24" v-show="directiveMediaBtnValue == 2">
+  <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
+    :before-upload="beforeUpload" style="background-color: #F6FAFF;">
+    <div class="upload-area">
+      <p class="upload-text">点击或者拖拽上传</p>
+      <div class="upload-icon">
+        <img src="./mp4type.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
+      </div>
+      <p class="upload-hint">
+        <span>文件大小不超过10MB</span>
+        <span class="divider">|</span>
+        <a-tooltip placement="top">
+          <template #title>
+                          请上传相应格式类型的文件
+                        </template>
+          <span>
+            <QuestionCircleOutlined style="margin-right: 0px;" />
+            格式说明
+          </span>
+        </a-tooltip>
+      </p>
+    </div>
+  </a-upload-dragger>
+</a-col>
+<a-col :span="24" v-show="directiveMediaBtnValue == 3">
+  <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
+    :before-upload="beforeUpload" style="background-color: #F6FAFF;">
+    <div class="upload-area">
+      <p class="upload-text">点击或者拖拽上传</p>
+      <div class="upload-icon">
+        <img src="./pictype.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
+      </div>
+      <p class="upload-hint">
+        <span>文件大小不超过10MB</span>
+        <span class="divider">|</span>
+        <a-tooltip placement="top">
+          <template #title>
+                          请上传相应格式类型的文件
+                        </template>
+          <span>
+            <QuestionCircleOutlined style="margin-right: 0px;" />
+            格式说明
+          </span>
+        </a-tooltip>
+      </p>
+    </div>
+  </a-upload-dragger>
+</a-col>
+</a-row>
+<a-row style="padding: 20px;">
+  <a-col :span="2">
+    <div class="description-container">
+      <a-button @click="toggleDescription">服务指令描述</a-button>
+      <div v-show="showDescription" class="description-box">
+        <div class="box-header">
+          <span class="title">服务指令描述</span>
+          <span class="collapse-icon" @click="toggleDescription">
+            <DownOutlined style="margin-right: 3px;" />收起
+          </span>
+        </div>
+        <div>
+          <a-textarea v-model:value="formData.serviceContent" placeholder="请输入服务指令描述" :maxlength="200" :rows="3"
+            :autosize="{ minRows: 3 }" :showCount="true" />
+        </div>
+      </div>
+    </div>
+  </a-col>
+</a-row> -->
+            <a-row style="margin-top: 20px;">
+              <a-col :span="12" v-show="showMedia">
+                <a-form-item label="服务指令图片" v-bind="validateInfos.previewFile">
+                  <span v-if="disabled && !formData.previewFile">暂无文件</span>
+                  <JImageUpload v-else-if="opeType == 'dmlook'" :fileMax="1"
+                    :value="mediaApiAddress + formData.previewFile">
+                  </JImageUpload>
+                  <JImageUpload v-else :fileMax="1" v-model:value="formData.previewFile"></JImageUpload>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="服务指令描述" v-bind="validateInfos.serviceContent"
+                  id="ConfigServiceDirectiveForm-serviceContent" name="serviceContent">
+                  <a-textarea v-model:value="formData.serviceContent" :autosize="true" placeholder="请输入服务指令描述"
+                    :maxlength="200" :showCount="true" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row v-show="!disabled && showMedia">
+              <a-col :span="12">
+                <a-form-item label="指令音频文件" v-bind="validateInfos.mp3File" id="ConfigServiceDirectiveForm-mp3File">
+                  <j-upload v-model:value="formData.mp3File" accept=".mp3" :maxCount="1"
+                    :beforeUpload="checkMp3"></j-upload>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item label="指令视频文件" v-bind="validateInfos.mp4File" id="ConfigServiceDirectiveForm-mp4File">
+                  <j-upload v-model:value="formData.mp4File" accept=".mp4" :maxCount="1"
+                    :beforeUpload="checkMp4"></j-upload>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+      <JFormContainer style="margin-top: -40px;" v-show="showMedia">
+        <template #detail>
+          <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
+            name="ConfigServiceDirectiveForm">
+            <a-row>
+              <a-col :span="12" v-if="!!formData.mp3File">
+                <a-form-item label="指令音频预览" id="ConfigServiceDirectiveForm-mp3File">
+                  <audio controls disabled="false">
+                    <source
+                      :src="opeType == 'dmlook' ? mediaApiAddress + formData.mp3File : getFileAccessHttpUrl(formData.mp3File)">
+                  </audio>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-if="disabled && !formData.mp3File">
+                <a-form-item label="指令音频预览">
+                  <span>暂无文件</span>
+                </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">
+                  <video controls>
+                    <source
+                      :src="opeType == 'dmlook' ? mediaApiAddress + formData.mp4File : getFileAccessHttpUrl(formData.mp4File)">
+                  </video>
+                </a-form-item>
+              </a-col>
+              <a-col :span="12" v-if="disabled && !formData.mp3File">
+                <a-form-item label="指令视频预览">
+                  <span>暂无文件</span>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-row>
+              <a-col :span="12">
+                <a-form-item label="即时指令图标" v-bind="validateInfos.immediateFile">
+                  <span v-if="disabled && !formData.immediateFile">暂无文件</span>
+                  <JImageUpload v-else-if="opeType == 'dmlook'" :fileMax="1"
+                    :value="mediaApiAddress + formData.immediateFile">
+                  </JImageUpload>
+                  <JImageUpload v-else :fileMax="1" v-model:value="formData.immediateFile"></JImageUpload>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </template>
+      </JFormContainer>
+    </div>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted, watch } from 'vue';
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { JCheckbox } from '/@/components/Form';
+import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
+import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
+import { getValueType } from '/@/utils';
+import { saveOrUpdate, syncMediaForBiz, syncMediaForAllBiz } from '../ConfigServiceDirective.api';
+import { Form } from 'ant-design-vue';
+import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
+import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
+import { env } from 'process';
+import DirectiveRadioCom from './DirectiveRadioCom.vue'
+import { QuestionCircleOutlined } from '@ant-design/icons-vue';
+import { DownOutlined } from '@ant-design/icons-vue';
+
+const showDescription = ref(false);
+
+// 切换悬浮容器的显示状态
+const toggleDescription = () => {
+  showDescription.value = !showDescription.value;
+};
+const fileList = ref([])
+const onPriceKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,5}(?:\.\d{0,2})?$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const onDurationKeydown = (e: KeyboardEvent) => {
+  const key = e.key;
+  // 放行控制键
+  if (['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(key)) return;
+  // 只能输数字和点
+  if (!/[\d.]/.test(key)) {
+    e.preventDefault();
+    return;
+  }
+  const input = e.target as HTMLInputElement;
+  const { value, selectionStart: s, selectionEnd: t } = input;
+  const next = value.slice(0, s!) + key + value.slice(t!);
+  // 整数最多5位，小数最多2位
+  if (!/^\d{0,2}$/.test(next)) {
+    e.preventDefault();
+  }
+};
+
+const props = defineProps({
+  formDisabled: { type: Boolean, default: false },
+  formData: { type: Object, default: () => ({}) },
+  formBpm: { type: Boolean, default: true },
+  mainOrgCode: '',
+  mediaApiAddress: '',//指令资源请求地址
+  opeType: 'look',
+});
+const checkMp3 = (file) => {
+  const isPDF = file.type === 'application/mp3' || file.name.endsWith('.mp3');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp3 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const checkMp4 = (file) => {
+  const isPDF = file.type === 'application/mp4' || file.name.endsWith('.mp4');
+  if (!isPDF) {
+    createMessage.error('只能上传 mp4 文件！');
+    return false; // 阻止上传
+  }
+  return true;
+};
+const bodyTagDictCode = ref(`nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const emotionTagDictCode = ref(`nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 order by sort asc`)
+const formRef = ref();
+const useForm = Form.useForm;
+const emit = defineEmits(['register', 'ok']);
+const formData = reactive<Record<string, any>>({
+  id: '',
+  categoryId: '',
+  typeId: '',
+  instructionTagId: '',
+  directiveName: '',
+  tollPrice: 0,
+  comPrice: 0,
+  izReimbursement: '0',
+  izPreferential: '0',
+  chargingFrequency: '',
+  cycleType: '',
+  sort: 99,
+  serviceContent: '',
+  serviceDuration: '5',
+  status: '',
+  izEnabled: '0',
+  createBy: '',
+  createTime: '',
+  updateBy: '',
+  updateTime: '',
+  mp3File: '',
+  mp4File: '',
+  previewFile: '',
+  immediateFile: '',
+});
+const { createMessage } = useMessage();
+const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
+const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 19 } });
+const confirmLoading = ref<boolean>(false);
+const isEditMedia = ref(false)
+const instructionTagName = ref('')
+const categoryName = ref('')
+const typeName = ref('')
+const cycleTypeName = ref('')
+const orgMediaPathAddress = ref('')//对应机构媒体资源静态访问路径
+//表单验证
+const validatorRules = reactive({
+  categoryId: [{ required: true, message: '请选择服务类别!' },],
+  typeId: [{ required: true, message: '请选择服务类型!' },],
+  instructionTagId: [{ required: true, message: '请选择分类标签!' },],
+  directiveName: [{ required: true, message: '请输入服务指令名称!' },],
+  tollPrice: [{ required: true, message: '请输入收费价格!' }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  comPrice: [{ required: false }, { pattern: /^(([0-9]*)|([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4}))$/, message: '请输入正确的金额!' },],
+  izReimbursement: [{ required: true, message: '请选择是否参与医保报销!' },],
+  izPreferential: [{ required: true, message: '请选择是否参与机构优惠!' },],
+  // chargingFrequency: [{ required: true, message: '请选择收费频次!' },],
+  cycleType: [{ required: true, message: '请选择周期类型!' },],
+  // sort: [{ required: true, message: '请输入排序!' }, { pattern: /^\d+$/, message: '请输入正整数!' },],
+  serviceDuration: [
+    { required: true, message: '请输入服务时长（分钟）!' },
+    { pattern: /^\d+$/, message: '请输入正整数!' },
+    {
+      validator: (_, value) => {
+        if (value % 5 !== 0) {
+          return Promise.reject('请输入5的倍数!');
+        }
+        return Promise.resolve();
+      },
+    },
+    {
+      validator: (_, value) => {
+        if (value < 5 || value > 55) {
+          return Promise.reject('请输入5到55之间的值!');
+        }
+        return Promise.resolve();
+      },
+    },
+  ],
+  izEnabled: [{ required: true, message: '请选择是否启用!' },],
+});
+
+const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
+// 表单禁用
+const disabled = computed(() => {
+  if (props.formBpm === true) {
+    if (props.formData.disabled === false) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+  return props.formDisabled;
+});
+const categoryDictCode = ref('')
+const typeDictCode = ref('')
+// 计算属性：是否可以上传预览图片
+const canUploadPreviewImage = computed(() => {
+  return formData.instructionTagId &&
+    formData.categoryId &&
+    formData.typeId &&
+    formData.directiveName &&
+    formData.cycleType;
+});
+
+//分类标签名称
+const instructionComDictCode = ref([])
+function upInstructionDictCode(v_) {
+  instructionComDictCode.value = v_
+}
+//服务类别名称
+const categoryComDictCode = ref([])
+function upCategoryDictCode(v_) {
+  categoryComDictCode.value = v_
+}
+//服务类型名称
+const typeComDictCode = ref([])
+function upTypeDictCode(v_) {
+  typeComDictCode.value = v_
+}
+//周期类型名称
+const cycleTypeComDictCode = ref([])
+function upCycleTypeDictCode(v_) {
+  cycleTypeComDictCode.value = v_
+}
+//体型标签名称
+const upBodyTagsComDictCode = ref([])
+function upBodyTagsDictCode(v_) {
+  upBodyTagsComDictCode.value = v_
+}
+//情绪标签名称
+const upEmotionTagsComDictCode = ref([])
+function upEmotionTagsDictCode(v_) {
+  upEmotionTagsComDictCode.value = v_
+}
+
+
+watch([instructionComDictCode, categoryComDictCode, typeComDictCode, cycleTypeComDictCode, upBodyTagsComDictCode, upEmotionTagsComDictCode], () => {
+  // 当这些字典数据变化时，强制重新计算 formComputedData
+}, { deep: true });
+
+const bodyTagsObj = ref([])
+const emotionTagsObj = ref([])
+const formComputedData = computed(() => {
+  if (!canUploadPreviewImage.value) return {};
+
+  // 获取各个字段的字典值
+  const instructionName = instructionComDictCode.value.find(d => d.value == formData.instructionTagId)?.label || '';
+  const categoryName = categoryComDictCode.value.find(d => d.value == formData.categoryId)?.label || '';
+  const typeName = typeComDictCode.value.find(d => d.value == formData.typeId)?.label || '';
+  const cycleTypeName = cycleTypeComDictCode.value.find(d => d.value == formData.cycleType)?.label || '';
+
+  // 处理标签
+  const processTags = (tags, dict) => {
+    if (!tags) return [];
+    return tags.split(',')
+      .map(id => dict.find(d => d.value === id))
+      .filter(Boolean)
+      .map(item => ({ id: item.value, label: item.label }));
+  };
+
+  return {
+    mediaFileSavePath: `directive/${instructionName}/${categoryName}/${typeName}/${cycleTypeName}/${formData.directiveName}`,
+    instructionName,
+    categoryName,
+    typeName,
+    cycleTypeName,
+    bodyTagsObj: JSON.stringify(processTags(formData.bodyTags, upBodyTagsComDictCode.value)),
+    emotionTagsObj: JSON.stringify(processTags(formData.emotionTags, upEmotionTagsComDictCode.value))
+  };
+});
+
+watch(
+  () => formData.instructionTagId,
+  (newInstructionTagId) => {
+    if (needWatch.value) {
+      formData.categoryId = ''
+      formData.typeId = ''
+      formData.cycleType = ''
+    }
+    if (!newInstructionTagId) {
+      categoryDictCode.value = 'nu_config_service_category,category_name,id,1=2';
+    } else {
+      categoryDictCode.value = `nu_config_service_category,category_name,id,del_flag = 0 and iz_enabled = 0 and instruction_id = '${newInstructionTagId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.categoryId,
+  (newCategoryId) => {
+    if (needWatch.value) {
+      formData.typeId = ''
+      formData.cycleType = ''
+    }
+    if (!newCategoryId) {
+      typeDictCode.value = 'nu_config_service_type,type_name,id,1=2';
+    } else {
+      typeDictCode.value = `nu_config_service_type,type_name,id,del_flag = 0 and iz_enabled = 0 and category_id = '${newCategoryId}' order by sort asc`;
+    }
+  }
+);
+watch(
+  () => formData.typeId,
+  (newTypeId) => {
+    if (needWatch.value) {
+      formData.cycleType = ''
+    }
+  }
+);
+/**
+ * 新增
+ */
+function add() {
+  edit({});
+}
+const needWatch = ref(false)
+const showMedia = ref(true)
+/**
+ * 编辑
+ * isEditMedia_是否为编辑指令资源 （隐藏业务字段）
+ */
+function edit(record, isEditMedia_ = false, showMedia_ = true, showExistTags = true) {
+  if (!!record.bodyTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const bodyTagConditions = record.bodyTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    bodyTagDictCode.value = `nu_config_body_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (bodyTagConditions ? ` and (${bodyTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  if (!!record.emotionTags && showExistTags) {
+    // 将逗号分隔的字符串转换为 "id = 'id1' or id = 'id2'" 格式
+    const emotionTagConditions = record.emotionTags.split(',')
+      .map(id => `id = '${id}'`)
+      .join(' or ');
+    emotionTagDictCode.value = `nu_config_emotion_tag,tag_name,id,del_flag = 0 and iz_enabled = 0 ` +
+      (emotionTagConditions ? ` and (${emotionTagConditions})` : '') +
+      ` order by sort asc`;
+  }
+  needWatch.value = false
+  showMedia.value = showMedia_
+  setTimeout(() => {
+    needWatch.value = true
+  }, 1000)
+  isEditMedia.value = isEditMedia_
+  formData.bodyTags = ''
+  formData.emotionTags = ''
+  nextTick(() => {
+    resetFields();
+    const tmpData = {};
+    Object.keys(formData).forEach((key) => {
+      if (record.hasOwnProperty(key)) {
+        tmpData[key] = record[key]
+      }
+    })
+    //赋值
+    Object.assign(formData, tmpData);
+  });
+}
+
+/**
+ * 提交数据
+ */
+async function submitForm() {
+  try {
+    // 触发表单验证
+    await validate();
+  } catch ({ errorFields }) {
+    if (errorFields) {
+      const firstField = errorFields[0];
+      if (firstField) {
+        formRef.value.scrollToField(firstField.name, { behavior: 'smooth', block: 'center' });
+      }
+    }
+    return Promise.reject(errorFields);
+  }
+  confirmLoading.value = true;
+  const isUpdate = ref<boolean>(false);
+  //时间格式化
+  const computedData = formComputedData.value;
+  const model = {
+    ...formData,
+    ...computedData
+  };
+  if (model.id) {
+    isUpdate.value = true;
+  }
+  //循环数据
+  for (let data in model) {
+    //如果该数据是数组并且是字符串类型
+    if (model[data] instanceof Array) {
+      let valueType = getValueType(formRef.value.getProps, data);
+      //如果是字符串类型的需要变成以逗号分割的字符串
+      if (valueType === 'string') {
+        model[data] = model[data].join(',');
+      }
+    }
+  }
+
+  //提成价格不能高于收费价格
+  if (model.comPrice != 0 && model.tollPrice < model.comPrice) {
+    createMessage.warning('提成价格不能高于收费价格！');
+    confirmLoading.value = false;
+    return
+  }
+
+  model.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+
+  await saveOrUpdate(model, isUpdate.value)
+    .then((res) => {
+      if (res.success) {
+        createMessage.success(res.message);
+        emit('ok');
+      } else {
+        createMessage.warning(res.message);
+      }
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给指令所有者对应业务平台
+ *
+ */
+function syncMediaForBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+/**
+ * 同步媒体资源给所有业务平台
+ *
+ */
+function syncMediaForAllBizFunc() {
+  formData.mediaFileSavePath = formComputedData.value.mediaFileSavePath
+  syncMediaForAllBiz(formData)
+    .then((res) => {
+      createMessage.success('操作成功！');
+      emit('ok');
+    })
+    .finally(() => {
+      confirmLoading.value = false;
+    });
+}
+
+const directiveMediaBtnValue = ref(0)
+function mediaBtnChanged(v_) {
+  directiveMediaBtnValue.value = v_
+
+}
+
+onMounted(() => {
+
+})
+
+defineExpose({
+  add,
+  edit,
+  submitForm,
+  syncMediaForBizFunc,
+  syncMediaForAllBizFunc
+});
+</script>
+
+<style lang="less" scoped>
+.antd-modal-form {
+  padding: 14px;
+}
+
+:deep .ant-checkbox-wrapper {
+  margin-top: 5px;
+  margin-bottom: 10px;
+  width: 30%;
+}
+
+.upload-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-icon {
+  margin-bottom: 16px;
+}
+
+.upload-text {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.85);
+  margin-bottom: 8px;
+}
+
+.upload-hint {
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.divider {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+.description-container {
+  position: relative;
+  z-index: 1000;
+}
+
+.description-box {
+  position: absolute;
+  bottom: 100%;
+  left: 0;
+  background: #f6faff;
+  border-radius: 4px;
+  padding: 12px;
+  width: 43vw;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 8px;
+}
+
+.box-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+}
+
+.title {
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.collapse-icon {
+  color: #1890ff;
+  cursor: pointer;
+}
+
+.content {
+  background: #fff;
+  border-radius: 4px;
+  padding: 12px;
+  position: relative;
+}
+
+.instruction {
+  color: #8c8c8c;
+  margin-bottom: 30px;
+}
+
+.confirm-btn {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  background: #1890ff;
+  border-radius: 20px;
+}
+
+/* 渐隐渐现动画 */
+.slide-fade-enter-active {
+  transition: opacity 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.8, 1);
+}
+
+/* 进入时从透明开始 */
+.slide-fade-enter-from {
+  opacity: 0;
+}
+
+/* 离开时渐变到透明 */
+.slide-fade-leave-to {
+  opacity: 0;
+}
+
+/* 确保容器初始状态无变形 */
+.slide-fade-enter-to,
+.slide-fade-leave-from {
+  opacity: 1;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveModal.vue b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveModal.vue
new file mode 100644
index 0000000..2c53829
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/ConfigServiceDirectiveModal.vue	
@@ -0,0 +1,279 @@
+<template>
+  <!-- <j-modal :title="title" width="70vw" :visible="visible" @ok="handleOk"
+    :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"
+    :maskClosable="false">
+    <template #footer>
+      <a-button @click="handleCancel">关闭</a-button>
+      <a-button @click="handleOk" v-show="opeType == 'add' || opeType == 'edit' || opeType == 'editMedia'"
+        :loading="loading">确定</a-button>
+      <a-button @click="handleSave" v-show="opeType == 'editMedia' || opeType == 'auditMedia'">暂存</a-button>
+      <a-button type="primary" @click="handleMediaAsync" v-show="opeType == 'auditMedia'">同步</a-button>
+      <a-button type="primary" @click="handleMediaSyncAllPlat" v-show="opeType == 'editMedia'">同步</a-button>
+    </template>
+<a-spin :spinning="loading">
+  <ConfigServiceDirectiveForm ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit"
+    :formBpm="false" :mainOrgCode="mainOrgCode"></ConfigServiceDirectiveForm>
+</a-spin>
+</j-modal> -->
+  <a-drawer :title="title" width="80vw" v-model:visible="visible" :closable="true"
+    :footer-style="{ textAlign: 'right' }" @close="handleCancel"
+    :bodyStyle="{ background: 'linear-gradient(135deg, #f1f7ff 0%, #f1f7ff 100%)',padding: '14px' }">
+    <a-spin :spinning="loading">
+      <ConfigServiceDirectiveForm ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit"
+        :formBpm="false" :mainOrgCode="mainOrgCode" :mediaApiAddress="mediaApiAddress" :opeType="opeType"
+        :isMain="isMain">
+      </ConfigServiceDirectiveForm>
+    </a-spin>
+    <template #footer>
+      <a-button @click="handleCancel" style="margin-right: 8px;">关闭</a-button>
+      <a-button @click="handleOk" v-show="opeType == 'add' || opeType == 'edit' || opeType == 'editMedia'"
+        :loading="loading" style="margin-right: 8px;">确定</a-button>
+      <!-- <a-button @click="handleSave" v-show="opeType == 'editMedia' || opeType == 'auditMedia'">暂存</a-button>
+      <a-button type="primary" @click="handleMediaAsync" v-show="opeType == 'auditMedia'">同步</a-button>
+      <a-button type="primary" @click="handleMediaSyncAllPlat" v-show="opeType == 'editMedia'">同步</a-button> -->
+    </template>
+  </a-drawer>
+
+  <!-- <j-modal :title="'指令库'" :fullscreen="true" width="100vw" :visible="dmVisible" @cancel="handleCancelDM"
+    :maskClosable="false">
+    <template #footer>
+      <a-button @click="handleCancelDM">关闭</a-button>
+      <a-button @click="handlePullDM">镜像</a-button>
+    </template>
+    <DirectiveRespositoryList ref="dmRef" :mainOrgCode="mainOrgCode"></DirectiveRespositoryList>
+  </j-modal> -->
+  <a-drawer :title="'标准指令库'" width="80vw" v-model:visible="dmVisible" :closable="true"
+    :footer-style="{ textAlign: 'right' }" @close="handleCancelDM" :maskClosable="true">
+    <a-spin :spinning="loading">
+      <DirectiveRespositoryList ref="dmRef" :mainOrgCode="mainOrgCode"></DirectiveRespositoryList>
+    </a-spin>
+    <template #footer>
+      <a-button @click="handleCancelDM" style="margin-right: 8px;">关闭</a-button>
+      <a-button @click="handlePullDM">镜像</a-button>
+    </template>
+  </a-drawer>
+</template>
+
+<script lang="ts" setup>
+import { ref, nextTick, defineExpose, defineProps } from 'vue';
+import ConfigServiceDirectiveForm from './ConfigServiceDirectiveForm.vue'
+import JModal from '/@/components/Modal/src/JModal/JModal.vue';
+import { useMessage } from '/@/hooks/web/useMessage';
+import { saveOrUpdate, useOrStopCascade, queryById, syncDirective } from '../ConfigServiceDirective.api';
+import DirectiveRespositoryList from './DirectiveRespositoryList.vue'
+import { clearCache } from '/@/utils/cache/cacheUtil'
+
+const mainOrgCode = ref('')
+const dmRef = ref()
+const loading = ref(false)
+const { createMessage, createConfirm } = useMessage();
+const props = defineProps({
+  mediaApiAddress: '',//指令资源请求地址
+  isMain: false,//是否主指令库
+});
+const title = ref<string>('');
+const visible = ref<boolean>(false);
+const disableSubmit = ref<boolean>(false);
+const registerForm = ref();
+const emit = defineEmits(['register', 'success']);
+const opeType = ref('')//操作类型 add新增 edit编辑 editMedia主列表-指令资源 look详情 dmlook指令库查看指令详情 audit审核 auditMedia审核列表-指令资源
+const dmVisible = ref(false)
+
+function handleCancelDM() {
+  dmVisible.value = false
+  clearCache()
+  emit('success')
+}
+
+/**
+ * 新增
+ */
+function add() {
+  title.value = '新增';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.add();
+  });
+}
+
+/**
+ * 编辑
+ * @param record
+ */
+function edit(record, editMedia = false, showMedia = true) {
+  title.value = disableSubmit.value ? '详情' : opeType.value == 'add' ? '新增' : '编辑';
+  visible.value = true;
+  mainOrgCode.value = record.orgCode_
+  nextTick(() => {
+    registerForm.value.edit(record, editMedia, showMedia, disableSubmit.value);
+  });
+}
+
+/**
+ * 编辑指令资源
+ * @param record
+ */
+function queryAndEditMedia(id) {
+  title.value = '编辑指令资源';
+  visible.value = true;
+  nextTick(() => {
+    loading.value = true
+    queryById({ id }).then(res => {
+      registerForm.value.edit(res, true);
+    }).finally(() => {
+      loading.value = false
+    })
+  });
+}
+
+/**
+ * 编辑指令资源
+ * @param record
+ */
+function editMedia(record) {
+  title.value = '编辑指令资源';
+  visible.value = true;
+  nextTick(() => {
+    registerForm.value.edit(record, true);
+  });
+}
+
+/**
+ * 确定按钮点击事件
+ */
+function handleOk() {
+  registerForm.value.submitForm();
+}
+
+/**
+ * 暂存
+ */
+function handleSave() {
+  registerForm.value.submitForm();
+}
+
+/**
+ * 给审核对应的业务平台同步资源
+ */
+function handleMediaAsync() {
+  registerForm.value.syncMediaForBizFunc();
+}
+
+/**
+ * 给所有业务平台同步资源
+ */
+function handleMediaSyncAllPlat() {
+  registerForm.value.syncMediaForAllBizFunc();
+}
+
+/**
+ * form保存回调事件
+ */
+function submitCallback() {
+  handleCancel();
+  emit('success');
+}
+
+/**
+ * 取消按钮回调事件
+ */
+function handleCancel() {
+  visible.value = false;
+}
+
+function usingOrStop(id, izEnabled, refresh = false) {
+  let params = {
+    id,
+    izEnabled
+  }
+  saveOrUpdate(params, true).then((res) => {
+    if (refresh) {
+      if (res.success) {
+        createMessage.success(res.message);
+      } else {
+        createMessage.warning(res.message);
+      }
+      emit('success')
+    }
+  })
+}
+
+function queryByIdFunc(id) {
+  loading.value = true
+  queryById({ id }).then(res => {
+    edit(res)
+  }).finally(() => {
+    loading.value = false
+  })
+}
+
+function openDM(orgCode) {
+  dmVisible.value = true
+  mainOrgCode.value = orgCode
+  nextTick(() => {
+    dmRef.value?.init()
+  })
+
+}
+
+function handlePullDM() {
+  let selectedData = dmRef.value?.getSelectedIds()
+
+  if (!selectedData.count) {
+    createMessage.warning('未选择服务指令')
+    return
+  }
+
+  createConfirm({
+    iconType: 'warning',
+    title: '镜像确认',
+    content: '是否确认将<span style="font-weight:500;color:#efac0e;"> ' + selectedData.count + ' </span>条服务指令拉取到本平台？',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      syncDirective(mainOrgCode.value, { syncIds: selectedData.ids, })
+      createMessage.success('从标准指令库开始拉取')
+      // dmRef.value?.init()
+      handleCancelDM()
+    }
+  });
+}
+
+function usingOrStopByCascade(instructionTagId, categoryId, typeId, izEnabled, refresh = true) {
+  let params = {
+    instructionTagId,
+    categoryId,
+    typeId,
+    izEnabled
+  }
+  useOrStopCascade(params).then((res) => {
+    if (refresh) {
+      createMessage.success('操作成功');
+      emit('success')
+    }
+  }).catch(() => {
+    createMessage.success('操作失败');
+  })
+}
+
+defineExpose({
+  add,
+  edit,
+  editMedia,
+  disableSubmit,
+  usingOrStop,
+  usingOrStopByCascade,
+  queryByIdFunc,
+  opeType,
+  queryAndEditMedia,
+  openDM,
+});
+</script>
+
+<style lang="less">
+/**隐藏样式-modal确定按钮 */
+.jee-hidden {
+  display: none !important;
+}
+</style>
+<style lang="less" scoped></style>
diff --git a/src/views/services/serviceDirective copy/components/DirectiveRadioCom.vue b/src/views/services/serviceDirective copy/components/DirectiveRadioCom.vue
new file mode 100644
index 0000000..6819805
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/DirectiveRadioCom.vue	
@@ -0,0 +1,100 @@
+<template>
+  <div class="tab-container" :class="{ compact }">
+    <div v-for="(tab, index) in tabs" :key="index" class="tab-item" :class="{ active: activeTab === index }"
+      @click="handleTabClick(index)">
+      <span class="tab-text">{{ tab }}</span>
+      <div v-if="index < tabs.length - 1" class="tab-divider"></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+  directiveMediaBtnValue: {
+    type: Number,
+    default: 0
+  },
+  compact: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emit = defineEmits(['update:directiveMediaBtnValue', 'change'])
+
+const tabs = ['服务指令图片(大)', '服务指令图片(小)', '指令音频文件', '指令视频文件', '即时指令图标', '即时指令-焦点']
+const activeTab = ref(props.directiveMediaBtnValue)
+
+watch(() => props.directiveMediaBtnValue, (newVal) => {
+  activeTab.value = newVal
+})
+
+const handleTabClick = (index) => {
+  activeTab.value = index
+  emit('update:directiveMediaBtnValue', index)
+  emit('change', index)
+}
+</script>
+
+<style scoped>
+.tab-container {
+  display: inline-flex;
+  background-color: #f1f7ff;
+  padding: 4px;
+  border-radius: 8px;
+  white-space: nowrap;
+}
+
+.tab-item {
+  position: relative;
+  padding: 6px 12px;
+  cursor: pointer;
+  color: #666;
+  font-size: 13px;
+  transition: all 0.3s ease;
+  display: flex;
+  align-items: center;
+}
+
+.tab-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100px;
+}
+
+.tab-item:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.tab-item.active {
+  background-color: #fff;
+  color: #333;
+  font-weight: 500;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  z-index: 1;
+}
+
+/* .tab-divider {
+  position: absolute;
+  right: 0;
+  top: 20%;
+  height: 60%;
+  width: 1px;
+  background-color: rgba(0, 0, 0, 0.1);
+  z-index: 2;
+} */
+
+/* 紧凑模式 */
+.tab-container.compact .tab-item {
+  padding: 4px 8px;
+  font-size: 12px;
+}
+
+.tab-container.compact .tab-text {
+  max-width: 80px;
+}
+</style>
diff --git a/src/views/services/serviceDirective copy/components/DirectiveRespositoryList.vue b/src/views/services/serviceDirective copy/components/DirectiveRespositoryList.vue
new file mode 100644
index 0000000..576ca51
--- /dev/null
+++ b/src/views/services/serviceDirective copy/components/DirectiveRespositoryList.vue	
@@ -0,0 +1,411 @@
+<template>
+  <div>
+    <!--查询区域-->
+    <div class="jeecg-basic-table-form-container">
+      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
+        :wrapper-col="wrapperCol" style="padding-top: 20px;">
+        <a-row :gutter="24">
+          <a-col :lg="5">
+            <a-form-item name="instructionTagId">
+              <template #label><span title="分类标签">分类标签</span></template>
+              <j-dict-select-tag v-model:value="queryParam.instructionTagId" :orgCode="mainOrgCode"
+                :dictCode="`nu_config_service_instruction_tag,instruction_name,id,del_flag = 0 and iz_enabled = 'Y' order by sort asc`"
+                placeholder="请选择分类标签" allowClear :ignoreDisabled="true" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :lg="5">
+            <a-form-item name="categoryId">
+              <template #label><span title="服务类别">服务类别</span></template>
+              <j-dict-select-tag type="list" v-model:value="queryParam.categoryId" :orgCode="mainOrgCode"
+                :dictCode="`nu_config_service_category,category_name,id,del_flag = 0 and iz_enabled = 'Y' and instruction_id = '${queryParam.instructionTagId || ''}' order by sort asc`"
+                placeholder="请选择服务类别" allowClear :ignoreDisabled="true" />
+            </a-form-item>
+          </a-col>
+
+          <a-col :lg="5">
+            <a-form-item name="typeId">
+              <template #label><span title="服务类型">服务类型</span></template>
+              <j-dict-select-tag type="list" v-model:value="queryParam.typeId" :orgCode="mainOrgCode"
+                :dictCode="`nu_config_service_type,type_name,id,del_flag = 0 and iz_enabled = 'Y' and category_id = '${queryParam.categoryId || ''}' order by sort asc`"
+                placeholder="请选择服务类型" allowClear :ignoreDisabled="true" />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="5">
+            <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>
+              <j-dict-select-tag type='list' v-model:value="queryParam.bodyTags" :orgCode="mainOrgCode"
+                :dictCode="`nu_config_body_tag,tag_name,id,del_flag = '0' and iz_enabled = 'Y' 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>
+              <j-dict-select-tag type="list" v-model:value="queryParam.emotionTags" :orgCode="mainOrgCode"
+                :dictCode="`nu_config_emotion_tag,tag_name,id,del_flag = '0' and iz_enabled = 'Y' order by sort asc`"
+                :ignoreDisabled="true" placeholder="请选择情绪标签" allowClear />
+            </a-form-item>
+          </a-col> -->
+          <!-- <a-col :lg="6">
+            <a-form-item name="izEnabled">
+              <template #label><span title="是否启用">是否启用</span></template>
+              <j-dict-select-tag type='list' v-model:value="queryParam.izEnabled" dictCode="iz_enabled"
+                :ignoreDisabled="true" placeholder="请选择是否启用" allowClear />
+            </a-form-item>
+          </a-col> -->
+          <a-col :span="2">
+            <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>
+    <div>
+      <!--引用表格-->
+      <BasicTable @register="registerTable" :rowSelection="rowSelection">
+        <!--插槽:table标题-->
+        <template #tableTitle>
+        </template>
+        <!--操作栏-->
+        <template #action="{ record }">
+          <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+        </template>
+        <template v-slot:bodyCell="{ column, record, index, text }">
+        </template>
+      </BasicTable>
+    </div>
+    <!-- 表单区域 -->
+    <ConfigServiceDirectiveModal ref="registerModal" :mediaApiAddress="mediaApiAddress" @success="handleSuccess"
+      :mainOrgCode="mainOrgCode">
+    </ConfigServiceDirectiveModal>
+  </div>
+</template>
+
+<script lang="ts" name="serviceDirective-configServiceDirective" setup>
+import { ref, reactive, watch, onMounted, computed } from 'vue';
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useListPage } from '/@/hooks/system/useListPage';
+import { columns, superQuerySchema } from './ConfigServiceDirective.data';
+import { listByDS, idListByDS, deleteOne, batchDelete, getImportUrl, getExportUrl, tree } from '../ConfigServiceDirective.api';
+import ConfigServiceDirectiveModal from './ConfigServiceDirectiveModal.vue'
+import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
+import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
+import { cloneDeep } from "lodash-es";
+import { getOrgInfo, getMediaUrlByOrgCode } from '@/api/common/api'
+
+const props = defineProps({
+  mainOrgCode: '',
+});
+const mediaApiAddress = ref()//指令库资源请求地址
+const orgName = ref('')
+const formRef = ref();
+const queryParam = reactive<any>({
+  instructionTagId: '',
+  categoryId: '',
+  typeId: '',
+  izEnabled: 'Y',
+});
+watch(
+  () => queryParam.instructionTagId,
+  () => {
+    queryParam.categoryId = ''
+    queryParam.typeId = ''
+  }
+)
+
+// 当服务类别变动，清空服务类型
+watch(
+  () => queryParam.categoryId,
+  () => {
+    queryParam.typeId = ''
+  }
+)
+const registerModal = ref();
+//注册table数据
+const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '服务指令',
+    api: listByDS,
+    columns,
+    canResize: false,
+    useSearchForm: false,
+    showIndexColumn: true,
+    scroll: { y: '58vh' },
+    immediate: false,
+    pagination: {
+      current: 1,
+      pageSize: 15,
+      pageSizeOptions: ['15', '50', '70', '100'],
+    },
+    actionColumn: {
+      width: 90,
+      fixed: 'right',
+    },
+    beforeFetch: async (params) => {
+      let rangerQuery = await setRangeQuery();
+      params.dataSourceCode = props.mainOrgCode
+      if (excludeIds.value.length) {
+        params.excludeIds = excludeIds.value.join(',')
+      }
+      params.izEnabled = 'Y'
+      rangerQuery.izEnabled = 'Y'
+      return Object.assign(params, rangerQuery);
+    },
+  },
+  exportConfig: {
+    name: "服务指令",
+    url: getExportUrl,
+    params: queryParam,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+});
+const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+const labelCol = reactive({
+  xs: 24,
+  sm: 4,
+  xl: 7,
+  xxl: 6
+});
+const wrapperCol = reactive({
+  xs: 24,
+  sm: 19,
+  xl: 17,
+  xxl: 18
+});
+
+/**
+ * 详情
+ */
+function handleDetail(record: Recordable) {
+  registerModal.value.disableSubmit = true;
+  registerModal.value.opeType = 'dmlook';
+  record.orgCode_ = props.mainOrgCode
+  registerModal.value.edit(record, false, true);
+}
+
+
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+}
+
+/**
+ * 操作栏
+ */
+function getTableAction(record) {
+  return [
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    },
+  ];
+}
+
+/**
+ * 下拉操作栏
+ */
+function getDropDownAction(record) {
+  return [
+  ]
+}
+
+/**
+ * 查询
+ */
+function searchQuery(reloadTree = true) {
+  reload()
+}
+
+/**
+ * 重置
+ */
+function searchReset() {
+  formRef.value.resetFields(); // 重置表单字段
+  // 清空 queryParam 中相关字段
+  queryParam.instructionTagId = '';
+  queryParam.categoryId = '';
+  queryParam.typeId = '';
+  queryParam.directiveName = ''; // 如果你有其他需要清除的字段，也可以加到这里
+  queryParam.bodyTags = '';
+  queryParam.emotionTags = '';
+  queryParam.izEnabled = '';
+
+  // 刷新数据
+  reload()
+}
+
+
+let rangeField = 'tollPrice,comPrice,'
+
+/**
+ * 设置范围查询条件
+ */
+async function setRangeQuery() {
+  let queryParamClone = cloneDeep(queryParam);
+  if (rangeField) {
+    let fieldsValue = rangeField.split(',');
+    fieldsValue.forEach(item => {
+      if (queryParamClone[item]) {
+        let range = queryParamClone[item];
+        queryParamClone[item + '_begin'] = range[0];
+        queryParamClone[item + '_end'] = range[1];
+        delete queryParamClone[item];
+      } else {
+        queryParamClone[item + '_begin'] = '';
+        queryParamClone[item + '_end'] = '';
+      }
+    })
+  }
+  return queryParamClone;
+}
+const excludeIds = ref('')
+
+async function init() {
+  //重置
+  {
+    formRef.value.resetFields(); // 重置表单字段
+    // 清空 queryParam 中相关字段
+    queryParam.instructionTagId = '';
+    queryParam.categoryId = '';
+    queryParam.typeId = '';
+    queryParam.directiveName = ''; // 如果你有其他需要清除的字段，也可以加到这里
+    queryParam.bodyTags = '';
+    queryParam.emotionTags = '';
+    queryParam.izEnabled = '';
+
+    selectedRowKeys.value = [];
+  }
+
+  let { ids } = getSelectedIds();
+  idListByDS({ dataSourceCode: 'master' }).then(res => {
+
+    // 现有的ID
+    let existingExcludeIds = res.records.map(item => item.id);
+
+    // 如果ids不为空，则拆分并添加到排除列表中
+    if (ids) {
+      const idsToAdd = ids.split(',');
+      existingExcludeIds = [...existingExcludeIds, ...idsToAdd];
+    }
+
+    // 去重并更新excludeIds.value
+    excludeIds.value = [...new Set(existingExcludeIds)];
+
+    reload();
+  })
+
+}
+
+/**
+ * 获取到已选择的所有id
+ */
+function getSelectedIds() {
+  const ids = selectedRowKeys.value.join(',');
+  const count = selectedRowKeys.value.length;
+  return { ids, count }; // 返回对象，包含 ID 字符串和数量
+}
+
+// 添加音频结束监听
+onMounted(() => {
+  getOrgInfo().then(res => {
+    orgName.value = res.orgName
+  })
+  getMediaUrlByOrgCode({ orgCode: props.mainOrgCode }).then(res => {
+    mediaApiAddress.value = res.mediaUrl
+  })
+});
+
+defineExpose({
+  getSelectedIds,
+  init
+});
+
+</script>
+
+<style lang="less" scoped>
+.jeecg-basic-table-form-container {
+  padding: 0;
+  margin-bottom: 18px;
+
+  .table-page-search-submitButtons {
+    display: block;
+    margin-bottom: 0px;
+    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: 18px;
+    height: 32px;
+  }
+
+  :deep(.ant-picker),
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+}
+
+audio::-webkit-media-controls-timeline {
+  display: none;
+}
+
+audio::-webkit-media-controls-current-time-display,
+audio::-webkit-media-controls-time-remaining-display {
+  display: none;
+}
+
+.btnPrivate {
+  height: 34px;
+  margin-left: 4px;
+}
+
+.node-title {
+  display: inline-flex;
+  align-items: center;
+}
+
+.action-icon {
+  margin-left: 4px;
+  cursor: pointer;
+}
+
+:deep(.centered-dropdown) {
+  position: fixed;
+  left: 50% !important;
+  top: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  max-height: 80vh;
+  overflow-y: auto;
+
+  .ant-dropdown-menu {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+</style>
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveFormOLDBK.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveFormOLDBK.vue
index 177db9d..d40fcd4 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveFormOLDBK.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveFormOLDBK.vue
@@ -124,7 +124,7 @@
                       <span class="divider">|</span>
                       <a-tooltip placement="top">
                         <template #title>
-                          这里是格式说明的具体内容
+                          请上传相应格式类型的文件
                         </template>
 <span>
   <QuestionCircleOutlined style="margin-right: 0px;" />
@@ -148,7 +148,7 @@
         <span class="divider">|</span>
         <a-tooltip placement="top">
           <template #title>
-                          这里是格式说明的具体内容
+                          请上传相应格式类型的文件
                         </template>
           <span>
             <QuestionCircleOutlined style="margin-right: 0px;" />
@@ -172,7 +172,7 @@
         <span class="divider">|</span>
         <a-tooltip placement="top">
           <template #title>
-                          这里是格式说明的具体内容
+                          请上传相应格式类型的文件
                         </template>
           <span>
             <QuestionCircleOutlined style="margin-right: 0px;" />
@@ -196,7 +196,7 @@
         <span class="divider">|</span>
         <a-tooltip placement="top">
           <template #title>
-                          这里是格式说明的具体内容
+                          请上传相应格式类型的文件
                         </template>
           <span>
             <QuestionCircleOutlined style="margin-right: 0px;" />
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
index 18d4306..38fae31 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
@@ -14,7 +14,7 @@
     </template>
   </a-drawer>
 
-  <a-drawer :title="'标准指令库'" width="80vw" v-model:visible="dmVisible" :closable="true"
+  <a-drawer :title="'服务指令库'" width="80vw" v-model:visible="sdVisible" :closable="true"
     :footer-style="{ textAlign: 'right' }" @close="handleCancelDM" :maskClosable="true">
     <a-spin :spinning="loading">
       <DirectiveRespositoryList ref="dmRef"></DirectiveRespositoryList>
@@ -48,10 +48,10 @@ const disableSubmit = ref<boolean>(false);
 const registerForm = ref();
 const emit = defineEmits(['register', 'success']);
 const opeType = ref('')//操作类型 add新增 edit编辑 editMedia主列表-指令资源 look详情 dmlook指令库查看指令详情 audit审核 auditMedia审核列表-指令资源
-const dmVisible = ref(false)
+const sdVisible = ref(false)
 
 function handleCancelDM() {
-  dmVisible.value = false
+  sdVisible.value = false
   clearCache()
   emit('success')
 }
@@ -157,7 +157,10 @@ function queryByIdFunc(id) {
 }
 
 function openDM() {
-  dmVisible.value = true
+  sdVisible.value = true
+  nextTick(() => {
+    dmRef.value.resetChoose();
+  });
 }
 
 function handlePullDM() {
@@ -180,7 +183,7 @@ function handlePullDM() {
     okText: '确认',
     cancelText: '取消',
     onOk: () => {
-      syncDirective(dmRef.value.targetOrgCode, { syncIds: selectedData.ids, })
+      syncDirective(dmRef.value.targetOrgCode, { syncIds: selectedData.ids, syncCode: dmRef.value.targetOrgCodeSV })
       createMessage.success('指令拉取中，请1分钟后重新查看')
       // dmRef.value?.init()
       handleCancelDM()
diff --git a/src/views/services/serviceDirective/components/DirectiveRespositoryList.vue b/src/views/services/serviceDirective/components/DirectiveRespositoryList.vue
index e21d58b..65c77d7 100644
--- a/src/views/services/serviceDirective/components/DirectiveRespositoryList.vue
+++ b/src/views/services/serviceDirective/components/DirectiveRespositoryList.vue
@@ -337,6 +337,10 @@ async function searchOrgCode() {
   }
 }
 
+function resetChoose(){
+  
+}
+
 // 添加音频结束监听
 onMounted(() => {
   getOrgInfo().then(res => {
@@ -351,6 +355,8 @@ defineExpose({
   getSelectedIds,
   init,
   targetOrgCode,
+  targetOrgCodeSV,
+  resetChoose,
 });
 
 </script>