table组件左右侧操作列区分

PC/InterFace.Dash/README.md

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

PC/InterFace.Dash/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)

PC/InterFace.Dash/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)

PC/InterFace.Dash/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,8 +342,8 @@ export default {
       this.$emit('sortChange', data)
     },
     //点击table操作列按钮
-    buttonOperationClick(row, item, index) {
-      this.$emit("buttonOperationClick", row, item, index);
+    buttonOperationClick_left(row, item, index) {
+      this.$emit("buttonOperationClick_left", row, item, index);
     },
     // 全面筛选组件配置
     // 全面筛选组件内部显示/隐藏更改触发，同步当前的showSearchOverall值

PC/InterFace.Dash/src/components/umyTable/index.vue

@@ -19,9 +19,9 @@
     header-row-class-name="uTableHeader"
   >
     <!-- :tree-props="treeProps" 与 “height”  不能共存， 此组件暂不支持tree的格式-->
-    <!-- 操作列 -->
+    <!-- 操作列 （左侧）-->
     <u-table-column
-      v-if="buttonOperationList"
+      v-if="buttonOperationList_left"
       :fixed="'left'"
       :width="120"
       :align="'center'"
@@ -32,11 +32,32 @@
       </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>
+    <!-- 操作列 （右侧）-->
+    <u-table-column
+      v-if="buttonOperationList_right"
+      :fixed="'right'"
+      :width="120"
+      :align="'center'"
+      :header-align="'center'"
+    >
+      <template #header>
+        <span>操作</span>
+      </template>
+      <template slot-scope="scope">
+        <el-button
+          v-for="(itemButton, indexButton) in buttonOperationList_right"
+          :key="indexButton"
+          type="text"
+          size="mini"
+          @click="buttonOperationClick_right(scope.row, itemButton, indexButton)"
         >{{itemButton.label}}</el-button>
       </template>
     </u-table-column>
@@ -442,8 +463,13 @@ export default {
     },
   },
   props: {
-    // 操作列按钮
-    buttonOperationList:{
+    // 操作列按钮（左侧）
+    buttonOperationList_left:{
+      type: Array,
+      default: null,
+    },
+    // 操作列按钮(右侧)
+    buttonOperationList_right:{
       type: Array,
       default: null,
     },
@@ -881,9 +907,13 @@ export default {
     buttonClick(row, index, label) {
       this.$emit("buttonClick", row, index, label);
     },
-    //点击table操作列按钮
-    buttonOperationClick(row, item, index) {
-      this.$emit("buttonOperationClick", row, item, index);
+    //点击table操作列(左侧)按钮
+    buttonOperationClick_left(row, item, index) {
+      this.$emit("buttonOperationClick_left", row, item, index);
+    },
+    //点击table操作列(右侧)按钮
+    buttonOperationClick_right(row, item, index) {
+      this.$emit("buttonOperationClick_right", row, item, index);
     },
   },
 };

PC/InterFace.Dash/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
       // 查看详情

PC/InterFace.Dash/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"
@@ -25,7 +25,7 @@
         :primarySearchOption="primarySearchOption"
         @overallSearchFormClick="overallSearchFormClick"
         :httpOverallSearchData="httpOverallSearchData"
-        :buttonOperationList="operationButtonsTable"
+        :buttonOperationList_left="operationButtonsTable"
       >
         <!-- <div slot="tableTopSlot">
           上方按钮插槽位置预留
@@ -101,7 +101,7 @@
         :MaxResultCount="MaxResultCountDetails"
         @alterResultCountDetails="alterResultCountDetails"
         @alertoldSkipCountDetails="alertoldSkipCountDetails"
-        :buttonOperationList="operationButtonsDetail"
+        :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
       <!-- <curren-Drawer
         :title="apiColumns_DesTions"

PC/InterFace.Dash/src/views/demo/demo_detail_addbase.vue

@@ -24,8 +24,8 @@
       :primarySearchOption="primarySearchOption"
       @overallSearchFormClick="overallSearchFormClick"
       :httpOverallSearchData="httpOverallSearchData"
-      @buttonOperationClick="buttonOperationClick"
-      :buttonOperationList="operationButtonsTable"
+      @buttonOperationClick_left="buttonOperationClick_left"
+      :buttonOperationList_left="operationButtonsTable"
     ></tablePagination>
     <curren-Drawer
       :title="apiColumns_DesTions"

PC/InterFace.Dash/src/views/menuList/AsnMstr.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"
@@ -45,7 +45,7 @@
       :MaxResultCount="MaxResultCountDetails"
       @alterResultCountDetails="alterResultCountDetails"
       @alertoldSkipCountDetails="alertoldSkipCountDetails"
-      :buttonOperationList="operationButtonsDetail"
+      :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
     <!-- 明细查询页面 -->
     <filterForDetailPage

PC/InterFace.Dash/src/views/menuList/ExportCustomUserSetting.vue

@@ -17,7 +17,7 @@
         @alertoldSkipCount="alertoldSkipCount"
         @alterResultCount="alterResultCount"
         @handleSelectionChange="handleSelectionChange"
-        @buttonOperationClick="buttonOperationClick"
+        @buttonOperationClick_left="buttonOperationClick_left"
         :currentPageProps="oldSkipCount"
         :quicklySearchOption="quicklySearchOption"
         @quicklySearchClick="quicklySearchClick"
@@ -25,7 +25,7 @@
         :primarySearchOption="primarySearchOption"
         @overallSearchFormClick="overallSearchFormClick"
         :httpOverallSearchData="httpOverallSearchData"
-        :buttonOperationList="operationButtonsTable"
+        :buttonOperationList_left="operationButtonsTable"
       >
         <!-- <div slot="tableTopSlot">
           上方按钮插槽位置预留
@@ -101,7 +101,7 @@
         :MaxResultCount="MaxResultCountDetails"
         @alterResultCountDetails="alterResultCountDetails"
         @alertoldSkipCountDetails="alertoldSkipCountDetails"
-        :buttonOperationList="operationButtonsDetail"
+        :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
       <!-- <curren-Drawer
         :title="apiColumns_DesTions"

PC/InterFace.Dash/src/views/menuList/OutgoingDataHistory.vue

@@ -24,8 +24,8 @@
       @overallSearchFormClick="overallSearchFormClick"
       :httpOverallSearchData="httpOverallSearchData"
     ></tablePagination>
-    <!-- @buttonOperationClick="buttonOperationClick"
-      :buttonOperationList="operationButtonsTable" -->
+    <!-- @buttonOperationClick_left="buttonOperationClick_left"
+      :buttonOperationList_left="operationButtonsTable" -->
     <curren-Drawer
       ref="currenDrawer_Ref"
       :title="apiColumns_DesTions"
@@ -45,7 +45,7 @@
       :MaxResultCount="MaxResultCountDetails"
       @alterResultCountDetails="alterResultCountDetails"
       @alertoldSkipCountDetails="alertoldSkipCountDetails"
-      :buttonOperationList="operationButtonsDetail"
+      :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
     <!-- 导出弹窗 -->
     <exportDrop 

PC/InterFace.Dash/src/views/menuList/PoMstr.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"
@@ -45,7 +45,7 @@
       :MaxResultCount="MaxResultCountDetails"
       @alterResultCountDetails="alterResultCountDetails"
       @alertoldSkipCountDetails="alertoldSkipCountDetails"
-      :buttonOperationList="operationButtonsDetail"
+      :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
     <!-- 明细查询页面 -->
     <filterForDetailPage

PC/InterFace.Dash/src/views/menuList/ReceiptMstr.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"
@@ -45,7 +45,7 @@
       :MaxResultCount="MaxResultCountDetails"
       @alterResultCountDetails="alterResultCountDetails"
       @alertoldSkipCountDetails="alertoldSkipCountDetails"
-      :buttonOperationList="operationButtonsDetail"
+      :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
     <!-- 明细查询页面 -->
     <filterForDetailPage

PC/InterFace.Dash/src/views/menuList/ReturnMstr.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"
@@ -45,7 +45,7 @@
       :MaxResultCount="MaxResultCountDetails"
       @alterResultCountDetails="alterResultCountDetails"
       @alertoldSkipCountDetails="alertoldSkipCountDetails"
-      :buttonOperationList="operationButtonsDetail"
+      :buttonOperationList_left="operationButtonsDetail"
     ></curren-Drawer>
     <!-- 明细查询页面 -->
     <filterForDetailPage