<template>
<div class="main-contain hdy_page">
<div class="seachFeild seachFeild2">
<div class="contents">
<el-form
class="searchForm"
ref="formInlineRef"
label-position="top"
:model="formInline"
>
<el-form-item
label="年度:"
prop="annual"
>
<el-date-picker
v-model="formInline.annual"
type="year"
size="mini"
placeholder="选择年"
value-format="yyyy"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="月度:"
prop="monthly"
>
<el-date-picker
v-model="formInline.monthly"
type="month"
size="mini"
format="MM"
value-format="MM"
placeholder="选择月"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="供应商编码:"
prop="supplerCode"
>
<el-input
v-model="formInline.supplerCode"
size="mini"
placeholder="请输入供应商编码"
></el-input>
</el-form-item>
<el-form-item
label="供应商名称:"
prop="supplerName"
>
<el-input
v-model="formInline.supplerName"
size="mini"
placeholder="请输入供应商名称"
></el-input>
</el-form-item>
<el-form-item
label="分类:"
prop="classify"
v-show="isExtend"
>
<el-select
size="mini"
v-model="formInline.classify"
placeholder="请选择分类"
>
<el-option
v-for="item in optionArr"
:key="item.code"
:label="item.name"
:value="item.code"
></el-option>
</el-select>
</el-form-item>
<el-form-item class="operate">
<span @click="formField()">
{{ isExtend ? '收起' : '展开' }}
<i v-show="!isExtend" class="el-icon-arrow-down"></i>
<i v-show="isExtend" class="el-icon-arrow-up"></i>
</span>
<el-button size="mini" @click="bindReset('formInlineRef')">重置</el-button>
<el-button style="background: rgb(0, 85, 255)" type="primary" size="mini" @click="searchPage()"
>查询</el-button
>
</el-form-item>
</el-form>
</div>
<!-- 查询结果 -->
<div class="contents">
<div class="tableDataCon">
<div style="margin-bottom:20px;">
<el-button
type="primary"
size="mini"
@click="bindAddScore"
> 新增 </el-button>
<div class="filter">
<el-popover placement="bottom" title="" trigger="click" width="40">
<el-checkbox-group v-model="checkedColumns" size="mini">
<el-checkbox
v-for="item in checkBoxGroup"
:key="item"
:label="item"
:value="item"
>
<span style="padding:5px 0;font-size:0.12rem"> {{ item }}</span>
</el-checkbox>
</el-checkbox-group>
<div title="" class="filter-table-col" slot="reference" >
<i class="el-icon-s-operation" style="font-size:0.12rem;width:0.24rem;
height:0.24rem;
border: #999 1px solid;
color: #262626;
line-height:0.24rem;
text-align: center;"></i>
</div>
</el-popover>
</div>
</div>
<el-table
:data="tableData"
v-loading="loading"
style="width: 100%"
:header-cell-style="cellStyle"
:cell-style="tdStyle"
:key="reload"
border
>
<el-table-column
type="index"
label="序号"
width="50"
fixed="left"
align="center"
> </el-table-column>
<el-table-column
prop="supplerCode"
label="供应商编码"
min-width="100"
v-if="colData[0].istrue"
fixed="left"
align="center"
:render-header="
(element, obj) => renderSpecNameHeader(element, obj, { componentType: 'input' })
"
> </el-table-column>
<el-table-column
prop="classify"
label="分类"
v-if="colData[1].istrue"
fixed="left"
align="center"
:render-header="
(element, obj) => renderSpecNameHeader(element, obj, { componentType: 'input' })
"
>
<template slot-scope="scope">
<span>{{scope.row.classify==1?'加分':'扣分'}}</span>
</template>
</el-table-column>
<el-table-column
prop="remark"
label="备注"
v-if="colData[2].istrue"
min-width="100"
align="center"
>
</el-table-column>
<el-table-column
prop="type"
v-if="colData[3].istrue"
label="附件"
min-width="200"
align="center"
>
<template slot-scope="scope">
<a @click="downloadFile(scope.row.fileUrl)">{{scope.row.fileName}}</a>
</template>
</el-table-column>
<el-table-column
prop="createBy"
label="创建人编码"
width="100"
v-if="colData[4].istrue"
align="center"
>
</el-table-column>
<el-table-column
prop="createByName"
label="创建人名称"
width="100"
align="center"
>
</el-table-column>
<el-table-column
prop="updateTime"
label="修改时间"
width="150"
align="center"
>
</el-table-column>
<el-table-column
label="操作"
width="100"
fixed="right"
align="center"
>
<template slot-scope="scope">
<el-button
@click="bindDetele(scope.row.id)"
type="text"
size="small"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="formInline.page"
:page-sizes="[10, 20, 50, 100]"
:page-size="formInline.size"
layout="total, sizes, prev, pager, next, jumper"
:total=
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
vue+element表格标题筛选、表格列隐藏显示.zip (2个子文件)
scoreMaintenance.vue 15KB
SelectHeader.vue 4KB
共 2 条
- 1
资源评论
luoerdaixin
- 粉丝: 20
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功