XiaoMo/x-php-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
小陌 2023-09-04 17:30:49 +08:00
parent 5aaa372bd2
commit 53302fc16d
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/xTable/columnItem.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<x-avatar v-if="item.columntype=='avatar' || item.component=='avatar'" :name="item.name" :options="item.options" :data="row"></x-avatar> <x-avatar v-if="item.columntype=='avatar' || item.component=='avatar'" :name="item.name" :options="item.options" :data="row"></x-avatar>
<el-badge v-else-if="item.columntype=='badge' || item.columntype=='imagegroup'" :value="getType(row[item.name])" :type="item.options.type || 'warning'"></el-badge> <el-badge v-else-if="item.columntype=='badge' || item.columntype=='imagegroup'" :value="getType(row[item.name])" @click="handleClick(row, item)" :type="item.options.type || 'warning'"></el-badge>
<el-image v-else-if="item.columntype=='image'" :preview-src-list="[getImg(row[item.name])]" :preview-teleported="true" hide-on-click-modal="true" lazy="true" style="max-width: 60px; height: 26px; border-radius: 2px;" fit="cover" :src="getImg(row[item.name])"> <el-image v-else-if="item.columntype=='image'" :preview-src-list="[getImg(row[item.name])]" :preview-teleported="true" hide-on-click-modal="true" lazy="true" style="max-width: 60px; height: 26px; border-radius: 2px;" fit="cover" :src="getImg(row[item.name])">
<template #error> <template #error>
<div class="image-slot"> <div class="image-slot">
@ -9,11 +9,8 @@
</div> </div>
</template> </template>
</el-image> </el-image>
<input v-else-if="item.columntype=='input'" @click="handleClick(row, item)" style="cursor: pointer; " class="el-input__inner" type="text" readonly :value="row[item.name]"> <input v-else-if="item.columntype=='input'" @click="handleClick(row, item)" style="cursor: pointer; " class="el-input__inner" type="text" readonly :value="row[item.name]">
<p v-else-if="item.columntype=='status'"> <p v-else-if="item.columntype=='status'">
<template v-for="{ value, type = 'success', label } in item.options.items"> <template v-for="{ value, type = 'success', label } in item.options.items">
<x-status-indicator <x-status-indicator
:key="value" :key="value"
@ -21,8 +18,7 @@
:type="type" :type="type"
:label="label" :label="label"
@click="handleClick(row, item)" @click="handleClick(row, item)"
v-if="value === row[item.name]" v-if="value === row[item.name]"></x-status-indicator>
></x-status-indicator>
</template> </template>
</p> </p>
@ -36,17 +32,19 @@
:size="size" :size="size"
:link="link" :link="link"
:icon="icon" :icon="icon"
v-if="value === row[item.name]" v-if="value === row[item.name]">
>
{{ label }} {{ label }}
</el-button> </el-button>
</template> </template>
</p> </p>
<p v-else-if="item.columntype=='button'"> <p v-else-if="item.columntype=='button'">
<el-button @click="handleClick(row, item)" :type="item.options.type || 'warning'" :size="item.options.size || 'small'" :icon="item.options.icon"> <el-button
{{ row[item.name] }} @click="handleClick(row, item)"
</el-button> :type="item.options.type || 'warning'"
:size="item.options.size || 'small'"
:circle="item.options.circle || false"
:icon="item.options.icon"> {{ row[item.name] }} </el-button>
</p> </p>
<p v-else-if="item.columntype=='tag'" @click="handleClick(row, item)" v-time.tip="row[item.name]"></p> <p v-else-if="item.columntype=='tag'" @click="handleClick(row, item)" v-time.tip="row[item.name]"></p>