From af5847927931d3f491d7be5e0178cff3c37ac6f9 Mon Sep 17 00:00:00 2001
From: huangxiaoqiang <huangxiaoqiang@hnkhzn.com>
Date: 星期四, 06 十一月 2025 17:20:44 +0800
Subject: [PATCH] 1
---
项目代码/WMS/WIDESEA_WMSClient/src/components/basic/ViewGrid/ViewGrid.vue | 418 ++++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 282 insertions(+), 136 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/components/basic/ViewGrid/ViewGrid.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/components/basic/ViewGrid/ViewGrid.vue"
index c66cf97..5be6e89 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/components/basic/ViewGrid/ViewGrid.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSClient/src/components/basic/ViewGrid/ViewGrid.vue"
@@ -2,35 +2,60 @@
<div class="layout-container">
<a :href="exportHref" ref="export"></a>
<!--寮�鍚噿鍔犺浇2020.12.06 -->
- <vol-box :on-model-close="closeCustomModel" v-model="viewModel" :height="520" :width="500" :padding="0" :lazy="true"
- title="璁剧疆">
+ <vol-box
+ :on-model-close="closeCustomModel"
+ v-model="viewModel"
+ :height="520"
+ :width="500"
+ :padding="0"
+ :lazy="true"
+ title="璁剧疆"
+ >
<template #content>
<custom-column :view-columns="viewColumns"></custom-column>
</template>
<template #footer>
<div style="text-align: center">
- <el-button type="default" size="small" @click="closeCustomModel"><i class="el-icon-close"></i>鍙栨秷</el-button>
- <el-button type="success" size="small" @click="initViewColumns(true)"><i
- class="el-icon-refresh"></i>閲嶇疆</el-button>
- <el-button type="primary" size="small" @click="saveColumnConfig"><i class="el-icon-check"></i>纭畾</el-button>
+ <el-button type="default" size="small" @click="closeCustomModel"
+ ><i class="el-icon-close"></i>鍙栨秷</el-button
+ >
+ <el-button type="success" size="small" @click="initViewColumns(true)"
+ ><i class="el-icon-refresh"></i>閲嶇疆</el-button
+ >
+ <el-button type="primary" size="small" @click="saveColumnConfig"
+ ><i class="el-icon-check"></i>纭畾</el-button
+ >
</div>
</template>
</vol-box>
- <ViewGridAudit @auditClick="saveAudit" :option="table" ref="audit">
-
- </ViewGridAudit>
+ <ViewGridAudit @auditClick="saveAudit" :option="table" ref="audit"> </ViewGridAudit>
<!--瀵煎叆excel鍔熻兘-->
<!--2020.10.31娣诲姞瀵煎叆鍓嶇殑鏂规硶-->
<!--寮�鍚噿鍔犺浇2020.12.06 -->
<!-- 2022.01.08澧炲姞鏄庣粏琛ㄥ鍏ュ垽鏂� -->
- <vol-box v-if="upload.url" v-model="upload.excel" :height="350" :width="600" :lazy="true"
- :title="(boxModel ? detailOptions.cnName : table.cnName) + '-瀵煎叆'">
- <UploadExcel ref="upload_excel" @importExcelAfter="importExcelAfter" :importExcelBefore="importExcelBefore"
- :url="upload.url" :template="upload.template"></UploadExcel>
+ <vol-box
+ v-if="upload.url"
+ v-model="upload.excel"
+ :height="350"
+ :width="600"
+ :lazy="true"
+ :title="(boxModel ? detailOptions.cnName : table.cnName) + '-瀵煎叆'"
+ >
+ <UploadExcel
+ ref="upload_excel"
+ @importExcelAfter="importExcelAfter"
+ :importExcelBefore="importExcelBefore"
+ :url="upload.url"
+ :template="upload.template"
+ ></UploadExcel>
</vol-box>
<!--澶撮儴鑷畾涔夌粍浠�-->
- <component :is="dynamicComponent.gridHeader" ref="gridHeader" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.gridHeader"
+ ref="gridHeader"
+ @parentCall="parentCall"
+ ></component>
<!--涓荤晫闈㈡煡璇笌table琛ㄥ崟甯冨眬-->
<div class="view-container">
<!-- 2020.09.11澧炲姞鍥哄畾鏌ヨ琛ㄥ崟 -->
@@ -38,8 +63,15 @@
<div class="grid-search">
<div :class="[fiexdSearchForm ? 'fiexd-search-box' : 'search-box']" v-show="searchBoxShow">
<!-- 2020.09.13澧炲姞formFileds鎷煎啓閿欒鍏煎澶勭悊 -->
- <vol-form ref="searchForm" :load-key="false" style="padding: 0 15px" :label-width="labelWidth"
- :formRules="searchFormOptions" :formFields="searchFormFields" :select2Count="select2Count">
+ <vol-form
+ ref="searchForm"
+ :load-key="false"
+ style="padding: 0 15px"
+ :label-width="labelWidth"
+ :formRules="searchFormOptions"
+ :formFields="searchFormFields"
+ :select2Count="select2Count"
+ >
<template #footer>
<div v-if="!fiexdSearchForm" class="form-closex">
<el-button size="small" type="primary" plain @click="search">
@@ -67,9 +99,15 @@
</div>
<!--蹇�熸煡璇㈠瓧娈�-->
<div class="search-line" v-if="!fiexdSearchForm && !searchBoxShow">
- <QuickSearch v-if="singleSearch" :searchFormOptions="searchFormOptions" :searchFormFields="searchFormFields"
- :select2Count="select2Count" :label-width="labelWidth" :queryFields="queryFields"
- @tiggerPress="quickSearchKeyPress"></QuickSearch>
+ <QuickSearch
+ v-if="singleSearch"
+ :searchFormOptions="searchFormOptions"
+ :searchFormFields="searchFormFields"
+ :select2Count="select2Count"
+ :label-width="labelWidth"
+ :queryFields="queryFields"
+ @tiggerPress="quickSearchKeyPress"
+ ></QuickSearch>
</div>
<!--鎿嶄綔鎸夐挳缁�-->
<!-- 2020.11.29澧炲姞鏌ヨ鐣岄潰hidden灞炴�� -->
@@ -78,7 +116,8 @@
<template :key="bIndex" v-for="(btn, bIndex) in buttons.slice(0, maxBtnLength)">
<el-dropdown size="small" v-if="btn.data" :split-button="false">
<el-button :color="btn.color" :dark="false" :type="btn.type" :plain="btn.plain">
- {{ btn.name }}<i class="el-icon-arrow-down el-icon--right"></i></el-button>
+ {{ btn.name }}<i class="el-icon-arrow-down el-icon--right"></i
+ ></el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item v-for="(item, index) in btn.data" :key="index">
@@ -90,13 +129,28 @@
</el-dropdown-menu>
</template>
</el-dropdown>
- <el-button v-else :type="btn.type" size="small" :color="btn.color" :dark="false" :class="btn.class"
- :plain="btn.plain" v-show="!btn.hidden" @click="onClick(btn.onClick)">
+ <el-button
+ v-else
+ :type="btn.type"
+ size="small"
+ :color="btn.color"
+ :dark="false"
+ :class="btn.class"
+ :plain="btn.plain"
+ v-show="!btn.hidden"
+ @click="onClick(btn.onClick)"
+ >
<i :class="btn.icon"></i> {{ btn.name }}
</el-button>
</template>
- <el-button type="default" style="padding: 0px 10px" size="small" :plain="true" v-if="showCustom"
- @click="showCustomModel">
+ <el-button
+ type="default"
+ style="padding: 0px 10px"
+ size="small"
+ :plain="true"
+ v-if="showCustom"
+ @click="showCustomModel"
+ >
<i class="el-icon-s-grid"></i>
</el-button>
<el-dropdown size="small" @click="changeDropdown" v-if="buttons.length > maxBtnLength">
@@ -105,11 +159,15 @@
</el-button>
<template #dropdown>
<el-dropdown-menu>
- <el-dropdown-item @click="changeDropdown(item.name)" :name="item.name" v-show="!item.hidden" v-for="(item, dIndex) in buttons.slice(
- maxBtnLength,
- buttons.length
- )" :key="dIndex">
- <i :class="item.icon"></i> {{ item.name }}</el-dropdown-item>
+ <el-dropdown-item
+ @click="changeDropdown(item.name)"
+ :name="item.name"
+ v-show="!item.hidden"
+ v-for="(item, dIndex) in buttons.slice(maxBtnLength, buttons.length)"
+ :key="dIndex"
+ >
+ <i :class="item.icon"></i> {{ item.name }}</el-dropdown-item
+ >
</el-dropdown-menu>
</template>
</el-dropdown>
@@ -117,27 +175,54 @@
</div>
<!-- 鍒嗗壊浣嶇疆 -->
- <vol-box v-if="boxInit" v-model="boxModel" :title="boxOptions.title" :width="boxOptions.width"
- :height="boxOptions.height" :modal="boxOptions.modal" :draggable="boxOptions.draggable" :padding="0"
- :on-model-close="onGridModelClose" @fullscreen="fullscreen">
+ <vol-box
+ v-if="boxInit"
+ v-model="boxModel"
+ :title="boxOptions.title"
+ :width="boxOptions.width"
+ :height="boxOptions.height"
+ :modal="boxOptions.modal"
+ :draggable="boxOptions.draggable"
+ :padding="0"
+ :on-model-close="onGridModelClose"
+ @fullscreen="fullscreen"
+ >
<!--鏄庣粏澶撮儴鑷畾涔夌粍浠�-->
<template #content>
<div class="box-com vol-edit-box">
<div class="vol-edit-content">
- <component :is="dynamicComponent.modelHeader" ref="modelHeader" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.modelHeader"
+ ref="modelHeader"
+ @parentCall="parentCall"
+ ></component>
<!-- <div v-show="isBoxAudit" class="flow-step">
<div v-for="(item, index) in workFlowSteps" :key="index">
{{ item.stepName }}
</div>
</div> -->
<div class="item form-item">
- <vol-form ref="form" :editor="editor" :load-key="false" :label-width="boxOptions.labelWidth"
- :formRules="editFormOptions" :formFields="editFormFields" :select2Count="select2Count"></vol-form>
+ <vol-form
+ ref="form"
+ :editor="editor"
+ :load-key="false"
+ :label-width="boxOptions.labelWidth"
+ :formRules="editFormOptions"
+ :formFields="editFormFields"
+ :select2Count="select2Count"
+ ></vol-form>
</div>
<!--鏄庣粏body鑷畾涔夌粍浠�-->
- <component :is="dynamicComponent.modelBody" ref="modelBody" @parentCall="parentCall"></component>
- <div v-show="hasDetail" v-if="detail.columns && detail.columns.length > 0"
- class="grid-detail table-item item">
+ <component
+ :is="dynamicComponent.modelBody"
+ ref="modelBody"
+ @parentCall="parentCall"
+ ></component>
+ <div
+ v-show="hasDetail"
+ v-if="detail.columns && detail.columns.length > 0"
+ class="grid-detail table-item item"
+ >
<div class="toolbar">
<div class="title form-text">
<span>
@@ -147,43 +232,85 @@
</div>
<!--鏄庣粏琛ㄦ牸鎸夐挳-->
<div class="btns" v-show="!isBoxAudit">
- <el-button v-for="(btn, bIndex) in detailOptions.buttons" :key="bIndex" :plain="btn.plain"
- v-show="!(typeof btn.hidden == 'boolean' && btn.hidden)" @click="onClick(btn.onClick)"
- size="small"><i :class="btn.icon"></i>{{ btn.name }}</el-button>
+ <el-button
+ v-for="(btn, bIndex) in detailOptions.buttons"
+ :key="bIndex"
+ :plain="btn.plain"
+ v-show="!(typeof btn.hidden == 'boolean' && btn.hidden)"
+ @click="onClick(btn.onClick)"
+ size="small"
+ ><i :class="btn.icon"></i>{{ btn.name }}</el-button
+ >
</div>
</div>
- <vol-table ref="detail" @loadBefore="loadInternalDetailTableBefore" @loadAfter="loadDetailTableAfter"
- @rowChange="detailRowOnChange" @rowClick="detailRowOnClick" :url="detailOptions.url"
- :load-key="false" :index="true" :tableData="detailOptions.data" :columns="detailOptions.columns"
- :pagination="detailOptions.pagination" :height="detailOptions.height" :single="detailOptions.single"
- :pagination-hide="detailOptions.paginationHide" :defaultLoadPage="detailOptions.load"
- :beginEdit="detailOptions.beginEdit" :endEditBefore="detailOptions.endEditBefore"
- :endEditAfter="detailOptions.endEditAfter" :double-edit="detailOptions.doubleEdit"
- :column-index="detailOptions.columnIndex" :ck="detailOptions.ck"
- :text-inline="detailOptions.textInline" :select2Count="select2Count" :selectable="detailSelectable"
- :spanMethod="detailSpanMethod"></vol-table>
+ <vol-table
+ ref="detail"
+ @loadBefore="loadInternalDetailTableBefore"
+ @loadAfter="loadDetailTableAfter"
+ @rowChange="detailRowOnChange"
+ @rowClick="detailRowOnClick"
+ :url="detailOptions.url"
+ :load-key="false"
+ :index="true"
+ :tableData="detailOptions.data"
+ :columns="detailOptions.columns"
+ :pagination="detailOptions.pagination"
+ :height="detailOptions.height"
+ :single="detailOptions.single"
+ :pagination-hide="detailOptions.paginationHide"
+ :defaultLoadPage="detailOptions.load"
+ :beginEdit="detailOptions.beginEdit"
+ :endEditBefore="detailOptions.endEditBefore"
+ :endEditAfter="detailOptions.endEditAfter"
+ :double-edit="detailOptions.doubleEdit"
+ :column-index="detailOptions.columnIndex"
+ :ck="detailOptions.ck"
+ :text-inline="detailOptions.textInline"
+ :select2Count="select2Count"
+ :selectable="detailSelectable"
+ :spanMethod="detailSpanMethod"
+ ></vol-table>
</div>
- <component :is="dynamicComponent.modelFooter" ref="modelFooter" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.modelFooter"
+ ref="modelFooter"
+ @parentCall="parentCall"
+ ></component>
</div>
<div class="vol-edit-box-right">
- <component :is="dynamicComponent.modelRight" ref="modelRight" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.modelRight"
+ ref="modelRight"
+ @parentCall="parentCall"
+ ></component>
</div>
</div>
</template>
<template #footer>
- <div style="text-align: center;" v-show="isBoxAudit">
+ <div style="text-align: center" v-show="isBoxAudit">
<el-button size="small" type="primary" plain @click="onGridModelClose(false)">
<i class="el-icon-close">鍏抽棴</i>
</el-button>
- <el-button size="small" type="primary" v-show="auditParam.showViewButton"
- @click="auditParam.model = true">
+ <el-button
+ size="small"
+ type="primary"
+ v-show="auditParam.showViewButton"
+ @click="auditParam.model = true"
+ >
<i class="el-icon-view">瀹℃壒</i>
</el-button>
</div>
<div v-show="!isBoxAudit">
- <el-button v-for="(btn, bIndex) in boxButtons" :key="bIndex" :type="btn.type" size="small"
- :plain="btn.plain" v-show="!(typeof btn.hidden == 'boolean' && btn.hidden)"
- :disabled="btn.hasOwnProperty('disabled') && !!btn.disabled" @click="onClick(btn.onClick)">
+ <el-button
+ v-for="(btn, bIndex) in boxButtons"
+ :key="bIndex"
+ :type="btn.type"
+ size="small"
+ :plain="btn.plain"
+ v-show="!(typeof btn.hidden == 'boolean' && btn.hidden)"
+ :disabled="btn.hasOwnProperty('disabled') && !!btn.disabled"
+ @click="onClick(btn.onClick)"
+ >
<i :class="btn.icon"></i>{{ btn.name }}
</el-button>
<el-button size="small" type="primary" plain @click="onGridModelClose(false)">
@@ -195,26 +322,61 @@
</div>
<!--body鑷畾涔夌粍浠�-->
<div class="grid-body">
- <component :is="dynamicComponent.gridBody" ref="gridBody" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.gridBody"
+ ref="gridBody"
+ @parentCall="parentCall"
+ ></component>
</div>
<!--table琛ㄦ牸-->
<div class="grid-container">
<!-- 2021.05.02澧炲姞鏍戝舰缁撴瀯 rowKey -->
- <vol-table ref="table" :single="single" :rowKey="rowKey" :loadTreeChildren="loadTreeTableChildren"
- @loadBefore="loadTableBefore" @loadAfter="loadTableAfter" @rowChange="rowOnChange" @rowClick="rowOnClick"
- @rowDbClick="rowOnDbClick" @selectionChange="selectionOnChange" :tableData="[]" :linkView="linkData"
- :columns="columns" :pagination="pagination" :height="height" :max-height="tableMaxHeight"
- :pagination-hide="paginationHide" :url="url" :load-key="false" :defaultLoadPage="load"
- :double-edit="doubleEdit" :index="doubleEdit" :beginEdit="tableBeginEdit" :endEditBefore="tableEndEditBefore"
- :column-index="columnIndex" :text-inline="textInline" :ck="ck" :select2Count="select2Count"
- :selectable="selectable" :spanMethod="spanMethod" :lazy="lazy" :defaultExpandAll="defaultExpandAll"
- :expandRowKeys="expandRowKeys" :rowParentField="rowParentField"></vol-table>
+ <vol-table
+ ref="table"
+ :single="single"
+ :rowKey="rowKey"
+ :loadTreeChildren="loadTreeTableChildren"
+ @loadBefore="loadTableBefore"
+ @loadAfter="loadTableAfter"
+ @rowChange="rowOnChange"
+ @rowClick="rowOnClick"
+ @rowDbClick="rowOnDbClick"
+ @selectionChange="selectionOnChange"
+ :tableData="[]"
+ :linkView="linkData"
+ :columns="columns"
+ :pagination="pagination"
+ :height="height"
+ :max-height="tableMaxHeight"
+ :pagination-hide="paginationHide"
+ :url="url"
+ :load-key="false"
+ :defaultLoadPage="load"
+ :double-edit="doubleEdit"
+ :index="doubleEdit"
+ :beginEdit="tableBeginEdit"
+ :endEditBefore="tableEndEditBefore"
+ :column-index="columnIndex"
+ :text-inline="textInline"
+ :ck="ck"
+ :select2Count="select2Count"
+ :selectable="selectable"
+ :spanMethod="spanMethod"
+ :lazy="lazy"
+ :defaultExpandAll="defaultExpandAll"
+ :expandRowKeys="expandRowKeys"
+ :rowParentField="rowParentField"
+ ></vol-table>
</div>
</div>
<!--footer鑷畾涔夌粍浠�-->
- <component :is="dynamicComponent.gridFooter" ref="gridFooter" @parentCall="parentCall"></component>
+ <component
+ :is="dynamicComponent.gridFooter"
+ ref="gridFooter"
+ @parentCall="parentCall"
+ ></component>
</div>
</template>
@@ -231,34 +393,22 @@
DOWNLOADTEMPLATE: 'DownLoadTemplate', //涓嬭浇瀵煎叆妯℃澘
IMPORT: 'Import', //瀵煎叆(瀵煎叆琛ㄧ殑Excel鍔熻兘)
UPLOAD: 'Upload' //涓婁紶鏂囦欢
-};
-import Empty from '@/components/basic/Empty.vue';
+}
+import Empty from '@/components/basic/Empty.vue'
-import VolTable from '@/components/basic/VolTable.vue';
-import VolForm from '@/components/basic/VolForm.vue';
-import {
- defineAsyncComponent,
- defineComponent,
- ref,
- shallowRef,
- toRaw
-} from 'vue';
+import VolTable from '@/components/basic/VolTable.vue'
+import VolForm from '@/components/basic/VolForm.vue'
+import { defineAsyncComponent, defineComponent, ref, shallowRef, toRaw } from 'vue'
var vueParam = {
emits: ['parentCall'],
components: {
'vol-form': VolForm,
'vol-table': VolTable,
VolBox: defineAsyncComponent(() => import('@/components/basic/VolBox.vue')),
- QuickSearch: defineAsyncComponent(() =>
- import('@/components/basic/QuickSearch.vue')
- ),
+ QuickSearch: defineAsyncComponent(() => import('@/components/basic/QuickSearch.vue')),
Audit: defineAsyncComponent(() => import('@/components/basic/Audit.vue')),
- UploadExcel: defineAsyncComponent(() =>
- import('@/components/basic/UploadExcel.vue')
- ),
- 'custom-column': defineAsyncComponent(() =>
- import('./ViewGridCustomColumn.vue')
- ),
+ UploadExcel: defineAsyncComponent(() => import('@/components/basic/UploadExcel.vue')),
+ 'custom-column': defineAsyncComponent(() => import('./ViewGridCustomColumn.vue')),
'vol-header': defineAsyncComponent(() => import('./../VolHeader.vue')),
ViewGridAudit: defineAsyncComponent(() => import('./ViewGridAudit.vue'))
},
@@ -273,17 +423,17 @@
modelBody: Empty,
modelRight: Empty,
modelFooter: Empty
- };
+ }
//鍚堝苟鎵╁睍缁勪欢
if (props.extend.components) {
for (const key in props.extend.components) {
if (props.extend.components[key]) {
- dynamicCom[key] = toRaw(props.extend.components[key]);
+ dynamicCom[key] = toRaw(props.extend.components[key])
}
}
}
- const dynamicComponent = shallowRef(dynamicCom);
- return { dynamicComponent };
+ const dynamicComponent = shallowRef(dynamicCom)
+ return { dynamicComponent }
},
data() {
return {
@@ -335,7 +485,7 @@
continueAddName: '淇濆瓨鍚庣户缁坊鍔�', //2021.04.11鎸夐挳鍚嶇О
// detailUrl: "",
detailOptions: {
- paginationHide: false,//鏄惁闅愯棌鏄庣粏琛ㄥ垎椤�2023.10.23
+ paginationHide: false, //鏄惁闅愯棌鏄庣粏琛ㄥ垎椤�2023.10.23
//寮瑰嚭妗嗕粠琛�(鏄庣粏)瀵硅薄
//浠庤〃閰嶇疆
buttons: [], //寮瑰嚭妗嗕粠琛ㄨ〃鏍兼搷浣滄寜閽�,鐩墠鏈夊垹闄よ锛屾坊鍔犺锛屽埛鏂版搷浣滐紝濡傞渶瑕佸叾浠栨搷浣滄寜閽紝鍙湪琛ㄥ搴旂殑.js涓坊鍔�
@@ -356,15 +506,15 @@
currentReadonly: false, //褰撳墠鐢ㄦ埛娌℃湁缂栬緫鎴栨柊寤烘潈闄愭椂锛岃〃鍗曞彧璇�(鍙敤浜庡垽鏂敤鎴锋槸鍚︽湁缂栬緫鎴栨柊寤烘潈闄�)
//寮�鍚紪杈戞椂
beginEdit: (row, column, index) => {
- return true;
+ return true
},
//缁撴潫缂栬緫鍓�
endEditBefore: (row, column, index) => {
- return true;
+ return true
},
//缁撴潫缂栬緫鍚�
endEditAfter: (row, column, index) => {
- return true;
+ return true
},
columnIndex: false, //2020.11.01鏄庣粏鏄惁鏄剧ず琛屽彿
ck: true //2020.11.01鏄庣粏鏄惁鏄剧ずcheckbox
@@ -421,68 +571,64 @@
//2022.09.26澧炲姞鑷畾涔夊鍑烘枃浠跺悕
downloadFileName: null,
select2Count: 2000, //瓒呭嚭500鏁伴噺鏄剧ずselect2缁勪欢
- paginationHide: false,//鏄殣钘忓垎椤�(2023.10.11)
- queryFields: [],//蹇嵎鏌ヨ瀛楁2024.01.18澧炲姞澶氫釜蹇嵎鏌ヨ瀛楁
- lazy: true,//鏍戝舰琛ㄦ牸鏄惁榛樿寤惰繜鍔犺浇
- defaultExpandAll: false,//鏍戝舰琛ㄦ牸鏄惁灞曞紑鎵�鏈�
- expandRowKeys: [],//榛樿灞曞紑琛岀殑涓婚敭鍊�2024.09.03
- paginationHide: false,//鏄惁闅愯棌鍒嗛〉
- rowParentField: "", //鏍戝舰琛ㄦ牸鐖剁骇id
- text: ""//鐣岄潰涓婃爣棰樺悗鏄剧ず鐨勬枃鏈紝鍙互鏄痟tml鏍囩
- };
+ paginationHide: false, //鏄殣钘忓垎椤�(2023.10.11)
+ queryFields: [], //蹇嵎鏌ヨ瀛楁2024.01.18澧炲姞澶氫釜蹇嵎鏌ヨ瀛楁
+ lazy: true, //鏍戝舰琛ㄦ牸鏄惁榛樿寤惰繜鍔犺浇
+ defaultExpandAll: false, //鏍戝舰琛ㄦ牸鏄惁灞曞紑鎵�鏈�
+ expandRowKeys: [], //榛樿灞曞紑琛岀殑涓婚敭鍊�2024.09.03
+ paginationHide: false, //鏄惁闅愯棌鍒嗛〉
+ rowParentField: '', //鏍戝舰琛ㄦ牸鐖剁骇id
+ text: '' //鐣岄潰涓婃爣棰樺悗鏄剧ず鐨勬枃鏈紝鍙互鏄痟tml鏍囩
+ }
},
methods: {},
activated() {
- this.initFlowQuery();
+ this.initFlowQuery()
//2020.06.25澧炲姞activated鏂规硶
- this.onActivated && this.onActivated();
+ this.onActivated && this.onActivated()
if (!this._inited) {
- this._inited = true;
- return;
+ this._inited = true
+ return
}
if (this.activatedLoad) {
- this.refresh();
+ this.refresh()
}
},
mounted() {
- this.mounted();
+ this.mounted()
// this.$refs.searchForm.forEach()
},
unmounted() {
- this.destroyed();
+ this.destroyed()
},
created: function () {
//鍚堝苟鑷畾涔変笟鍔℃墿灞曟柟娉�
- Object.assign(this, this.extend.methods);
+ Object.assign(this, this.extend.methods)
//濡傛灉娌℃湁鎸囧畾鎺掑簭瀛楁锛屽垯鐢ㄤ富閿綔涓洪粯璁ゆ帓搴忓瓧娈�
- this.pagination.sortName = this.table.sortName || this.table.key;
- this.initBoxButtons(); //鍒濆鍖栧脊鍑烘涓庢槑缁嗚〃鏍兼寜閽�
- this.initAuditColumn();
- this.onInit(); //鍒濆鍖栧墠锛屽鏋滈渶瑕佸仛鍏朵粬澶勭悊鍦ㄦ墿灞曟柟娉曚腑瑕嗙洊姝ゆ柟娉�
- this.getButtons();
+ this.pagination.sortName = this.table.sortName || this.table.key
+ this.initBoxButtons() //鍒濆鍖栧脊鍑烘涓庢槑缁嗚〃鏍兼寜閽�
+ this.initAuditColumn()
+ this.onInit() //鍒濆鍖栧墠锛屽鏋滈渶瑕佸仛鍏朵粬澶勭悊鍦ㄦ墿灞曟柟娉曚腑瑕嗙洊姝ゆ柟娉�
+ this.getButtons()
//鍒濆鍖栬嚜瀹氫箟琛ㄦ牸鍒�
- this.initViewColumns();
+ this.initViewColumns()
//鍒濆缂栬緫妗嗙瓑鏁版嵁
- this.initBoxHeightWidth();
- this.initDicKeys(); //鍒濆涓嬫鏁版嵁婧�
- this.onInited(); //鍒濆鍖栧悗锛屽鏋滈渶瑕佸仛鍏朵粬澶勭悊鍦ㄦ墿灞曟柟娉曚腑瑕嗙洊姝ゆ柟娉�
+ this.initBoxHeightWidth()
+ this.initDicKeys() //鍒濆涓嬫鏁版嵁婧�
+ this.onInited() //鍒濆鍖栧悗锛屽鏋滈渶瑕佸仛鍏朵粬澶勭悊鍦ㄦ墿灞曟柟娉曚腑瑕嗙洊姝ゆ柟娉�
},
- beforeUpdate: function () { },
- updated: function () { }
-};
+ beforeUpdate: function () {},
+ updated: function () {}
+}
-import props from './props.js';
-import methods from './methods.jsx';
+import props from './props.js'
+import methods from './methods.jsx'
//鍚堝苟灞炴��
-vueParam.props = Object.assign(vueParam.props, props);
+vueParam.props = Object.assign(vueParam.props, props)
//鍚堝苟鏂规硶
-vueParam.methods = Object.assign(
- vueParam.methods,
- methods,
- props.extend.methods
-);
-export default defineComponent(vueParam);
+vueParam.methods = Object.assign(vueParam.methods, methods, props.extend.methods)
+export default defineComponent(vueParam)
</script>
<style lang="less" scoped>
@import './ViewGrid.less';
--
Gitblit v1.9.3