|
@@ -25,8 +25,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bottomPartMid fl">
|
|
|
- <p><span class="el-icon-arrow-left" @click="toLeftList"></span></p>
|
|
|
- <p><span class="el-icon-arrow-right" @click="toRightList"></span></p>
|
|
|
+ <p><span class="el-icon-arrow-right" @click="toRightList"></span></p>
|
|
|
+ <p><span class="el-icon-arrow-left" @click="toLeftList"></span></p>
|
|
|
</div>
|
|
|
<div class="bottomPartRight ">
|
|
|
<p class="poolTitle">操作池</p>
|
|
@@ -37,7 +37,7 @@
|
|
|
:style="getStyle2(item)?styles:null"
|
|
|
@click='selectRightTag(item)'
|
|
|
>
|
|
|
- <div>
|
|
|
+ <div class="inputBox">
|
|
|
<el-input
|
|
|
v-if="item.type === 'input'"
|
|
|
placeholder=""
|
|
@@ -47,8 +47,8 @@
|
|
|
</div>
|
|
|
<p v-if="item.tagName" class="tagName">{{item.tagName}} </p>
|
|
|
<div class="attributeBox">
|
|
|
- <p v-if="item.symptomType === 1" class="tagAttribute">跟主症状</p>
|
|
|
- <p v-if="item.symptomType === 2" class="tagAttribute">跟伴随症状</p>
|
|
|
+ <p v-if="item.symptomType === 1" class="tagAttribute" @click.stop>跟主症状 <span @click="closeTagAttribute(item)" class="closeTagAttribute"><i class="el-icon-error"></i></span></p>
|
|
|
+ <p v-if="item.symptomType === 2" class="tagAttribute" @click.stop>跟伴随症状<span @click="closeTagAttribute(item)" class="closeTagAttribute"><i class="el-icon-error"></i></span></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -78,6 +78,10 @@ export default {
|
|
|
default: '',
|
|
|
type: String
|
|
|
},
|
|
|
+ sexType: {
|
|
|
+ default: '',
|
|
|
+ type: String
|
|
|
+ },
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -110,7 +114,20 @@ export default {
|
|
|
this.searchTagList()
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ sexType(newVal, preVal) {
|
|
|
+ if (newVal != preVal) {
|
|
|
+ if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
|
|
|
+ this.leftTagsList = [];
|
|
|
+ this.selectLeftTagsList = [];
|
|
|
+ this.rightTagsList = [];
|
|
|
+ this.rightTagsList2 = [];
|
|
|
+ this.selectRightTagsList = [];
|
|
|
+ this.searchVal = '';
|
|
|
+ this.searchTagList();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
@@ -223,6 +240,7 @@ export default {
|
|
|
"controlType": [],
|
|
|
"type": this.type || '',
|
|
|
"notIds": notIds,
|
|
|
+ "sexType": this.sexType,
|
|
|
|
|
|
}
|
|
|
api.searchTagList(param).then((res) => {
|
|
@@ -256,13 +274,21 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
this.selectRightTagsList = []
|
|
|
+ },
|
|
|
+ closeTagAttribute(tag) {
|
|
|
+ this.rightTagsList2 = this.rightTagsList2.filter((item) =>{
|
|
|
+ if(item.id === tag.id) {
|
|
|
+ item.symptomType = 3
|
|
|
+ }
|
|
|
+ return item
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
+<style lang="less" >
|
|
|
@import '../../less/common.less';
|
|
|
.symptomTagGroupWrapper {
|
|
|
.bottomPartLeft {
|
|
@@ -286,7 +312,6 @@ export default {
|
|
|
height: 30px;
|
|
|
}
|
|
|
.tagList {
|
|
|
- padding: 10px 10px;
|
|
|
border: 1px solid @icssBorder;
|
|
|
}
|
|
|
.tagPool {
|
|
@@ -297,16 +322,19 @@ export default {
|
|
|
.attributeBox {
|
|
|
position: absolute;
|
|
|
right: -100px;
|
|
|
- top: 10px;
|
|
|
+ top: 2px;
|
|
|
}
|
|
|
.tagItem {
|
|
|
position: relative;
|
|
|
- line-height: 40px;
|
|
|
+ line-height: 30px;
|
|
|
+ cursor: pointer;
|
|
|
+ padding: 0 10px;
|
|
|
}
|
|
|
.operationPool {
|
|
|
position: relative;
|
|
|
width: 60%;
|
|
|
min-height: 300px;
|
|
|
+ padding: 10px 0;
|
|
|
}
|
|
|
.tagName:before {
|
|
|
content: '['
|
|
@@ -315,20 +343,23 @@ export default {
|
|
|
content: ']'
|
|
|
}
|
|
|
.bottomPartMid {
|
|
|
- position: relative;
|
|
|
- width: 10%;
|
|
|
- top: 150px;
|
|
|
- p {
|
|
|
+ width: 8%;
|
|
|
+ margin-top: 60px;
|
|
|
+ p {
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
span {
|
|
|
+ cursor: pointer;
|
|
|
display: inline-block;
|
|
|
- width: 50px;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
+ width: 30px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
margin: 0 auto;
|
|
|
+ border: 1px solid @icssBorder;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
.bottomPartRight {
|
|
|
float: left;
|
|
@@ -343,8 +374,24 @@ export default {
|
|
|
}
|
|
|
.tagAttribute {
|
|
|
border: 1px solid @icssBorder;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
+ height: 17px;
|
|
|
+ line-height: 17px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .inputBox {
|
|
|
+ width: 120px;
|
|
|
+ .el-input {
|
|
|
+ .el-input__inner {
|
|
|
+ height: 30px;
|
|
|
+ background: rgb(234, 231, 231);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .closeTagAttribute {
|
|
|
+ position: absolute;
|
|
|
+ top: -5px;
|
|
|
+ right: -5px;
|
|
|
}
|
|
|
.active {
|
|
|
color: #aBcdef;
|