|
@@ -52,15 +52,23 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="form-group row">
|
|
<div class="form-group row">
|
|
|
<label class="col-md-3"></label>
|
|
<label class="col-md-3"></label>
|
|
|
- <div class="col-md-7">
|
|
|
|
|
|
|
+ <div class="col-md-4">
|
|
|
<input name="role" hidden v-model="roles" >
|
|
<input name="role" hidden v-model="roles" >
|
|
|
- <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;opacity:0.8;text-align: center;">
|
|
|
|
|
|
|
+ <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;opacity:0.5;text-align: center;">
|
|
|
<ul class="list-group tooltipTarget" style="width: 100%" onselectstart="return false;">
|
|
<ul class="list-group tooltipTarget" style="width: 100%" onselectstart="return false;">
|
|
|
- <li :title="role.style ? '双击删除角色' :'双击添加角色'" v-for="role in rolesAll" :id="role.name" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
|
|
|
|
+ <li :data-original-title="role.style ? '双击删除角色' :'双击添加角色'" v-for="role in rolesAll" :id="role.name" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
@dblclick="selectedRole(role)" :class="role.style ? 'active' :''"><span style="cursor: default;" :id="role.name"> @{{ role.name }} </span></li>
|
|
@dblclick="selectedRole(role)" :class="role.style ? 'active' :''"><span style="cursor: default;" :id="role.name"> @{{ role.name }} </span></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="col-md-3">
|
|
|
|
|
+ <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;text-align: center;">
|
|
|
|
|
+ <ul class="list-group" style="width: 100%" onselectstart="return false;">
|
|
|
|
|
+ <li title="双击删除角色" v-for="role in rolesList" :id="role.name" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
|
|
+ @dblclick="selectedRole(role)" ><span style="cursor: default;" > @{{ role.name }} </span></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="form-group row">
|
|
<div class="form-group row">
|
|
|
<label for="carrier" class="col-md-3 col-form-label text-md-right">可见承运商</label>
|
|
<label for="carrier" class="col-md-3 col-form-label text-md-right">可见承运商</label>
|
|
@@ -70,12 +78,21 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="form-group row">
|
|
<div class="form-group row">
|
|
|
<label class="col-md-3"></label>
|
|
<label class="col-md-3"></label>
|
|
|
- <div class="col-md-7">
|
|
|
|
|
|
|
+ <div class="col-md-4">
|
|
|
<input name="carrier" hidden v-model="carriers" >
|
|
<input name="carrier" hidden v-model="carriers" >
|
|
|
- <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;opacity:0.8;text-align: center;">
|
|
|
|
|
|
|
+ <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;opacity:0.5;text-align: center;">
|
|
|
<ul class="list-group tooltipTarget" style="width: 100%" onselectstart="return false;">
|
|
<ul class="list-group tooltipTarget" style="width: 100%" onselectstart="return false;">
|
|
|
- <li :title="carrier.style ? '双击删除承运商' :'双击添加承运商'" v-for="carrier in carriersAll" :id="carrier.name" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
|
|
- @dblclick="selectedCarrier(carrier)" :class="carrier.style ? 'active' :''"><span style="cursor: default;" :id="carrier.name"> @{{ carrier.name }} </span></li>
|
|
|
|
|
|
|
+ <li :data-original-title="carrier.style ? '双击删除承运商' :'双击添加承运商'" v-for="carrier in carriersAll" :id="carrier.name" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
|
|
+ @dblclick="selectedCarrier(carrier)" :class="carrier.style ? 'active' :''"><span style="cursor: default;" > @{{ carrier.name }} </span></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-md-3">
|
|
|
|
|
+ <input name="carrier" hidden v-model="carriers" >
|
|
|
|
|
+ <div class="input-group" style="max-height: 150px; overflow-y: scroll;border-radius:5px;text-align: center;">
|
|
|
|
|
+ <ul class="list-group" style="width: 100%" onselectstart="return false;">
|
|
|
|
|
+ <li title="双击删除承运商" v-for="carrier in carriersList" class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
|
|
+ @dblclick="selectedCarrier(carrier)" ><span style="cursor: default;" > @{{ carrier.name }} </span></li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -111,7 +128,7 @@
|
|
|
@endforeach
|
|
@endforeach
|
|
|
@endif
|
|
@endif
|
|
|
],
|
|
],
|
|
|
- rolesStr:'{{ old('role') }}',
|
|
|
|
|
|
|
+ rolesList:[],
|
|
|
carriersAll:[
|
|
carriersAll:[
|
|
|
@foreach($carriers as $carrier)
|
|
@foreach($carriers as $carrier)
|
|
|
{id:'{{$carrier->id}}',name:'{{$carrier->name}}',style:false},
|
|
{id:'{{$carrier->id}}',name:'{{$carrier->name}}',style:false},
|
|
@@ -126,16 +143,19 @@
|
|
|
@endforeach
|
|
@endforeach
|
|
|
@endif
|
|
@endif
|
|
|
],
|
|
],
|
|
|
|
|
+ carriersList:[],
|
|
|
},
|
|
},
|
|
|
mounted:function(){
|
|
mounted:function(){
|
|
|
$(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
$(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
|
if (this.roles.length>0){
|
|
if (this.roles.length>0){
|
|
|
let rolesAll=this.rolesAll;
|
|
let rolesAll=this.rolesAll;
|
|
|
let roles=this.roles;
|
|
let roles=this.roles;
|
|
|
|
|
+ let rolesList=this.rolesList;
|
|
|
for (let i = 0; i < roles.length; i++) {
|
|
for (let i = 0; i < roles.length; i++) {
|
|
|
rolesAll.every(function (roleAll) {
|
|
rolesAll.every(function (roleAll) {
|
|
|
if (roleAll.id == roles[i]) {
|
|
if (roleAll.id == roles[i]) {
|
|
|
roleAll.style = true;
|
|
roleAll.style = true;
|
|
|
|
|
+ rolesList.push({'id':roleAll.id,'name':roleAll.name});
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
@@ -145,10 +165,12 @@
|
|
|
if (this.carriers.length>0){
|
|
if (this.carriers.length>0){
|
|
|
let carriersAll=this.carriersAll;
|
|
let carriersAll=this.carriersAll;
|
|
|
let carriers=this.carriers;
|
|
let carriers=this.carriers;
|
|
|
|
|
+ let carriersList=this.carriersList;
|
|
|
for (let i = 0; i < carriers.length; i++) {
|
|
for (let i = 0; i < carriers.length; i++) {
|
|
|
carriersAll.every(function (carrierAll) {
|
|
carriersAll.every(function (carrierAll) {
|
|
|
if (carrierAll.id == carriers[i]) {
|
|
if (carrierAll.id == carriers[i]) {
|
|
|
carrierAll.style = true;
|
|
carrierAll.style = true;
|
|
|
|
|
+ carriersList.push({'id':carrierAll.id,'name':carrierAll.name});
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
@@ -160,6 +182,7 @@
|
|
|
selectedCarrier:function (e) {
|
|
selectedCarrier:function (e) {
|
|
|
let carriers=this.carriers;
|
|
let carriers=this.carriers;
|
|
|
let carriersAll=this.carriersAll;
|
|
let carriersAll=this.carriersAll;
|
|
|
|
|
+ let carriersList=this.carriersList;
|
|
|
let isCarrier=true;
|
|
let isCarrier=true;
|
|
|
if (carriers&&carriersAll) {
|
|
if (carriers&&carriersAll) {
|
|
|
for (let i = 0; i < carriers.length; i++) {
|
|
for (let i = 0; i < carriers.length; i++) {
|
|
@@ -172,6 +195,13 @@
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
|
});
|
|
});
|
|
|
|
|
+ carriersList.every(function (carrier,i) {
|
|
|
|
|
+ if (carrier.id==e.id){
|
|
|
|
|
+ carriersList.splice(i,1);
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ return true;
|
|
|
|
|
+ });
|
|
|
isCarrier= false;
|
|
isCarrier= false;
|
|
|
break;
|
|
break;
|
|
|
}
|
|
}
|
|
@@ -183,11 +213,15 @@
|
|
|
carriersAll.every(function (carrierAll) {
|
|
carriersAll.every(function (carrierAll) {
|
|
|
if (carrierAll.id==e.id){
|
|
if (carrierAll.id==e.id){
|
|
|
carrierAll.style=true;
|
|
carrierAll.style=true;
|
|
|
|
|
+ carriersList.push({'id':carrierAll.id,'name':carrierAll.name});
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
+ setTimeout(function(){
|
|
|
|
|
+ $(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
|
|
|
+ },10)
|
|
|
},
|
|
},
|
|
|
seekCarrier:function (e) {
|
|
seekCarrier:function (e) {
|
|
|
let $val=e.target.value;
|
|
let $val=e.target.value;
|
|
@@ -205,6 +239,7 @@
|
|
|
selectedRole:function (e) {
|
|
selectedRole:function (e) {
|
|
|
let roles=this.roles;
|
|
let roles=this.roles;
|
|
|
let rolesAll=this.rolesAll;
|
|
let rolesAll=this.rolesAll;
|
|
|
|
|
+ let rolesList=this.rolesList;
|
|
|
let isRole=true;
|
|
let isRole=true;
|
|
|
if (roles&&rolesAll) {
|
|
if (roles&&rolesAll) {
|
|
|
for (let i = 0; i < roles.length; i++) {
|
|
for (let i = 0; i < roles.length; i++) {
|
|
@@ -217,6 +252,13 @@
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
|
});
|
|
});
|
|
|
|
|
+ rolesList.every(function (role,i) {
|
|
|
|
|
+ if (role.id==e.id){
|
|
|
|
|
+ rolesList.splice(i,1);
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ return true;
|
|
|
|
|
+ });
|
|
|
isRole= false;
|
|
isRole= false;
|
|
|
break;
|
|
break;
|
|
|
}
|
|
}
|
|
@@ -228,11 +270,15 @@
|
|
|
rolesAll.every(function (roleAll) {
|
|
rolesAll.every(function (roleAll) {
|
|
|
if (roleAll.id==e.id){
|
|
if (roleAll.id==e.id){
|
|
|
roleAll.style=true;
|
|
roleAll.style=true;
|
|
|
|
|
+ rolesList.push({'id':roleAll.id,'name':roleAll.name});
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
return true;
|
|
return true;
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
+ setTimeout(function(){
|
|
|
|
|
+ $(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
|
|
|
+ },10)
|
|
|
},
|
|
},
|
|
|
seekRole:function (e) {
|
|
seekRole:function (e) {
|
|
|
let $val=e.target.value;
|
|
let $val=e.target.value;
|