|
@@ -38,8 +38,12 @@
|
|
<el-tag v-if="it.exclusion" type="info" size="mini">互斥项</el-tag>
|
|
<el-tag v-if="it.exclusion" type="info" size="mini">互斥项</el-tag>
|
|
</el-col>
|
|
</el-col>
|
|
<el-button @click="addRow">+</el-button>
|
|
<el-button @click="addRow">+</el-button>
|
|
|
|
+ <div class="bottomPartMid bottomPartMidss">
|
|
|
|
+ <p><span class="el-icon-arrow-up" @click="orderUpDown(-1)"></span></p>
|
|
|
|
+ <p><span class="el-icon-arrow-down" @click="orderUpDown(1)"></span></p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="main-area" v-if="type==3">
|
|
|
|
|
|
+ <div class="main-area sigle-row" v-if="type==3">
|
|
<el-col v-for="(it,i) in rows" :key="i">
|
|
<el-col v-for="(it,i) in rows" :key="i">
|
|
<div class="inps">
|
|
<div class="inps">
|
|
<el-input v-model="rows[i].name"
|
|
<el-input v-model="rows[i].name"
|
|
@@ -52,6 +56,10 @@
|
|
<el-tag v-if="it.exclusion" type="info" size="mini">互斥项</el-tag>
|
|
<el-tag v-if="it.exclusion" type="info" size="mini">互斥项</el-tag>
|
|
</el-col>
|
|
</el-col>
|
|
<el-button @click="addRow" class="little">+</el-button>
|
|
<el-button @click="addRow" class="little">+</el-button>
|
|
|
|
+ <div class="bottomPartMid bottomPartMidss">
|
|
|
|
+ <p><span class="el-icon-arrow-up" @click="orderUpDown(-1)"></span></p>
|
|
|
|
+ <p><span class="el-icon-arrow-down" @click="orderUpDown(1)"></span></p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
@@ -60,6 +68,11 @@
|
|
@import "../../less/common.less";
|
|
@import "../../less/common.less";
|
|
.main-area{
|
|
.main-area{
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+ .bottomPartMid{
|
|
|
|
+ position: absolute;
|
|
|
|
+ top:29px;
|
|
|
|
+ right: 0px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.main-area .static-tip{
|
|
.main-area .static-tip{
|
|
border:1px solid #dcdfe6;
|
|
border:1px solid #dcdfe6;
|
|
@@ -109,7 +122,15 @@
|
|
.main-area{
|
|
.main-area{
|
|
width: 80%;
|
|
width: 80%;
|
|
min-width: 400px;
|
|
min-width: 400px;
|
|
- margin:20px 150px;
|
|
|
|
|
|
+ margin:20px 150px 20px 140px;
|
|
|
|
+ &.sigle-row{
|
|
|
|
+ width: 60%;
|
|
|
|
+ margin:20px 150px 20px 30%;
|
|
|
|
+ .bottomPartMid{
|
|
|
|
+ top: 0;
|
|
|
|
+ right: 40%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.inps{
|
|
.inps{
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: calc(100% - 60px);
|
|
width: calc(100% - 60px);
|
|
@@ -187,9 +208,9 @@
|
|
focusOn(newVal){
|
|
focusOn(newVal){
|
|
this.checkedExc = this.rows[newVal].exclusion===1;
|
|
this.checkedExc = this.rows[newVal].exclusion===1;
|
|
},
|
|
},
|
|
- type() {
|
|
|
|
|
|
+ /*type() {
|
|
this.initData();
|
|
this.initData();
|
|
- },
|
|
|
|
|
|
+ },*/
|
|
sexType() {
|
|
sexType() {
|
|
this.initData();
|
|
this.initData();
|
|
},
|
|
},
|
|
@@ -211,6 +232,16 @@
|
|
}
|
|
}
|
|
this.disableBtn = false;
|
|
this.disableBtn = false;
|
|
},
|
|
},
|
|
|
|
+ orderUpDown(i){
|
|
|
|
+ const item = this.rows[this.focusOn]; //要调整位置的行
|
|
|
|
+ const inx = this.focusOn;
|
|
|
|
+ if(inx===-1||(inx===0&&i===-1)||(inx===this.rows.length-1&&i===1)){
|
|
|
|
+ return ;
|
|
|
|
+ }
|
|
|
|
+ this.focusOn = inx+i;
|
|
|
|
+ this.rows.splice(inx,1);
|
|
|
|
+ this.rows.splice(inx+i,0,item);
|
|
|
|
+ },
|
|
handlePlaceholder(type){ //占位符类型,type=0文本输入框,type=1数字输入框
|
|
handlePlaceholder(type){ //占位符类型,type=0文本输入框,type=1数字输入框
|
|
const i = this.focusOn;
|
|
const i = this.focusOn;
|
|
clearTimeout(this.msgTimer);
|
|
clearTimeout(this.msgTimer);
|