From ea783b8a6d421686d453662a87b914219291f6c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=89=E8=99=B9=E7=9D=BF?= <297504645@qq.com>
Date: Thu, 9 Nov 2023 17:24:46 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=8E=A5=E5=8F=A3=E7=9C=8B=E6=9D=BF?=
 =?UTF-8?q?=E3=80=91=E6=9B=B4=E6=8D=A2AG=E5=8F=AF=E8=A1=8C=E6=80=A7?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AGTable/agGridBtn.vue      | 27 ++++++++++--
 .../src/components/AGTable/btnControls.js     | 42 +++++++++++++++++++
 .../src/components/AGTable/index.vue          | 10 ++++-
 .../src/components/tablePagination/index.vue  |  1 +
 4 files changed, 75 insertions(+), 5 deletions(-)
 create mode 100644 PC/InterFace.Dash/src/components/AGTable/btnControls.js

diff --git a/PC/InterFace.Dash/src/components/AGTable/agGridBtn.vue b/PC/InterFace.Dash/src/components/AGTable/agGridBtn.vue
index fd47f69..4a51a51 100644
--- a/PC/InterFace.Dash/src/components/AGTable/agGridBtn.vue
+++ b/PC/InterFace.Dash/src/components/AGTable/agGridBtn.vue
@@ -1,23 +1,42 @@
 <template>
     <div>
-        <el-button @click="clickHandle('edit')" size="small" type="text">编辑</el-button>
-        <el-button @click="clickHandle('delete')" size="small" type="text">删除</el-button>
+        <el-button 
+            v-if="!item.hide"
+            v-for="(item,index) in buttons"
+            :key="index"
+            @click="clickHandle(item)" 
+            :size="item.size" 
+            :type="item.type"
+            :style="'color:'+item.color"
+        >{{item.label}}</el-button>
     </div>
 </template>
 <script>
+import AGTableBttons from "@/components/AGTable/btnControls.js" 
 export default {
     data() {
         return {
+            propsInit:null,//传参数据
+            buttons:[
+                AGTableBttons.tableEditBtn,
+                AGTableBttons.tableDeleteBtn,
+            ],
             cellValue:null
         };
     },
     mounted(){
-        console.log(16,this.params.api.getRowNode(2))
+        this.propsInit = this.params.colDef.cellRendererParams
+        console.log(33,this.propsInit.currency)
         this.cellValue = this.params.data;
     },
     methods:{
         clickHandle(data){
-            console.log(data,this.cellValue)
+            if(data.name == 'delete'){
+                AGTableBttons.deleteHandle(()=>{
+                    console.log(33,this.cellValue)
+                })
+            }
+            // console.log(data,this.cellValue)
         },
         // getValueToDisplay(params) {
         //     return this.params.api.getRowNode(params.rowIndex).data
diff --git a/PC/InterFace.Dash/src/components/AGTable/btnControls.js b/PC/InterFace.Dash/src/components/AGTable/btnControls.js
new file mode 100644
index 0000000..317556e
--- /dev/null
+++ b/PC/InterFace.Dash/src/components/AGTable/btnControls.js
@@ -0,0 +1,42 @@
+// 页面基础按钮样式
+import i18n from "@/lang"
+import { MessageBox } from 'element-ui';
+
+// 编辑按钮
+const tableEditBtn= {
+    type: "text",
+    icon: "el-icon-edit",
+    label: i18n.t('btns.edit'),
+    name: "edit",
+    size: "small",
+    color: "#ff9000",
+}
+
+// 删除按钮
+const tableDeleteBtn= {
+    type: "text",
+    icon: "el-icon-delete",
+    label: i18n.t('btns.delete'),
+    name: "delete",
+    size: "small",
+    color: "red",
+}
+
+const deleteHandle = (callback) => {
+    MessageBox.confirm('您确定删除吗, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+        // 确定操作
+        if(callback)callback()
+    }).catch(() => {
+        //取消操作
+    });
+}
+
+export default {
+    tableEditBtn,
+    tableDeleteBtn,
+    deleteHandle
+}
\ No newline at end of file
diff --git a/PC/InterFace.Dash/src/components/AGTable/index.vue b/PC/InterFace.Dash/src/components/AGTable/index.vue
index 40111b8..c8dc295 100644
--- a/PC/InterFace.Dash/src/components/AGTable/index.vue
+++ b/PC/InterFace.Dash/src/components/AGTable/index.vue
@@ -22,6 +22,11 @@ export default {
     agGridBtn
   },
   props:{
+    // 操作列按钮组件名
+    agGridBtnName:{
+      type: String,
+      default:'agGridBtn'
+    },
     // 已app-main高度为100%  需要减掉的高度
     setUTableHeight: {
       type: Number,
@@ -58,7 +63,10 @@ export default {
           {
               field:'操作',
               lockPosition: 'left',
-              cellRenderer: 'agGridBtn',
+              cellRenderer: this.agGridBtnName,
+              cellRendererParams: {
+                currency: 'EUREUREUREUREUREUR'
+              },
               cellClass: 'locked-col',
               width: 120,
               suppressNavigable: true,
diff --git a/PC/InterFace.Dash/src/components/tablePagination/index.vue b/PC/InterFace.Dash/src/components/tablePagination/index.vue
index affc20a..d62afbd 100644
--- a/PC/InterFace.Dash/src/components/tablePagination/index.vue
+++ b/PC/InterFace.Dash/src/components/tablePagination/index.vue
@@ -45,6 +45,7 @@
       <AGTable
         ref="tablePaginationTableRef"
         :setUTableHeight="uTableTopHeight"
+        :agGridBtnName="'agGridBtn'"
       ></AGTable>
       <!-- <umyTable
         :isUpdate="isUpdate"