|
|
@@ -57,7 +57,7 @@
|
|
|
<div class="col-md-7">
|
|
|
<input id="phone" type="phone"
|
|
|
class="form-control @error('phone') is-invalid @enderror" name="phone"
|
|
|
- value="{{ old('phone') }}" required autocomplete="phone">
|
|
|
+ value="{{ old('phone') }}" autocomplete="phone">
|
|
|
|
|
|
@error('phone')
|
|
|
<span class="invalid-feedback" role="alert">
|
|
|
@@ -112,15 +112,14 @@
|
|
|
<label class="col-md-3"></label>
|
|
|
<div class="col-md-4">
|
|
|
<input name="role" hidden v-model="roles">
|
|
|
- <div class="input-group"
|
|
|
- style="max-height: 190px; overflow-y: scroll;border-radius:5px;opacity:0.5;text-align: center;">
|
|
|
- <ul class="list-group tooltipTarget" style="width: 100%"
|
|
|
- onselectstart="return false;">
|
|
|
- <li :data-original-title="role.style ? '双击删除角色' : '双击添加角色'"
|
|
|
+ <div class="input-group" style="max-height: 190px; overflow-y: scroll;border-radius:5px;opacity:0.5;text-align: center;">
|
|
|
+ <ul class="list-group" style="width: 100%" onselectstart="return false;">
|
|
|
+ <li :data-original-title="role.style ? '双击删除角色' : '双击添加角色'"
|
|
|
v-for="role in rolesFilter" :id="role.name"
|
|
|
- class="tooltipTarget list-group-item list-group-item-action pt-0 pb-0"
|
|
|
- @dblclick="selectedRole(role)" :class="role.style ? 'active' :''"><span
|
|
|
- style="cursor: default;"> @{{ role.name }} </span></li>
|
|
|
+ class="tooltipTarget list-group-item list-group-item-action pt-0 pb-0 "
|
|
|
+ @dblclick="selectedRole(role)" :class="role.style ? 'active' :''">
|
|
|
+ <span style="cursor: default;" class=""> @{{ role.name }}</span>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -128,8 +127,10 @@
|
|
|
<div class="input-group"
|
|
|
style="max-height: 190px; 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"
|
|
|
+ <li
|
|
|
+ title="双击删除角色"
|
|
|
+ v-for="role in rolesList" :id="role.name"
|
|
|
+ class="tooltipTarget list-group-item list-group-item-action pt-0 pb-0"
|
|
|
@dblclick="selectedRole(role)"><span style="cursor: default;"> @{{ role.name }} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -148,7 +149,7 @@
|
|
|
<div class="col-md-4">
|
|
|
<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%"
|
|
|
+ <ul class="list-group" style="width: 100%"
|
|
|
onselectstart="return false;">
|
|
|
<li :data-original-title="logistic.style ? '双击删除承运商' : '双击添加承运商'"
|
|
|
v-for="logistic in logisticsFilter" :id="logistic.name"
|
|
|
@@ -165,7 +166,7 @@
|
|
|
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="logistic in logisticsList"
|
|
|
- class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
+ class="tooltipTarget list-group-item list-group-item-action pt-0 pb-0"
|
|
|
@dblclick="selectedLogistic(logistic)"><span style="cursor: default;"> @{{ logistic.name }} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -184,7 +185,7 @@
|
|
|
<div class="col-md-4">
|
|
|
<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%"
|
|
|
+ <ul class="list-group" style="width: 100%"
|
|
|
onselectstart="return false;">
|
|
|
<li :data-original-title="supplier.style ? '双击删除供应商' : '双击添加供应商'"
|
|
|
v-for="supplier in suppliersFilter" :id="supplier.name"
|
|
|
@@ -200,8 +201,9 @@
|
|
|
<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="supplier in suppliersList"
|
|
|
- class="list-group-item list-group-item-action pt-0 pb-0"
|
|
|
+ <li :data-original-title="suppliersList ? '双击删除供应商' : ''"
|
|
|
+ v-for="supplier in suppliersList"
|
|
|
+ class="tooltipTarget list-group-item list-group-item-action pt-0 pb-0"
|
|
|
@dblclick="selectedSupplier(supplier)"><span style="cursor: default;"> @{{ supplier.name }} </span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -287,7 +289,7 @@
|
|
|
suppliersList: [],
|
|
|
},
|
|
|
mounted: function () {
|
|
|
- $(".tooltipTarget").tooltip({'trigger': 'hover'});
|
|
|
+ $(".tooltipTarget").tooltip({ boundary: 'window' });
|
|
|
if (this.roles.length > 0) {
|
|
|
let rolesAll = this.rolesAll;
|
|
|
let roles = this.roles;
|
|
|
@@ -339,6 +341,7 @@
|
|
|
logisticsList.every(function (logistic, i) {
|
|
|
if (logistic.id == e.id) {
|
|
|
logisticsList.splice(i, 1);
|
|
|
+ $(".tooltipTarget").tooltip('hide');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
@@ -360,9 +363,7 @@
|
|
|
return true;
|
|
|
});
|
|
|
}
|
|
|
- setTimeout(function () {
|
|
|
- $(".tooltipTarget").tooltip({'trigger': 'hover'});
|
|
|
- }, 10)
|
|
|
+ this.resetTooltip();
|
|
|
},
|
|
|
selectedSupplier: function (e) {
|
|
|
let supplier = this.supplier;
|
|
|
@@ -383,6 +384,7 @@
|
|
|
suppliersList.every(function (supplier, i) {
|
|
|
if (supplier.id == e.id) {
|
|
|
suppliersList.splice(i, 1);
|
|
|
+ $(".tooltipTarget").tooltip('hide');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
@@ -404,9 +406,7 @@
|
|
|
return true;
|
|
|
});
|
|
|
}
|
|
|
- setTimeout(function () {
|
|
|
- $(".tooltipTarget").tooltip({'trigger': 'hover'});
|
|
|
- }, 10)
|
|
|
+ this.resetTooltip();
|
|
|
},
|
|
|
seekLogistic: function (e) {
|
|
|
let $val = e.target.value;
|
|
|
@@ -432,6 +432,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ this.resetTooltip();
|
|
|
},
|
|
|
seekSupplier: function (e) {
|
|
|
let $val = e.target.value;
|
|
|
@@ -457,6 +458,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ this.resetTooltip();
|
|
|
},
|
|
|
selectedRole: function (e) {
|
|
|
let roles = this.roles;
|
|
|
@@ -477,6 +479,7 @@
|
|
|
rolesList.every(function (role, i) {
|
|
|
if (role.id == e.id) {
|
|
|
rolesList.splice(i, 1);
|
|
|
+ $(".tooltipTarget").tooltip('hide');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
@@ -498,9 +501,7 @@
|
|
|
return true;
|
|
|
});
|
|
|
}
|
|
|
- setTimeout(function () {
|
|
|
- $(".tooltipTarget").tooltip({'trigger': 'hover'});
|
|
|
- }, 10)
|
|
|
+ this.resetTooltip();
|
|
|
},
|
|
|
seekRole: function (e) {
|
|
|
let $val = e.target.value;
|
|
|
@@ -515,22 +516,24 @@
|
|
|
}
|
|
|
return true;
|
|
|
});
|
|
|
- console.log(bool);
|
|
|
if ($val === '' && bool) {
|
|
|
this.rolesFilter = this.rolesAll;
|
|
|
} else if (bool) {
|
|
|
this.rolesFilter = [];
|
|
|
for (let i = 0; i < rolesAll.length; i++) {
|
|
|
let role = rolesAll[i];
|
|
|
- console.log(role);
|
|
|
let name = role.name;
|
|
|
if (name.includes($val)) {
|
|
|
- console.log(name);
|
|
|
this.rolesFilter.push(role);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ this.resetTooltip();
|
|
|
+ },
|
|
|
+ resetTooltip(){
|
|
|
+ setTimeout(function () {
|
|
|
+ $(".tooltipTarget").tooltip({ boundary: 'window' });
|
|
|
+ }, 10 )
|
|
|
},
|
|
|
},
|
|
|
});
|