Browse Source

table组件左右侧操作列区分

master
安虹睿 1 year ago
parent
commit
55c2629862
  1. 2
      Code/Fe/README.md
  2. 10
      Code/Fe/src/components/commonTabel-drawer copy/index.vue
  3. 10
      Code/Fe/src/components/commonTabel-drawer/index.vue
  4. 14
      Code/Fe/src/components/tablePagination/index.vue
  5. 12
      Code/Fe/src/components/umyTable/index.vue
  6. 2
      Code/Fe/src/mixins/TableMixins.js
  7. 2
      Code/Fe/src/views/basicConfig/ExportCustomUserSetting.vue
  8. 6
      Code/Fe/src/views/interfaceBoard/TestSchool.vue

2
Code/Fe/README.md

@ -46,7 +46,7 @@ alertoldSkipCount 主列表-分页-当前页条数
alterResultCount 主列表-分页-每页最大页数
handleSelectionChange 主列表-选择-行数据方法 tablePagination ==> currenTable
<----20230207添加 begin---->
buttonOperationClick 主列表-操作列按钮点击事件
buttonOperationClick_left 主列表-操作列按钮点击事件
currentPageProps 主列表-当前页码值
使用的是@/mixins/TableMixins的oldSkipCount值
quicklySearchOption 主表查询-快速搜索数据配置 ==> 通用配置在@/utils/quicklySearchOption/index

10
Code/Fe/src/components/commonTabel-drawer copy/index.vue

