forked from xxhjsb/hbt-prevention-ui
98 lines
6.0 KiB
HTML
98 lines
6.0 KiB
HTML
<div class="common-box dis-flex ">
|
|
<div class="common-content-box dis-flex flex-col flex-1">
|
|
<div class="search-box">
|
|
<FormComponent :options="formOptions" :data.sync="params" @actionCallback="callback" :actions="formActions"
|
|
:full-btn="false" @change="change" btn-position="end"></FormComponent>
|
|
</div>
|
|
<div class="table-box flex-1">
|
|
<div class="full" v-if="isExchange">
|
|
<el-radio-group text-color="#409EFF" fill="transparent" size="medium" v-model="params.type"
|
|
@change="tabTableChange">
|
|
<el-radio-button :label="item.value" v-for="item in tabs"
|
|
:key="item.value">{{item.name}}</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
<TableComponent style="flex: 1; height: 1px;" :tableData="tableData" :tableColumn="tableColumn"
|
|
@actionCallback="callback($event)" @pageNumberChange="callback($event,'pageNum')"
|
|
@pageSizeChange="callback($event,'pageSize')" :footerActions="footerActions" :actions="tableActions">
|
|
|
|
<el-table ref="multipleTable" :data="tableData.datas" height="100%" border row-key="checked"
|
|
@selection-change="handleSelectionChange" style="width: 100%">
|
|
<el-table-column v-if="!isAction && !(isManager && params.type>1)" type="selection"
|
|
:selectable="selectable" fixed label="全选" width="40">
|
|
</el-table-column>
|
|
<el-table-column label="序号" width="60">
|
|
<div slot-scope="scope">{{scope.$index+1}}</div>
|
|
</el-table-column>
|
|
<template v-for="item in tableColumn">
|
|
<el-table-column v-if="item.render" :label="item.name" :filters="item.filters"
|
|
:filter-method="item.filterMethod" :width="item.width" :key="item.key">
|
|
<div slot-scope="scope" @click="" v-html="item.render(scope.row)"
|
|
style="pointer-events: none;" @click="rowCallback($event,scope.row)"></div>
|
|
</el-table-column>
|
|
<el-table-column v-else :prop="item.key" :label="item.name" :filters="item.filters"
|
|
:filter-method="item.filterMethod" :width="item.width" :key="item.key">
|
|
</el-table-column>
|
|
</template>
|
|
<el-table-column label="操作" fixed="right" :width="tableActionWidth">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" @click="">查看</el-button>
|
|
<el-button type="text" @click="">删除</el-button>
|
|
<el-button type="text" @click="">作废</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
</TableComponent>
|
|
</div>
|
|
</div>
|
|
|
|
<el-dialog :close-on-click-modal="false" :title="'新增'" :visible.sync="showUpdate" width="952px"
|
|
:before-close="handleClose">
|
|
<FormComponent :options="updateOptions" labelWidth="110px" labelAlign="right" :data.sync="updateParams"
|
|
:isReadonly="isReadonly" :actions="operate?[]: updateActions" @actionCallback="subCallback"
|
|
@change="changes" :full-btn="true" btnPosition="center">
|
|
<div class="sub-title">兑换清单</div>
|
|
<TableComponent :tableData="currentStepTableData" :tableColumn="subTableColumn"
|
|
@actionCallback="subCallback($event)" :actions="tableActions" actionPosition="flex-start"
|
|
:showFooter="false" style="margin-bottom: 20px;">
|
|
<el-table ref="multipleTable" :data="updateParams.pointExchangeDetails" tooltip-effect="dark" max-height="500" border
|
|
row-key="checked" @selection-change="handleSubSelectionChange" style="width: 100%">
|
|
<el-table-column type="selection" fixed label="全选" width="40">
|
|
</el-table-column>
|
|
<template v-for="item in subTableColumn">
|
|
<el-table-column v-if="item.render" :show-overflow-tooltip="item.showTip" :label="item.name"
|
|
:width="item.width" :key="item.key">
|
|
<div slot-scope="scope" v-html="item.render(scope.row)">
|
|
</div>
|
|
</el-table-column>
|
|
<el-table-column v-else :prop="item.key" :show-overflow-tooltip="item.showTip"
|
|
:label="item.name" :width="item.width" :key="item.key">
|
|
</el-table-column>
|
|
</template>
|
|
<el-table-column label="操作" fixed="right" width="150">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" @click="">查看</el-button>
|
|
<el-button type="text" @click="">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</TableComponent>
|
|
</FormComponent>
|
|
<template v-if="operate">
|
|
<div class="sub-title">审批</div>
|
|
<FormComponent :options="approveOptions" labelWidth="110px" labelAlign="right" :data.sync="updateParams"
|
|
:isReadonly="isReadonly" @actionCallback="subCallback" @change="changes" :actions="updateActions"
|
|
:full-btn="true" btnPosition="center">
|
|
</FormComponent>
|
|
</template>
|
|
</el-dialog>
|
|
|
|
<el-dialog :close-on-click-modal="false" :title="'新增'" :visible.sync="subShowUpdate" width="952px">
|
|
<FormComponent :options="subUpdateOptions" labelWidth="110px" labelAlign="right" :data.sync="subUpdateParams"
|
|
@actionCallback="triCallback" @change="changes" :actions="subUpdateActions" :full-btn="true"
|
|
btnPosition="center">
|
|
</FormComponent>
|
|
</el-dialog>
|
|
|
|
</div> |