关键话术

package.json

@@ -59,7 +59,8 @@
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
-    "vuex": "3.6.0"
+    "vuex": "3.6.0",
+    "webpack-dev-server": "^3.10.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.6",
@@ -72,6 +73,7 @@
     "connect": "3.6.6",
     "eslint": "7.15.0",
     "eslint-plugin-vue": "7.2.0",
+    "html-webpack-plugin": "^5.6.0",
     "lint-staged": "10.5.3",
     "runjs": "4.4.2",
     "sass": "1.32.13",

src/api/system/skill.js

@@ -0,0 +1,77 @@
+/*
+ * @Author: riverQiu
+ * @Date: 2023-10-14 00:31:37
+ * @LastEditors: riverQiu
+ * @LastEditTime: 2023-10-15 00:37:52
+ * @Description: 
+ */
+import request from '@/utils/request'
+
+// 分页查询关键话术列表
+export function pageSkill(query) {
+  return request({
+    url: '/system/skill/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询关键话术列表
+export function listSkill(query) {
+  return request({
+    url: '/system/skill/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询关键话术详细
+export function getSkill(skillId) {
+  return request({
+    url: '/system/skill/' + skillId,
+    method: 'get'
+  })
+}
+
+
+export function getSkillKey() {
+  return request({
+    url: '/system/skill/key',
+    method: 'get'
+  })
+}
+
+// 新增关键话术
+export function addSkill(data) {
+  return request({
+    url: '/system/skill',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改关键话术
+export function updateSkill(data) {
+  return request({
+    url: '/system/skill',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除关键话术
+export function delSkill(skillId) {
+  return request({
+    url: '/system/skill/' + skillId,
+    method: 'delete'
+  })
+}
+
+// 审核关键话术
+export function checkSkill(data) {
+  return request({
+    url: '/system/skill/check',
+    method: 'put',
+    data: data
+  })
+}

src/views/system/dictData/index.vue

@@ -19,7 +19,7 @@
           </template>
         </el-row>
 
-        <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange" size="mini">
+        <el-table v-loading="loading" :data="dataList"  size="mini">
           <el-table-column label="字典标签" align="center" prop="dictLabel" />
           <!-- <el-table-column label="字典编码" align="center" prop="dictValue" /> -->
           <el-table-column label="字典排序" align="center" prop="dictSort" />
@@ -275,12 +275,13 @@ export default {
     },
     // 字典模板状态修改
     handleStatusChange(row) {
+      debugger
+      console.log(row)
       let text = row.status === true ? "启用" : "停用";
-      this.$modal
+      this.$modal.confirm('确认要"' + text + '""' + row.dictLabel + '"标签吗？').
-        .confirm('确认要"' + text + '""' + row.dictLabel + '"标签吗？')
+      then(function () {
-        .then(function () {
+        return changeDictDataStatus(dictCodes);
-          return changeDictDataStatus(row.dictCode, row.status);
+      })
-        })
         .then((resp) => {
           if (resp.code == 200) {
             this.$modal.msgSuccess(text + "成功");

src/views/system/skill/index.vue

@@ -0,0 +1,225 @@
+<template>
+  <div class="app-container">
+    <el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
+      <el-form-item label="问题" prop="question">
+        <el-input v-model="queryParams.question" placeholder="请输入关键词" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button v-hasPermi="['system:skill:add']" type="primary" plain icon="el-icon-plus" size="mini"
+          @click="handleAdd">新增</el-button>
+      </el-col>
+
+      <right-toolbar :show-search.sync="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <el-table v-loading="loading" :data="skillList" @selection-change="handleSelectionChange">
+      <el-table-column type="index" width="55" align="center" />
+      <el-table-column label="问题" align="center" prop="question" />
+      <el-table-column label="答案" align="center" prop="content" >
+        <template slot-scope="scope">
+          <p v-html="scope.row.content"></p>
+        </template>
+      </el-table-column>
+      <el-table-column label="关键词" align="center" prop="skillKey" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button v-hasPermi="['system:skill:edit']" size="mini" type="text" icon="el-icon-edit"
+            @click="handleUpdate(scope.row)">修改</el-button>
+          <el-button v-hasPermi="['system:skill:remove']" size="mini" type="text" icon="el-icon-delete"
+            @click="handleDelete(scope.row)">删除</el-button>
+            <el-button v-if="scope.row.status == 1" v-hasPermi="['system:skill:check']" size="mini" type="text" icon="el-icon-edit"
+            @click="handleUpdate(scope.row)">审核</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+
+    <!-- 添加或修改关键话术对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="问题" prop="question">
+          <el-input v-model="form.question" placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="关键词">
+          <el-select v-model="form.keyList" placeholder="请选择" style="width: 100%;" multiple>
+            <el-option v-for="dict in dict.type.dm_skill_key" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select> 
+        </el-form-item>
+        <el-form-item label="答案" prop="content">
+          <editor v-model="form.content" :min-height="192" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button v-if="form.status == 0 || form.status == 3 " type="primary" @click="submitForm(0)">保 存</el-button>
+        <el-button v-if="form.status == 0 || form.status == 3 " type="primary" @click="submitForm(1)">提 交</el-button>
+        <el-button v-if="form.status == 1 " type="primary" @click="checkSkill(2)">通 过</el-button>
+        <el-button v-if="form.status == 1 " type="primary" @click="checkSkill(3)">驳 回</el-button>
+
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { pageSkill,listSkill, getSkill, delSkill, addSkill, updateSkill,checkSkill } from '@/api/system/skill';
+
+export default {
+  name: 'Skill',
+  dicts: ['dm_skill_key'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 关键话术表格数据
+      skillList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptId: null,
+        question: null,
+        content: null,
+        
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        question: [{ required: true, message: '关键词不能为空', trigger: 'blur' }],
+        content: [{ required: true, message: '话术内容不能为空', trigger: 'blur' }]
+      },
+      skillOptions:[]
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询关键话术列表 */
+    getList() {
+      this.loading = true;
+      pageSkill(this.queryParams).then(response => {
+        this.skillList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        skillId: null,
+        deptId: null,
+        skillKey: null,
+        content: null,
+        keyList: []
+      };
+      this.resetForm('form');
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm');
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.skillId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = '关键话术';
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const skillId = row.skillId || this.ids;
+      getSkill(skillId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = '关键话术';
+      });
+    },
+    /** 提交按钮 */
+    submitForm(status) {
+      this.form.status = status;
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          if (this.form.skillId != null) {
+            updateSkill(this.form).then(response => {
+              this.$modal.msgSuccess('操作成功');
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addSkill(this.form).then(response => {
+              this.$modal.msgSuccess('操作成功');
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    checkSkill(status){
+      checkSkill({skillId : this.form.skillId, status : status}).then(resp => {
+        this.$modal.msgSuccess('操作成功');
+        this.open = false;
+        this.getList();
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const skillIds = row.skillId || this.ids;
+      this.$modal.confirm('是否确认删除关键话术编号为"' + skillIds + '"的数据项？').then(function () {
+        return delSkill(skillIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess('删除成功');
+      }).catch(() => { });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/skill/export', {
+        ...this.queryParams
+      }, `skill_${new Date().getTime()}.xlsx`);
+    }
+  }
+};
+</script>

src/views/zs/clue/ClueForm/index.vue

@@ -31,6 +31,7 @@
         <el-button class="footer_button" :disabled="!canSubmit" type="primary" @click="clueSubmit">确 定</el-button>
         <el-button class="footer_button" @click="toBackClue">取 消</el-button>
         <el-button class="footer_button" v-if="!clueForm.state" v-hasPermi="['zs:clue:discard']" type="primary" @click="handleDiscard()">释放</el-button>
+        <el-button type="primary" @click="handleSkill">关键话术</el-button>
 
       </div>
     </div>
@@ -161,6 +162,8 @@
 
     <MapDialog v-if="mapDialogVisible" ref="mapDialog" :dialog-visible="mapDialogVisible" @handleMapDialogPoint="handleMapDialogPoint" />
 
+    <SkillDialog ref="SkillDialog"/>
+
   </div>
 </template>
 
@@ -172,11 +175,12 @@ import { getAllPlaces } from '@/api/sch/place';
 import PlaceMap from './components/PlaceMap.vue';
 import FollowRecord from './components/FollowRecord.vue';
 import MapDialog from './components/MapDialog.vue';
+import SkillDialog from '../components/SkillDialog.vue';
 
 export default {
   name: 'ClueForm',
   components: {
-    PlaceMap, FollowRecord, MapDialog
+    PlaceMap, FollowRecord, MapDialog, SkillDialog
   },
   data() {
     return {
@@ -380,6 +384,12 @@ export default {
         })
         .catch(function () { });
     },
+    // 关键性话术
+    handleSkill() {
+      this.$nextTick(() => {
+        this.$refs.SkillDialog.init();
+      });
+    },
 
   }
 };

src/views/zs/clue/components/DYClueFormDialog.vue

@@ -119,7 +119,7 @@ export default {
         address: { required: true, message: '位置不为空', trigger: 'blur' },
         intentionState: { required: true, message: '意向状态不为空', trigger: 'blur,change' },
         goodName: { required: true, message: '商品名称不为空', trigger: 'blur,change' },        
-        amountReceived: { required: true, message: '订单实收不为空', trigger: 'blur,change' }
+        amountReceived: { required: true, message: '订单实收不为空', trigger: 'blur,change' },
 
 
       },

src/views/zs/clue/components/SkillDialog.vue

@@ -0,0 +1,90 @@
+<!--
+ * @Author: riverQiu
+ * @Date: 2023-10-14 13:21:37
+ * @LastEditors: riverQiu
+ * @LastEditTime: 2023-10-15 00:55:44
+ * @Description:
+-->
+<template>
+  <el-dialog title="话术" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="800px" height="700">
+    <div>
+      <!-- 问题 -->
+      <el-input v-model="queryParams.question" placeholder="请输入问题" clearable @keyup.enter.native="queryAnswer"  style="margin-bottom: 10px;"/>
+
+      <!-- 关键词 -->
+      <el-checkbox-group v-model="queryParams.keyList" @change="queryAnswer">
+            <el-checkbox v-for="(item, index) in dict.type.dm_skill_key" :key="index" :label="item.value" style="margin: 2px;" border>{{item.label}}</el-checkbox>
+        </el-checkbox-group>
+
+      <!-- 话术内容 -->
+      <el-card class="box-card">
+
+        <div class="text item">
+          <ul v-for="item in skillInfo">
+            <li>
+              <span style="font-style: italic; font-size: 16px; font-weight: bold; margin-right: 5px;">Q:</span><span>{{item.question}}</span>
+             
+            </li>
+            <li>
+              <span style="font-style: italic; font-size: 16px; font-weight: bold; margin-right: 5px;">A:</span><span v-html="item.content"></span>
+            </li>
+            <el-divider></el-divider>
+          </ul>
+          <span v-html="content" />
+        </div>
+      </el-card>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { listSkill,getSkillKey, getSkill } from '@/api/system/skill';
+export default {
+  name: 'SkillDialog',
+  dicts: ['dm_skill_key'],
+  data () {
+    return {
+      visible: false,
+      loading: true,
+      keyOptions: [],
+      content: undefined,
+      skillId: undefined,
+      queryParams:{
+        question: undefined,
+        keyList: [],
+        status: 2
+      },
+      skillInfo:[]
+    };
+  },
+  methods: {
+    init () {
+      this.visible = true;
+      this.getSkillKeyOption();
+    },
+    getSkillKeyOption () {
+      getSkillKey().then((resp) => {
+        if (resp && resp.code === 200) {
+          this.keyOptions = resp.data;
+        }
+      });
+    },
+    queryAnswer(){
+      console.log(this.queryParams)
+      this.skillInfo = []
+      listSkill(this.queryParams).then((resp) => {
+          if (resp && resp.code === 200) {
+            this.skillInfo = resp.data;
+          }
+        });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.box-card {
+  width: 500px;
+  min-height: 100px;
+}
+</style>
+

src/views/zs/clue/index.vue

@@ -13,6 +13,8 @@
         <el-button v-hasPermi="['zs:clue:export']" icon="el-icon-download" type="warning" @click="handleExport">导出</el-button>
         <el-button v-hasPermi="['zs:clue:edit']" icon="el-icon-edit" type="primary" :disabled="multiple" @click="handleBatChUpdate()">批量修改</el-button>
         <el-button type="primary" @click="handlePublicClue">公海</el-button>
+        <el-button type="primary" @click="handleSkill">关键话术</el-button>
+
       </el-col>
       <right-toolbar :show-search.sync="showSearch" :columns="columns" @queryTable="_getTableList" />
     </el-row>
@@ -58,6 +60,8 @@
     <MemoFormDialog ref="memoDialog" @refreshDataList="_getTableList" />
     <!-- 抖音直播弹框 -->
     <DYClueFormDialog ref="DYClueFormDialog" @refreshDataList="_getTableList"/>
+  <!-- 关键性话术 -->
+    <SkillDialog ref="SkillDialog"/>
 
   </div>
 </template>
@@ -72,6 +76,7 @@ import SignFormDialog from '../sign/components/SignFormDialog.vue';
 import ZhuangDanDialog from './components/ZhuangDanDialog.vue';
 import MemoFormDialog from './components/MemoFormDialog.vue';
 import DYClueFormDialog from './components/DYClueFormDialog.vue';
+import SkillDialog from './components/SkillDialog.vue';
 
 import { defaultColumns } from './columns.js';
 import { getClueList, deleteClue, getClueCountBadge, discardClue, getSign, getConsultRecord } from '@/api/zs/clue';
@@ -89,7 +94,7 @@ export default {
   },
   components: {
     SearchForm, BatchUpdateDialog, PublicDialog, UploadDialog, SignFormDialog, DistributeFormDialog, ZhuangDanDialog, MemoFormDialog,
-    DYClueFormDialog
+    DYClueFormDialog,SkillDialog
   },
   data() {
     return {
@@ -300,7 +305,12 @@ export default {
         });
 
       }
-    }
+    },
+    handleSkill() {
+      this.$nextTick(() => {
+        this.$refs.SkillDialog.init();
+      });
+    },
   }
 };
 </script>