|
|
|
@ -6,16 +6,21 @@ |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<el-button @click="searchList()" type="primary">{{ buttons.search }}</el-button> |
|
|
|
<el-button @click="userSetting" type="primary">{{ buttons.settingTable }}</el-button> |
|
|
|
<el-button @click="saveColumnList()" type="primary" v-show="showDefault">{{ buttons.defaultTable }} |
|
|
|
</el-button> |
|
|
|
<el-button @click="userSetting" type="primary">{{ buttons.settingTable}}</el-button> |
|
|
|
<el-button @click="updateExpDate()" type="primary">{{ buttons.updateExp }} |
|
|
|
</el-button> |
|
|
|
|
|
|
|
<el-table |
|
|
|
ref="rollInfo" |
|
|
|
:height="height" |
|
|
|
:data="dataList" |
|
|
|
border |
|
|
|
:cell-style="{ padding: '2px' }" |
|
|
|
v-loading="dataListLoading" |
|
|
|
style="width: 100%;"> |
|
|
|
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="(item,index) in columnList" :key="index" |
|
|
|
:sortable="item.columnSortable" |
|
|
|
@ -40,23 +45,42 @@ |
|
|
|
width="150" |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a type="text" size="small" @click="addOrUpdateHandle(scope.row.rollno,scope.row.site)">修改失效日期</a> |
|
|
|
<a type="text" size="small" @click="addOrUpdateHandle(scope.row.rollno,scope.row.site)">修改有效期</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
<!-- 设置查询条件 --> |
|
|
|
<search v-if="searchVisible" v-on:childByValue="childByValue" ref="search" @refreshDataList="getDataList"></search> |
|
|
|
<!-- 设置列 --> |
|
|
|
<column v-if="visible" ref="column" @refreshData="getTableUserColumn"></column> |
|
|
|
<!-- 弹窗, 新增 / 修改 --> |
|
|
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
:title="'修改有效期'" |
|
|
|
:close-on-click-modal="false" |
|
|
|
width="350px" |
|
|
|
:visible.sync="updateExp"> |
|
|
|
<el-form ref="dataForm" @keyup.enter.native="dataFormSubmit()" |
|
|
|
label-width="80px"> |
|
|
|
<el-form-item label="失效日期" prop="expireddate"> |
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="expireddate" placeholder="失效日期"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="primary" @click="updateExpSubmit()">确定</el-button> |
|
|
|
<el-button @click="updateExp = false">取消</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import AddOrUpdate from './crollinfo-add-or-update' |
|
|
|
import {getCRollInfoList} from '@/api/crollinfo/crollinfo.js' |
|
|
|
import {getCRollInfoList,batchUpdateExpireddate} from '@/api/crollinfo/crollinfo.js' |
|
|
|
import column from "../common/column"; |
|
|
|
import search from "../common/search"; |
|
|
|
import { |
|
|
|
@ -75,6 +99,8 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
searchVisible: false, |
|
|
|
updateExp: false, |
|
|
|
expireddate:'', |
|
|
|
// table高度 |
|
|
|
height: 450, |
|
|
|
// 是否收藏 |
|
|
|
@ -85,13 +111,10 @@ export default { |
|
|
|
languageCode: this.$i18n.locale, |
|
|
|
visible: false, |
|
|
|
showDefault: false, |
|
|
|
query:{ |
|
|
|
|
|
|
|
}, |
|
|
|
query: {}, |
|
|
|
// 语言词典集合 |
|
|
|
sysLanguageParams: [], |
|
|
|
columnList: [ |
|
|
|
], |
|
|
|
columnList: [], |
|
|
|
dataList: [], |
|
|
|
buttons: { |
|
|
|
add: '添加', |
|
|
|
@ -102,7 +125,8 @@ export default { |
|
|
|
search: '搜索', |
|
|
|
download: '导出', |
|
|
|
settingTable: '设置列表', |
|
|
|
defaultTable: '设置默认配置' |
|
|
|
defaultTable: '设置默认配置', |
|
|
|
updateExp: '修改有效期' |
|
|
|
}, |
|
|
|
dataListLoading: false, |
|
|
|
dataListSelections: [], |
|
|
|
@ -123,6 +147,36 @@ export default { |
|
|
|
this.getDataList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 修改有效期 |
|
|
|
updateExpDate() { |
|
|
|
this.updateExp = true |
|
|
|
}, |
|
|
|
// 表单提交 |
|
|
|
updateExpSubmit() { |
|
|
|
let rollInfoList = this.$refs.rollInfo.selection.map(item =>{ |
|
|
|
let rollInfo = { |
|
|
|
site:item.site, |
|
|
|
rollno: item.rollno, |
|
|
|
expireddate: this.expireddate |
|
|
|
} |
|
|
|
return rollInfo; |
|
|
|
}) |
|
|
|
batchUpdateExpireddate(rollInfoList).then(({data}) => { |
|
|
|
if (data && data.code === 0) { |
|
|
|
this.$message({ |
|
|
|
message: '操作成功', |
|
|
|
type: 'success', |
|
|
|
duration: 1500, |
|
|
|
onClose: () => { |
|
|
|
this.updateExp = false |
|
|
|
this.getDataList() |
|
|
|
} |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.$message.error(data.msg) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
childByValue(childValue) { |
|
|
|
this.getDataList(childValue) |
|
|
|
}, |
|
|
|
|
[li_she]
5 years ago