Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
commit
6f8b41e941
@ -297,7 +297,11 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
cancels() { },
|
cancels() {
|
||||||
|
this.opens=false
|
||||||
|
this.reset();
|
||||||
|
|
||||||
|
},
|
||||||
// change(e) {
|
// change(e) {
|
||||||
// console.log(e, "78");
|
// console.log(e, "78");
|
||||||
// // console.log(this.$refs.cascader)
|
// // console.log(this.$refs.cascader)
|
||||||
|
|||||||
@ -1,12 +1,10 @@
|
|||||||
<template>
|
<template> <div style="border: 1px solid #ccc">
|
||||||
<div style="border: 1px solid #ccc">
|
|
||||||
<Toolbar
|
<Toolbar
|
||||||
style="border-bottom: 1px solid #ccc"
|
style="border-bottom: 1px solid #ccc"
|
||||||
:editor="editor"
|
:editor="editor"
|
||||||
:defaultConfig="toolbarConfig"
|
:defaultConfig="toolbarConfig"
|
||||||
:mode="mode"
|
:mode="mode"
|
||||||
/>
|
/>
|
||||||
<!-- 研究一下 如何清除这个富文本里的东西 我给加了标签不生效 他富文本自动编译class名字了 你百度一下 好 我搞杯咖啡区 困不行了好的 -->
|
|
||||||
<Editor
|
<Editor
|
||||||
style="height: 500px; overflow-y: hidden"
|
style="height: 500px; overflow-y: hidden"
|
||||||
v-model="html"
|
v-model="html"
|
||||||
@ -69,9 +67,6 @@
|
|||||||
}"
|
}"
|
||||||
ref="cascaderAddr"
|
ref="cascaderAddr"
|
||||||
>
|
>
|
||||||
|
|
||||||
<!-- dengyixia 看一下api -->
|
|
||||||
<!-- :props="{ checkStrictly: true, multiple: true, emitPath: false } -->
|
|
||||||
</el-cascader-panel>
|
</el-cascader-panel>
|
||||||
|
|
||||||
<div style="margin: 20px 0">结果预览:</div>
|
<div style="margin: 20px 0">结果预览:</div>
|
||||||
@ -191,7 +186,6 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
// 我拿什么能知道当前选中的是不是最后一级 没有children就管吧 e里面拿不到哦哦
|
|
||||||
handleChange(e) {
|
handleChange(e) {
|
||||||
console.log(e, "e");
|
console.log(e, "e");
|
||||||
this.add = [];
|
this.add = [];
|
||||||
@ -205,103 +199,8 @@ export default {
|
|||||||
this.add.push(e.label);
|
this.add.push(e.label);
|
||||||
}
|
}
|
||||||
|
|
||||||
// console.log(this.add, "777");
|
|
||||||
});
|
});
|
||||||
// // console.log(this.$refs["cascaderAddr"],'this.$refs["cascaderAddr"]')
|
|
||||||
// // const arr = this.$refs["cascaderAddr"].children.getCheckedNodes().termContent;
|
|
||||||
// // console.log(arr,'arr')
|
|
||||||
// this.elist.push(e);
|
|
||||||
// console.log(this.elist, "this.elist");
|
|
||||||
// if (this.fieldshow) {
|
|
||||||
// this.fieldoptions.forEach((e) => {
|
|
||||||
// // 第一层
|
|
||||||
// e.children.forEach((el) => {
|
|
||||||
// // 第二层
|
|
||||||
// el.children.forEach((f) => {
|
|
||||||
|
|
||||||
// // 第三层
|
|
||||||
// this.elist.forEach((m) => {
|
|
||||||
// // 选择的数组code
|
|
||||||
// // console.log(m, "m");
|
|
||||||
// m.forEach((r) => {
|
|
||||||
// // 最新选择的值
|
|
||||||
// if (r == f.termCode) {
|
|
||||||
// // if (this.add.indexOf(f.termContent)==-1) {
|
|
||||||
// // console.log("不存在")
|
|
||||||
// this.add=[]
|
|
||||||
|
|
||||||
// // console.log(arr, "arr")
|
|
||||||
|
|
||||||
// this.add.push(f.termContent);
|
|
||||||
|
|
||||||
// console.log(this.add, "add")
|
|
||||||
|
|
||||||
// // }
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// // console.log(f,'fffff')
|
|
||||||
// // console.log(this.add, "this.add");
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// console.log(this.termContent, "this.termContent");
|
|
||||||
// el.children.forEach(f=>{
|
|
||||||
// console.log(f,'ff')
|
|
||||||
// let list=[]
|
|
||||||
// list.push(el)
|
|
||||||
// this.addnode
|
|
||||||
// console.log(list,'list')
|
|
||||||
// list = list.split(',')
|
|
||||||
// 将id相匹配的筛选出来
|
|
||||||
// const list = [{id: 1, name:2}, {id: 2, name:2}]
|
|
||||||
// const result = [1,2]
|
|
||||||
// let abbc=[]
|
|
||||||
// abbc=list.filter(item =>elist.includes(item.termCode))
|
|
||||||
|
|
||||||
// console.log(abbc,'abbc')
|
|
||||||
|
|
||||||
//这里的val.newData就是你帅选出的数据,如果你不想将他放到B数组当中,可以自己定义一个变量接收
|
|
||||||
// val.newData = A.filter(item => elist.includes(item.AId.toString()))
|
|
||||||
|
|
||||||
// let differentArr = list.filter((item) => elist.indexOf(item) != -1);
|
|
||||||
// console.log(differentArr, "differentArr");
|
|
||||||
// })
|
|
||||||
|
|
||||||
// if (el.labelFieldId == item) {
|
|
||||||
// this.addnode.fileSpan = el.fieldName;
|
|
||||||
// this.addnode.fileName = e.fieldName;
|
|
||||||
// this.addnode.fieldMark = el.fieldMark;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// let changeFlag = false;
|
|
||||||
// let nowItem = [];
|
|
||||||
// let firstItem = [];
|
|
||||||
// if (this.shareScopeEnd.length == 0) {
|
|
||||||
// this.searchForm.customerTags = val;
|
|
||||||
// } else {
|
|
||||||
// // 与原数组比对
|
|
||||||
// this.searchForm.customerTags.forEach((item) => {
|
|
||||||
// if (item[0] !== this.shareScopeEnd[0][0]) {
|
|
||||||
// // 一级标签不同
|
|
||||||
// changeFlag = true;
|
|
||||||
// firstItem.push(item);
|
|
||||||
// } else if (item[1] != this.shareScopeEnd[0][1]) {
|
|
||||||
// // 一级标签相同但是二级标签不同
|
|
||||||
// changeFlag = false;
|
|
||||||
// nowItem.push(item);
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// if (changeFlag && firstItem.length) {
|
|
||||||
// this.searchForm.customerTags = firstItem;
|
|
||||||
// } else if (!changeFlag && nowItem.length) {
|
|
||||||
// this.searchForm.customerTags = nowItem;
|
|
||||||
// }
|
|
||||||
// this.shareScopeEnd = this.searchForm.customerTags;
|
|
||||||
},
|
},
|
||||||
|
|
||||||
async handleUpload(file, insertFn) {
|
async handleUpload(file, insertFn) {
|
||||||
@ -310,14 +209,11 @@ export default {
|
|||||||
let res = await this.uploadFile(form); //此方法返回上传后的id
|
let res = await this.uploadFile(form); //此方法返回上传后的id
|
||||||
console.log(res);
|
console.log(res);
|
||||||
const videoUrl = URL.createObjectURL(file);
|
const videoUrl = URL.createObjectURL(file);
|
||||||
// this.content += '<video poster=\"\" controls=\"true\" width=\"auto\" height=\"auto\"><source src=\"'+ res +'\" type=\"video/mp4\"/></video>'
|
|
||||||
// 这快需要注意一下,我这res返回这快,应该是后端返回一个预览服务的url,才能直接在富文本,以及后续展示的地方展示这个视频
|
|
||||||
this.html +=
|
this.html +=
|
||||||
'<video poster="" controls="true" width="auto" height="auto"><source src="' +
|
'<video poster="" controls="true" width="auto" height="auto"><source src="' +
|
||||||
process.env.VUE_APP_BASE_API +
|
process.env.VUE_APP_BASE_API +
|
||||||
+
|
+
|
||||||
'" type="video/mp4"/></video>';
|
'" type="video/mp4"/></video>';
|
||||||
// 如果没有预览服务可以让后端写一下下载接口,然后在这里直接拼,但是这个接口前缀最好使用项目中接口配置的前缀
|
|
||||||
},
|
},
|
||||||
async uploadFile(form) {
|
async uploadFile(form) {
|
||||||
let res = await richTextPictureUrl(form); //此处换为自己的上传接口地址
|
let res = await richTextPictureUrl(form); //此处换为自己的上传接口地址
|
||||||
@ -371,7 +267,7 @@ export default {
|
|||||||
},
|
},
|
||||||
fieldclick() {
|
fieldclick() {
|
||||||
// 先判断 富文本里有没有这个名字叫divBox的标签 有的话用原生js给他删掉 然后继续走下面的+=
|
// 先判断 富文本里有没有这个名字叫divBox的标签 有的话用原生js给他删掉 然后继续走下面的+=
|
||||||
// 如果富文本里面没有这个元素 就直接走+= ‘divBox’唯一标识符 这个能明白吗 这样就第二次选择的时候 会覆盖第一次选择的
|
// 如果富文本里面没有这个元素 就直接走+= ‘divBox’唯一标识符 这样就第二次选择的时候 会覆盖第一次选择的
|
||||||
var aaa = document.querySelectorAll('.divBox')
|
var aaa = document.querySelectorAll('.divBox')
|
||||||
console.log(this.html,'this.html--before');
|
console.log(this.html,'this.html--before');
|
||||||
console.log(aaa,'打印dom')
|
console.log(aaa,'打印dom')
|
||||||
@ -380,7 +276,7 @@ export default {
|
|||||||
aaa.remove()
|
aaa.remove()
|
||||||
}else{
|
}else{
|
||||||
aaa.innerHTML = ''
|
aaa.innerHTML = ''
|
||||||
this.html += `<p class="divBox">${this.add}</p>`
|
this.html += `<p >${this.add}</p>`
|
||||||
console.log(this.html,'this.html2222');
|
console.log(this.html,'this.html2222');
|
||||||
}
|
}
|
||||||
this.fieldshow = false;
|
this.fieldshow = false;
|
||||||
@ -630,7 +526,7 @@ function renderAttachment(elem, children, editor) {
|
|||||||
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
||||||
style: {
|
style: {
|
||||||
color: "#22343C",
|
color: "#22343C",
|
||||||
background: "red",
|
background: "#E5F5F2",
|
||||||
padding: "5px 10px" /* 其他... */,
|
padding: "5px 10px" /* 其他... */,
|
||||||
}, // style ,驼峰式写法
|
}, // style ,驼峰式写法
|
||||||
on: { click() {} /* 其他... */ },
|
on: { click() {} /* 其他... */ },
|
||||||
@ -734,7 +630,7 @@ function renderAttachmenttwo(elem, children, editor) {
|
|||||||
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
||||||
style: {
|
style: {
|
||||||
color: "#22343C",
|
color: "#22343C",
|
||||||
background: "yellow",
|
background: "#E5F5F2",
|
||||||
padding: "5px 10px" /* 其他... */,
|
padding: "5px 10px" /* 其他... */,
|
||||||
}, // style ,驼峰式写法
|
}, // style ,驼峰式写法
|
||||||
on: { click() {} /* 其他... */ },
|
on: { click() {} /* 其他... */ },
|
||||||
@ -750,7 +646,7 @@ function renderAttachmenttwo(elem, children, editor) {
|
|||||||
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
props: { contentEditable: false }, // HTML 属性,驼峰式写法
|
||||||
style: {
|
style: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
background: "orange",
|
background: "#436AE9",
|
||||||
padding: "5px 10px" /* 其他... */,
|
padding: "5px 10px" /* 其他... */,
|
||||||
}, // style ,驼峰式写法
|
}, // style ,驼峰式写法
|
||||||
on: { click() {} /* 其他... */ },
|
on: { click() {} /* 其他... */ },
|
||||||
@ -908,7 +804,7 @@ Boot.registerModule(parseHtmlConfmodule);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</style>
|
||||||
// ::v-deep .el-textarea__inner {
|
// ::v-deep .el-textarea__inner {
|
||||||
// color: black !important;
|
// color: black !important;
|
||||||
// background-color: #fff !important;
|
// background-color: #fff !important;
|
||||||
@ -931,5 +827,53 @@ Boot.registerModule(parseHtmlConfmodule);
|
|||||||
// line-height: 32px;
|
// line-height: 32px;
|
||||||
// border-radius: 5px;
|
// border-radius: 5px;
|
||||||
// }
|
// }
|
||||||
</style>
|
// parseElemHtml: parseAttachmentHtml,
|
||||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
// }
|
||||||
|
// const parseHtmlConftwo = {
|
||||||
|
// selector: 'span[data-w-e-type="attachmenttwo"]', // CSS 选择器,匹配特定的 HTML 标签
|
||||||
|
// parseElemHtml: parseAttachmentHtmltwo,
|
||||||
|
// }
|
||||||
|
// const parseHtmlConfmodule = {
|
||||||
|
// parseElemsHtml: [parseHtmlConf, parseHtmlConftwo] // parseElemHtml
|
||||||
|
// }
|
||||||
|
// Boot.registerModule(parseHtmlConfmodule)
|
||||||
|
// <!-- </script> -->
|
||||||
|
<!-- <style lang="scss" scoped>
|
||||||
|
::v-deep .el-textarea__inner {
|
||||||
|
color: black !important;
|
||||||
|
background-color: #fff !important;
|
||||||
|
cursor: default !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.path-tag-wrap {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 32px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-textarea__inner {
|
||||||
|
color: black !important;
|
||||||
|
background-color: #fff !important;
|
||||||
|
cursor: default !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.path-tag-wrap {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 32px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
::v-deep .el-textarea__inner {
|
||||||
|
color: black !important;
|
||||||
|
background-color: #fff !important;
|
||||||
|
cursor: default !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.path-tag-wrap {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 32px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
</style> -->
|
||||||
|
<style src="@wangeditor/editor/dist/css/style.css"></>
|
||||||
|
|||||||
@ -38,7 +38,7 @@
|
|||||||
<el-option label="术前" value="PREOPERATIVE" />
|
<el-option label="术前" value="PREOPERATIVE" />
|
||||||
<el-option label="术后" value="POSTOPERATIVE" /> -->
|
<el-option label="术后" value="POSTOPERATIVE" /> -->
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input v-model="item.routeNodeDay" style="width: 70px" type="number"></el-input>
|
<el-input v-model="item.routeNodeDay" style="width: 70px" type="number" :min="0"></el-input>
|
||||||
<span>天</span>
|
<span>天</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user