ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

删除插槽

Browse Source
qianlishi 3 years ago
parent 7574eea59b
commit fcb982488e
1 changed files with 49 additions and 135 deletions
Show Stats Download Patch File Download Diff File

184
report-ui/src/components/AnjiPlus/anji-crud/anji-crud.vue
Unescape Escape View File

@ -147,57 +147,21 @@
</el-form> </el-form>
<!-- 查询表单结束 --> <!-- 查询表单结束 -->
<!-- 批量操作 --> <!-- 批量操作 -->
<template v-if="!option.tableButtons"> <div style="padding-bottom: 8px">
<div style="padding-bottom: 8px"> <slot name="tableButtons" :selection="checkRecords" />
<slot name="buttonLeftOnTable" :selection="checkRecords" /> <el-button
<el-button v-for="(item, index) in option.tableButtons"
v-if=" :key="index"
option.buttons.add.isShow == undefined v-permission="item.permission"
? true class="tableButton"
: option.buttons.add.isShow :plain="item.plain"
" :icon="item.icon"
v-permission="option.buttons.add.permission" :type="item.type"
class="button" :disabled="isDisabledButton(item, checkRecords)"
plain @click="item.click(checkRecords)"
icon="el-icon-plus" >{{ handlegetLable(checkRecords, item.label) }}</el-button
@click="handleOpenEditView('add')" >
>新增</el-button </div>
>
<el-button
v-if="
option.buttons.delete.isShow == undefined
? true
: option.buttons.delete.isShow
"
v-permission="option.buttons.delete.permission"
class="button"
plain
:disabled="disableBatchDelete"
type="danger"
icon="el-icon-delete"
@click="handleDeleteBatch()"
>删除</el-button
>
<slot name="buttonRightOnTable" :selection="checkRecords" />
</div>
</template>
<template v-else>
<div style="padding-bottom: 8px">
<slot name="tableButtons" :selection="checkRecords" />
<el-button
v-for="(item, index) in option.tableButtons"
:key="index"
v-permission="item.permission"
class="tableButton"
:plain="item.plain"
:icon="item.icon"
:type="item.type"
:disabled="isDisabledButton(item, checkRecords)"
@click="item.click(checkRecords)"
>{{ handlegetLable(checkRecords, item.label) }}</el-button
>
</div>
</template>
</div> </div>
<!-- 表格开始 --> <!-- 表格开始 -->
@ -303,106 +267,56 @@
label="操作" label="操作"
:width="option.buttons.rowButtonsWidth || 100" :width="option.buttons.rowButtonsWidth || 100"
> >
<!-- 插槽 -->
<template slot-scope="scope"> <template slot-scope="scope">
<template v-if="!option.rowButtons"> <div v-if="option.rowButtons.length <= 2">
<slot name="rowButton" :msg="scope.row" />
<el-button <el-button
v-if=" v-for="(item, index) in option.rowButtons"
option.buttons.edit.isShow == undefined :key="index"
? true v-permission="item.permission"
: option.buttons.edit.isShow :disabled="isDisabledButton(item, scope.row)"
" :type="item.type || 'text'"
type="text"
size="small" size="small"
@click="handleOpenEditView('edit', scope.row)" @click="item.click(scope.row)"
>编辑</el-button >{{ handlegetLable(scope.row, item.label) }}</el-button
> >
</div>
<div v-else>
<el-button <el-button
v-if=" v-permission="option.rowButtons[0].permission"
hasCustomButtonInRowMore == false && :type="option.rowButtons[0].type || 'text'"
option.buttons.delete.isShow == undefined :disabled="
? true isDisabledButton(option.rowButtons[0], scope.row)
: option.buttons.edit.isShow
" "
type="text" @click="option.rowButtons[0].click(scope.row)"
size="small" >{{
@click="handleDeleteBatch(scope.row)" handlegetLable(scope.row, option.rowButtons[0].label)
>删除</el-button }}</el-button
> >
<el-dropdown v-if="hasCustomButtonInRowMore" trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link" <span class="el-dropdown-link">
>更多<i class="el-icon-caret-bottom el-icon--right" /> 更多
<i class="el-icon-caret-bottom el-icon--right" />
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item class="clearfix"> <el-dropdown-item class="clearfix">
<slot name="rowButtonInMore" :msg="scope.row" />
<el-button <el-button
v-if=" v-for="(item, index) in option.rowButtons.filter(
option.buttons.delete.isShow == undefined (el, index) => index > 0
? true )"
: option.buttons.edit.isShow :key="index"
" v-permission="item.permission"
type="text" :type="item.type || 'text'"
:disabled="isDisabledButton(item, scope.row)"
size="small" size="small"
@click="handleDeleteBatch(scope.row)" @click="item.click(scope.row)"
>删除</el-button >{{
handlegetLable(scope.row, item.label)
}}</el-button
> >
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</template> </div>
<template v-else>
<div v-if="option.rowButtons.length <= 2">
<el-button
v-for="(item, index) in option.rowButtons"
:key="index"
v-permission="item.permission"
:disabled="isDisabledButton(item, scope.row)"
:type="item.type || 'text'"
size="small"
@click="item.click(scope.row)"
>{{ handlegetLable(scope.row, item.label) }}</el-button
>
</div>
<div v-else>
<el-button
v-permission="option.rowButtons[0].permission"
:type="option.rowButtons[0].type || 'text'"
:disabled="
isDisabledButton(option.rowButtons[0], scope.row)
"
@click="option.rowButtons[0].click(scope.row)"
>{{
handlegetLable(scope.row, option.rowButtons[0].label)
}}</el-button
>
<el-dropdown trigger="click">
<span class="el-dropdown-link">
更多
<i class="el-icon-caret-bottom el-icon--right" />
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item class="clearfix">
<el-button
v-for="(item, index) in option.rowButtons.filter(
(el, index) => index > 0
)"
:key="index"
v-permission="item.permission"
:type="item.type || 'text'"
:disabled="isDisabledButton(item, scope.row)"
size="small"
@click="item.click(scope.row)"
>{{
handlegetLable(scope.row, item.label)
}}</el-button
>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

Write Preview
Loading…
Cancel
Save