From fbb61549bf96e9e0910b676a5524b0760d29c4be Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期二, 07 四月 2026 15:16:54 +0800
Subject: [PATCH] 测试完成
---
src/views/Satisfaction/configurationmyd/index.vue | 2376 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 2,376 insertions(+), 0 deletions(-)
diff --git a/src/views/Satisfaction/configurationmyd/index.vue b/src/views/Satisfaction/configurationmyd/index.vue
new file mode 100644
index 0000000..b92dfd9
--- /dev/null
+++ b/src/views/Satisfaction/configurationmyd/index.vue
@@ -0,0 +1,2376 @@
+<template>
+ <div class="satisfaction-exception-config">
+ <!-- 椤甸潰鏍囬 -->
+ <div class="page-header">
+ <div class="header-content">
+ <h2 class="page-title">婊℃剰搴﹂鐩紓甯稿鐞嗛厤缃�</h2>
+ <p class="page-description">
+ 鍩轰簬妯℃澘閰嶇疆婊℃剰搴﹂鐩殑璐ｄ换绉戝鍜屾姤澶囩瀹�
+ </p>
+ </div>
+ </div>
+
+ <!-- 妯℃澘閫夋嫨鍖哄煙 -->
+ <div class="template-section">
+ <el-card shadow="never">
+ <div class="template-header">
+ <h3 class="template-title">妯℃澘閫夋嫨</h3>
+ <p class="template-tip">璇峰厛閫夋嫨妯℃澘绫诲瀷鍜屽叿浣撴ā鏉�</p>
+ </div>
+
+ <el-form
+ :model="templateForm"
+ :rules="templateRules"
+ ref="templateForm"
+ label-width="120px"
+ size="medium"
+ >
+ <el-row :gutter="20">
+ <el-col :span="8">
+ <el-form-item label="妯℃澘绫诲瀷" prop="templateType">
+ <el-select
+ v-model="templateForm.templateType"
+ placeholder="璇烽�夋嫨妯℃澘绫诲瀷"
+ clearable
+ @change="handleTemplateTypeChange"
+ style="width: 100%"
+ >
+ <el-option label="闂嵎妯℃澘" :value="1" />
+ <el-option label="璇煶妯℃澘" :value="2" />
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="8">
+ <el-form-item
+ label="閫夋嫨妯℃澘"
+ prop="templateId"
+ :rules="
+ templateForm.templateType
+ ? [
+ {
+ required: true,
+ message: '璇烽�夋嫨妯℃澘',
+ trigger: 'change',
+ },
+ ]
+ : []
+ "
+ >
+ <el-select
+ v-model="templateForm.templateId"
+ placeholder="璇烽�夋嫨妯℃澘"
+ clearable
+ filterable
+ @change="handleTemplateChange"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="template in filteredTemplateOptions"
+ :key="template.id"
+ :label="template.templateName"
+ :value="template.id"
+ />
+ <div
+ v-if="templateOptionsLoading"
+ slot="empty"
+ class="select-loading"
+ >
+ <i class="el-icon-loading"></i>
+ <span>鍔犺浇涓�...</span>
+ </div>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="8">
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ @click="handleLoadTemplate"
+ :loading="templateLoading"
+ :disabled="!templateForm.templateId"
+ >
+ 鍔犺浇妯℃澘棰樼洰
+ </el-button>
+ <el-button icon="el-icon-refresh" @click="handleResetTemplate">
+ 閲嶇疆
+ </el-button>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </el-card>
+ </div>
+
+ <!-- 妯℃澘淇℃伅 -->
+ <div v-if="currentTemplateInfo" class="template-info-section">
+ <el-card shadow="never">
+ <div class="template-info">
+ <div class="info-left">
+ <h3 class="template-name">
+ {{ currentTemplateInfo.templateName }}
+ </h3>
+ <div class="template-meta">
+ <span class="meta-item">
+ <i class="el-icon-s-order"></i>
+ 妯℃澘绫诲瀷锛歿{
+ templateForm.templateType === 1 ? "闂嵎妯℃澘" : "璇煶妯℃澘"
+ }}
+ </span>
+ <span class="meta-item">
+ <i class="el-icon-s-management"></i>
+ 棰樼洰鎬绘暟锛歿{ currentTemplateInfo.questionCount || 0 }}
+ </span>
+ <span class="meta-item">
+ <i class="el-icon-star-on"></i>
+ 婊℃剰搴﹂鐩細{{ satisfactionQuestionsCount }}
+ </span>
+ </div>
+ </div>
+ <div class="info-right">
+ <el-tag
+ :type="
+ currentTemplateInfo.templateStatus === 1 ? 'success' : 'info'
+ "
+ size="medium"
+ >
+ {{ currentTemplateInfo.templateStatus === 1 ? "鍚敤" : "鍋滅敤" }}
+ </el-tag>
+ </div>
+ </div>
+ </el-card>
+ </div>
+
+ <!-- 鎼滅储鍖哄煙锛堥鐩瓫閫夛級 -->
+ <div v-if="questionList.length > 0" class="search-section">
+ <el-card shadow="never" class="search-container">
+ <el-form :model="queryParams" :inline="true" size="medium">
+ <el-form-item label="闂涓婚">
+ <el-input
+ v-model="queryParams.scriptTopic"
+ placeholder="璇疯緭鍏ラ棶棰樹富棰�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="闂鍐呭">
+ <el-input
+ v-model="queryParams.scriptContent"
+ placeholder="璇疯緭鍏ラ棶棰樺唴瀹�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ @click="handleQuery"
+ >
+ 绛涢�夐鐩�
+ </el-button>
+ <el-button icon="el-icon-refresh" @click="resetQuery">
+ 閲嶇疆绛涢��
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
+ </div>
+
+ <!-- 閰嶇疆鍒楄〃 -->
+ <div class="config-content">
+ <!-- 鎵归噺鎿嶄綔鏍� -->
+ <div v-if="questionList.length > 0" class="batch-actions-card">
+ <el-card shadow="never">
+ <div class="batch-actions">
+ <el-button
+ type="success"
+ icon="el-icon-check"
+ :loading="batchSaving"
+ :disabled="!hasChanges || batchSaving"
+ @click="handleBatchSave"
+ size="medium"
+ >
+ {{ batchSaving ? "鎵归噺淇濆瓨涓�..." : "鎵归噺淇濆瓨閰嶇疆" }}
+ </el-button>
+ <span v-if="changedCount > 0" class="change-count">
+ 鏈� {{ changedCount }} 椤归厤缃渶瑕佷繚瀛�
+ </span>
+ <div class="total-count">
+ 鍏� {{ filteredQuestionList.length }} 鏉¤褰�
+ </div>
+ </div>
+ </el-card>
+ </div>
+
+ <div v-if="loading" class="loading-wrapper">
+ <div class="loading-spinner">
+ <i class="el-icon-loading"></i>
+ <span>鍔犺浇涓�...</span>
+ </div>
+ </div>
+
+ <div
+ v-else-if="questionList.length === 0 && templateForm.templateId"
+ class="empty-wrapper"
+ >
+ <el-empty description="璇ユā鏉夸腑鏆傛棤婊℃剰搴﹂鐩�">
+ <p class="empty-tip">
+ 璇烽�夋嫨鍏朵粬妯℃澘鎴栨鏌ユā鏉夸腑鏄惁鍖呭惈婊℃剰搴︾被鍨嬮鐩紙鍒嗙被ID:
+ 404,405,406锛�
+ </p>
+ </el-empty>
+ </div>
+
+ <!-- 涓�琛屼竴琛岀殑鍗＄墖鍒楄〃 -->
+ <div v-else-if="filteredQuestionList.length > 0" class="question-list">
+ <div
+ v-for="(question, index) in filteredQuestionList"
+ :key="question.id"
+ class="question-item"
+ >
+ <el-card
+ shadow="hover"
+ class="question-card"
+ :class="{ 'has-changes': question.hasChanges }"
+ >
+ <!-- 鍗＄墖澶撮儴 -->
+ <div class="card-header">
+ <div class="header-left">
+ <div class="question-index">
+ <span class="index-number">{{ index + 1 }}</span>
+ <div class="index-line"></div>
+ </div>
+ <div class="question-basic-info">
+ <div class="question-title-section">
+ <h3 class="question-topic" :title="question.scriptTopic">
+ {{ question.scriptTopic || "鏃犱富棰�" }}
+ </h3>
+ <div class="question-tags">
+ <dict-tag
+ :options="askvaluetype"
+ :value="question.scriptType"
+ size="small"
+ />
+ <el-tag
+ v-if="question.targetname"
+ size="small"
+ type="info"
+ >
+ {{ question.targetname }}
+ </el-tag>
+ </div>
+ </div>
+ <div class="question-content-section">
+ <span class="content-label">棰樼洰鍐呭锛�</span>
+ <span class="content-text">{{
+ question.scriptContent
+ }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="header-right">
+ <!-- 寮傚父閫夐」鐘舵�� -->
+ <div
+ class="option-status"
+ v-if="
+ templateForm.templateType != 3 &&
+ templateForm.templateType != 4
+ "
+ >
+ <el-tooltip
+ :content="
+ checkHasAbnormalOptions(question)
+ ? '宸叉湁寮傚父閫夐」'
+ : '鏆傛棤寮傚父閫夐」'
+ "
+ placement="top"
+ >
+ <el-tag
+ :type="
+ checkHasAbnormalOptions(question) ? 'success' : 'danger'
+ "
+ size="small"
+ class="status-tag"
+ >
+ <i
+ :class="
+ checkHasAbnormalOptions(question)
+ ? 'el-icon-success'
+ : 'el-icon-warning'
+ "
+ ></i>
+ {{
+ checkHasAbnormalOptions(question)
+ ? "寮傚父閫夐」宸查厤缃�"
+ : "鏃犲紓甯搁�夐」"
+ }}
+ </el-tag>
+ </el-tooltip>
+ </div>
+
+ <el-button
+ type="text"
+ icon="el-icon-view"
+ @click="previewQuestion(question)"
+ size="small"
+ >
+ 棰勮
+ </el-button>
+
+ <!-- 娣诲姞閰嶇疆閫夐」鎸夐挳 -->
+ <el-button
+ v-if="
+ templateForm.templateType != 3 &&
+ templateForm.templateType != 4
+ "
+ type="text"
+ icon="el-icon-setting"
+ @click="openOptionDialog(question)"
+ size="small"
+ >
+ 閰嶇疆閫夐」
+ </el-button>
+ </div>
+ </div>
+
+ <!-- 寮傚父澶勭悊閰嶇疆 -->
+ <div class="config-section">
+ <div class="config-title">
+ <i class="el-icon-setting"></i>
+ <span>寮傚父澶勭悊閰嶇疆</span>
+ </div>
+
+ <el-form
+ :model="question.exceptionConfig"
+ :rules="configRules"
+ ref="configForm"
+ label-width="100px"
+ size="small"
+ class="config-form"
+ >
+ <div class="config-fields">
+ <!-- 璐ｄ换绉戝锛堝閫夛級 -->
+ <div class="config-field">
+ <el-form-item
+ label="璐ｄ换绉戝"
+ prop="responsibilityDept"
+ class="config-item"
+ >
+ <el-select
+ v-model="question.exceptionConfig.responsibilityDept"
+ placeholder="璇烽�夋嫨璐ｄ换绉戝"
+ filterable
+ clearable
+ multiple
+ style="width: 100%"
+ @change="handleConfigChange(question)"
+ >
+ <el-option
+ v-for="dept in deptOptions"
+ :key="dept.id"
+ :label="dept.label"
+ :value="dept.deptCode"
+ />
+ </el-select>
+ <div class="config-tip">
+ 璐熻矗澶勭悊璇ラ鐩弽棣堢殑绉戝锛屽彲澶氶��
+ </div>
+ </el-form-item>
+ </div>
+
+ <!-- 鎶ュ绉戝锛堝閫夛級 -->
+ <div class="config-field">
+ <el-form-item
+ label="鎶ュ绉戝"
+ prop="reportDept"
+ class="config-item"
+ >
+ <el-select
+ v-model="question.exceptionConfig.reportDept"
+ placeholder="璇烽�夋嫨鎶ュ绉戝"
+ filterable
+ clearable
+ multiple
+ style="width: 100%"
+ @change="handleConfigChange(question)"
+ >
+ <el-option
+ v-for="dept in deptOptions"
+ :key="dept.id"
+ :label="dept.label"
+ :value="dept.deptCode"
+ />
+ </el-select>
+ <div class="config-tip">
+ 闇�瑕佹帴鏀跺紓甯稿弽棣堢殑绉戝锛屽彲澶氶��
+ </div>
+ </el-form-item>
+ </div>
+ </div>
+
+ <!-- 褰撳墠閰嶇疆淇℃伅 -->
+ <div v-if="question.hasChanges" class="current-config">
+ <div class="config-preview">
+ <div class="preview-item">
+ <span class="preview-label">璐ｄ换绉戝锛�</span>
+ <span class="preview-value">
+ {{
+ getDeptNames(
+ question.exceptionConfig.responsibilityDept || []
+ ).join(", ")
+ }}
+ </span>
+ </div>
+ <div class="preview-item">
+ <span class="preview-label">鎶ュ绉戝锛�</span>
+ <span class="preview-value">
+ {{
+ getDeptNames(
+ question.exceptionConfig.reportDept || []
+ ).join(", ")
+ }}
+ </span>
+ </div>
+ </div>
+ </div>
+
+ <!-- 閰嶇疆鐘舵�佸拰鎿嶄綔鎸夐挳 -->
+ <div class="config-footer">
+ <div v-if="question.saveStatus" class="save-status">
+ <el-alert
+ :type="question.saveStatus.type"
+ :title="question.saveStatus.message"
+ :closable="false"
+ show-icon
+ :effect="
+ question.saveStatus.type === 'success'
+ ? 'dark'
+ : 'light'
+ "
+ size="small"
+ />
+ </div>
+
+ <div class="config-actions">
+ <el-button
+ type="primary"
+ :loading="question.saving"
+ :disabled="!question.hasChanges"
+ @click="saveSingleConfig(question)"
+ size="small"
+ icon="el-icon-check"
+ >
+ {{ question.saving ? "淇濆瓨涓�..." : "淇濆瓨閰嶇疆" }}
+ </el-button>
+ <el-button
+ v-if="question.hasChanges"
+ type="text"
+ @click="resetSingleConfig(question)"
+ size="small"
+ >
+ 閲嶇疆
+ </el-button>
+ </div>
+ </div>
+ </el-form>
+ </div>
+ </el-card>
+ </div>
+ </div>
+ </div>
+<!-- 閫夐」閰嶇疆瀵硅瘽妗� -->
+<el-dialog
+ title="閫夐」寮傚父鐘舵�侀厤缃�"
+ :visible.sync="optionDialogVisible"
+ width="700px"
+ center
+ :close-on-click-modal="false"
+>
+ <div v-if="editingQuestion" class="option-config-wrapper">
+ <div class="dialog-header">
+ <h4>{{ editingQuestion.scriptTopic || '鏃犱富棰�' }}</h4>
+ <p class="dialog-subtitle">{{ editingQuestion.scriptContent }}</p>
+ </div>
+
+ <div class="option-list">
+ <el-alert
+ v-if="!currentOptions.some(opt => opt.isabnormal === 1)"
+ title="璇疯嚦灏戣缃竴涓紓甯搁�夐」锛堟爣璁颁负寮傚父锛�"
+ type="warning"
+ :closable="false"
+ show-icon
+ style="margin-bottom: 20px;"
+ />
+
+ <div v-for="(option, index) in currentOptions" :key="index" class="option-item">
+ <el-form
+ :model="option"
+ :rules="optionRules"
+ ref="optionForm"
+ size="small"
+ class="option-form"
+ >
+ <el-row :gutter="12" align="middle">
+ <el-col :span="2">
+ <div class="option-index">#{{ index + 1 }}</div>
+ </el-col>
+
+ <el-col :span="12">
+ <el-form-item prop="targetvalue">
+ <el-input
+ v-model="option.targetvalue"
+ placeholder="璇疯緭鍏ラ�夐」鍐呭"
+ clearable
+ maxlength="200"
+ show-word-limit
+ />
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="6">
+ <el-form-item prop="isabnormal">
+ <el-select
+ v-model="option.isabnormal"
+ placeholder="閫夋嫨鐘舵��"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="status in abnormalOptions"
+ :key="status.value"
+ :label="status.label"
+ :value="status.value"
+ >
+ <el-tag :type="status.type" size="small">{{ status.label }}</el-tag>
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="4">
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ @click="removeOption(index)"
+ size="small"
+ circle
+ plain
+ />
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+
+ <!-- <el-button
+ type="primary"
+ icon="el-icon-plus"
+ @click="addNewOption"
+ size="small"
+ plain
+ style="width: 100%; margin-top: 10px;"
+ >
+ 娣诲姞閫夐」
+ </el-button> -->
+ </div>
+ </div>
+
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="optionDialogVisible = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="saveOptions" :loading="savingOptions">
+ 淇濆瓨閰嶇疆
+ </el-button>
+ </span>
+</el-dialog>
+ <!-- 棰樼洰棰勮瀵硅瘽妗� -->
+ <el-dialog
+ title="棰樼洰棰勮"
+ :visible.sync="previewVisible"
+ width="600px"
+ center
+ >
+ <div v-if="currentPreview" class="preview-wrapper">
+ <div class="preview-header">
+ <h4>{{ currentPreview.scriptTopic || "鏃犱富棰�" }}</h4>
+ <div class="preview-tags">
+ <dict-tag
+ :options="askvaluetype"
+ :value="currentPreview.scriptType"
+ size="small"
+ />
+ <el-tag v-if="currentPreview.targetname" size="small" type="info">
+ {{ currentPreview.targetname }}
+ </el-tag>
+ </div>
+ </div>
+ <!-- 妯℃澘棰樼洰灞曠ず -->
+
+ <div class="preview-content" v-if="templateForm.templateType == 1">
+ <p class="preview-question">{{ currentPreview.scriptContent }}</p>
+
+ <div
+ v-if="
+ currentPreview.scriptType != 3 && currentPreview.scriptType != 4
+ "
+ class="preview-options"
+ >
+ <el-radio-group v-model="previewAnswer">
+ <el-radio
+ v-for="(
+ option, idx
+ ) in currentPreview.svyLibTemplateTargetoptions || []"
+ :key="idx"
+ :label="option.optioncontent"
+ class="option-item"
+ >
+ {{ option.optioncontent }}
+ </el-radio>
+ </el-radio-group>
+ </div>
+
+ <div v-else class="preview-textarea">
+ <el-input
+ type="textarea"
+ placeholder="璇疯緭鍏ュ洖绛�"
+ v-model="previewAnswer"
+ :rows="4"
+ />
+ </div>
+ </div>
+ <!-- 璇煶棰樼洰灞曠ず -->
+ <div class="preview-content" v-else>
+ <p class="preview-question">{{ currentPreview.scriptContent }}</p>
+
+ <div
+ v-if="
+ currentPreview.scriptType != 3 && currentPreview.scriptType != 4
+ "
+ class="preview-options"
+ >
+ <el-radio-group v-model="previewAnswer">
+ <el-radio
+ v-for="(
+ option, idx
+ ) in currentPreview.ivrLibaScriptTargetoptionList || []"
+ :key="idx"
+ :label="option.targetvalue"
+ class="option-item"
+ >
+ {{ option.targetvalue }}
+ </el-radio>
+ </el-radio-group>
+ </div>
+
+ <div v-else class="preview-textarea">
+ <el-input
+ type="textarea"
+ placeholder="璇疯緭鍏ュ洖绛�"
+ v-model="previewAnswer"
+ :rows="4"
+ />
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="previewVisible = false">鍏抽棴</el-button>
+ </span>
+ </el-dialog>
+
+ <!-- 淇濆瓨鎴愬姛鎻愮ず -->
+ <el-dialog
+ title="淇濆瓨鎴愬姛"
+ :visible.sync="saveSuccessVisible"
+ width="400px"
+ center
+ >
+ <div class="success-content">
+ <i class="el-icon-success success-icon"></i>
+ <p class="success-text">閰嶇疆宸叉垚鍔熶繚瀛橈紒</p>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="saveSuccessVisible = false"
+ >纭畾</el-button
+ >
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import {
+ compileissue,
+ compileQtemplate,
+ compileFollowup,
+ getQtemplatelist,
+ getFollowuplist,
+ getvFollowup,
+ getQtemplateobj,
+ selectInfoByConditiony,
+} from "@/api/AiCentre/index";
+import { deptTreeSelect } from "@/api/system/user";
+import store from "@/store";
+import Pagination from "@/components/Pagination";
+
+export default {
+ name: "SatisfactionExceptionConfig",
+ components: { Pagination },
+ data() {
+ return {
+ // 妯℃澘琛ㄥ崟
+ templateForm: {
+ templateType: "",
+ templateId: "",
+ },
+ templateRules: {
+ templateType: [
+ { required: true, message: "璇烽�夋嫨妯℃澘绫诲瀷", trigger: "change" },
+ ],
+ },
+ // 閫夐」绠＄悊鐩稿叧
+ optionDialogVisible: false,
+ currentOptions: [],
+ editingQuestion: null,
+ optionRules: {
+ targetvalue: [
+ { required: true, message: "璇疯緭鍏ラ�夐」鍐呭", trigger: "blur" },
+ ],
+ isabnormal: [
+ { required: true, message: "璇烽�夋嫨寮傚父鐘舵��", trigger: "change" },
+ ],
+ },
+
+ // 寮傚父鐘舵�侀�夐」
+ abnormalOptions: [
+ { label: "姝ｅ父", value: 0, type: "success" },
+ { label: "寮傚父", value: 1, type: "danger" },
+ { label: "璀﹀憡", value: 2, type: "warning" },
+ ],
+ // 妯℃澘閫夐」
+ questionnaireTemplates: [], // 闂嵎妯℃澘鍒楄〃
+ followupTemplates: [], // 璇煶妯℃澘鍒楄〃
+ templateOptionsLoading: false,
+
+ // 褰撳墠妯℃澘淇℃伅
+ currentTemplateInfo: null,
+ templateLoading: false,
+
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ scriptTopic: "",
+ scriptContent: "",
+ },
+
+ // 鏁版嵁鍒楄〃
+ questionList: [],
+ loading: false,
+ batchSaving: false,
+
+ // 瀛楀吀鏁版嵁
+ askvaluetype: store.getters.askvaluetype || [],
+ qyoptions: store.getters.usable || [],
+
+ // 绉戝閫夐」
+ deptOptions: [],
+
+ // 棰勮鐩稿叧
+ previewVisible: false,
+ currentPreview: null,
+ previewAnswer: "",
+
+ // 淇濆瓨鐩稿叧
+ saveSuccessVisible: false,
+ hasChanges: false,
+ changedCount: 0,
+
+ // 婊℃剰搴﹀垎绫籌D
+ satisfactionCategoryIds: ["404", "405", "406", "10039", "10041", "10042"],
+ questionnaireCategorys: [],
+ voiceCategories: [],
+ // 琛ㄥ崟楠岃瘉瑙勫垯
+ configRules: {
+ responsibilityDept: [
+ {
+ required: true,
+ message: "璇疯嚦灏戦�夋嫨涓�涓矗浠荤瀹�",
+ trigger: "change",
+ },
+ {
+ validator: (rule, value, callback) => {
+ if (!value || value.length === 0) {
+ callback(new Error("璇疯嚦灏戦�夋嫨涓�涓矗浠荤瀹�"));
+ } else {
+ callback();
+ }
+ },
+ trigger: "change",
+ },
+ ],
+ reportDept: [
+ {
+ required: true,
+ message: "璇疯嚦灏戦�夋嫨涓�涓姤澶囩瀹�",
+ trigger: "change",
+ },
+ {
+ validator: (rule, value, callback) => {
+ if (!value || value.length === 0) {
+ callback(new Error("璇疯嚦灏戦�夋嫨涓�涓姤澶囩瀹�"));
+ } else {
+ callback();
+ }
+ },
+ trigger: "change",
+ },
+ ],
+ },
+ };
+ },
+ computed: {
+ // 鏍规嵁妯℃澘绫诲瀷杩囨护妯℃澘閫夐」
+ filteredTemplateOptions() {
+ if (this.templateForm.templateType === 1) {
+ return this.questionnaireTemplates;
+ } else if (this.templateForm.templateType === 2) {
+ return this.followupTemplates;
+ }
+ return [];
+ },
+
+ // 婊℃剰搴﹂鐩暟閲�
+ satisfactionQuestionsCount() {
+ if (this.templateForm.templateType === 1) {
+ return this.questionList.filter((q) =>
+ this.questionnaireCategorys.includes(q.categoryid)
+ ).length;
+ } else if (this.templateForm.templateType === 2) {
+ return this.questionList.filter((q) =>
+ this.voiceCategories.includes(q.scriptAssortid)
+ ).length;
+ }
+ },
+ // 妫�鏌ラ鐩槸鍚︽湁寮傚父閫夐」
+ hasAbnormalOption(question) {
+ return (question) => {
+ if (!question) return false;
+
+ // 闂嵎妯℃澘
+ if (this.templateForm.templateType === 1) {
+ const options = question.svyLibTemplateTargetoptions || [];
+ return options.some((opt) => opt.isabnormal === 1);
+ }
+ // 璇煶妯℃澘
+ else if (this.templateForm.templateType === 2) {
+ const options = question.ivrLibaScriptTargetoptionList || [];
+ return options.some((opt) => opt.isabnormal === 1);
+ }
+
+ return false;
+ };
+ },
+ // 绛涢�夊悗鐨勯鐩垪琛�
+ filteredQuestionList() {
+ let filtered = this.questionList;
+ console.log(this.questionnaireCategorys);
+
+ // 绛涢�夋弧鎰忓害棰樼洰
+ if (this.templateForm.templateType === 1) {
+ filtered = filtered.filter((q) =>
+ this.questionnaireCategorys.includes(q.categoryid)
+ );
+ } else if (this.templateForm.templateType === 2) {
+ filtered = filtered.filter((q) =>
+ this.voiceCategories.includes(q.scriptAssortid)
+ );
+ }
+
+ // 搴旂敤鎼滅储鏉′欢
+ if (this.queryParams.scriptTopic) {
+ const keyword = this.queryParams.scriptTopic.toLowerCase();
+ filtered = filtered.filter(
+ (q) => q.scriptTopic && q.scriptTopic.toLowerCase().includes(keyword)
+ );
+ }
+
+ if (this.queryParams.scriptContent) {
+ const keyword = this.queryParams.scriptContent.toLowerCase();
+ filtered = filtered.filter(
+ (q) =>
+ q.scriptContent && q.scriptContent.toLowerCase().includes(keyword)
+ );
+ }
+
+ return filtered;
+ },
+ },
+ created() {
+ if (store.getters.satisfactionCategories) {
+ this.questionnaireCategorys =
+ store.getters.satisfactionCategories.questionnaireCategorys.map(
+ (item) => item.categoryid
+ );
+ this.voiceCategories =
+ store.getters.satisfactionCategories.voiceCategories.map(
+ (item) => item.categoryid
+ );
+ }
+ this.getDeptOptions();
+ this.loadAllTemplates();
+ },
+ methods: {
+ /** 鍔犺浇鎵�鏈夋ā鏉垮垪琛� */
+ loadAllTemplates() {
+ this.templateOptionsLoading = true;
+
+ // 骞惰鍔犺浇闂嵎妯℃澘鍜岃闊虫ā鏉�
+ Promise.all([
+ this.loadQuestionnaireTemplates(),
+ this.loadFollowupTemplates(),
+ ]).finally(() => {
+ this.templateOptionsLoading = false;
+ });
+ },
+
+ /** 鏌ヨ绉戝鍒楄〃 */
+ getDeptOptions() {
+ deptTreeSelect()
+ .then((res) => {
+ if (res.code == 200) {
+ this.deptOptions = this.flattenArray(res.data) || [];
+ }
+ })
+ .catch((error) => {
+ console.error("鑾峰彇绉戝鍒楄〃澶辫触:", error);
+ this.$message.error("鑾峰彇绉戝鍒楄〃澶辫触");
+ });
+ },
+
+ flattenArray(multiArray) {
+ let result = [];
+
+ function flatten(element) {
+ if (element.children && element.children.length > 0) {
+ element.children.forEach((child) => flatten(child));
+ } else {
+ let item = JSON.parse(JSON.stringify(element));
+ result.push(item);
+ }
+ }
+
+ multiArray.forEach((element) => flatten(element));
+ return result;
+ },
+
+ /** 鏍规嵁绉戝缂栫爜鑾峰彇绉戝鍚嶇О */
+ getDeptName(deptCode) {
+ if (!deptCode) return "";
+ const dept = this.deptOptions.find((d) => d.deptCode === deptCode);
+ return dept ? dept.label : deptCode;
+ },
+
+ /** 鏍规嵁绉戝缂栫爜鏁扮粍鑾峰彇绉戝鍚嶇О鏁扮粍 */
+ getDeptNames(deptCodes) {
+ if (!Array.isArray(deptCodes) || deptCodes.length === 0) return [];
+ return deptCodes
+ .map((code) => this.getDeptName(code))
+ .filter((name) => name && name.trim());
+ },
+
+ /** 妯℃澘绫诲瀷鍙樻洿 */
+ handleTemplateTypeChange() {
+ this.templateForm.templateId = "";
+ this.currentTemplateInfo = null;
+ this.questionList = [];
+ },
+
+ /** 鍔犺浇闂嵎妯℃澘鍒楄〃 */
+ loadQuestionnaireTemplates() {
+ return new Promise((resolve) => {
+ getQtemplatelist({ pageSize: 1000 })
+ .then((res) => {
+ if (res.code === 200) {
+ this.questionnaireTemplates = (res.rows || []).map((item) => ({
+ id: item.svyid,
+ templateName: item.svyname,
+ isavailable: item.isavailable,
+ }));
+ } else {
+ this.$message.error(res.msg || "鍔犺浇闂嵎妯℃澘澶辫触");
+ }
+ resolve();
+ })
+ .catch((error) => {
+ console.error("鍔犺浇闂嵎妯℃澘澶辫触:", error);
+ this.$message.error("鍔犺浇闂嵎妯℃澘澶辫触");
+ resolve();
+ });
+ });
+ },
+
+ /** 鍔犺浇璇煶妯℃澘鍒楄〃 */
+ loadFollowupTemplates() {
+ return new Promise((resolve) => {
+ getFollowuplist({ pageSize: 1000 })
+ .then((res) => {
+ if (res.code === 200) {
+ this.followupTemplates = (res.rows || []).map((item) => ({
+ id: item.id,
+ templateName: item.templateName,
+ isavailable: item.isavailable,
+ }));
+ } else {
+ this.$message.error(res.msg || "鍔犺浇璇煶妯℃澘澶辫触");
+ }
+ resolve();
+ })
+ .catch((error) => {
+ console.error("鍔犺浇璇煶妯℃澘澶辫触:", error);
+ this.$message.error("鍔犺浇璇煶妯℃澘澶辫触");
+ resolve();
+ });
+ });
+ },
+
+ /** 妯℃澘閫夋嫨鍙樻洿 */
+ handleTemplateChange(templateId) {
+ if (templateId) {
+ const selectedTemplate = this.filteredTemplateOptions.find(
+ (t) => t.id === templateId
+ );
+ if (selectedTemplate) {
+ this.currentTemplateInfo = {
+ templateName: selectedTemplate.templateName,
+ templateStatus: selectedTemplate.isavailable,
+ questionCount: 0,
+ };
+ }
+ // 鍔犺浇妯℃澘璇︽儏鏁版嵁
+ this.templateLoading = true;
+ this.loading = true;
+ this.questionList = [];
+
+ if (this.templateForm.templateType === 1) {
+ this.loadQuestionnaireTemplateDetail();
+ } else if (this.templateForm.templateType === 2) {
+ this.loadFollowupTemplateDetail();
+ }
+ } else {
+ this.currentTemplateInfo = null;
+ this.questionList = [];
+ }
+ },
+
+ /** 鍔犺浇妯℃澘璇︽儏鍜岄鐩� */
+ handleLoadTemplate() {
+ this.$refs.templateForm.validate((valid) => {
+ if (!valid) {
+ this.$message.warning("璇峰厛閫夋嫨妯℃澘");
+ return;
+ }
+
+ this.templateLoading = true;
+ this.loading = true;
+ this.questionList = [];
+
+ if (this.templateForm.templateType === 1) {
+ this.loadQuestionnaireTemplateDetail();
+ } else if (this.templateForm.templateType === 2) {
+ this.loadFollowupTemplateDetail();
+ }
+ });
+ },
+
+ /** 鍔犺浇闂嵎妯℃澘璇︽儏 */
+ loadQuestionnaireTemplateDetail() {
+ getQtemplateobj({ svyid: this.templateForm.templateId })
+ .then((res) => {
+ this.templateLoading = false;
+ this.loading = false;
+
+ if (res.code === 200 && res.rows && res.rows.length > 0) {
+ const templateDetail = res.rows[0];
+
+ // 鏇存柊妯℃澘淇℃伅
+ this.currentTemplateInfo = {
+ ...templateDetail,
+ templateName: templateDetail.svyname,
+ templateStatus: templateDetail.isavailable,
+ questionCount: templateDetail.svyTemplateLibScripts?.length || 0,
+ };
+
+ // 鎻愬彇棰樼洰鍒楄〃
+ const questions = templateDetail.svyTemplateLibScripts || [];
+ this.processQuestions(questions);
+
+ this.$message.success(`鎴愬姛鍔犺浇 ${questions.length} 涓鐩甡);
+ } else {
+ this.$message.error(res.msg || "鍔犺浇妯℃澘璇︽儏澶辫触");
+ }
+ })
+ .catch((error) => {
+ this.templateLoading = false;
+ this.loading = false;
+ console.error("鍔犺浇闂嵎妯℃澘璇︽儏澶辫触:", error);
+ this.$message.error("鍔犺浇妯℃澘璇︽儏澶辫触");
+ });
+ },
+
+ /** 鍔犺浇璇煶妯℃澘璇︽儏 */
+ loadFollowupTemplateDetail() {
+ getvFollowup({ id: this.templateForm.templateId })
+ .then((res) => {
+ this.templateLoading = false;
+ this.loading = false;
+
+ if (res.code === 200) {
+ const templateDetail = res.data;
+
+ // 鏇存柊妯℃澘淇℃伅
+ this.currentTemplateInfo = {
+ ...this.currentTemplateInfo,
+ templateName: templateDetail.templateName,
+ templateStatus: templateDetail.isavailable,
+ questionCount:
+ templateDetail.ivrLibaTemplateScriptVOList?.length || 0,
+ };
+
+ // 鎻愬彇棰樼洰鍒楄〃
+ const questions = templateDetail.ivrLibaTemplateScriptVOList || [];
+ this.processQuestions(questions);
+
+ this.$message.success(`鎴愬姛鍔犺浇 ${questions.length} 涓鐩甡);
+ } else {
+ this.$message.error(res.msg || "鍔犺浇妯℃澘璇︽儏澶辫触");
+ }
+ })
+ .catch((error) => {
+ this.templateLoading = false;
+ this.loading = false;
+ console.error("鍔犺浇璇煶妯℃澘璇︽儏澶辫触:", error);
+ this.$message.error("鍔犺浇妯℃澘璇︽儏澶辫触");
+ });
+ },
+
+ /** 澶勭悊棰樼洰鏁版嵁 */
+ processQuestions(questions) {
+ this.questionList = questions.map((question) => {
+ // 瑙ｆ瀽璐ｄ换绉戝鍜屾姤澶囩瀹�
+ let exceptionConfig = {
+ responsibilityDept: [], // 璐ｄ换绉戝缂栫爜鏁扮粍
+ reportDept: [], // 鎶ュ绉戝缂栫爜鏁扮粍
+ };
+
+ // 浠庨鐩《灞傚瓧娈佃鍙栨暟鎹�
+ if (question.dutyDeptCode) {
+ // 浠庨�楀彿鍒嗛殧鐨勫瓧绗︿覆杞负鏁扮粍
+ exceptionConfig.responsibilityDept = question.dutyDeptCode
+ .split(",")
+ .map((code) => code.trim())
+ .filter((code) => code);
+ }
+
+ if (question.reportDeptCode) {
+ exceptionConfig.reportDept = question.reportDeptCode
+ .split(",")
+ .map((code) => code.trim())
+ .filter((code) => code);
+ }
+
+ return {
+ ...question,
+ // 缁熶竴瀛楁鍚�
+ id: question.id || question.scriptId,
+ scriptTopic: question.scriptTopic || question.scriptTopic,
+ scriptContent: question.scriptContent || question.scriptContent,
+ scriptType: question.scriptType,
+ isavailable: question.isavailable,
+ targetname: question.targetname,
+ categoryid: question.categoryid || question.categoryid,
+ originalConfig: JSON.parse(JSON.stringify(exceptionConfig)),
+ exceptionConfig: exceptionConfig,
+ hasChanges: false,
+ saving: false,
+ saveStatus: null,
+ };
+ });
+
+ this.updateChangedStatus();
+ },
+
+ /** 閲嶇疆妯℃澘閫夋嫨 */
+ handleResetTemplate() {
+ this.templateForm = {
+ templateType: "",
+ templateId: "",
+ };
+ this.currentTemplateInfo = null;
+ this.questionList = [];
+ this.resetQuery();
+ this.$refs.templateForm?.clearValidate();
+ },
+
+ /** 閰嶇疆鍙樻洿澶勭悊 */
+ handleConfigChange(question) {
+ this.$nextTick(() => {
+ const index = this.filteredQuestionList.findIndex(
+ (q) => q.id === question.id
+ );
+ if (index !== -1) {
+ const formRef = this.$refs.configForm && this.$refs.configForm[index];
+ if (formRef) {
+ formRef.validate((valid) => {
+ if (valid) {
+ question.hasChanges = !this.isConfigEqual(
+ question.exceptionConfig,
+ question.originalConfig
+ );
+ this.updateChangedStatus();
+ }
+ });
+ }
+ }
+ });
+ },
+
+ /** 姣旇緝閰嶇疆鏄惁鏀瑰彉 */
+ isConfigEqual(config1, config2) {
+ if (!config1 || !config2) return false;
+
+ const responsibility1 = [...(config1.responsibilityDept || [])]
+ .sort()
+ .join(",")
+ .toLowerCase();
+ const responsibility2 = [...(config2.responsibilityDept || [])]
+ .sort()
+ .join(",")
+ .toLowerCase();
+ const report1 = [...(config1.reportDept || [])]
+ .sort()
+ .join(",")
+ .toLowerCase();
+ const report2 = [...(config2.reportDept || [])]
+ .sort()
+ .join(",")
+ .toLowerCase();
+
+ return responsibility1 === responsibility2 && report1 === report2;
+ },
+
+ /** 鏇存柊鍙樻洿鐘舵�� */
+ updateChangedStatus() {
+ const changedItems = this.questionList.filter((q) => q.hasChanges);
+ this.changedCount = changedItems.length;
+ this.hasChanges = changedItems.length > 0;
+ },
+
+ /** 淇濆瓨鍗曚釜棰樼洰閰嶇疆 */
+ async saveSingleConfig(question) {
+ if (!question.hasChanges) return;
+
+ const index = this.filteredQuestionList.findIndex(
+ (q) => q.id === question.id
+ );
+ console.log(index, "filteredQuestionList");
+
+ if (index === -1) return;
+
+ const formRef = this.$refs.configForm && this.$refs.configForm[index];
+ if (!formRef) return;
+
+ const valid = await formRef.validate();
+ if (!valid) {
+ this.$message.warning("璇峰厛瀹屾垚蹇呭～椤�");
+ return;
+ }
+
+ question.saving = true;
+ question.saveStatus = null;
+
+ try {
+ // 鑾峰彇褰撳墠妯℃澘璇︽儏
+ let templateDetail;
+ if (this.templateForm.templateType === 1) {
+ // 闂嵎妯℃澘
+ const res = await getQtemplateobj({
+ svyid: this.templateForm.templateId,
+ });
+ if (res.code !== 200 || !res.rows || res.rows.length === 0) {
+ throw new Error(res.msg || "鑾峰彇妯℃澘璇︽儏澶辫触");
+ }
+ templateDetail = res.rows[0];
+ } else if (this.templateForm.templateType === 2) {
+ // 璇煶妯℃澘
+ const res = await getvFollowup({ id: this.templateForm.templateId });
+ if (res.code !== 200) {
+ throw new Error(res.msg || "鑾峰彇妯℃澘璇︽儏澶辫触");
+ }
+ templateDetail = res.data;
+ }
+
+ // 鏇存柊棰樼洰閰嶇疆
+ let updatedTemplateDetail = { ...templateDetail };
+ let questionsField =
+ this.templateForm.templateType === 1
+ ? "svyTemplateLibScripts"
+ : "ivrLibaTemplateScriptVOList";
+
+ const questions = updatedTemplateDetail[questionsField] || [];
+ const questionIndex = questions.findIndex((q) => q.id === question.id);
+
+ if (questionIndex === -1) {
+ throw new Error("鏈壘鍒伴鐩�");
+ }
+
+ // 鑾峰彇绉戝鍚嶇О
+ const responsibilityDeptNames = this.getDeptNames(
+ question.exceptionConfig.responsibilityDept
+ );
+ const reportDeptNames = this.getDeptNames(
+ question.exceptionConfig.reportDept
+ );
+
+ // 鐩存帴鏇存柊棰樼洰椤跺眰瀛楁
+ questions[questionIndex] = {
+ ...questions[questionIndex],
+ // 璁剧疆Excel瑕佹眰鐨勫瓧娈�
+ dutyDeptCode: question.exceptionConfig.responsibilityDept.join(","),
+ dutyDeptName: responsibilityDeptNames.join(","),
+ reportDeptCode: question.exceptionConfig.reportDept.join(","),
+ reportDeptName: reportDeptNames.join(","),
+ };
+
+ // 鏇存柊妯℃澘
+ updatedTemplateDetail[questionsField] = questions;
+
+ // 淇濆瓨妯℃澘
+ let response;
+ if (this.templateForm.templateType === 1) {
+ response = await compileQtemplate({
+ ...updatedTemplateDetail,
+ id: this.templateForm.templateId,
+ isoperation: 2,
+ });
+ } else {
+ response = await compileFollowup({
+ ...updatedTemplateDetail,
+ id: this.templateForm.templateId,
+ isoperation: 2,
+ });
+ }
+
+ if (response.code === 200) {
+ this.handleSaveSuccess(question);
+ } else {
+ throw new Error(response.msg || "淇濆瓨澶辫触");
+ }
+ } catch (error) {
+ console.error("淇濆瓨澶辫触:", error);
+ question.saveStatus = {
+ type: "error",
+ message: error.message || "淇濆瓨澶辫触锛岃绋嶅悗閲嶈瘯",
+ };
+ this.$message.error(error.message || "淇濆瓨澶辫触锛岃绋嶅悗閲嶈瘯");
+ } finally {
+ question.saving = false;
+ }
+ },
+
+ /** 澶勭悊淇濆瓨鎴愬姛 */
+ /** 澶勭悊淇濆瓨鎴愬姛 */
+ handleSaveSuccess(question) {
+ // 鍚屾椂鏇存柊棰樼洰椤跺眰瀛楁
+ const responsibilityDeptNames = this.getDeptNames(
+ question.exceptionConfig.responsibilityDept
+ );
+ const reportDeptNames = this.getDeptNames(
+ question.exceptionConfig.reportDept
+ );
+
+ // 鏇存柊棰樼洰鏈韩鐨勫瓧娈�
+ question.dutyDeptCode =
+ question.exceptionConfig.responsibilityDept.join(",");
+ question.dutyDeptName = responsibilityDeptNames.join(",");
+ question.reportDeptCode = question.exceptionConfig.reportDept.join(",");
+ question.reportDeptName = reportDeptNames.join(",");
+
+ // 鏇存柊鍘熷閰嶇疆
+ question.originalConfig = JSON.parse(
+ JSON.stringify(question.exceptionConfig)
+ );
+ question.hasChanges = false;
+ question.saveStatus = {
+ type: "success",
+ message: "閰嶇疆淇濆瓨鎴愬姛",
+ };
+
+ this.updateChangedStatus();
+ this.$message.success("閰嶇疆淇濆瓨鎴愬姛");
+
+ // 5绉掑悗娓呴櫎鎴愬姛鎻愮ず
+ setTimeout(() => {
+ question.saveStatus = null;
+ }, 5000);
+ },
+
+ /** 閲嶇疆鍗曚釜棰樼洰閰嶇疆 */
+ resetSingleConfig(question) {
+ this.$confirm("纭畾瑕侀噸缃綋鍓嶉鐩殑閰嶇疆鍚楋紵", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ question.exceptionConfig = JSON.parse(
+ JSON.stringify(question.originalConfig)
+ );
+ // 鍚屾椂閲嶇疆棰樼洰椤跺眰瀛楁
+ const responsibilityDeptNames = this.getDeptNames(
+ question.exceptionConfig.responsibilityDept
+ );
+ const reportDeptNames = this.getDeptNames(
+ question.exceptionConfig.reportDept
+ );
+
+ question.dutyDeptCode =
+ question.exceptionConfig.responsibilityDept.join(",");
+ question.dutyDeptName = responsibilityDeptNames.join(",");
+ question.reportDeptCode =
+ question.exceptionConfig.reportDept.join(",");
+ question.reportDeptName = reportDeptNames.join(",");
+
+ question.hasChanges = false;
+ question.saveStatus = null;
+ this.updateChangedStatus();
+ this.$message.success("閰嶇疆宸查噸缃�");
+ })
+ .catch(() => {});
+ },
+
+ /** 鎵归噺淇濆瓨閰嶇疆 */
+ async handleBatchSave() {
+ if (!this.hasChanges || this.batchSaving) return;
+
+ this.$confirm("纭畾瑕佷繚瀛樻墍鏈変慨鏀硅繃鐨勯厤缃悧锛�", "鎵归噺淇濆瓨", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(async () => {
+ this.batchSaving = true;
+
+ const changedQuestions = this.questionList.filter(
+ (q) => q.hasChanges
+ );
+ const results = [];
+
+ for (const question of changedQuestions) {
+ try {
+ await this.saveSingleConfig(question);
+ results.push({
+ id: question.id,
+ success:
+ !question.hasChanges &&
+ question.saveStatus?.type === "success",
+ });
+ } catch (error) {
+ results.push({
+ id: question.id,
+ success: false,
+ });
+ }
+ }
+
+ this.batchSaving = false;
+
+ const successCount = results.filter((r) => r.success).length;
+ const failCount = results.length - successCount;
+
+ if (failCount === 0) {
+ this.saveSuccessVisible = true;
+ this.$message.success(`鎴愬姛淇濆瓨 ${successCount} 涓厤缃甡);
+ } else {
+ this.$message.warning(
+ `鎴愬姛淇濆瓨 ${successCount} 涓紝澶辫触 ${failCount} 涓猔
+ );
+ }
+ })
+ .catch(() => {
+ this.batchSaving = false;
+ });
+ },
+
+ /** 棰勮棰樼洰 */
+ previewQuestion(question) {
+ this.currentPreview = { ...question };
+ this.previewAnswer = "";
+ this.previewVisible = true;
+ },
+ /** 妫�鏌ラ鐩槸鍚︽湁寮傚父閫夐」 */
+ checkHasAbnormalOptions(question) {
+ if (this.templateForm.templateType === 1) {
+ return (question.svyLibTemplateTargetoptions || []).some(
+ (opt) => opt.isabnormal === 1
+ );
+ } else if (this.templateForm.templateType === 2) {
+ return (question.ivrLibaScriptTargetoptionList || []).some(
+ (opt) => opt.isabnormal === 1
+ );
+ }
+ return false;
+ },
+
+ /** 鎵撳紑閫夐」绠＄悊瀵硅瘽妗� */
+ openOptionDialog(question) {
+ this.editingQuestion = question;
+
+ // 澶嶅埗閫夐」鏁版嵁
+ if (this.templateForm.templateType === 1) {
+ this.currentOptions = JSON.parse(
+ JSON.stringify(question.svyLibTemplateTargetoptions || [])
+ ).map((opt) => ({
+ ...opt,
+ id: opt.id,
+ targetvalue: opt.optioncontent || "",
+ isabnormal: opt.isabnormal || 0,
+ }));
+ } else if (this.templateForm.templateType === 2) {
+ this.currentOptions = JSON.parse(
+ JSON.stringify(question.ivrLibaScriptTargetoptionList || [])
+ ).map((opt) => ({
+ ...opt,
+ targetvalue: opt.targetvalue || "",
+ isabnormal: opt.isabnormal || 0,
+ }));
+ }
+
+ this.optionDialogVisible = true;
+ },
+
+ /** 娣诲姞鏂伴�夐」 */
+ addNewOption() {
+ this.currentOptions.push({
+ id: Date.now(), // 涓存椂ID
+ targetvalue: "",
+ isabnormal: 0,
+ isNew: true,
+ });
+ },
+
+ /** 鍒犻櫎閫夐」 */
+ removeOption(index) {
+ this.currentOptions.splice(index, 1);
+ },
+
+ /** 淇濆瓨閫夐」閰嶇疆 */
+ async saveOptions() {
+ try {
+ // 楠岃瘉蹇呭～椤�
+ for (const option of this.currentOptions) {
+ if (!option.targetvalue || option.targetvalue.trim() === "") {
+ this.$message.warning("璇峰～鍐欐墍鏈夐�夐」鍐呭");
+ return;
+ }
+ }
+
+ // 妫�鏌ユ槸鍚︽湁寮傚父閫夐」
+ const hasAbnormal = this.currentOptions.some(
+ (opt) => opt.isabnormal === 1
+ );
+
+ if (!hasAbnormal) {
+ this.$message.warning("璇疯嚦灏戣缃竴涓紓甯搁�夐」锛坕sabnormal=1锛�");
+ return;
+ }
+
+ // 淇濆瓨閫昏緫 - 鏇存柊棰樼洰瀵硅薄鐨勯�夐」鏁版嵁
+ if (this.templateForm.templateType === 1) {
+ this.editingQuestion.svyLibTemplateTargetoptions =
+ this.currentOptions.map((opt) => ({
+ ...opt,
+ optioncontent: opt.targetvalue,
+ isabnormal: opt.isabnormal,
+ }));
+ } else if (this.templateForm.templateType === 2) {
+ this.editingQuestion.ivrLibaScriptTargetoptionList =
+ this.currentOptions;
+ }
+
+ // 瑙﹀彂閰嶇疆鍙樻洿妫�鏌�
+ this.handleConfigChange(this.editingQuestion);
+
+ this.$message.success("閫夐」閰嶇疆淇濆瓨鎴愬姛");
+ this.optionDialogVisible = false;
+ } catch (error) {
+ console.error("淇濆瓨閫夐」澶辫触:", error);
+ this.$message.error("淇濆瓨閫夐」澶辫触");
+ }
+ },
+
+ /** 淇敼淇濆瓨鍗曚釜棰樼洰閰嶇疆鏂规硶锛屾坊鍔犲紓甯搁�夐」妫�鏌� */
+ async saveSingleConfig(question) {
+ // 妫�鏌ユ槸鍚︽湁寮傚父閫夐」
+ if (!this.checkHasAbnormalOptions(question)) {
+ this.$confirm("璇ラ鐩病鏈夎缃紓甯搁�夐」锛屾槸鍚﹀厛閰嶇疆閫夐」锛�", "鎻愮ず", {
+ confirmButtonText: "鍘婚厤缃�",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ this.openOptionDialog(question);
+ })
+ .catch(() => {});
+ return;
+ }
+
+ // 鍘熸湁鐨勪繚瀛橀�昏緫...
+ if (!question.hasChanges) return;
+
+ const index = this.filteredQuestionList.findIndex(
+ (q) => q.id === question.id
+ );
+
+ if (index === -1) return;
+
+ const formRef = this.$refs.configForm && this.$refs.configForm[index];
+ if (!formRef) return;
+
+ const valid = await formRef.validate();
+ if (!valid) {
+ this.$message.warning("璇峰厛瀹屾垚蹇呭～椤�");
+ return;
+ }
+
+ // 缁х画鍘熸湁鐨勪繚瀛橀�昏緫...
+ question.saving = true;
+ question.saveStatus = null;
+
+ try {
+ // ... 鍘熸湁鐨勪繚瀛橀�昏緫涓嶅彉
+ } catch (error) {
+ // ... 閿欒澶勭悊涓嶅彉
+ } finally {
+ question.saving = false;
+ }
+ },
+
+ /** 鎵归噺淇濆瓨鏃朵篃瑕佹鏌� */
+ async handleBatchSave() {
+ if (!this.hasChanges || this.batchSaving) return;
+
+ // 妫�鏌ユ墍鏈夋湁鍙樻洿鐨勯鐩槸鍚﹂兘鏈夊紓甯搁�夐」
+ const changedQuestions = this.questionList.filter((q) => q.hasChanges);
+ const questionsWithoutAbnormal = changedQuestions.filter(
+ (q) => !this.checkHasAbnormalOptions(q)
+ );
+
+ if (questionsWithoutAbnormal.length > 0) {
+ this.$confirm(
+ `鏈� ${questionsWithoutAbnormal.length} 涓鐩病鏈夎缃紓甯搁�夐」锛岃鍏堥厤缃�夐」銆傛槸鍚︾户缁紵`,
+ "鎻愮ず",
+ {
+ confirmButtonText: "缁х画",
+ cancelButtonText: "鍘婚厤缃�",
+ type: "warning",
+ }
+ )
+ .then(() => {
+ // 缁х画鎵ц鎵归噺淇濆瓨
+ this.executeBatchSave(changedQuestions);
+ })
+ .catch(() => {
+ // 鍙互鍦ㄨ繖閲岃烦杞埌绗竴涓病鏈夊紓甯搁�夐」鐨勯鐩�
+ if (questionsWithoutAbnormal.length > 0) {
+ this.openOptionDialog(questionsWithoutAbnormal[0]);
+ }
+ });
+ } else {
+ this.executeBatchSave(changedQuestions);
+ }
+ },
+
+ /** 鎵ц鎵归噺淇濆瓨 */
+ async executeBatchSave(changedQuestions) {
+ this.$confirm("纭畾瑕佷繚瀛樻墍鏈変慨鏀硅繃鐨勯厤缃悧锛�", "鎵归噺淇濆瓨", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(async () => {
+ this.batchSaving = true;
+
+ const results = [];
+ for (const question of changedQuestions) {
+ try {
+ // 杩欓噷璋冪敤淇敼鍚庣殑saveSingleConfig鏂规硶
+ await this.saveSingleConfig(question);
+ results.push({
+ id: question.id,
+ success:
+ !question.hasChanges &&
+ question.saveStatus?.type === "success",
+ });
+ } catch (error) {
+ results.push({
+ id: question.id,
+ success: false,
+ });
+ }
+ }
+
+ this.batchSaving = false;
+ // ... 鍚庣画澶勭悊涓嶅彉
+ })
+ .catch(() => {
+ this.batchSaving = false;
+ });
+ },
+
+ /** 鑾峰彇寮傚父閫夐」缁熻 */
+ getAbnormalStats(question) {
+ if (this.templateForm.templateType === 1) {
+ const options = question.svyLibTemplateTargetoptions || [];
+ return {
+ total: options.length,
+ abnormal: options.filter((opt) => opt.isabnormal === 1).length,
+ warning: options.filter((opt) => opt.isabnormal === 2).length,
+ normal: options.filter((opt) => opt.isabnormal === 0).length,
+ };
+ } else if (this.templateForm.templateType === 2) {
+ const options = question.ivrLibaScriptTargetoptionList || [];
+ return {
+ total: options.length,
+ abnormal: options.filter((opt) => opt.isabnormal === 1).length,
+ warning: options.filter((opt) => opt.isabnormal === 2).length,
+ normal: options.filter((opt) => opt.isabnormal === 0).length,
+ };
+ }
+ return { total: 0, abnormal: 0, warning: 0, normal: 0 };
+ },
+ /** 鎼滅储 */
+ handleQuery() {
+ // 浠呯瓫閫夋樉绀猴紝涓嶉渶瑕侀噸鏂板姞杞�
+ },
+
+ /** 閲嶇疆鎼滅储 */
+ resetQuery() {
+ this.queryParams = {
+ scriptTopic: "",
+ scriptContent: "",
+ };
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.satisfaction-exception-config {
+ min-height: 100%;
+ background-color: #f5f7fa;
+ padding: 20px;
+
+ .page-header {
+ margin-bottom: 20px;
+ padding: 20px;
+ background: linear-gradient(135deg, #409eff 0%, #66b1ff 100%);
+ border-radius: 8px;
+ color: white;
+
+ .header-content {
+ .page-title {
+ margin: 0 0 8px 0;
+ font-size: 20px;
+ font-weight: 600;
+ }
+
+ .page-description {
+ margin: 0;
+ opacity: 0.9;
+ font-size: 14px;
+ }
+ }
+ }
+
+ .template-section {
+ margin-bottom: 20px;
+
+ .template-header {
+ margin-bottom: 20px;
+
+ .template-title {
+ margin: 0 0 8px 0;
+ font-size: 16px;
+ font-weight: 600;
+ color: #303133;
+ }
+
+ .template-tip {
+ margin: 0;
+ color: #909399;
+ font-size: 13px;
+ }
+ }
+
+ .select-loading {
+ text-align: center;
+ padding: 10px;
+ color: #909399;
+
+ i {
+ margin-right: 8px;
+ }
+ }
+ }
+
+ .template-info-section {
+ margin-bottom: 20px;
+
+ .template-info {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 5px 0;
+
+ .info-left {
+ .template-name {
+ margin: 0 0 10px 0;
+ font-size: 18px;
+ font-weight: 600;
+ color: #303133;
+ }
+
+ .template-meta {
+ display: flex;
+ gap: 20px;
+ flex-wrap: wrap;
+
+ .meta-item {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ font-size: 13px;
+ color: #606266;
+
+ i {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .search-section {
+ margin-bottom: 20px;
+
+ .search-container {
+ border-radius: 8px;
+
+ .el-form {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 16px;
+ align-items: center;
+ }
+ }
+ }
+
+ .config-content {
+ .batch-actions-card {
+ margin-bottom: 20px;
+
+ .batch-actions {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+ padding: 8px 0;
+
+ .change-count {
+ color: #e6a23c;
+ font-size: 14px;
+ font-weight: 500;
+ }
+
+ .total-count {
+ margin-left: auto;
+ color: #909399;
+ font-size: 14px;
+ }
+ }
+ }
+
+ .loading-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 400px;
+
+ .loading-spinner {
+ text-align: center;
+ color: #409eff;
+
+ i {
+ font-size: 24px;
+ margin-right: 8px;
+ }
+
+ span {
+ font-size: 16px;
+ }
+ }
+ }
+
+ .empty-wrapper {
+ min-height: 400px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+
+ .empty-tip {
+ margin-top: 10px;
+ color: #909399;
+ font-size: 13px;
+ text-align: center;
+ }
+ }
+
+ .question-list {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ }
+
+ .question-item {
+ .question-card {
+ border-radius: 8px;
+ border: 1px solid #ebeef5;
+ transition: all 0.3s ease;
+
+ &.has-changes {
+ border-color: #409eff;
+ box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.1);
+ }
+
+ &:hover {
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ }
+
+ .card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #f0f0f0;
+
+ .header-left {
+ display: flex;
+ gap: 20px;
+ flex: 1;
+
+ .question-index {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ min-width: 40px;
+
+ .index-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 32px;
+ height: 32px;
+ background: #409eff;
+ color: white;
+ border-radius: 50%;
+ font-size: 14px;
+ font-weight: 600;
+ margin-bottom: 8px;
+ }
+
+ .index-line {
+ width: 2px;
+ height: 100%;
+ background: #e0e0e0;
+ border-radius: 1px;
+ }
+ }
+
+ .question-basic-info {
+ flex: 1;
+
+ .question-title-section {
+ margin-bottom: 12px;
+
+ .question-topic {
+ margin: 0 0 8px 0;
+ font-size: 16px;
+ font-weight: 600;
+ color: #303133;
+ line-height: 1.4;
+ }
+
+ .question-tags {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ }
+ }
+
+ .question-content-section {
+ display: flex;
+ align-items: flex-start;
+ gap: 8px;
+
+ .content-label {
+ color: #606266;
+ font-size: 13px;
+ font-weight: 500;
+ min-width: 80px;
+ }
+
+ .content-text {
+ color: #303133;
+ font-size: 13px;
+ line-height: 1.6;
+ flex: 1;
+ }
+ }
+ }
+ }
+
+ .header-right {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ gap: 8px;
+
+ .option-status {
+ .status-tag {
+ cursor: default;
+
+ i {
+ margin-right: 4px;
+ }
+ }
+ }
+ }
+ }
+
+ .config-section {
+ .config-title {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 20px;
+ padding: 8px 12px;
+ background: #f8f9fa;
+ border-radius: 4px;
+
+ i {
+ color: #409eff;
+ font-size: 16px;
+ }
+
+ span {
+ color: #303133;
+ font-weight: 600;
+ font-size: 14px;
+ }
+ }
+
+ .config-form {
+ .config-fields {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 20px;
+ margin-bottom: 20px;
+
+ .config-field {
+ .config-item {
+ margin-bottom: 0;
+
+ :deep(.el-form-item__label) {
+ font-weight: 500;
+ color: #606266;
+ padding-right: 12px;
+ }
+
+ .config-tip {
+ font-size: 12px;
+ color: #909399;
+ margin-top: 4px;
+ line-height: 1.4;
+ }
+ }
+ }
+ }
+
+ .current-config {
+ margin-bottom: 20px;
+ padding: 15px;
+ background: #f0f9ff;
+ border-radius: 6px;
+ border: 1px solid #d0ebff;
+
+ .config-preview {
+ .preview-item {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: 8px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ .preview-label {
+ font-size: 13px;
+ color: #606266;
+ font-weight: 500;
+ min-width: 80px;
+ }
+
+ .preview-value {
+ font-size: 13px;
+ color: #303133;
+ line-height: 1.5;
+ flex: 1;
+ }
+ }
+ }
+ }
+
+ .config-footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 20px;
+ border-top: 1px dashed #dcdfe6;
+
+ .save-status {
+ flex: 1;
+ margin-right: 20px;
+
+ .el-alert {
+ padding: 8px 16px;
+ border-radius: 4px;
+ }
+ }
+
+ .config-actions {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ flex-shrink: 0;
+
+ .el-button {
+ min-width: 100px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .preview-wrapper {
+ .preview-header {
+ margin-bottom: 20px;
+
+ h4 {
+ margin: 0 0 12px 0;
+ color: #303133;
+ font-size: 18px;
+ font-weight: 600;
+ }
+
+ .preview-tags {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ }
+ }
+
+ .preview-content {
+ .preview-question {
+ margin-bottom: 20px;
+ padding: 16px;
+ background: #f8f9fa;
+ border-radius: 4px;
+ color: #606266;
+ line-height: 1.6;
+ }
+
+ .preview-options {
+ .option-item {
+ display: block;
+ margin-bottom: 12px;
+ padding: 12px;
+ border-radius: 4px;
+ border: 1px solid #ebeef5;
+ transition: all 0.3s;
+
+ &:hover {
+ background: #f5f7fa;
+ border-color: #409eff;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ .preview-textarea {
+ .el-textarea__inner {
+ resize: none;
+ }
+ }
+ }
+ }
+
+ .success-content {
+ text-align: center;
+ padding: 20px 0;
+
+ .success-icon {
+ color: #67c23a;
+ font-size: 48px;
+ margin-bottom: 20px;
+ }
+
+ .success-text {
+ font-size: 16px;
+ color: #606266;
+ margin: 0;
+ }
+ }
+}
+.option-config-wrapper {
+ .dialog-header {
+ margin-bottom: 20px;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #ebeef5;
+
+ h4 {
+ margin: 0 0 8px 0;
+ color: #303133;
+ font-size: 16px;
+ font-weight: 600;
+ }
+
+ .dialog-subtitle {
+ margin: 0;
+ color: #606266;
+ font-size: 13px;
+ line-height: 1.4;
+ }
+ }
+
+ .option-list {
+ .option-item {
+ margin-bottom: 12px;
+ padding: 12px;
+ background: #f8f9fa;
+ border-radius: 4px;
+ border: 1px solid #ebeef5;
+
+ &:hover {
+ border-color: #dcdfe6;
+ }
+
+ .option-form {
+ .option-index {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ color: #909399;
+ font-weight: 500;
+ }
+ }
+ }
+ }
+}
+@media (max-width: 768px) {
+ .satisfaction-exception-config {
+ padding: 12px;
+
+ .page-header {
+ padding: 16px;
+ margin-bottom: 16px;
+ }
+
+ .template-info {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 10px;
+ }
+
+ .search-card {
+ margin-bottom: 16px;
+ }
+
+ .config-content {
+ .batch-actions-card {
+ margin-bottom: 16px;
+ }
+
+ .question-item {
+ .question-card {
+ .card-header {
+ flex-direction: column;
+ gap: 12px;
+
+ .header-left {
+ flex-direction: column;
+ gap: 12px;
+
+ .question-index {
+ flex-direction: row;
+ align-items: center;
+ min-width: auto;
+
+ .index-number {
+ margin-bottom: 0;
+ margin-right: 12px;
+ }
+
+ .index-line {
+ width: 100%;
+ height: 2px;
+ }
+ }
+ }
+ }
+
+ .config-section {
+ .config-form {
+ .config-fields {
+ grid-template-columns: 1fr;
+ gap: 16px;
+ }
+
+ .current-config {
+ padding: 12px;
+ }
+
+ .config-footer {
+ flex-direction: column;
+ align-items: stretch;
+ gap: 12px;
+
+ .save-status {
+ margin-right: 0;
+ margin-bottom: 8px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3