|
|
|
@ -1,40 +1,52 @@ |
|
|
|
<template> |
|
|
|
<div class="div_main"> |
|
|
|
<div v-show="true"> |
|
|
|
<div class="div_search" |
|
|
|
ref="ref_search"> |
|
|
|
<el-form :inline="true" |
|
|
|
<div class="div_search" ref="ref_search"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
ref="ref_searchform" |
|
|
|
label-width="100px"> |
|
|
|
label-width="100px" |
|
|
|
> |
|
|
|
<div> |
|
|
|
<el-form-item v-for="item in searchParams" |
|
|
|
<el-form-item |
|
|
|
v-for="item in searchParams" |
|
|
|
:key="'serach' + item.keyName" |
|
|
|
:label="item.field" |
|
|
|
:prop="item.keyName"> |
|
|
|
:prop="item.keyName" |
|
|
|
> |
|
|
|
<template v-if="item.type == 'input'"> |
|
|
|
<el-input v-model="item.value" |
|
|
|
<el-input |
|
|
|
v-model="item.value" |
|
|
|
style="width: 240px" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
:placeholder="item.placeholder || '请输入'" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</template> |
|
|
|
<template v-else-if="item.type == 'select'"> |
|
|
|
<el-select v-model="item.value" |
|
|
|
<el-select |
|
|
|
v-model="item.value" |
|
|
|
:placeholder="item.placeholder || '请选择'" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
:multiple="item.multiple || false"> |
|
|
|
<el-option v-for="item in item.optionList" |
|
|
|
:key="'serach' + item.keyName + item.value" |
|
|
|
:multiple="item.multiple || false" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in item.optionList" |
|
|
|
:key=" |
|
|
|
'serach' + item.keyName + item.value |
|
|
|
" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
<template v-else-if="item.type == 'cascader'"> |
|
|
|
<el-cascader v-model="item.value" |
|
|
|
<el-cascader |
|
|
|
v-model="item.value" |
|
|
|
:placeholder="item.placeholder || '请选择'" |
|
|
|
:options="item.optionList" |
|
|
|
:props="item.optionProps" |
|
|
|
@ -42,54 +54,82 @@ |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
@change="(e) => handleChangeCascader(e, item)"> |
|
|
|
@change=" |
|
|
|
(e) => handleChangeCascader(e, item) |
|
|
|
" |
|
|
|
> |
|
|
|
</el-cascader> |
|
|
|
</template> |
|
|
|
<template v-if="item.type == 'date-range'"> |
|
|
|
<el-date-picker v-model="item.supValues[0]" |
|
|
|
<el-date-picker |
|
|
|
v-model="item.supValues[0]" |
|
|
|
type="date" |
|
|
|
placeholder="开始时间" |
|
|
|
style="width: 150px" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
clearable> |
|
|
|
clearable |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<span style="display: inline-block; margin: 0 10px">至</span> |
|
|
|
<el-date-picker v-model="item.supValues[1]" |
|
|
|
<span |
|
|
|
style=" |
|
|
|
display: inline-block; |
|
|
|
margin: 0 10px; |
|
|
|
" |
|
|
|
>至</span |
|
|
|
> |
|
|
|
<el-date-picker |
|
|
|
v-model="item.supValues[1]" |
|
|
|
type="date" |
|
|
|
placeholder="结束时间" |
|
|
|
style="width: 150px" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
clearable> |
|
|
|
clearable |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-button style="margin-left: 30px; margin-bottom: 20px" |
|
|
|
<el-button |
|
|
|
style="margin-left: 30px; margin-bottom: 20px" |
|
|
|
size="small" |
|
|
|
class="diy-button--search" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px; margin-bottom: 20px" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px; margin-bottom: 20px" |
|
|
|
size="small" |
|
|
|
class="diy-button--reset" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
@click="resetSearch" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_table" |
|
|
|
:style="{ height: maxTableHeight + 130 + 'px' }"> |
|
|
|
<div |
|
|
|
class="div_table" |
|
|
|
:style="{ height: maxTableHeight + 130 + 'px' }" |
|
|
|
> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button class="diy-button--add" |
|
|
|
<el-button |
|
|
|
class="diy-button--add" |
|
|
|
v-if="addUrl" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
@click="handleAdd" |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-button v-if="mubanUrl" |
|
|
|
<el-button |
|
|
|
v-if="mubanUrl" |
|
|
|
class="btn_upload diy-button--export" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
@click="handleExportModule('room')" |
|
|
|
>下载模板</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
v-if="importUrl" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
@ -100,123 +140,179 @@ |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="true" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="btn_upload diy-button--delete">导入</el-button> |
|
|
|
:http-request="uploadHttpRequest" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
class="btn_upload diy-button--delete" |
|
|
|
>导入</el-button |
|
|
|
> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button v-if="exportUrl" |
|
|
|
<el-button |
|
|
|
v-if="exportUrl" |
|
|
|
@click="handleExport" |
|
|
|
class="btn_upload diy-button--reset" |
|
|
|
size="small">导出</el-button> |
|
|
|
<el-button v-if="qrCodeExportUrl" |
|
|
|
size="small" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="qrCodeExportUrl" |
|
|
|
@click="handleExportQrcode" |
|
|
|
class="btn_upload diy-button--reset" |
|
|
|
size="small">导出员工登记码</el-button> |
|
|
|
<el-button v-if="delMultipleUrl" |
|
|
|
size="small" |
|
|
|
@click="handleDeleteMultiple">批量删除</el-button> |
|
|
|
<slot name="listBtn" |
|
|
|
v-bind:multipleSelection="multipleSelection"></slot> |
|
|
|
>导出员工登记码</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="delMultipleUrl" |
|
|
|
size="small" |
|
|
|
@click="handleDeleteMultiple" |
|
|
|
>批量删除</el-button |
|
|
|
> |
|
|
|
<slot |
|
|
|
name="listBtn" |
|
|
|
v-bind:multipleSelection="multipleSelection" |
|
|
|
></slot> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table ref="ref_table" |
|
|
|
<el-table |
|
|
|
ref="ref_table" |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
:empty-text="loadInfo" |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
:header-cell-style="{ |
|
|
|
background: '#2195FE', |
|
|
|
color: '#FFFFFF', |
|
|
|
}" |
|
|
|
class="table" |
|
|
|
style="width: 100%" |
|
|
|
:height="maxTableHeight" |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<template v-for="(item, index) in tableParams" |
|
|
|
:prop="item.keyName"> |
|
|
|
<el-table-column v-if="item.type == 'selection'" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
> |
|
|
|
<template |
|
|
|
v-for="(item, index) in tableParams" |
|
|
|
:prop="item.keyName" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
v-if="item.type == 'selection'" |
|
|
|
:key="'table-selection' + index" |
|
|
|
type="selection" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column v-if="item.type == 'no'" |
|
|
|
<el-table-column |
|
|
|
v-if="item.type == 'no'" |
|
|
|
:key="'table-no' + item.keyName" |
|
|
|
:label="item.field" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column v-else-if="item.type == 'text'" |
|
|
|
<el-table-column |
|
|
|
v-else-if="item.type == 'text'" |
|
|
|
:key="'table' + item.keyName" |
|
|
|
:prop="item.keyName" |
|
|
|
:label="item.field" |
|
|
|
align="center" |
|
|
|
:width="item.width || ''" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-else-if="item.type == 'array'" |
|
|
|
<el-table-column |
|
|
|
v-else-if="item.type == 'array'" |
|
|
|
:key="'table-array' + item.keyName" |
|
|
|
:prop="item.keyName" |
|
|
|
:label="item.field" |
|
|
|
align="center" |
|
|
|
:width="item.width || ''" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row[item.keyName].join(item.arrayDiv || ",") }} |
|
|
|
{{ |
|
|
|
scope.row[item.keyName].join( |
|
|
|
item.arrayDiv || "," |
|
|
|
) |
|
|
|
}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-table-column v-if="operateCol" |
|
|
|
<el-table-column |
|
|
|
v-if="operateCol" |
|
|
|
fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="200"> |
|
|
|
width="200" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<slot name="listBtnbefore" |
|
|
|
v-bind:item="scope.row"></slot> |
|
|
|
<el-button v-if="infoUrl && infoAuth(scope.row)" |
|
|
|
<slot |
|
|
|
name="listBtnbefore" |
|
|
|
v-bind:item="scope.row" |
|
|
|
></slot> |
|
|
|
<el-button |
|
|
|
v-if="infoUrl && infoAuth(scope.row)" |
|
|
|
@click="handleWatch(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class=".div-table-button--detail">查看</el-button> |
|
|
|
<el-button v-if="editUrl && editAuth(scope.row)" |
|
|
|
class=".div-table-button--detail" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="editUrl && editAuth(scope.row)" |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--edit">{{ editBtnName(scope.row) }}</el-button> |
|
|
|
<el-popconfirm v-if="delUrl && delAuth(scope.row)" |
|
|
|
class="div-table-button--edit" |
|
|
|
>{{ editBtnName(scope.row) }}</el-button |
|
|
|
> |
|
|
|
<el-popconfirm |
|
|
|
v-if="delUrl && delAuth(scope.row)" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDelete(scope.row, scope.$index)" |
|
|
|
@confirm="handleDelete(scope.row, scope.$index)"> |
|
|
|
<el-button slot="reference" |
|
|
|
@onConfirm=" |
|
|
|
handleDelete(scope.row, scope.$index) |
|
|
|
" |
|
|
|
@confirm="handleDelete(scope.row, scope.$index)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
style="margin-left: 10px" |
|
|
|
class="div-table-button--delete">删除</el-button> |
|
|
|
class="div-table-button--delete" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</el-popconfirm> |
|
|
|
|
|
|
|
<slot name="listBtnSup" |
|
|
|
v-bind:item="scope.row"></slot> |
|
|
|
<slot |
|
|
|
name="listBtnSup" |
|
|
|
v-bind:item="scope.row" |
|
|
|
></slot> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog v-if="formShow" |
|
|
|
<el-dialog |
|
|
|
v-if="formShow" |
|
|
|
:visible.sync="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -224,8 +320,10 @@ |
|
|
|
:width="editParamsDiv ? '1100px' : '850px'" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="handleClose"> |
|
|
|
<edit-form v-if="formShow" |
|
|
|
@closed="handleClose" |
|
|
|
> |
|
|
|
<edit-form |
|
|
|
v-if="formShow" |
|
|
|
ref="editForm" |
|
|
|
:idName="idName" |
|
|
|
:formId="formId" |
|
|
|
@ -240,18 +338,23 @@ |
|
|
|
:formBtnFixed="formBtnFixed" |
|
|
|
:editConfig="editConfig" |
|
|
|
@close="handleClose" |
|
|
|
@afterEdit="handleEditSuccess"> |
|
|
|
@afterEdit="handleEditSuccess" |
|
|
|
> |
|
|
|
<template v-slot:bottomSup="{ id, formType, info }"> |
|
|
|
<slot name="editBottomSup" |
|
|
|
<slot |
|
|
|
name="editBottomSup" |
|
|
|
v-bind:id="id" |
|
|
|
v-bind:formType="formType" |
|
|
|
v-bind:info="info"></slot> |
|
|
|
v-bind:info="info" |
|
|
|
></slot> |
|
|
|
</template> |
|
|
|
<template v-slot:operateSup="{ id, formType, info }"> |
|
|
|
<slot name="editOperateSup" |
|
|
|
<slot |
|
|
|
name="editOperateSup" |
|
|
|
v-bind:id="id" |
|
|
|
v-bind:formType="formType" |
|
|
|
v-bind:info="info"></slot> |
|
|
|
v-bind:info="info" |
|
|
|
></slot> |
|
|
|
</template> |
|
|
|
</edit-form> |
|
|
|
</el-dialog> |
|
|
|
@ -387,7 +490,7 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tableData: [], |
|
|
|
loadInfo: '', |
|
|
|
loadInfo: "", |
|
|
|
|
|
|
|
pageNo: 1, |
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
|
@ -408,7 +511,10 @@ export default { |
|
|
|
maxTableHeight() { |
|
|
|
const { ref_search_height } = this; |
|
|
|
return this.$store.state.inIframe |
|
|
|
? this.clientHeight - ref_search_height - 265 + this.iframeHeight |
|
|
|
? this.clientHeight - |
|
|
|
ref_search_height - |
|
|
|
265 + |
|
|
|
this.iframeHeight |
|
|
|
: this.clientHeight - ref_search_height - 265; |
|
|
|
}, |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
@ -571,7 +677,9 @@ export default { |
|
|
|
// this.download(res.data, title + '.xls') |
|
|
|
if (res.headers["content-disposition"]) { |
|
|
|
let fileName = window.decodeURI( |
|
|
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|
|
|
res.headers["content-disposition"] |
|
|
|
.split(";")[1] |
|
|
|
.split("=")[1] |
|
|
|
); |
|
|
|
console.log("filename", fileName); |
|
|
|
let blob = new Blob([res.data], { |
|
|
|
@ -612,10 +720,14 @@ export default { |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
let fileName = window.decodeURI( |
|
|
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|
|
|
res.headers["content-disposition"] |
|
|
|
.split(";")[1] |
|
|
|
.split("=")[1] |
|
|
|
); |
|
|
|
console.log("filename", fileName); |
|
|
|
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" }); |
|
|
|
let blob = new Blob([res.data], { |
|
|
|
type: "application/vnd.ms-excel", |
|
|
|
}); |
|
|
|
var url = window.URL.createObjectURL(blob); |
|
|
|
var aLink = document.createElement("a"); |
|
|
|
aLink.style.display = "none"; |
|
|
|
@ -649,10 +761,14 @@ export default { |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
let fileName = window.decodeURI( |
|
|
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|
|
|
res.headers["content-disposition"] |
|
|
|
.split(";")[1] |
|
|
|
.split("=")[1] |
|
|
|
); |
|
|
|
console.log("filename", fileName); |
|
|
|
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" }); |
|
|
|
let blob = new Blob([res.data], { |
|
|
|
type: "application/vnd.ms-excel", |
|
|
|
}); |
|
|
|
var url = window.URL.createObjectURL(blob); |
|
|
|
var aLink = document.createElement("a"); |
|
|
|
aLink.style.display = "none"; |
|
|
|
@ -765,25 +881,47 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
async getTableData() { |
|
|
|
this.loadInfo = '数据加载中' |
|
|
|
const { tableUrl: url } = this; |
|
|
|
this.loadInfo = "数据加载中"; |
|
|
|
let { tableUrl: url } = this; |
|
|
|
if (!url) return; |
|
|
|
let req = requestPost; |
|
|
|
if (url.startsWith("【GET】")) { |
|
|
|
url = url.substr(5); |
|
|
|
req = requestGet; |
|
|
|
} |
|
|
|
|
|
|
|
const { pageSize, pageNo } = this; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
const { data, code, msg } = await req(url, { |
|
|
|
pageSize, |
|
|
|
pageNo, |
|
|
|
...this.computeFmData(), |
|
|
|
}); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.total = data.total || 0; |
|
|
|
this.tableData = data.list ? this.cookTableData(data.list) : []; |
|
|
|
let total = 0, |
|
|
|
list = []; |
|
|
|
if (Array.isArray(data)) { |
|
|
|
list = data; |
|
|
|
} else if ((data.total || data.count) && data.list) { |
|
|
|
list = data.list || []; |
|
|
|
total = data.total || data.count; |
|
|
|
} else if (typeof data == "object") { |
|
|
|
let ks = Object.keys(data); |
|
|
|
let totalKey = |
|
|
|
ks.find((k) => k.indexOf("ount") != -1) || |
|
|
|
ks.find((k) => k.indexOf("otal") != -1); |
|
|
|
let listKey = ks.find((k) => k.indexOf("ist") != -1); |
|
|
|
if (totalKey && listKey) { |
|
|
|
total = data[totalKey]; |
|
|
|
list = data[listKey] || []; |
|
|
|
} |
|
|
|
} |
|
|
|
this.total = total; |
|
|
|
this.tableData = this.cookTableData(list); |
|
|
|
if (this.tableData.length === 0) { |
|
|
|
this.loadInfo = '暂无数据' |
|
|
|
this.loadInfo = "暂无数据"; |
|
|
|
} else { |
|
|
|
this.loadInfo = '' |
|
|
|
|
|
|
|
this.loadInfo = ""; |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
|
dai
2 years ago