Merge remote-tracking branch 'origin/master'

.env.prod-knt2

@@ -0,0 +1,26 @@
+# 页面标题
+VUE_APP_TITLE = 康年堂SCRM销售端
+# 公司名称
+VUE_APP_COMPANY_NAME = 陕西康年堂医药连锁有限公司
+# ICP备案号
+VUE_APP_ICP_RECORD = 陕ICP备2023011686号-5
+# ICP网站访问地址
+VUE_APP_ICP_URL =https://beian.miit.gov.cn
+# 网站LOG
+VUE_APP_LOG_URL =@/assets/logo/knt.jpg
+
+# 生产环境配置
+ENV = 'production'
+
+#FS管理系统/生产环境
+VUE_APP_BASE_API = '/prod-api'
+
+# 路由懒加载
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
+
+
+#项目所属
+VUE_APP_PROJECT_FROM=knt
+
+#默认 1、会员 2、企微
+VUE_APP_COURSE_DEFAULT = 1

package.json

@@ -17,6 +17,7 @@
     "build:prod-sxjz": "vue-cli-service build --mode prod-sxjz",
     "build:prod-jnmy": "vue-cli-service build --mode prod-jnmy",
     "build:prod-knt": "vue-cli-service build --mode prod-knt",
+    "build:prod-knt2": "vue-cli-service build --mode prod-knt2",
     "build:prod-hdt": "vue-cli-service build --mode prod-hdt",
     "build:prod-yzt": "vue-cli-service build --mode prod-yzt",
     "build:prod-xfk": "vue-cli-service build --mode prod-xfk",

src/views/course/courseUserStatistics/qw/index.vue

