From fc10eedf4f8c6e6882c3deb36b4eca7a51232668 Mon Sep 17 00:00:00 2001
From: douzhuo <17611323298@163.com>
Date: Wed, 11 Jan 2023 18:26:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=8C=B9=E9=85=8D=E6=A8=A1?=
=?UTF-8?q?=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/Template/labelModel.vue | 1140 ++++++++++++++---------------
1 file changed, 541 insertions(+), 599 deletions(-)
diff --git a/src/views/Template/labelModel.vue b/src/views/Template/labelModel.vue
index 4440815..6e3312c 100644
--- a/src/views/Template/labelModel.vue
+++ b/src/views/Template/labelModel.vue
@@ -199,604 +199,546 @@
+ export default {
+ data(){
+ return {
+ dynamiclist: [],
+ taglist:[
+ {
+ label: 'or (或)',
+ value: 'or'
+ },
+ {
+ label: 'near (临近)',
+ value: 'near'
+ },
+ {
+ label: 'after (后面)',
+ value: 'after'
+ },
+ {
+ label: 'and not (非)',
+ value: 'andnot'
+ },
+ // {
+ // label: 'answer (问题)',
+ // value: 'answer'
+ // },
+ ],
+ form: {
+ keywordsName: '',
+ id: '',
+ keywordsId: '',
+ distance: 10,
+ originalExpression: ''
+ },
+ innerVisible:false,
+ innerVisible1:false,
+ dialogVisible: false,
+ value: '',
+ keyType: 0,
+ loading: false,
+ currentPage: 1,
+ tableData: [],
+ type: '0',
+ pageNum:1,
+ pageSize:10,
+ total:0,
+ huashu: '',
+ wajueList: [],
+ level: '',
+ houseId:'',
+ orgType: '',
+ houseList: []
+ }
+ },
+ created(){
+ this.houseId=localStorage.getItem("houseId");
+ this.orgType = localStorage.getItem("orgType")
+ this.orgType==0?this.zkhousePage():this.getorgCode()
+ },
+ methods: {
+ // 获取项目列表
+ zkhousePage() {
+ this.$api.api.findHouseByUser({
+ orgType: localStorage.getItem("orgType"),
+ }).then((res) => {
+ this.houseList = res.data;
+ this.houseId = res.data[0].id;
+ this.getorgCode();
+ });
+ },
+ houseChange(){
+ this.getorgCode()
+ },
+ // 校验是否已经选择过此标签
+ checkrepeat(){
+ this.wajueList.forEach(item=>{
+ item.disabled = false
+ })
+ this.wajueList.forEach(item=>{
+ this.dynamiclist.forEach(obj=>{
+ if(item.id==obj.markid){
+ item.disabled = true
+ }
+ })
+ })
+ },
+ addItemFun(){
+ this.dynamiclist.push({
+ editValue: '',//匹配模型正则表达式
+ markid:'',
+ level: '',
+ name:''
+ })
+ },
+ delItemFun(index){
+ this.wajueList.forEach(item=>{
+ if(item.id==this.dynamiclist[index].markid){
+ item.disabled = false
+ }
+ })
+ this.dynamiclist.splice(index,1)
+ document.getElementById('huashuModel').focus(); // 防止插入到外面，造成不可删除的操作
+ },
+
+ // 基于保存的光标插入内容 --用于失去焦点后再继续插入内容
+ insertContent(str) {
+ let selection, range = window._range;// 当前光标位置对象
+ if (!window.getSelection) {
+ range.pasteHTML(str);
+ range.collapse(false);
+ range.select();
+ } else {
+ selection = window.getSelection ? window.getSelection() : document.selection;
+ range.collapse(false);
+ let hasR = range.createContextualFragment(str);
+ let hasR_lastChild = hasR.lastChild;
+ while (hasR_lastChild && hasR_lastChild.nodeName.toLowerCase() == "br" && hasR_lastChild.previousSibling && hasR_lastChild.previousSibling.nodeName.toLowerCase() == "br") {
+ let e = hasR_lastChild;
+ hasR_lastChild = hasR_lastChild.previousSibling;
+ hasR.removeChild(e);
+ }
+ range.insertNode(hasR);
+ if (hasR_lastChild) {
+ range.setEndAfter(hasR_lastChild);
+ range.setStartAfter(hasR_lastChild);
+ }
+ selection.removeAllRanges();
+ selection.addRange(range);
+ }
+ },
+ // 失去焦点时保存光标位置，记录光标位置
+ saveRange: () => {
+ let selection = window.getSelection ? window.getSelection() : document.selection;
+ if (!selection.rangeCount) return;
+ let range = selection.createRange ? selection.createRange() : selection.getRangeAt(0);
+ window._range = range;
+ },
+ // 回显模型数据,Dialog 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上,so在 open 事件回调中进行
+ openModel(){
+ this.$nextTick(()=>{
+ let huashuModel = document.getElementById('huashuModel')
+ huashuModel.innerHTML = this.form.originalExpression
+ })
+ },
+ //格式化粘贴文本方法
+ onPaste(event) {
+ // var e = event || window.event
+ // // 阻止默认粘贴
+ // e.preventDefault();
+ // // 粘贴事件有一个clipboardData的属性，提供了对剪贴板的访问
+ // // clipboardData的getData(fomat) 从剪贴板获取指定格式的数据
+ // var text = (e.originalEvent || e).clipboardData.getData('text/plain') || prompt('在这里输入文本');
+ // //清除回车
+ // text = text.replace(/\[\d+\]|\n|\r/ig,"")
+ // // 插入
+ // document.execCommand("insertText", false, text);
+ let e = event || window.event
+ let types = event.clipboardData.types
+ // 粘贴事件有一个clipboardData的属性，提供了对剪贴板的访问
+ let flag = false
+ if (types && types.length > 0) {
+ types.forEach(ele => {
+ if (ele == 'Files') {
+ flag = true
+ }
+ })
+ }
+ if (flag) {
+ event.preventDefault()
+ }
+ },
+ myeditorenter(e) {
+ e.preventDefault();
+ },
+ // 插入节点
+ insertHtmlAtCaret(html) {
+ document.getElementById('huashuModel').focus();
+ var sel, range;
+ if (window.getSelection) {
+ // IE9 and non-IE
+ sel = window.getSelection();
+ if (sel.getRangeAt && sel.rangeCount) {
+ range = sel.getRangeAt(0);
+ range.deleteContents();
+ // Range.createContextualFragment() would be useful here but is
+ // non-standard and not supported in all browsers (IE9, for one)
+ var el = document.createElement("div");
+ el.innerHTML = html;
+ var frag = document.createDocumentFragment(),
+ node, lastNode;
+ while ((node = el.firstChild)) {
+ lastNode = frag.appendChild(node);
+ }
+ range.insertNode(frag);
+ // Preserve the selection
+ if (lastNode) {
+ range = range.cloneRange();
+ range.setStartAfter(lastNode);
+ range.collapse(true);
+ sel.removeAllRanges();
+ sel.addRange(range);
+ }
+ }
+ } else if (document.selection && document.selection.type != "Control") {
+ // IE < 9
+ document.selection.createRange().pasteHTML(html);
+ }
+ },
+ // 拿问题获取所在的标签数据
+ findKeywordsById(keywordsId){
+ axios({
+ url: `/autoSR/zk/keywords/findKeywordsById`,
+ method: 'get',
+ params: {
+ houseId: this.houseId,
+ keywordsId: keywordsId,
+ level: 1
+ }
+ }).then(res => {
+ if (res.code==0){
+ // console.log(res.data)
+ this.wajueList = res.data
+ if(this.wajueList&&this.wajueList.length){
+ this.wajueList.forEach(item=>{
+ item.disabled = false
+ })
+ this.wajueList.forEach(item=>{
+ this.dynamiclist.forEach(obj=>{
+ if(item.id==obj.markid){
+ item.disabled = true
+ }
+ })
+ })
+ }
+ }
+ });
+ },
+ // 插入节点
+ insertTag(item,index){
+ if(index==4) {// answer
+ this.huashu = ''
+ this.innerVisible1 = true
+ }else{
+ if(window._range){
+ this.insertContent(""+item.value+" ");
+ }else{
+ this.insertHtmlAtCaret(""+item.value+" ");
+ }
+ }
+ },
+ // 处理标签，删除不需要的标签格式
+ delMark(str) {
+ const hasStr = (str) => {
+ let index = str.indexOf('<')
+ let index1 = str.indexOf('>')
+ if(index>0&&index1>0){
+ let replaceStr= str.substring(index, index1+1)
+ str= str.replace(replaceStr,'')
+ hasStr(str)
+ }
+ }
+ hasStr(str)
+ },
+ // 确认插入选择的话术
+ clickOK(){
+ this.innerVisible1 = false
+ if(!this.huashu) {this.$message.error('请选择话术'); return ;}
+ this.insertContent(""+this.huashu+"answer ");
+ },
+ search(){
+ this.pageNum = 1
+ this.getorgCode()
+ },
+ //点击编辑按钮
+ editFun(item){
+ this.dialogVisible = true
+ this.form.id = item.id
+ if(this.keyType==0){// 挖掘话术类型
+ // 回显标签模型数据
+ if(item.answerList&&item.answerList.length){
+ this.dynamiclist = item.answerList.map(obj=>{
+ return {
+ id: obj.id,
+ mark: obj.level3Name?obj.level3Name:obj.level2Name,
+ level: obj.level3Id?3:2,
+ editValue: obj.originalExpression,
+ markid: obj.level3Id?obj.level3Id:obj.level2Id
+ }
+ })
+ // console.log(this.dynamiclist)
+ }else{
+ this.dynamiclist = []
+ }
+ this.form.keywordsName = item.level3Name
+ this.form.distance = item.distance||10
+ this.form.originalExpression = item.originalExpression||item.level3Name
+ this.level = item.level2Id?2:1
+ this.questionId = item.questionId
+ this.form.keywordsId = item.level2Id?item.level2Id:item.level1Id
+ this.findKeywordsById(item.level1Id)// 获取标签下拉数据
+ }else if(this.keyType==3){// 违禁词
+ this.form.keywordsName = item.level1Name
+ this.level = 1
+ this.form.distance = item.distance||10
+ this.form.originalExpression = item.originalExpression||item.level1Name
+ this.dynamiclist = []
+ }else{
+ this.form.keywordsId = item.level3Id?item.level3Id:item.level2Id
+ this.level = item.level3Id?3:2
+ this.form.keywordsName = item.level3Name||item.level2Name
+ this.form.distance = item.distance||10
+ this.form.originalExpression = item.originalExpression||item.level3Name||item.level2Name
+ if(item.answerList&&item.answerList.length){
+ this.dynamiclist = item.answerList.map(obj=>{
+ return {
+ question: obj.question,
+ editValue: obj.originalExpression
+ }
+ })
+ }else{
+ this.dynamiclist = []
+ }
+ }
+ },
+ // 删除列表
+ deleteFun(item){
+ this.$alert(item.keywordsName, '确定删除该条数据吗', {
+ confirmButtonText: '确定',
+ callback: action => {
+ axios({
+ url: `/autoSR/zk/keymodel/delKeywordsModel`,
+ method: 'get',
+ params: {
+ id: item.id,
+ houseId: this.houseId
+ }
+ }).then(data => {
+ if(data.code==0){
+ this.getorgCode()
+ }
+ }).catch((e)=>{
+ })
+ }
+ });
+ },
+ // 处理模型 关键词加#号
+ replaceFun(str){
+ let temp = str
+ temp = temp.replace(/\ \;<\/text>/g,'');
+ temp = temp.replace(/\ \;/g,'');
+ temp = temp.replace(//g,'');
+ temp = temp.replace(/<\/text>/g,'');
+ temp = temp.replace(//g,' #');// 后台返回是这样的，变了，需要也处理一下
+ temp = temp.replace(//g,' #');
+ temp = temp.replace(/<\/br>/g,'')
+ temp = temp.replace(/
/g,'')
+ temp = temp.replace(/<\/span>/g,'#')
+ // console.log('处理前temp',temp);
+ this.delMark(temp);
+ // console.log(temp);
+ return temp
+ },
+ //修改保存标签模型
+ saveFun(){
+ if(this.cansave) return ; // 防止多次点击
+ this.cansave = true;
+ let text = document.getElementById('huashuModel');
+ let answerList = []
+ // console.log(text.innerHTML);
+ // console.log(text.innerText);
+ let temp = text.innerHTML
+ if(this.form.distance=='') {this.$message.error('请输入距离'); return;}
+ if(text.innerText=='') {this.$message.error('请输入标签模型'); return;}
+ if(this.keyType==0){
+ for (var i=0;i{
+ if(item1.id==this.dynamiclist[i].markid){
+ this.dynamiclist[i].level = item1.level
+ this.dynamiclist[i].name = item1.name
+ }
+ })
+ let huashuModel = document.getElementById('huashuModel'+i);
+ if(huashuModel.innerText=='') {this.$message.error('请完善选择的标签模型'); return ;}
+ this.dynamiclist[i].editValue = huashuModel.innerHTML
+ this.dynamiclist[i].editText = huashuModel.innerText
+ }
+
+ answerList = this.dynamiclist.map(item=>{
+ return {
+ keyType: 2,
+ id: item.id||null,
+ level: item.level,
+ keywordsId: item.markid,
+ showFormatExpression: item.editText,//文本形式
+ formatExpression: this.replaceFun(item.editValue),// 问题表达式,关键词加#号
+ originalExpression: item.editValue // html==带span标签
+ }
+ })
+ }
+ axios({
+ url: `/autoSR/zk/keymodel/updateKeywordsModel`,
+ method: 'post',
+ data: {
+ id: this.form.id,
+ questionId: this.keyType==0?this.questionId:'',
+ houseId:this.houseId,
+ keyType: this.keyType,
+ level: this.level,
+ keywordsId: this.form.keywordsId,
+ keywordsName: this.form.keywordsName,
+ formatExpression: this.replaceFun(temp),// 问题表达式,关键词加#号
+ originalExpression: temp, // html==带span标签
+ answerList: answerList,
+ showFormatExpression: text.innerText,
+ distance: this.form.distance // 距离
+ }
+ }).then(res => {
+ this.cansave = false
+ this.dialogVisible = false
+ if(res.code==0){
+ this.$message.success(res.data)
+ this.getorgCode()
+ }else{
+ this.$message.error(res.msg)
+ }
+ }).catch((e)=>{
+ this.cansave = false
+ this.dialogVisible = false
+ })
+ },
+ //清空筛选条件
+ Emptycondition(){
+ this.value='';
+ this.keyType = 0
+ this.pageNum =1;
+ this.getorgCode()
+ },
+ //初始化
+ getorgCode(){
+ this.loading= true
+ this.tableData=[];
+ axios({
+ url: `/autoSR/zk/keymodel/findKeywordsModel`,
+ method: 'get',
+ params: {
+ houseId:this.houseId,
+ current:this.pageNum,
+ size:this.pageSize,
+ keywordsName: this.value,
+ keyType: this.keyType
+ }
+ }).then(res => {
+ this.loading= false
+ if(res.code==0){
+ this.tableData = res.data.records ||[];
+ this.total=res.data.total;
+ }
+ }).catch((e)=>{
+ this.loading= false
+ })
+ },
+ handleSizeChange(val) {
+ console.log("每页条"+ val);
+ this.pageSize=val;
+ this.getorgCode()
+ },
+ handleCurrentChange(val) {
+ console.log("当前页"+ val);
+ this.pageNum=val;
+ this.getorgCode()
+ }
+ }
+ }
+
\ No newline at end of file
+ .box-center {
+ width: 100%;
+ padding: 5px 15px 40px;
+ min-width: 1000px;
+ }
+ .app-top {
+ margin-bottom: 20px;
+ width: 100%;
+ background: #ffffff;
+ box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
+ border-radius: 4px;
+ padding: 15px;
+ }
+ .block{
+ width: 100%;
+ margin-top: 5px;
+ display: flex;
+ }
+ .blockbox{
+ margin-left: auto;
+ }
+ .editDiv{
+ width:100%;
+ min-height:60px;
+ max-height:120px;
+ overflow:auto;
+ margin-bottom:10px;
+ padding: 15px;
+ outline: none;
+ border:1px solid #409EFF;
+ border-radius: 10px;
+ }
+ .hidden-tooltip{
+ width: 330px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ position: relative;
+ }
+ .itemlist{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 20px 0;
+ }
+ .item-input{
+ width: 100%;
+ padding: 4px 10px;
+ outline: none;
+ border:1px solid #409EFF;
+ border-radius: 4px;
+ overflow:auto;
+ line-height: 24px;
+ min-height: 24px;
+ max-height: 100px;
+ margin: 0 10px;
+ }
+ .el-dialog{
+ width: 800px
+ }
+ .el-dialog__body{
+ max-height: 400px;
+ overflow: auto;
+ }
+
+
\ No newline at end of file