|
@@ -37,8 +37,24 @@
|
|
|
></span></p>
|
|
|
</div>
|
|
|
<div class="bottomPartRight bottomPartRightTemplate">
|
|
|
- <p class="poolTitle poolTitleTmp">模板内容:</p>
|
|
|
+ <p class="poolTitle poolTitleTmp">模板内容:
|
|
|
+ <span style="color:#22ccc8;fontSize:12px" v-if="type == 1 || type == 2 || type == 3">主诉中的主/伴症状,引用到现病史中显示的位置和现病史中添加其他症状显示的位置</span>
|
|
|
+ <span style="color:#22ccc8;fontSize:12px" v-if="type == 5">特殊标记1-只可放入主诉模块中,放入其他模块数据会显示异常;特殊标记4-只可放入现病史模块中,放入其他模块数据会显示异常;</span>
|
|
|
+ </p>
|
|
|
+ <div v-if="type == 5">
|
|
|
+ <span style="marginLeft:10px;">
|
|
|
+ <el-button v-if="flagLisFst == 1" type="primary" class="flagStyle" size="mini" @click="addFlg(1)" :disabled="flagLisSec == 4">1、标示主诉中添加症状展示位置</el-button>
|
|
|
+ <el-button v-else class="flagStyle" size="mini" @click="addFlg(1)" :disabled="flagLisSec == 4">1、标示主诉中添加症状展示位置</el-button>
|
|
|
+ </span>
|
|
|
+ <span style="marginLeft:10px;">
|
|
|
+ <el-button style="marginTop:3px;" v-if="flagLisSec == 4" type="primary" class="flagStyle" size="mini" @click="addFlg(4)" :disabled="flagLisFst == 1">4、标示在主诉中症状引用到现病史中展示位置
|
|
|
+ 和添加症状位置</el-button>
|
|
|
+ <el-button style="marginTop:3px;" v-else class="flagStyle" size="mini" @click="addFlg(4)" :disabled="flagLisFst == 1">4、标示在主诉中症状引用到现病史中展示位置
|
|
|
+ 和添加症状位置</el-button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<div class="arrowWrap" style="float:right;marginRight:10px" v-if="type != 1 && type != 2 && type != 3">
|
|
|
+ <el-button size="mini" @click="addDomTemplate(1)">插入输入栏</el-button>
|
|
|
<i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
|
|
|
<i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
|
|
|
</div>
|
|
@@ -63,19 +79,25 @@
|
|
|
:key="item.id"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
- <el-button size="mini" @click="addDomTemplate(0,'submitForm')">添加</el-button>
|
|
|
- <el-button size="mini" @click="delSubTemplate">删除子模板</el-button>
|
|
|
- <el-button size="mini" @click="addDomTemplate(1)">插入输入栏</el-button>
|
|
|
- <el-button size="mini" @click="addFlg(1)">1.插入选择症状模块</el-button>
|
|
|
- <el-button size="mini" @click="addFlg(3)">2.插入病程变化模块</el-button>
|
|
|
- <el-button size="mini" @click="addFlg(4)">3.插入从主诉中获取的伴/无症状模块</el-button>
|
|
|
+ <el-button size="mini" class="normal" @click="addDomTemplate(0,'submitForm')">添加</el-button>
|
|
|
+ <el-button size="mini" class="normal" @click="delSubTemplate">删除子模板</el-button>
|
|
|
+ <el-button size="mini" class="normal" @click="addDomTemplate(1)">插入输入栏</el-button>
|
|
|
+ <span v-if="type == 1" style="marginLeft:10px;">
|
|
|
+ <el-button v-if="flagLisFst == 1" type="primary" class="flagStyle" size="mini" @click="addFlg(1)">1、标示主诉中添加症状展示位置</el-button>
|
|
|
+ <el-button v-else class="flagStyle" size="mini" @click="addFlg(1)">1、标示主诉中添加症状展示位置</el-button>
|
|
|
+ </span>
|
|
|
+ <span v-if="type == 2 || type == 3" style="marginLeft:10px;">
|
|
|
+ <el-button v-if="flagLisSec == 4" type="primary" class="flagStyle" size="mini" @click="addFlg(4)">4、标示在主诉中症状引用到现病史中展示位置
|
|
|
+和添加症状位置</el-button>
|
|
|
+ <el-button v-else class="flagStyle" size="mini" @click="addFlg(4)">4、标示在主诉中症状引用到现病史中展示位置
|
|
|
+和添加症状位置</el-button>
|
|
|
+ </span>
|
|
|
<div class="arrowWrap">
|
|
|
<i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
|
|
|
<i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
-
|
|
|
</div>
|
|
|
<ul class="tagList operationPool templateTagLists">
|
|
|
<li
|
|
@@ -92,18 +114,20 @@
|
|
|
@change="updataData"
|
|
|
>
|
|
|
</el-input>
|
|
|
- <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i>
|
|
|
+ <!-- <i class="tagFlag">{{item.flag?(item.flag == 4?2:1):''}}</i> -->
|
|
|
</div>
|
|
|
<p
|
|
|
v-if="item.type === 'sub'"
|
|
|
class="tagName ellipsis"
|
|
|
:title="'[ '+item.tagName+' ]'"
|
|
|
- >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
|
|
|
+ >{{item.tagName}}
|
|
|
+ <!-- <i class="tagFlag">{{item.flag?(item.flag == 4?2:1):''}}</i> -->
|
|
|
+ </p>
|
|
|
<p
|
|
|
v-if="item.type !== 'input' && item.type !== 'sub'"
|
|
|
class="tagName ellipsis"
|
|
|
:title="'[ '+item.tagName+' ]'"
|
|
|
- >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
|
|
|
+ >{{item.tagName}} <i class="tagFlag" v-if="item.flag">{{item.flag}}</i></p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
@@ -123,6 +147,10 @@ export default {
|
|
|
default: '',
|
|
|
type: String
|
|
|
},
|
|
|
+ sign: {
|
|
|
+ default: '',
|
|
|
+ type: String
|
|
|
+ },
|
|
|
options: {
|
|
|
default: () => {},
|
|
|
type: Object
|
|
@@ -147,6 +175,8 @@ export default {
|
|
|
styles: {
|
|
|
background: '#eae7e7'
|
|
|
},
|
|
|
+ flagLisFst:-1,
|
|
|
+ flagLisSec:-1
|
|
|
}
|
|
|
},
|
|
|
destroyed: function () {
|
|
@@ -174,6 +204,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.rightTagsList = reviewList
|
|
|
+ this.getFlagList()
|
|
|
}
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
this.getSubTemplate()
|
|
@@ -185,7 +216,6 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
type(newVal, preVal) {
|
|
|
- this.searchTagList() //重新获取标签池数据
|
|
|
if(newVal != preVal){
|
|
|
this.form = {region: ''}
|
|
|
this.subTmpList = [] //子模板的id用于去重
|
|
@@ -195,8 +225,26 @@ export default {
|
|
|
this.selectRightTagsList = []
|
|
|
this.selectRightTagsListIndex = []
|
|
|
this.searchVal = ''
|
|
|
+ this.flagLisFst = -1
|
|
|
+ this.flagLisSec = -1
|
|
|
this.getSubTemplate() //重新获取子模板
|
|
|
}
|
|
|
+ this.searchTagList() //重新获取标签池数据
|
|
|
+ },
|
|
|
+ sign(newVal, preVal) {
|
|
|
+ if(newVal != preVal){
|
|
|
+ this.form = {region: ''}
|
|
|
+ this.subTmpList = [] //子模板的id用于去重
|
|
|
+ this.leftTagsList = []
|
|
|
+ this.selectLeftTagsList = []
|
|
|
+ this.rightTagsList = []
|
|
|
+ this.selectRightTagsList = []
|
|
|
+ this.selectRightTagsListIndex = []
|
|
|
+ this.searchVal = ''
|
|
|
+ this.flagLisFst = -1
|
|
|
+ this.flagLisSec = -1
|
|
|
+ }
|
|
|
+ this.searchTagList() //重新获取标签池数据
|
|
|
},
|
|
|
searchVal(newVal, preVal) {
|
|
|
if (newVal.trim() == '') {
|
|
@@ -210,17 +258,48 @@ export default {
|
|
|
updataData(){
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
},
|
|
|
- addFlg(idx){
|
|
|
+ getFlagList(){
|
|
|
+ let lis = this.rightTagsList;
|
|
|
+ for(let i = 0;i < lis.length;i++){
|
|
|
+ let tmpLi = lis[i];
|
|
|
+ if(tmpLi.flag == 1){
|
|
|
+ this.flagLisFst = 1
|
|
|
+ }else if(tmpLi.flag == 4){
|
|
|
+ this.flagLisSec = 4
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addFlg(idx){//添加标记,已经有标记了先去掉标记,再点击才能加上,没有标记的加上标记
|
|
|
let selectTagFlg = this.selectRightTagsListIndex;
|
|
|
let tmpSelectRightTagsList = this.selectRightTagsList;
|
|
|
- if(selectTagFlg.length == 0 || (tmpSelectRightTagsList && tmpSelectRightTagsList.length>0 && tmpSelectRightTagsList[0].type == 'input')){
|
|
|
+ let tmpLis = this.rightTagsList;
|
|
|
+ let tmpObj = tmpLis[selectTagFlg[0]],m = 0;
|
|
|
+ if(tmpSelectRightTagsList && tmpSelectRightTagsList.length>0 && (tmpSelectRightTagsList[0].type == 'input' || tmpSelectRightTagsList[0].type == 'sub')){
|
|
|
return;
|
|
|
}
|
|
|
- let tmpLis = this.rightTagsList.slice()
|
|
|
- let tmpObj = tmpLis[selectTagFlg[0]];
|
|
|
- tmpObj.flag = idx
|
|
|
- this.rightTagsList = [...tmpLis]
|
|
|
+ for(let i = 0;i < tmpLis.length;i++){//循环右侧所有标签,点击的这个有标记,去掉标记,点击的没有标记,去掉其他标记,标记当前项
|
|
|
+ let tmpLi = tmpLis[i];
|
|
|
+ if(tmpLi.flag == idx){
|
|
|
+ console.log(idx,787878)
|
|
|
+ tmpLi.flag = null
|
|
|
+ idx == 1?(this.flagLisFst = -1):(idx == 4?this.flagLisSec = -1:null)
|
|
|
+ // if(idx == 1){//点的是1
|
|
|
+ // if(this.flagLisFst == -1){//第一个未被选中
|
|
|
+ // this.flagLisFst = 1
|
|
|
+ // }else{
|
|
|
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ }else{//没有标记,判断是否有选中,选中就加上标记,没有不做处理
|
|
|
+ ++m
|
|
|
+ if((m == tmpLis.length)&& tmpSelectRightTagsList && tmpSelectRightTagsList.length>0){
|
|
|
+ tmpObj.flag = idx
|
|
|
+ idx == 1?(this.flagLisFst = 1):(idx == 4?this.flagLisSec = 4:null)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.rightTagsList = [...tmpLis]
|
|
|
+ this.getFlagList()
|
|
|
},
|
|
|
addDomTemplate(sign,dom){
|
|
|
let tmpArr1 = this.rightTagsList.slice(0);
|
|
@@ -254,6 +333,7 @@ export default {
|
|
|
}
|
|
|
this.rightTagsList = tmpArr1;
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
+ this.getFlagList()
|
|
|
},
|
|
|
moveTag(dir){
|
|
|
let tmpArr1 = this.rightTagsList.slice(0);
|
|
@@ -292,18 +372,20 @@ export default {
|
|
|
this.selectRightTagsListIndex = tmpArr2
|
|
|
this.rightTagsList = tmpArr
|
|
|
}
|
|
|
+ this.getFlagList()
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
},
|
|
|
delSubTemplate(){ //删除子模板
|
|
|
if (this.selectRightTagsList.length>0 && this.selectRightTagsList[0].type === 'sub') { //删除子模板,输入框或者标签就不变
|
|
|
- this.rightTagsList = this.rightTagsList.filter(item => item.id !== this.selectRightTagsList[0].id)
|
|
|
- this.subTmpList = this.subTmpList.filter(item => item.id !== this.selectRightTagsList[0].id) //选中的子模板id去掉
|
|
|
+ this.rightTagsList = this.rightTagsList.filter(item => item.id != this.selectRightTagsList[0].id)
|
|
|
+ this.subTmpList = this.subTmpList.filter(item => item != parseInt(this.selectRightTagsList[0].id)) //选中的子模板id去掉
|
|
|
}
|
|
|
this.selectLeftTagsList = []
|
|
|
this.selectRightTagsList = []
|
|
|
this.selectRightTagsListIndex = []
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
this.getSubTemplate()
|
|
|
+ this.getFlagList()
|
|
|
},
|
|
|
selectLeftTag(tag, index, e) {
|
|
|
const hasTag = this.isHasTag(tag, this.selectLeftTagsList)
|
|
@@ -353,6 +435,7 @@ export default {
|
|
|
this.selectLeftTagsList = []
|
|
|
this.selectRightTagsList = []
|
|
|
this.selectRightTagsListIndex = []
|
|
|
+ this.getFlagList()
|
|
|
},
|
|
|
toRightList() {
|
|
|
this.rightTagsList.push(...this.selectLeftTagsList);
|
|
@@ -363,10 +446,12 @@ export default {
|
|
|
this.selectRightTagsList = []
|
|
|
this.selectRightTagsListIndex = []
|
|
|
this.$emit('changeActionData', this.rightTagsList, false);
|
|
|
+ this.getFlagList()
|
|
|
},
|
|
|
searchTagList() {
|
|
|
let notIds = []
|
|
|
let tmpArr = this.rightTagsList.slice();
|
|
|
+ console.log(tmpArr)
|
|
|
for (let i = 0; i < tmpArr.length; i++) {
|
|
|
if(tmpArr[i].type != 'sub' && tmpArr[i].type != 'input'){
|
|
|
notIds.push(tmpArr[i].id)
|
|
@@ -557,23 +642,33 @@ export default {
|
|
|
.el-button--mini, .el-button--mini.is-round {
|
|
|
padding: 5px 8px 4px;
|
|
|
}
|
|
|
- .el-button:hover {
|
|
|
+ .normal.el-button:hover {
|
|
|
color: @adminBase;
|
|
|
border-color: @adminBase;
|
|
|
outline: 0;
|
|
|
opacity: 1;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
- .el-button:active {
|
|
|
- color: @adminBase;
|
|
|
+ .normal.el-button:active {
|
|
|
+ color: @adminBase;
|
|
|
border-color: @adminBase;
|
|
|
outline: 0;
|
|
|
}
|
|
|
- .el-button:focus {
|
|
|
+ .normal.el-button:focus {
|
|
|
background-color: #fff;
|
|
|
color: @adminBase;
|
|
|
opacity: 1;
|
|
|
}
|
|
|
+ .flagStyle.el-button:hover {
|
|
|
+ outline: 0;
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ .flagStyle.el-button:active {
|
|
|
+ outline: 0;
|
|
|
+ }
|
|
|
+ .flagStyle.el-button:focus {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|