@ -117,8 +117,8 @@
@handleSelectionChange="handleSelectionChange"
@inlineDialog="inlineDialog"
@buttonClick="buttonClick"
:buttonOperationList="buttonOperationList"
@buttonOperationClick="buttonOperationClick"
:buttonOperationList_left="buttonOperationList_left"
@buttonOperationClick_left="buttonOperationClick_left"
>
<template>
<slot></slot>
@ -257,7 +257,7 @@ export default {
],
props: {
//
buttonOperationList:{
buttonOperationList_left:{
type: Array,
default: null,
},
@ -479,7 +479,7 @@ export default {
this.displayDialog.detailInfoDialog = val || false
},
// -
buttonOperationClick(row, item, index){
buttonOperationClick_left(row, item, index){
//
if(item.name == "info"){
this.displayDialog.detailInfoDialog = true
@ -487,7 +487,7 @@ export default {
let _name = allUrlOption[this.$route.name].detailInfoName
this.detailInfoTitle = _name ? row[_name] + ' 详情' : '详情'
}
this.$emit('buttonOperationClick',row, item, index)
this.$emit('buttonOperationClick_left',row, item, index)
},
rowDrop(data,type) {
this.$emit('rowDrop',data,type)

10
Code/Fe/src/components/commonTabel-drawer/index.vue

@ -78,8 +78,8 @@
:currentPageProps="oldSkipCount"
@overallSearchFormClick="overallSearchClickForDetail"
:httpOverallSearchData="httpOverallSearchData"
@buttonOperationClick="buttonOperationClick"
:buttonOperationList="buttonOperationList"
@buttonOperationClick_left="buttonOperationClick_left"
:buttonOperationList_left="buttonOperationList_left"
:tableLoading="Loading.tableLoading"
></tablePagination>
<!-- 新增汇总 表头 区分明细表头使用 summaryTableColumns -->
@ -205,7 +205,7 @@ export default {
],
props: {
//
buttonOperationList:{
buttonOperationList_left:{
type: Array,
default: null,
},
@ -531,7 +531,7 @@ export default {
this.displayDialog.detailInfoDialog = val || false
},
// -
buttonOperationClick(row, item, index){
buttonOperationClick_left(row, item, index){
//
if(item.name == "info"){
this.displayDialog.detailInfoDialog = true
@ -539,7 +539,7 @@ export default {
let _name = allUrlOption[this.$route.name].detailInfoName
this.detailInfoTitle = _name ? row[_name] + ' 详情' : '详情'
}
this.$emit('buttonOperationClick',row, item, index)
this.$emit('buttonOperationClick_left',row, item, index)
},
rowDrop(data,type) {
this.$emit('rowDrop',data,type)

14
Code/Fe/src/components/tablePagination/index.vue

@ -51,8 +51,8 @@
@sortChange="sortChange"
@handleSelectionChange="handleSelectionChange"
@inlineDialog="inlineDialog"
:buttonOperationList="buttonOperationList"
@buttonOperationClick="buttonOperationClick"
:buttonOperationList_left="buttonOperationList_left"
@buttonOperationClick_left="buttonOperationClick_left"
:tableBorder="true"
:firstFixed="true"
:cellStyle = "cellStyle"
@ -116,7 +116,7 @@ export default {
}
},
//
buttonOperationList:{
buttonOperationList_left:{
type: Array,
default: null,
},
@ -342,12 +342,8 @@ export default {
this.$emit('sortChange', data)
},
//table
buttonOperationClick(row, index, label) {
this.$emit("buttonOperationClick", row, index, label);
},
//table
buttonOperationClick(row, item, index) {
this.$emit("buttonOperationClick", row, item, index);
buttonOperationClick_left(row, index, label) {
this.$emit("buttonOperationClick_left", row, index, label);
},
//
// /showSearchOverall

12
Code/Fe/src/components/umyTable/index.vue

@ -21,7 +21,7 @@
<!-- :tree-props="treeProps" height 不能共存 此组件暂不支持tree的格式-->
<!-- 操作列 -->
<u-table-column
v-if="buttonOperationList"
v-if="buttonOperationList_left"
:fixed="'left'"
:width="120"
:align="'center'"
@ -32,11 +32,11 @@
</template>
<template slot-scope="scope">
<el-button
v-for="(itemButton, indexButton) in buttonOperationList"
v-for="(itemButton, indexButton) in buttonOperationList_left"
:key="indexButton"
type="text"
size="mini"
@click="buttonOperationClick(scope.row, itemButton, indexButton)"
@click="buttonOperationClick_left(scope.row, itemButton, indexButton)"
>{{itemButton.label}}</el-button>
</template>
</u-table-column>
@ -442,7 +442,7 @@ export default {
},
props: {
//
buttonOperationList:{
buttonOperationList_left:{
type: Array,
default: null,
},
@ -881,8 +881,8 @@ export default {
this.$emit("buttonClick", row, index, label);
},
//table
buttonOperationClick(row, item, index) {
this.$emit("buttonOperationClick", row, item, index);
buttonOperationClick_left(row, item, index) {
this.$emit("buttonOperationClick_left", row, item, index);
},
},
};

2
Code/Fe/src/mixins/TableMixins.js

@ -240,7 +240,7 @@ export const tableMixins = {
* @param {*} item 按钮信息
* @param {*} index 按钮索引
*/
buttonOperationClick(row, item, index) {
buttonOperationClick_left(row, item, index) {
// 获取当前行数据,赋值给 propsData
this.propsData = row
// 查看详情

2
Code/Fe/src/views/basicConfig/ExportCustomUserSetting.vue

@ -17,7 +17,7 @@
@alertoldSkipCount="alertoldSkipCount"
@alterResultCount="alterResultCount"
@handleSelectionChange="handleSelectionChange"
@buttonOperationClick="buttonOperationClick"
@buttonOperationClick_left="buttonOperationClick_left"
:currentPageProps="oldSkipCount"
:quicklySearchOption="quicklySearchOption"
@quicklySearchClick="quicklySearchClick"

6
Code/Fe/src/views/interfaceBoard/TestSchool.vue

@ -23,8 +23,8 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
@buttonOperationClick="buttonOperationClick"
:buttonOperationList="operationButtonsTable"
@buttonOperationClick_left="buttonOperationClick_left"
:buttonOperationList_left="operationButtonsTable"
></tablePagination>
<curren-Drawer
ref="currenDrawer_Ref"
@ -46,7 +46,7 @@
:MaxResultCount="MaxResultCountDetails"
@alterResultCountDetails="alterResultCountDetails"
@alertoldSkipCountDetails="alertoldSkipCountDetails"
:buttonOperationList="operationButtonsDetail"
:buttonOperationList_left="operationButtonsDetail"
></curren-Drawer>
<!-- 新增与编辑 -->
<newAndEdiDialog

Loading…
Cancel
Save