|
@@ -31,7 +31,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="bottomPartRight inspectBottomPartRight">
|
|
<div class="bottomPartRight inspectBottomPartRight">
|
|
<p class="poolTitle">操作界面:</p>
|
|
<p class="poolTitle">操作界面:</p>
|
|
- <ul class="tagList operationPool">
|
|
|
|
|
|
+ <ul class="tagList operationPool operationPools">
|
|
<li class = "tagItem"
|
|
<li class = "tagItem"
|
|
v-for="(item) in rightTagsList"
|
|
v-for="(item) in rightTagsList"
|
|
:key='item.id'
|
|
:key='item.id'
|
|
@@ -42,6 +42,10 @@
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="bottomPartMid bottomPartMidss fl" :class="(type == 1 && isSymp == 0)?'':'bottomPartMids'">
|
|
|
|
+ <p><span class="el-icon-arrow-up" @click="toggleTopDownList(1)"></span></p>
|
|
|
|
+ <p><span class="el-icon-arrow-down" @click="toggleTopDownList(2)"></span></p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -118,6 +122,46 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ toggleTopDownList(type){
|
|
|
|
+ if(this.selectRightTagsList.length == 0 || this.rightTagsList.length == 0){
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ const tmpRightSelect = JSON.parse(JSON.stringify(this.selectRightTagsList))
|
|
|
|
+ const tmpRightLis = JSON.parse(JSON.stringify(this.rightTagsList))
|
|
|
|
+ const numLen = tmpRightLis.length
|
|
|
|
+ const numId = tmpRightSelect[0].id
|
|
|
|
+ if(type == 1){
|
|
|
|
+ for(let i = 0;i < tmpRightLis.length;i++){
|
|
|
|
+ if(numId === tmpRightLis[i].id){//选中的是第几个
|
|
|
|
+ if(i == 0){//第一个不能往上移动
|
|
|
|
+ return;
|
|
|
|
+ }else{//先把这个元素从数组中删除,再添加到数组里
|
|
|
|
+ let tmp1 = tmpRightLis[i]
|
|
|
|
+ tmpRightLis.splice(i,1)
|
|
|
|
+ tmpRightLis.splice(i-1,0,tmp1)
|
|
|
|
+ this.rightTagsList = [...tmpRightLis]
|
|
|
|
+ this.$emit('changeActionData',this.rightTagsList, false);
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }else if(type == 2){
|
|
|
|
+ for(let i = 0;i < tmpRightLis.length;i++){
|
|
|
|
+ if(numId === tmpRightLis[i].id){
|
|
|
|
+ if(i == numLen){
|
|
|
|
+ return;
|
|
|
|
+ }else{
|
|
|
|
+ let tmp1 = tmpRightLis[i]
|
|
|
|
+ tmpRightLis.splice(i,1)
|
|
|
|
+ tmpRightLis.splice(i+1,0,tmp1)
|
|
|
|
+ this.rightTagsList = [...tmpRightLis]
|
|
|
|
+ this.$emit('changeActionData',this.rightTagsList, false);
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
selectLeftTag(tag, index, e) {
|
|
selectLeftTag(tag, index, e) {
|
|
const hasTag = this.isHasTag(tag, this.selectLeftTagsList)
|
|
const hasTag = this.isHasTag(tag, this.selectLeftTagsList)
|
|
if (hasTag) {
|
|
if (hasTag) {
|
|
@@ -131,7 +175,9 @@ export default {
|
|
if (hasTag) {
|
|
if (hasTag) {
|
|
this.selectRightTagsList = this.selectRightTagsList.filter(item => item.id !== tag.id)
|
|
this.selectRightTagsList = this.selectRightTagsList.filter(item => item.id !== tag.id)
|
|
} else {
|
|
} else {
|
|
- this.selectRightTagsList.push(tag);
|
|
|
|
|
|
+ let tmpArr = [];
|
|
|
|
+ tmpArr.push(tag);
|
|
|
|
+ this.selectRightTagsList=tmpArr;
|
|
}
|
|
}
|
|
|
|
|
|
},
|
|
},
|
|
@@ -218,6 +264,9 @@ export default {
|
|
<style lang="less" >
|
|
<style lang="less" >
|
|
@import '../../less/common.less';
|
|
@import '../../less/common.less';
|
|
.symptomTagGroupWrapper {
|
|
.symptomTagGroupWrapper {
|
|
|
|
+ .operationPools {
|
|
|
|
+ width: 100% !important;
|
|
|
|
+ }
|
|
.bottomPartLeft {
|
|
.bottomPartLeft {
|
|
width: 30%;
|
|
width: 30%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|