优化界面

This commit is contained in:
刘祥超
2022-04-05 11:33:29 +08:00
parent f054241a73
commit 2ba63b2484
8 changed files with 8 additions and 8 deletions

View File

@@ -51,7 +51,7 @@ Vue.component("popup-icon", {
} }
} }
}, },
template: `<span><slot></slot>&nbsp;<a href="" :title="title" @click.prevent="clickPrevent"><i class="icon clone outline small"></i></a></span>` template: `<span><slot></slot>&nbsp;<a href="" :title="title" @click.prevent="clickPrevent"><i class="icon expand small"></i></a></span>`
}) })
// 小提示 // 小提示

View File

@@ -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}} &nbsp;<i class="icon clone outline small"></i></a> <td :class="{disabled:!origin.isOn}"><a href="" @click.prevent="updateOrigin(origin.id)">{{origin.addr}} &nbsp;<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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>