@@ -453,6 +453,7 @@ export default {
   },
   methods: {
     getSummaries(param) {
+      let totalNum = 0;
       const { columns, data } = param;
       const sums = [];
       columns.forEach((column, index) => {
@@ -471,7 +472,13 @@ export default {
               return prev;
             }
           }, 0);
-
+          //第三列计数为进线数量和
+          if(index === 3){
+            totalNum = sums[index];
+          }
+          if(index > 3 && totalNum != 0){
+              sums[index] = sums[index] + "("+ ((sums[index] / totalNum) * 100).toFixed(2)  + "%)"
+          }
           if (
             column.property === "firstOnline" ||
             column.property === "firstOver" ||

src/views/course/courseUserStatistics/qw/my.vue

@@ -19,7 +19,14 @@
       </el-form-item>
     </el-form>
 
-    <el-table border v-loading="loading" :data="courseWatchLogList" @selection-change="handleSelectionChange"  show-summary height="600">
+    <el-table 
+    border 
+    v-loading="loading" 
+    :data="courseWatchLogList"
+    @selection-change="handleSelectionChange" 
+    :show-summary="true"
+    :summary-method="getSummaries"
+    ref="table1">
       <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="企微员工名称" align="center" prop="qwUserName" />
 
@@ -205,6 +212,56 @@ export default {
     });
   },
   methods: {
+     getSummaries(param) {
+      let totalNum = 0;
+      const { columns, data } = param;
+      const sums = [];
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "总计";
+          return;
+        }
+
+        const values = data.map((item) => Number(item[column.property]));
+        if (!values.every((value) => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          //第三列计数为进线数量和
+          if(index === 3){
+            totalNum = sums[index];
+          }
+          if(index > 3 && totalNum != 0){
+              sums[index] = sums[index] + "("+ ((sums[index] / totalNum) * 100).toFixed(2)  + "%)"
+          }
+          if (
+            column.property === "firstOnline" ||
+            column.property === "firstOver" ||
+            column.property === "d1Online" ||
+            column.property === "d1Over" ||
+            column.property === "sign" ||
+            column.property === "interact" ||
+            column.property === "a" ||
+            column.property === "b" ||
+            column.property === "c" ||
+            column.property === "d" ||
+            column.property === "e" ||
+            column.property === "black" ||
+            column.property === "los" ||
+            column.property === "del"
+          ) {
+          }
+        } else {
+          sums[index] = "";
+        }
+      });
+      return sums;
+    },
     courseChange(row){
       this.queryParams.videoId=null;
       if(row === ''){
@@ -241,6 +298,11 @@ export default {
         this.total = response.total;
         this.loading = false;
       });
+       this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.table1?.doLayout();
+        }, 2000);
+      });
     },
     // 取消按钮
     cancel() {

src/views/course/courseWatchLog/qw/statistics.vue

@@ -54,7 +54,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table border v-loading="loading" :data="courseWatchLogList" @selection-change="handleSelectionChange"  show-summary>
+    <el-table border v-loading="loading" :data="courseWatchLogList" @selection-change="handleSelectionChange"  show-summary :summary-method="getSummaries" >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="企微员工名称" align="center" prop="qwUserName" />
       <el-table-column label="发课时间" align="center" prop="createTime"/>
@@ -159,6 +159,66 @@ export default {
     });
   },
   methods: {
+     getSummaries(param) {
+      let totalNum = 0;
+      const { columns, data } = param;
+      const sums = [];
+      let totalOnline = 0;
+      let totalFinishCourse = 0;
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = "总计";
+          return;
+        }
+        const values = data.map((item) => Number(item[column.property]));
+        if (!values.every((value) => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr);
+            if (!isNaN(value)) {
+              return prev + curr;
+            } else {
+              return prev;
+            }
+          }, 0);
+          if(index > 3 && totalNum != 0){
+              sums[index] = sums[index] + "("+ ((sums[index] / totalNum) * 100).toFixed(2)  + "%)"
+          }
+          if( column.property=="videoName"){
+            sums[index] = "";
+          }
+          if (
+            column.property === "type3" ||
+            column.property === "type1" ||
+            column.property === "type2" ||
+            column.property === "type4" ||
+            column.property === "sendNumber" ||
+            column.property === "isUserWaitNumber" ||
+            column.property === "noUserWaitNumber" ||
+            column.property === "onLineRate" ||
+            column.property === "finishedRate" ||
+            column.property === "redAmount" 
+          ) {
+          }
+        } else {
+          sums[index] = "";
+          if(index === 12 || index === 13){
+            //  let numbers = data.map(item => {
+            //   return parseFloat(item[column.property].replace('%', '')) || 0; // 处理空值或无效值
+            // });
+            // let sumRates = numbers.reduce((acc, curr) => acc + curr, 0);
+            // console.log("index:" + index + " rates：" + sumRates + " data.length:" + data.length);
+            if(index === 12 && !!sums[9]){
+              let sumsNum = sums[6] + sums[7] + sums[8];
+              sums[index] = (sumsNum * 100 / sums[9]).toFixed(2) + '%';
+            } else if(index === 13 && !!sums[9]){
+              sums[index] =  (sums[7] * 100 / sums[9]).toFixed(2) + '%';
+            }
+          } 
+        }
+      });
+      console.log(sums);
+      return sums;
+    },
     courseChange(row){
       this.queryParams.videoId=null;
       if(row === ''){

src/views/qw/sop/addSop.vue

@@ -70,7 +70,55 @@
           </div>
           <Tip title="企业微信员工账号" />
         </el-form-item>
-        <el-form-item label="群聊" prop="chatIds" v-if="form.filterMode == 2">
+        <el-form-item label="是否自动创建群" prop="autoGroup" v-if="form.filterMode == 2">
+          <el-radio-group v-model="form.autoGroup">
+            <el-radio
+              :label="0"
+            >否
+            </el-radio>
+            <el-radio
+              :label="1"
+            >是
+            </el-radio>
+          </el-radio-group>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            选择的企业微信员工下面的群聊
+          </div>
+        </el-form-item>
+        <el-form-item label="是否注册用户" prop="autoGroup" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-radio-group v-model="form.autoUserReg">
+            <el-radio
+              :label="0"
+            >否
+            </el-radio>
+            <el-radio
+              :label="1"
+            >是
+            </el-radio>
+          </el-radio-group>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            筛选是否注册的用户
+          </div>
+        </el-form-item>
+        <el-form-item label="创建群聊评级" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-select multiple filterable clearable v-model="form.autoGroupLevelArray">
+            <el-option v-for="item in levelList" :key="item.value" :label="item.label" :value="item.value"/>
+          </el-select>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            选择需要拉取的客户评级
+          </div>
+        </el-form-item>
+        <el-form-item label="群聊名称" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-input v-model="form.groupName" maxlength="10" placeholder="请输入群聊名称" />
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            创建群聊的名称（如有重复自动加数字区分）
+          </div>
+        </el-form-item>
+        <el-form-item label="群聊" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 0">
           <el-select multiple filterable clearable v-model="form.chatIds">
             <el-option v-for="item in qwGroupList" :key="item.chatId" :label="item.name" :value="item.chatId"/>
           </el-select>
@@ -526,7 +574,14 @@ export default {
       companyUserLists: [],
       // 状态字典
       statusOptions: [],
-
+      levelList: [
+        {value: 1, label: "A"},
+        {value: 2, label: "B"},
+        {value: 3, label: "C"},
+        {value: 4, label: "D"},
+        {value: 5, label: "E"},
+        {value: -1, label: "未评级"}
+      ],
       //企微SOP发送类型
       sysQwSopType: [],
       projectOptions: [],
@@ -544,6 +599,11 @@ export default {
         isFixed: 0,
         isRegister: 0,
         type: 2,
+        autoGroup:0,
+        autoUserReg:0,
+        autoGroupLevelArray:[],
+        autoGroupLevel:null,
+        groupName:null,
         filterType: 2,
         expiryTime: 4,
         isAutoSop: 1,
@@ -888,6 +948,11 @@ export default {
         filterType: 2,
         expiryTime: 4,
         qwUserIds: null,
+        autoGroup:0,
+        autoGroupLevelArray:[],
+        autoGroupLevel:null,
+        groupName:null,
+        autoUserReg:0,
         corpId: null,
         setting: null,
         createBy: null,
@@ -942,10 +1007,21 @@ export default {
         if (valid) {
           if (this.form.type == 2 && this.form.filterMode == 2) {
             this.form.sendType = 11;
-            if (this.form.chatIds.length <= 0) {
-              return this.$message.error("请选择群聊")
+            if(this.form.autoGroup == 0){
+              if (this.form.chatIds.length <= 0) {
+                return this.$message.error("请选择群聊")
+              }
+            }
+            if(this.form.autoGroup == 1){
+              if (this.form.autoGroupLevelArray.length <= 0) {
+                return this.$message.error("请选择评级")
+              }
+              if (this.form.groupName == null) {
+                return this.$message.error("请输入群聊名称")
+              }
             }
             this.form.chatId = this.form.chatIds.join();
+            this.form.autoGroupLevel = this.form.autoGroupLevelArray.join();
           } else {
             if (this.userSelectList.length <= 0) {
               return this.$message.error("请选择员工")

src/views/qw/sop/updateSop.vue

@@ -1,85 +1,151 @@
 <template>
   <div class="app-container">
     <div style="margin: 30px;" v-if="handleType==1"> 修改sop任务</div>
-    <div style="margin: 30px;" v-if="handleType==2"> 查看sop任务
-      <div style="float: right">
-<!--        <el-button-->
-<!--          type="primary"-->
-<!--          @click="handleUpdateTags()"-->
-<!--          v-hasPermi="['qw:sop:remove']"-->
-<!--        >修改标签</el-button>-->
-        <el-button
-          type="primary"
-          @click="handleUpdateQwUser()"
-          v-hasPermi="['qw:sop:updateSopQwUser']"
-        >修改员工</el-button>
-        <el-button
-          type="primary"
-          @click="handleUpdateSopTemp()"
-          v-hasPermi="['qw:sop:updateSopTemp']"
-        >修改模板</el-button>
-      </div>
-
-      <el-divider></el-divider>
-      <el-alert
-        title="注意事项"
-        type="warning"
-        description="【持续生成记录中的状态】 的SOP任务仅能查看，不能修改（ps:可以在外面修改【过期时间】和【新客户自动创建sop】）"
-        :closable="false"
-        show-icon>
-      </el-alert>
-    </div>
-
+    <div style="margin: 30px;" v-if="handleType==2"> 查看sop任务</div>
     <div style="margin-top: 10px;margin-left: 50px;margin-right: 100px;margin-bottom: 60px;">
 
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="140px">
         <el-form-item label="规则名称" prop="name">
-          <el-input v-model="form.name" placeholder="请输入规则名称" />
+          <el-input v-model="form.name" placeholder="请输入规则名称"/>
         </el-form-item>
-        <el-form-item label="状态" prop="status">
-            <dict-tag :options="statusOptions" :value="form.status"></dict-tag>
-        </el-form-item>
-<!--        <el-form-item label="状态">-->
-<!--          <el-radio-group v-model="form.status">-->
-<!--            <el-radio-->
-<!--              v-for="dict in statusOptions"-->
-<!--              :label="dict.dictValue"-->
-<!--            >{{dict.dictLabel}}</el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-form-item>-->
         <el-form-item label="类别" prop="type">
-          <el-radio-group v-model="form.type">
+          <el-radio-group v-model="form.type" @change="clearUser">
+            <!--            <el-radio-->
+            <!--              :label="1"-->
+            <!--            >个微-->
+            <!--            </el-radio>-->
+
+            <el-radio
+              :label="2"
+            >企微
+            </el-radio>
+          </el-radio-group>
+          <Tip title="针对于企业微信平台" />
+        </el-form-item>
+
+
+        <el-form-item label="筛选方式" prop="filterMode">
+          <el-radio-group v-model="form.filterMode">
             <el-radio
               :label="1"
-            >个微</el-radio>
+            >标签
+            </el-radio>
             <el-radio
               :label="2"
-            >企微</el-radio>
+            >群聊
+            </el-radio>
           </el-radio-group>
-          <Tip title="针对于企业微信平台" />
+          <Tip :title="'标签：根据企微客户的标签筛选客户进入SOP'" />
         </el-form-item>
-        <el-form-item label="小转天数" prop="minConversionDay">
-          <el-input class="el-input" v-model="form.minConversionDay" placeholder="请输入" style="width: 300px">
-            <template slot="append">天</template>
-          </el-input>
+        <el-form-item label="小转天数" prop="minConversionDay" v-if="form.filterMode == 1">
+          <!--          <el-input class="el-input" type="" v-model="form.minConversionDay" placeholder="请输入" />-->
+          <el-input-number v-model="form.minConversionDay" :min="1" :max="100"></el-input-number>
           <Tip title="第一次提醒销售，去联系客户，在【催课看板】处显示，哪些需要联系的客户" />
         </el-form-item>
-        <el-form-item label="大转天数" prop="maxConversionDay">
-          <el-input class="el-input" v-model="form.maxConversionDay" placeholder="请输入" style="width: 300px">
-            <template slot="append">天</template>
-          </el-input>
+        <el-form-item label="大转天数" prop="maxConversionDay" v-if="form.filterMode == 1">
+          <!--          <el-input class="el-input" v-model="form.maxConversionDay" placeholder="请输入" />-->
+          <el-input-number v-model="form.maxConversionDay" :min="1" :max="100"></el-input-number>
           <Tip title="第二次提醒销售，去联系客户，在【催课看板】处显示，哪些需要联系的客户" />
         </el-form-item>
-
-        <div v-if="form.type==2">
-
+        <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%" v-if="form.filterMode == 2">
+          <div>
+            <el-button
+              size="medium"
+              icon="el-icon-circle-plus-outline"
+              plain
+              @click="handlelistUser(form.type,form.sendType, true)">请选择使用员工
+            </el-button>
+          </div>
+          <div>
+            <el-tag
+              style="margin-left: 5px"
+              size="medium"
+              :key="id"
+              v-for="id in userSelectList"
+              closable
+              :disable-transitions="false"
+              @close="handleClosegroupUser(id)">
+              <span v-for="list in companyQwUserList" :key="list.qwUserId"
+                    v-if="list.id==id">{{ list.qwUserName }}</span>
+            </el-tag>
+          </div>
+          <Tip title="企业微信员工账号" />
+        </el-form-item>
+        <el-form-item label="是否自动创建群" prop="autoGroup" v-if="form.filterMode == 2">
+          <el-radio-group v-model="form.autoGroup">
+            <el-radio
+              :label="0"
+            >否
+            </el-radio>
+            <el-radio
+              :label="1"
+            >是
+            </el-radio>
+          </el-radio-group>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            选择的企业微信员工下面的群聊
+          </div>
+        </el-form-item>
+        <el-form-item label="是否注册用户" prop="autoGroup" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-radio-group v-model="form.autoUserReg">
+            <el-radio
+              :label="0"
+            >否
+            </el-radio>
+            <el-radio
+              :label="1"
+            >是
+            </el-radio>
+          </el-radio-group>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            筛选是否注册的用户
+          </div>
+        </el-form-item>
+        <el-form-item label="创建群聊评级" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-select multiple filterable clearable v-model="form.autoGroupLevelArray">
+            <el-option v-for="item in levelList" :key="item.value" :label="item.label" :value="item.value"/>
+          </el-select>
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            选择需要拉取的客户评级
+          </div>
+        </el-form-item>
+        <el-form-item label="群聊名称" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
+          <el-input v-model="form.groupName" maxlength="10" placeholder="请输入群聊名称" />
+          <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
+            <i class="el-icon-info"></i>
+            创建群聊的名称（如有重复自动加数字区分）
+          </div>
+        </el-form-item>
+        <el-form-item label="群聊" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 0">
+          <el-select multiple filterable clearable v-model="form.chatIds">
+            <el-option v-for="item in qwGroupList" :key="item.chatId" :label="item.name" :value="item.chatId"/>
+          </el-select>
+          <Tip title="选择的企业微信员工下面的群聊" />
+        </el-form-item>
+        <el-form-item label="客户评级" prop="isRating" style="margin-top: 2%" v-if="form.filterMode == 1">
+          <el-switch
+            v-model="form.isRating"
+            active-color="#13ce66"
+            inactive-color="#ff4949"
+            :active-value="1"
+            :inactive-value="2">
+          </el-switch>
+          <span v-if="form.isRating == '1'" style="margin-left: 10px;color: #13ce66">已开启</span>
+          <span v-if="form.isRating == '2'" style="margin-left: 10px;color: #ff4949">已关闭</span>
+          <Tip title="根据客户的【看课记录】进行评级，新进客户前4天不评级，第5天开始 根据客户近7天的看课记录进行评级 ABCD级" />
+        </el-form-item>
+        <div v-if="form.type==2 && form.filterMode == 1">
           <el-form-item label="推送方式 ">
             <el-radio-group v-model="form.sendType" @input="handleSendTypeChange">
               <el-radio
                 v-for="dict in sysQwSopType"
                 :key="dict.dictValue"
                 :label="parseInt(dict.dictValue)"
-              >{{dict.dictLabel}}</el-radio>
+              >{{ dict.dictLabel }}
+              </el-radio>
             </el-radio-group>
             <Tip title="选择模板类型" />
           </el-form-item>
@@ -89,7 +155,8 @@
                 size="medium"
                 icon="el-icon-circle-plus-outline"
                 plain
-                @click="handlelistUser(form.type,form.sendType)">请选择使用员工</el-button>
+                @click="handlelistUser(form.type,form.sendType, false)">请选择使用员工
+              </el-button>
             </div>
             <div>
               <el-tag
@@ -97,69 +164,127 @@
                 size="medium"
                 :key="id"
                 v-for="id in userSelectList"
+                closable
                 :disable-transitions="false"
                 @close="handleClosegroupUser(id)">
-                <span v-for="list in companyUserList" :key="list.qwUserId" v-if="list.id==id">{{list.qwUserName}}</span>
+                <span v-for="list in companyQwUserList" :key="list.qwUserId"
+                      v-if="list.id==id">{{ list.qwUserName }}</span>
               </el-tag>
             </div>
+            <Tip title="选择的企业微信员工下面的群聊" />
           </el-form-item>
           <el-form-item label="标签规则" prop="filterType">
             <el-radio-group v-model="form.filterType">
               <el-radio
                 :label="1"
-              >含全部标签</el-radio>
+              >含全部标签
+              </el-radio>
               <el-radio
                 :label="2"
-              >含任意标签</el-radio>
+              >含任意标签
+              </el-radio>
             </el-radio-group>
+            <Tip :title="'含全部标签：客户要完全一对一匹配上选择标签，ps:多一个少一个都不行 \r\n含任意标签：客户只要有一个标签匹配上即可'" />
           </el-form-item>
           <el-form-item label="选择的标签" prop="tags">
-            <el-select v-model="tags" remote multiple placeholder="请选择" filterable  style="width: 100%;">
-              <el-option
-                v-for="dict in tagList"
-                :label="dict.name"
-                :value="dict.tagId">
-              </el-option>
-            </el-select>
-
+            <!--            <el-select v-model="tags" remote multiple placeholder="请选择" filterable  style="width: 100%;">-->
+            <!--              <el-option-->
+            <!--                v-for="dict in tagList"-->
+            <!--                :label="dict.name"-->
+            <!--                :value="dict.tagId">-->
+            <!--              </el-option>-->
+            <!--            </el-select>-->
+            <div @click="hangleChangeTags()"
+                 style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;width: 390px">
+              <div style="min-height: 35px; max-height: 200px; overflow-y: auto;">
+                <el-tag type="success"
+                        closable
+                        :disable-transitions="false"
+                        v-for="list in this.tagsIdsChangeSelectList"
+                        :key="list.tagId"
+                        @close="handleCloseTags(list)"
+                        style="margin: 3px;"
+                >{{ list.name }}
+                </el-tag>
+              </div>
+            </div>
+            <Tip title="选择进入SOP任务的标签" />
           </el-form-item>
           <el-form-item label="排除的标签" prop="excludeTags">
-            <el-select v-model="excludeTags" remote multiple placeholder="请选择" filterable  style="width: 100%;">
-              <el-option
-                v-for="dict in tagList"
-                :label="dict.name"
-                :value="dict.tagId">
-              </el-option>
-            </el-select>
+            <!--            <el-select v-model="excludeTags" remote multiple placeholder="请选择" filterable  style="width: 100%;">-->
+            <!--              <el-option-->
+            <!--                v-for="dict in tagList"-->
+            <!--                :label="dict.name"-->
+            <!--                :value="dict.tagId">-->
+            <!--              </el-option>-->
+            <!--            </el-select>-->
+            <div @click="hangleChangeOutTags()"
+                 style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;width: 390px">
+              <div style="min-height: 35px; max-height: 200px; overflow-y: auto;">
+                <el-tag type="success"
+                        closable
+                        :disable-transitions="false"
+                        v-for="list in this.outTagsIdsChangeSelectList"
+                        :key="list.tagId"
+                        @close="handleCloseOutTags(list)"
+                        style="margin: 3px;"
+                >{{ list.name }}
+                </el-tag>
+              </div>
+            </div><Tip title="选择不想进入SOP的标签" />
           </el-form-item>
         </div>
         <div v-if="form.type==1">
           <el-form-item label="推送方式 ">
             <el-tag type="success" v-model="form.sendType=2">AI插件</el-tag>
           </el-form-item>
+          <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%">
+            <div>
+              <el-button
+                size="medium"
+                icon="el-icon-circle-plus-outline"
+                plain
+                @click="handleCompanyUser(form.type,form.sendType)">请选择使用员工
+              </el-button>
+            </div>
+            <div>
+              <el-tag
+                style="margin-left: 5px"
+                size="medium"
+                :key="userId"
+                v-for="userId in userSelectList"
+                closable
+                :disable-transitions="false"
+                @close="handleClosegroupUser(userId)">
+                <span v-for="list in companyUserLists " :key="list.userId"
+                      v-if="list.userId==userId">{{ list.nickName }}</span>
+              </el-tag>
+            </div>
+          </el-form-item>
           <el-form-item label="标签规则" prop="filterType">
             <el-radio-group v-model="form.filterType">
               <el-radio
                 :label="1"
-              >含全部分组</el-radio>
+              >含全部分组
+              </el-radio>
               <el-radio
                 :label="2"
-              >含任意分组</el-radio>
+              >含任意分组
+              </el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="选择的分组" prop="tags">
-            <el-select v-model="tags" remote multiple placeholder="请选择" filterable  style="width: 100%;">
+            <el-select v-model="tags" remote multiple placeholder="请选择" filterable style="width: 100%;">
               <el-option
                 v-for="dict in wxUserGroupList"
                 :label="dict.groupName"
-                :value="dict.groupId.toString()">
+                :value="dict.groupId">
               </el-option>
             </el-select>
 
           </el-form-item>
         </div>
-
-        <el-form-item label="是否固定营期" prop="isFixed" v-if="form.type != 3">
+        <el-form-item label="是否固定营期" prop="isFixed" v-if="form.type != 3 && form.filterMode == 1">
           <el-radio-group v-model="form.isFixed">
             <el-radio
               :label="1"
@@ -180,35 +305,31 @@
                           value-format="yyyy-MM-dd"
                           placeholder="选择开始时间">
           </el-date-picker>
+          <Tip title="SOP开始发送时间" />
         </el-form-item>
-
-        <el-form-item label="是否只发送注册用户" prop="isRegister" v-if="form.type != 3">
-          <el-radio-group v-model="form.isRegister">
-            <el-radio
-              :label="1"
-            >是
-            </el-radio>
-            <el-radio
-              :label="0"
-            >否
-            </el-radio>
-          </el-radio-group>
-          <Tip title="是否只发送在平台注册了会员的客户" />
+        <el-form-item label="任务过期时间" prop="expiryTime">
+          <el-row>
+            <el-input-number v-model="form.expiryTime" :min="1" :max="100"></el-input-number>
+            （小时）
+          </el-row>
+          <Tip title="任务生成的代发送消息，如果超过此设置的时间还未发送，自动作废" />
         </el-form-item>
-
-        <el-form-item v-if="form.sendType==2 || form.sendType==4" label="自动添加SOP" prop="autoSopTime" >
+        <el-form-item v-if="(form.sendType==2 || form.sendType==4 || form.sendType==11) && form.type != 3 && form.isFixed == 0 && form.filterMode == 1" label="自动添加SOP"
+                      prop="autoSopTime.autoSopType">
           <el-radio-group v-model="form.autoSopTime.autoSopType">
             <el-radio
               :label="1"
-            >当天开始</el-radio>
+            >当天开始
+            </el-radio>
             <el-radio
               :label="2"
-            >次日开始</el-radio>
+            >次日开始
+            </el-radio>
           </el-radio-group>
           <Tip :title="'这个选项仅作用于【新客户】进线时或【给客户打标签时】，是进入当日的营期 还是 次日的营期'" />
         </el-form-item>
         <div style="display: flex; align-items: center; flex-wrap: nowrap;">
-          <div v-if="form.autoSopTime.autoSopType==1" style="display: flex; align-items: center">
+          <div v-if="form.autoSopTime.autoSopType==1 && form.isFixed == 0" style="display: flex; align-items: center">
             <el-form-item
               label="起始时间"
               prop="autoStartTime"
@@ -242,40 +363,47 @@
                 }">
               </el-time-select>
             </el-form-item>
-            <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
-              <i class="el-icon-info"></i>
-              起始时间-结束时间之内的进线客户，进入【当日营期】，时间之外的，进入【次日营期】
-            </div>
+            <Tip :title="'起始时间-结束时间之内的进线客户，进入【当日营期】，时间之外的，进入【次日营期】'" />
           </div>
         </div>
-        <el-form-item label="任务过期时间" prop="expiryTime">
-          <el-row>
-            <el-input-number  v-model="form.expiryTime"  :min="1" :max="100" ></el-input-number>
-            （小时）
-          </el-row>
-          <Tip title="发送sop任务消息的过期时间,超过这个时间，消息将不再发送(作废)，比如：9点的消息，设置3个小时过期，12点之后还未发送 则这条消息将过期且不再发送" />
+        <!--        <el-form-item v-if="form.autoSopTime.autoSopType==1" label="过期消息是否发送" prop="autoSopSend"-->
+        <!--                      label-width="130px">-->
+        <!--          <el-radio-group v-model="form.autoSopTime.autoSopSend">-->
+        <!--            <el-radio-->
+        <!--              :label="1"-->
+        <!--            >是-->
+        <!--            </el-radio>-->
+        <!--            <el-radio-->
+        <!--              :label="2"-->
+        <!--            >否-->
+        <!--            </el-radio>-->
+        <!--          </el-radio-group>-->
+        <!--        </el-form-item>-->
+
+
+        <el-form-item label="是否只发送注册用户" prop="isRegister" v-if="form.type != 3 && form.filterMode == 1">
+          <el-radio-group v-model="form.isRegister">
+            <el-radio
+              :label="1"
+            >是
+            </el-radio>
+            <el-radio
+              :label="0"
+            >否
+            </el-radio>
+          </el-radio-group>
+          <Tip title="是否只发送在平台注册了会员的客户" />
         </el-form-item>
+
         <el-form-item label="模板" prop="tempId">
-          <div @click="selectListSopTemp(form.sendType,0)" style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;">
-            <el-tag type="success" style="margin: 3px;"
-                    :disable-transitions="false"
-                    v-for="list in tempList"
-                    :key="list.id"
-                    v-if="list.id === form.tempId">
-              {{ form.tempName || list.name }}
+          <div @click="selectListSopTemp(form.sendType)"
+               style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;">
+            <el-tag v-if="form.tempId" type="success" style="margin: 3px;">
+              {{ form.tempName }}
             </el-tag>
-
-            <!-- 如果 form.tempId 没有值，显示 '请选择模板' -->
-            <span v-if="!form.tempId" style="margin: 3px; color: #999;">请选择模板</span>
+            <span v-else style="margin: 3px; color: #999;">请点我选择模板</span>
           </div>
-<!--          <el-select v-model="form.tempId"  @focus="selectListSopTemp(form.sendType)" placeholder="请选择模板" v-loading="tempListLoading"   >-->
-<!--            <el-option-->
-<!--              v-for="dict in tempList"-->
-<!--              :label="dict.name"-->
-<!--              :value="dict.id">-->
-<!--            </el-option>-->
-<!--            <div v-if="tempListLoading" slot="prefix" class="select-prefix">正在查询相应模板...</div>-->
-<!--          </el-select>-->
+          <Tip title="选择想要发送的模板规则" />
         </el-form-item>
 
         <el-form-item label="开启评论/弹幕" prop="openCommentStatus">
@@ -286,50 +414,73 @@
           </el-radio-group>
         </el-form-item>
       </el-form>
-      <div slot="footer" class="dialog-footer" style="float: right;" >
-        <el-button v-if="handleType==1" type="primary" @click="submitForm">确 定</el-button>
-        <el-button v-if="handleType==1" @click="cancel">取 消</el-button>
-
+      <div slot="footer" class="dialog-footer" style="display: flex;justify-content: flex-end;">
+        <el-button v-if="false" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
       </div>
-      <el-dialog :custom-class="'fixed-dialog'" :title="listUser.title" :visible.sync="listUser.open" width="700px" append-to-body>
+      <el-dialog :title="listUser.title" :visible.sync="listUser.open" width="700px" append-to-body>
         <qwUserList ref="QwUserList" @selectUserList="selectUserList"></qwUserList>
       </el-dialog>
-      <el-dialog title="选择模板"  :visible.sync="tempOpen" append-to-body  >
-        <sop-temp ref="SopTempComments" @sopTemp="sopTemp" @submitUpdateTemp="submitUpdateTemp"></sop-temp>
+
+      <el-dialog :title="companyUser.title" :visible.sync="companyUser.open" width="700px" append-to-body>
+        <company-user-list ref="companyUserList" @selectCompanyUserList="selectCompanyUserList"></company-user-list>
       </el-dialog>
-      <!--  修改模板  -->
-      <el-dialog :title="updateQwUserDialog.title" :visible.sync="updateQwUserDialog.open" width="500px" append-to-body>
-        <el-form ref="form" :model="form" label-width="100px">
-          <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%">
-            <div>
-              <el-button
-                size="medium"
-                icon="el-icon-circle-plus-outline"
-                plain
-                @click="handlelistUser(form.type,form.sendType)">请选择使用员工</el-button>
-            </div>
-            <div>
-              <el-tag
-                style="margin-left: 5px"
-                size="medium"
-                :key="id"
-                v-for="id in userSelectList"
-                closable
-                :disable-transitions="false"
-                @close="handleClosegroupUser(id)">
-                <span v-for="list in companyUserList" :key="list.qwUserId" v-if="list.id==id">{{list.qwUserName}}</span>
-              </el-tag>
+
+      <el-dialog title="选择模板" :visible.sync="tempOpen" append-to-body>
+        <sop-temp ref="SopTempComments" @sopTemp="sopTemp"></sop-temp>
+      </el-dialog>
+
+      <!--  选择/排除标签   -->
+      <el-dialog :title="changeTagDialog.title" :visible.sync="changeTagDialog.open" width="800px" append-to-body>
+
+        <div>搜索标签：
+          <el-input v-model="queryTagParams.name" placeholder="请输入标签名称" clearable size="small"
+                    style="width: 200px;margin-right: 10px"/>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearchTags">搜索</el-button>
+          <el-button type="primary" icon="el-icon-plus" size="mini" @click="cancelSearchTags">重置</el-button>
+        </div>
+        <div v-for="item in tagGroupList" :key="item.id">
+          <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
+            <span class="name-background">{{ item.name }}</span>
+          </div>
+          <!-- 添加外层滚动容器 -->
+          <div class="scroll-wrapper">
+            <div class="tag-container">
+              <a
+                v-for="tagItem in item.tag"
+                class="tag-box"
+                @click="tagSelection(tagItem)"
+                :class="{ 'tag-selected': tagItem.isSelected }"
+              >
+                {{ tagItem.name }}
+              </a>
             </div>
-          </el-form-item>
-        </el-form>
-        <div slot="footer" class="dialog-footer" >
-          <el-button  type="primary" @click="submitUpdateQwUser">确 定</el-button>
-          <el-button  @click="cancel">取 消</el-button>
+          </div>
+          <!--          <div class="tag-container">-->
+          <!--            <a-->
+          <!--              v-for="tagItem in item.tag"-->
+          <!--              class="tag-box"-->
+          <!--              @click="tagSelection(tagItem)"-->
+          <!--              :class="{ 'tag-selected': tagItem.isSelected }"-->
+          <!--            >-->
+          <!--              {{ tagItem.name }}-->
+          <!--            </a>-->
+          <!--          </div>-->
         </div>
-      </el-dialog>
 
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryTagParams.pageNum"
+          :limit.sync="queryTagParams.pageSize"
+          @pagination="cancelSearchTags"
+        />
+        <div slot="footer" class="dialog-footer">
+          <el-button v-if="false" type="primary" @click="tagSubmitForm(changeTagDialog.type)">确 定</el-button>
+          <el-button @click="tagCancel(changeTagDialog.type)">取消</el-button>
+        </div>
+      </el-dialog>
     </div>
-
   </div>
 </template>
 
@@ -341,18 +492,28 @@ import qwUserList from '@/views/qw/user/qwUserList.vue'
 import ImageUpload from "@/views/qw/sop/ImageUpload";
 import CustomerGroupDetails from '@/views/qw/groupMsg/customerGroupDetails.vue'
 import sopLogsDetails from '@/views/qw/sopLogs/sopLogsList.vue'
-import { listTag, getTag, } from "@/api/qw/tag";
-import { getMyQwUserList,getMyQwCompanyList } from "@/api/qw/user";
+import {listTag, getTag, searchTags,} from "@/api/qw/tag";
+import { getMyQwUserList,getMyQwCompanyList,getQwUserByIds } from "@/api/qw/user";
 import {sopListWxUserGroup} from "@/api/wxUser/wxUserGroup";
 import source from "echarts/src/data/Source";
 import SopTemp from "@/views/qw/sopTemp/sopTemp.vue";
 import Tip from "../../../components/Tip/index.vue";
+import companyUserList from "@/views/company/companyUser/companyUserList.vue";
+import {allListTagGroup} from "@/api/qw/tagGroup";
 // import { ElMessageBox } from 'element-plus';
 export default {
   name: "updateSop",
-  components: {Tip, SopTemp, CustomerGroupDetails, qwUserList,ImageUpload,sopLogsDetails},
+  components: {companyUserList, Tip, SopTemp, CustomerGroupDetails, qwUserList,ImageUpload,sopLogsDetails},
   data() {
     return {
+      levelList: [
+        {value: 1, label: "A"},
+        {value: 2, label: "B"},
+        {value: 3, label: "C"},
+        {value: 4, label: "D"},
+        {value: 5, label: "E"},
+        {value: -1, label: "未评级"},
+      ],
       updateQwUserDialog:{
         title:"修改成员",
         open:false
@@ -399,17 +560,43 @@ export default {
 
       //个微客户的分组
       wxUserGroupList:[],
+      tagsIdsChangeSelectList: null,
+      //排除的标签
+      outTagsIdsChangeSelectList: null,
+      //添加的标签
+      addTagsIdsChangeSelectList: null,
 
       sopLogsDialog:{
         title:'',
         open:false,
         sopLogsForm:[],
       },
+      queryTagParams: {
+        pageNum: 1,
+        pageSize: 5,
+        total: 0,
+        name: null,
+        corpId: null,
+      },
+      //标签组
+      tagGroupList: [],
+      //标签
+      changeTagDialog: {
+        title: "",
+        open: false,
+        type: null,
+      },
+      companyUser: {
+        title: "",
+        open: false
+      },
+      companyQwUserList: [],
       // 表单参数
       form: {
         status: 1,
         sendType:2,
         type: 2,
+        autoGroupLevelArray:[],
         filterType:2,
         autoSopTime:{},
       },
@@ -462,6 +649,146 @@ export default {
     }
   },
   methods: {
+    handleSearchTags() {
+
+      if (!this.queryTagParams.name){
+        return this.$message.error("请输入要搜索的标签")
+      }
+      searchTags(this.queryTagParams).then(response => {
+        this.tagGroupList = response.rows;
+        this.total = response.total;
+      });
+
+    },
+    cancelSearchTags() {
+      allListTagGroup(this.queryTagParams).then(response => {
+        this.tagGroupList = response.rows;
+        this.total = response.total;
+      });
+
+      listTag(this.queryTagParams).then(response => {
+        this.tagList = response.rows;
+      });
+    },
+    //标签的选择
+    tagSelection(row) {
+      row.isSelected = !row.isSelected;
+      this.$forceUpdate();
+    },
+    //确定选择标签
+    tagSubmitForm(type) {
+
+      if (type == 1) {
+        for (let i = 0; i < this.tagGroupList.length; i++) {
+          for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
+            if (this.tagGroupList[i].tag[x].isSelected === true) {
+
+              if (!this.tagsIdsChangeSelectList) {
+                this.tagsIdsChangeSelectList = [];
+              }
+
+              // 检查当前 tag 是否已经存在于 tagListFormIndex[index] 中
+              let tagExists = this.tagsIdsChangeSelectList.some(
+                tag => tag.id === this.tagGroupList[i].tag[x].id
+              );
+
+              // 如果 tag 不存在于 tagListFormIndex[index] 中，则新增
+              if (!tagExists) {
+                this.tagsIdsChangeSelectList.push(this.tagGroupList[i].tag[x]);
+              }
+            }
+          }
+        }
+        if (!this.tagsIdsChangeSelectList || this.tagsIdsChangeSelectList.length === 0) {
+          return this.$message('请选择标签');
+        }
+
+      } else if (type == 2) {
+
+        for (let i = 0; i < this.tagGroupList.length; i++) {
+          for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
+            if (this.tagGroupList[i].tag[x].isSelected === true) {
+
+              if (!this.outTagsIdsChangeSelectList) {
+                this.outTagsIdsChangeSelectList = [];
+              }
+
+              // 检查当前 tag 是否已经存在于 tagListFormIndex[index] 中
+              let tagExists = this.outTagsIdsChangeSelectList.some(
+                tag => tag.id === this.tagGroupList[i].tag[x].id
+              );
+
+              // 如果 tag 不存在于 tagListFormIndex[index] 中，则新增
+              if (!tagExists) {
+                this.outTagsIdsChangeSelectList.push(this.tagGroupList[i].tag[x]);
+              }
+            }
+          }
+        }
+        if (!this.outTagsIdsChangeSelectList || this.outTagsIdsChangeSelectList.length === 0) {
+          return this.$message('请选择标签');
+        }
+
+      }
+      this.changeTagDialog.open = false;
+    },
+
+    //取消选择标签
+    tagCancel() {
+      this.changeTagDialog.open = false;
+    },
+
+    //选择标签
+    hangleChangeTags() {
+
+      this.changeTagDialog.title = "选择标签"
+      this.changeTagDialog.open = true;
+      this.changeTagDialog.type = 1;
+
+      // 获取 tagListFormIndex 中的所有 tagId，用于快速查找
+      const selectedTagIds = new Set(
+        (this.tagsIdsChangeSelectList || []).map(tagItem => tagItem?.tagId)
+      );
+      for (let i = 0; i < this.tagGroupList.length; i++) {
+        for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
+          this.tagGroupList[i].tag[x].isSelected = selectedTagIds.has(this.tagGroupList[i].tag[x].tagId);
+        }
+      }
+
+    },
+    //选择排除标签
+    hangleChangeOutTags() {
+      this.changeTagDialog.title = "选择排除的标签"
+      this.changeTagDialog.open = true;
+      this.changeTagDialog.type = 2;
+
+      // 获取 tagListFormIndex 中的所有 tagId，用于快速查找
+      const selectedTagIds = new Set(
+        (this.outTagsIdsChangeSelectList || []).map(tagItem => tagItem?.tagId)
+      );
+      for (let i = 0; i < this.tagGroupList.length; i++) {
+        for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
+          this.tagGroupList[i].tag[x].isSelected = selectedTagIds.has(this.tagGroupList[i].tag[x].tagId);
+        }
+      }
+    },
+    //销售员工
+    selectCompanyUserList(list) {
+
+      this.companyUser.open = false;
+      list.forEach(obj => {
+        if (!this.userSelectList.some(item => item == obj.userId)) {
+          this.userSelectList.push(obj.userId);
+        }
+      });
+    },
+    //选择销售员工时
+    handleCompanyUser(type, sendType) {
+
+      this.companyUser.title = "选择销售"
+      this.companyUser.open = true;
+
+    },
     submitUpdateQwUser(){
       this.form.qwUserIds = this.userSelectList.join(",");
       const data ={
@@ -644,6 +971,14 @@ export default {
         if (this.form.setting!=null){
           this.setting=JSON.parse(this.form.setting);
         }
+        if(this.form.autoGroupLevel != null){
+          this.form.autoGroupLevelArray = this.form.autoGroupLevel.split(",").map(Number);
+        }
+        if(this.form.qwUserIds != null){
+          getQwUserByIds(this.form.qwUserIds).then(res => {
+            this.companyQwUserList = res.data;
+          })
+        }
 
         listSopTemp({id:this.form.tempId}).then(response => {
           this.tempList = response.rows;
@@ -666,6 +1001,7 @@ export default {
         type: 2,
         filterType:2,
         qwUserIds: null,
+        autoGroupLevelArray:[],
         corpId: null,
         setting: null,
         createBy: null,
@@ -681,6 +1017,10 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    clearUser() {
+      this.userSelectList = [];
+      this.tags = null;
+    },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)

src/views/qw/sopTemp/updateSopTemp.vue

@@ -663,7 +663,7 @@
   cursor: pointer;
 }
 
-/deep/ .el-badge__content.is-fixed {
+.custom-input /deep/ .el-badge__content.is-fixed {
   top: 10px !important;
   right: 0 !important;
   width: 8px;
@@ -708,6 +708,8 @@ export default {
   components: {ImageUpload, userVideo, draggable},
   data() {
     return {
+      tabDataCache: {}, // tab数据缓存
+      tabLoadingStates: {}, // tab加载状态跟踪
       projectFrom:process.env.VUE_APP_PROJECT_FROM,
       addTag: [{
         addTag: [],
@@ -978,46 +980,95 @@ export default {
     leave(index, oldIndex) {
       const newData = this.setting[index]
       if (newData.dayNum && newData.id) {
+        // 检查是否有缓存数据
+        if (this.tabDataCache[newData.id]) {
+          // 使用缓存数据
+          this.applyCachedData(index, newData, this.tabDataCache[newData.id]);
+          // 预加载下一个tab数据
+          this.preloadNextTab(index);
+          return true;
+        }
+
+        // 防止重复请求同一tab数据
+        if (this.tabLoadingStates[newData.id]) {
+          return false;
+        }
+
+        this.tabLoadingStates[newData.id] = true;
         this.loading = true;
+
         selectRulesInfo(newData.id).then(res => {
-          this.$nextTick(() => {
-            this.loading = false;
-            this.videoList = [];
-            this.addTag = [];
-            this.$set(this.setting, index, {
-              ...newData,
-              voice: res.data.voice,
-              content: res.data.list || [{type: this.defaultContentType, contentType: '1', setting: [{contentType: '1', value: ""}]}]
-            });
+          // 缓存当前tab数据
+          this.tabDataCache[newData.id] = res.data;
+          this.applyCachedData(index, newData, res.data);
+          this.loading = false;
+          this.tabLoadingStates[newData.id] = false;
+
+          // 预加载下一个tab数据
+          this.preloadNextTab(index);
+        }).catch(() => {
+          this.loading = false;
+          this.tabLoadingStates[newData.id] = false;
+        });
+      }
+      return false;
+    },
 
-            for (let j = 0; j < this.setting[index].content.length; j++) {
+    // 应用缓存数据到tab
+    applyCachedData(index, newData, cachedData) {
+      this.$nextTick(() => {
+        this.videoList = [];
+        this.addTag = [];
+        this.$set(this.setting, index, {
+          ...newData,
+          voice: cachedData.voice,
+          content: cachedData.list || [{type: this.defaultContentType, contentType: '1', setting: [{contentType: '1', value: ""}]}]
+        });
 
-              if (this.setting[index].content[j].addTag != null) {
-                this.setting[index].content[j].addTag = JSON.parse(this.setting[index].content[j].addTag)
-              }
-              if (this.setting[index].content[j].delTag != null) {
-                this.setting[index].content[j].delTag = JSON.parse(this.setting[index].content[j].delTag)
-              }
-              this.videoList.push([])
-              this.addTag.push({
-                addTag: [],
-                inputVisible: false,
-                inputValue: '',
-                delTag: [],
-                delTagVisible: false,
-                delTagValue: ''
-              })
-              if (this.setting[index].content[j].type == 2) {
-                if (this.setting[index].content[j].hasOwnProperty('courseId')) {
-                  this.courseChange(this.setting[index].content[j], index, j);
-                }
-              }
-            }
+        for (let j = 0; j < this.setting[index].content.length; j++) {
+          if (this.setting[index].content[j].addTag != null) {
+            this.setting[index].content[j].addTag = JSON.parse(this.setting[index].content[j].addTag)
+          }
+          if (this.setting[index].content[j].delTag != null) {
+            this.setting[index].content[j].delTag = JSON.parse(this.setting[index].content[j].delTag)
+          }
+          this.videoList.push([])
+          this.addTag.push({
+            addTag: [],
+            inputVisible: false,
+            inputValue: '',
+            delTag: [],
+            delTagVisible: false,
+            delTagValue: ''
           })
-        });
-      }
+          if (this.setting[index].content[j].type == 2) {
+            if (this.setting[index].content[j].hasOwnProperty('courseId')) {
+              this.courseChange(this.setting[index].content[j], index, j);
+            }
+          }
+        }
+      })
+    },
 
+    // 预加载下一个tab数据
+    preloadNextTab(currentIndex) {
+      const nextIndex = (parseInt(currentIndex) + 1) % this.setting.length;
+      if (nextIndex !== parseInt(currentIndex) && this.setting[nextIndex] && this.setting[nextIndex].id) {
+        const nextTabId = this.setting[nextIndex].id;
+
+        // 如果下一个tab数据还没有缓存且未在加载中，则预加载
+        if (!this.tabDataCache[nextTabId] && !this.tabLoadingStates[nextTabId]) {
+          this.tabLoadingStates[nextTabId] = true;
+          selectRulesInfo(nextTabId).then(res => {
+            this.tabDataCache[nextTabId] = res.data;
+            this.tabLoadingStates[nextTabId] = false;
+          }).catch(() => {
+            this.tabLoadingStates[nextTabId] = false;
+          });
+        }
+      }
     },
+
     save() {
       let data = this.setting[this.tabIndex];
       let check = this.checkData(data);
@@ -1083,6 +1134,7 @@ export default {
         this.loading = false;
       });
     },
+
     checkData(data) {
       if (this.form.sendType != 4) {
 
@@ -1287,12 +1339,10 @@ export default {
           content[contentIndex].setting.push(newSetting);
         }
       }
-
-
     },
+
     delSetList(index, contentIndex, setIndex) {
       this.setting[index].content[contentIndex].setting.splice(setIndex, 1)
-
     },
 
     addContent(index) {
@@ -1341,7 +1391,6 @@ export default {
         dayNum: (this.form.gap * this.setting.length) + 1,
         content
       })
-
     },
     delSetting(index) {
       const newData = this.setting[index]
@@ -1358,7 +1407,6 @@ export default {
       } else {
         this.del(index);
       }
-
     },
     del(index) {
       if (index == 0) {
@@ -1411,18 +1459,13 @@ export default {
 
     //修改
     courseChangeUpdate(content, index, countIndex) {
-
       this.$set(content, 'videoId', null);
       // 查找选中的课程对应的 label
       const selectedCourse = this.courseList.find(course => parseInt(course.dictValue) === content.courseId);
       for (let i = 0; i < content.setting.length; i++) {
-
-
         this.$set(content.setting[i], 'linkTitle', null);
         this.$set(content.setting[i], 'linkDescribe', null);
         this.$set(content.setting[i], 'linkImageUrl', null);
-
-
         //如果是链接的才上
         if (selectedCourse && content.type == 2 && content.courseId != null) {
           //响应式直接给链接的标题/封面上值
@@ -1434,31 +1477,22 @@ export default {
           if (content.setting[i].contentType == 4 || content.setting[i].contentType == 10) {
             this.$set(content.setting[i], 'miniprogramPicUrl', selectedCourse.dictImgUrl);
           }
-
-
         }
       }
-
-
       this.courseUpdate(content, index, countIndex);
     },
     handleInputVideoText(value, content) {
       // 允许的字符：中文、英文（大小写）、数字和指定标点符号（，。！？）
       const regex = /^[\u4e00-\u9fa5，。！？,!?]+$/;
-
       // 删除不符合条件的字符
       const filteredValue = value.split('').filter(char => regex.test(char)).join('');
-
       this.$set(content, 'value', filteredValue);
-
     },
     courseUpdate(content, index, countIndex) {
       videoList(content.courseId).then(response => {
         // this.$set(this.videoList, countIndex, response.list); // 响应式设置videoList
         this.videoList.splice(countIndex, 1, response.list);
-
       });
-
     },
     toggleSalesCall(itemIndex, contentIndex, setIndex) {
       // 获取目标对象
@@ -1806,6 +1840,9 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(id) {
       getSopTemp(id).then(response => {
+        this.tabDataCache = {}; // 清空缓存
+        this.tabLoadingStates = {}; // 清空加载状态
+
         this.videoList = []
         this.form = response.data;
         this.setting = this.form.list || [];
@@ -1846,6 +1883,13 @@ export default {
             });
           }
         });
+        // 默认加载第一个 tab 的数据
+        if (this.setting && this.setting.length > 0) {
+          this.tabIndex = "0";
+          this.$nextTick(() => {
+            this.leave(0);
+          });
+        }
         // this.addTag.push({
         //   addTag: [],
         //   inputVisible: false,