mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-19 15:30:25 +08:00
优化界面
This commit is contained in:
@@ -51,7 +51,7 @@ Vue.component("popup-icon", {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
template: `<span><slot></slot> <a href="" :title="title" @click.prevent="clickPrevent"><i class="icon clone outline small"></i></a></span>`
|
template: `<span><slot></slot> <a href="" :title="title" @click.prevent="clickPrevent"><i class="icon expand small"></i></a></span>`
|
||||||
})
|
})
|
||||||
|
|
||||||
// 小提示
|
// 小提示
|
||||||
|
|||||||
@@ -85,7 +85,7 @@ Vue.component("origin-list-table", {
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tr v-for="origin in vOrigins">
|
<tr v-for="origin in vOrigins">
|
||||||
<td :class="{disabled:!origin.isOn}"><a href="" @click.prevent="updateOrigin(origin.id)">{{origin.addr}} <i class="icon clone outline small"></i></a>
|
<td :class="{disabled:!origin.isOn}"><a href="" @click.prevent="updateOrigin(origin.id)">{{origin.addr}} <i class="icon expand small"></i></a>
|
||||||
<div style="margin-top: 0.3em" v-if="origin.name.length > 0 || origin.hasCert || (origin.host != null && origin.host.length > 0) || (origin.domains != null && origin.domains.length > 0)">
|
<div style="margin-top: 0.3em" v-if="origin.name.length > 0 || origin.hasCert || (origin.host != null && origin.host.length > 0) || (origin.domains != null && origin.domains.length > 0)">
|
||||||
<tiny-basic-label v-if="origin.name.length > 0">{{origin.name}}</tiny-basic-label>
|
<tiny-basic-label v-if="origin.name.length > 0">{{origin.name}}</tiny-basic-label>
|
||||||
<tiny-basic-label v-if="origin.hasCert">证书</tiny-basic-label>
|
<tiny-basic-label v-if="origin.hasCert">证书</tiny-basic-label>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
<tbody v-for="group in groups" :data-group-id="group.id">
|
<tbody v-for="group in groups" :data-group-id="group.id">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
||||||
<td><a href="" @click.prevent="updateGroup(group.id)">{{group.name}} <i class="icon clone outline small"></i></a></td>
|
<td><a href="" @click.prevent="updateGroup(group.id)">{{group.name}} <i class="icon expand small"></i></a></td>
|
||||||
<td class="center">
|
<td class="center">
|
||||||
<a :href="'/clusters/cluster/nodes?clusterId=' + clusterId + '&groupId=' + group.id" v-if="group.countNodes > 0">{{group.countNodes}}</a>
|
<a :href="'/clusters/cluster/nodes?clusterId=' + clusterId + '&groupId=' + group.id" v-if="group.countNodes > 0">{{group.countNodes}}</a>
|
||||||
<span v-else class="disabled">0</span>
|
<span v-else class="disabled">0</span>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tr v-for="account in accounts">
|
<tr v-for="account in accounts">
|
||||||
<td>
|
<td>
|
||||||
<a href="" @click.prevent="updateAccount(account.id)">{{account.name}} <i class="icon clone outline small"></i></a>
|
<a href="" @click.prevent="updateAccount(account.id)">{{account.name}} <i class="icon expand small"></i></a>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<span v-if="account.provider != null">{{account.provider.name}}</span>
|
<span v-if="account.provider != null">{{account.provider.name}}</span>
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tr v-for="user in users">
|
<tr v-for="user in users">
|
||||||
<td>
|
<td>
|
||||||
<a href="" @click.prevent="updateUser(user.id)">{{user.email}} <i class="icon clone outline small"></i></a>
|
<a href="" @click.prevent="updateUser(user.id)">{{user.email}} <i class="icon expand small"></i></a>
|
||||||
<div>
|
<div>
|
||||||
<grey-label v-if="user.provider != null">{{user.provider.name}}</grey-label>
|
<grey-label v-if="user.provider != null">{{user.provider.name}}</grey-label>
|
||||||
<grey-label v-if="user.account != null">{{user.account.name}}</grey-label>
|
<grey-label v-if="user.account != null">{{user.account.name}}</grey-label>
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
<tbody v-for="set in sets" :data-set-id="set.id">
|
<tbody v-for="set in sets" :data-set-id="set.id">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="text-align: center;"><i class="icon bars handle grey"></i></td>
|
<td style="text-align: center;"><i class="icon bars handle grey"></i></td>
|
||||||
<td nowrap=""><a :name="'set' + set.id"></a><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon clone outline small"></i> </a>
|
<td nowrap=""><a :name="'set' + set.id"></a><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon expand small"></i> </a>
|
||||||
<p style="margin-top:0.5em">
|
<p style="margin-top:0.5em">
|
||||||
<label-on :v-is-on="set.isOn"></label-on>
|
<label-on :v-is-on="set.isOn"></label-on>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -41,7 +41,7 @@
|
|||||||
<tbody v-for="set in sets" :data-set-id="set.id">
|
<tbody v-for="set in sets" :data-set-id="set.id">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
||||||
<td nowrap=""><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon clone outline small"></i></a>
|
<td nowrap=""><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon expand small"></i></a>
|
||||||
<p style="margin-top:0.5em">
|
<p style="margin-top:0.5em">
|
||||||
<label-on :v-is-on="set.isOn"></label-on>
|
<label-on :v-is-on="set.isOn"></label-on>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
<tbody v-for="set in sets" :data-set-id="set.id">
|
<tbody v-for="set in sets" :data-set-id="set.id">
|
||||||
<tr>
|
<tr>
|
||||||
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
<td style="text-align: center;"><i class="icon bars handle grey"></i> </td>
|
||||||
<td nowrap=""><a :name="'set' + set.id"></a><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon clone outline small"></i></a>
|
<td nowrap=""><a :name="'set' + set.id"></a><a href="" @click.prevent="updateSet(set.id)"><span :class="{disabled:!set.isOn}">{{set.name}}</span> <i class="icon expand small"></i></a>
|
||||||
<p style="margin-top:0.5em">
|
<p style="margin-top:0.5em">
|
||||||
<label-on :v-is-on="set.isOn"></label-on>
|
<label-on :v-is-on="set.isOn"></label-on>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user