From a64a3d981fa6f0ca5f781ce0e25244ea4f4368b0 Mon Sep 17 00:00:00 2001
From: yufei_wang <2267742828@qq.com>
Date: Wed, 11 Sep 2024 10:39:26 +0800
Subject: [PATCH] =?UTF-8?q?HL-5962=E6=95=B4=E7=90=86=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E5=8F=91=E8=B4=A7=E7=94=B3=E8=AF=B7=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E5=88=97=EF=BC=8C=E5=A2=9E=E5=8A=A0=E2=80=9C?=
 =?UTF-8?q?=E6=9B=B4=E5=A4=9A=E2=80=9D=E6=8C=89=E9=92=AE=EF=BC=8C=E5=A6=82?=
 =?UTF-8?q?=E5=A4=87=E6=B3=A8=E4=B8=AD=E7=9A=84=E6=88=AA=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/XButton/index.ts               |   3 +-
 src/components/XButton/src/ButtonBaseMore.vue | 135 ++++++++++++++++++
 .../supplierdeliverRequestMain/index.vue      |   2 +-
 .../supplierdeliverRequestMain.data.ts        |   2 +-
 4 files changed, 139 insertions(+), 3 deletions(-)
 create mode 100644 src/components/XButton/src/ButtonBaseMore.vue

diff --git a/src/components/XButton/index.ts b/src/components/XButton/index.ts
index d573b852b..93d03b67e 100644
--- a/src/components/XButton/index.ts
+++ b/src/components/XButton/index.ts
@@ -1,5 +1,6 @@
 import XButton from './src/XButton.vue'
 import XTextButton from './src/XTextButton.vue'
 import ButtonBase from './src/ButtonBase.vue'
+import ButtonBaseMore from './src/ButtonBaseMore.vue'
 
-export { XButton, XTextButton, ButtonBase }
+export { XButton, XTextButton, ButtonBase, ButtonBaseMore }
diff --git a/src/components/XButton/src/ButtonBaseMore.vue b/src/components/XButton/src/ButtonBaseMore.vue
new file mode 100644
index 000000000..f1b7574d1
--- /dev/null
+++ b/src/components/XButton/src/ButtonBaseMore.vue
@@ -0,0 +1,135 @@
+<template>
+  <div v-for="(item, index) in getButtonList" :key="index" class="btn-div">
+    <el-button
+      v-show="!item.hide"
+      :type="item.type"
+      :color="item.color"
+      :link="item.link ? item.link : false"
+      :disabled="item.disabled"
+      v-hasPermi="[item.hasPermi] || []"
+      v-if="item.name != 'set'"
+      @click.stop="buttonBaseClick(item.name, item, $event)"
+    >
+      <Icon v-if="item.icon" :icon="item.icon" class="mr-1px" />
+      <span :style="{width:item.width+'px'||'auto'}" :class="[item.width?'ellipsis':'']">{{ item.label }}</span>
+    </el-button>
+  </div>
+  <el-dropdown placement="top-start" v-if="showList().length>3">
+    <el-button link class="more"> 更多 </el-button>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item v-for="(item, index) in getMoreList" :key="index+3" class="btn-div">
+          <el-button
+            v-show="!item.hide"
+            :type="item.type"
+            :color="item.color"
+            :link="item.link ? item.link : false"
+            :disabled="item.disabled"
+            v-hasPermi="[item.hasPermi] || []"
+            v-if="item.name != 'set'"
+            @click.stop="buttonBaseClick(item.name, item, $event)"
+          >
+            <Icon v-if="item.icon" :icon="item.icon" class="mr-1px" />
+            <span :style="{width:item.width+'px'||'auto'}" :class="[item.width?'ellipsis':'']">{{ item.label }}</span>
+          </el-button>
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+  <slot></slot>
+</template>
+<script setup>
+import { Plus } from '@element-plus/icons-vue'
+import { clearButtonBlurHandle } from '@/utils/index'
+import rowDrop from '@/components/rowDrop/index.vue'
+import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
+const { wsCache } = useCache()
+
+const props = defineProps({
+  Butttondata: {
+    type: Array,
+    default: () => {
+      return []
+    }
+  },
+  allSchemas: {
+    type: Object,
+    default: null
+  },
+  detailAllSchemas: {
+    type: Object,
+    default: null
+  },
+})
+const showList = ()=>{
+  const all_permission = '*:*:*'
+  const permissions = wsCache.get(CACHE_KEY.USER).permissions
+  let list = JSON.parse(JSON.stringify(props.Butttondata))
+  let showList = list.filter(item=>{
+    
+    if(item.hide){
+      return false
+    }
+    const permissionFlag = [item.hasPermi]
+    return permissions.some((permission) => {
+      return all_permission === permission || permissionFlag.includes(permission)
+    })
+  })
+  
+  return showList
+}
+const getMoreList = computed(()=>{
+  let list = showList()
+  return list.slice(3)
+})
+const getButtonList = computed(()=>{
+  let list = showList()
+  if(list.length>3){
+    console.log('list===',list)
+    return list.slice(0, 3)
+  }
+  return list
+})
+
+// 传递给父类
+const emit = defineEmits(['buttonBaseClick', 'updataTableColumns'])
+
+let timer = ref(null)
+const buttonBaseClick = (val, item, $event) => {
+  clearButtonBlurHandle($event) //解决el-button点击后颜色不恢复问题
+  emit('buttonBaseClick', val, item, $event)
+}
+
+onUnmounted(() => {
+  if(timer.value){
+    console.log('清空timer',timer.value)
+    clearTimeout(timer.value)
+    timer.value = null
+  }
+})
+const popoverVisible = ref(false)
+// 关闭页面
+const closeRowDrop = () => {
+  popoverVisible.value = false
+}
+defineExpose({
+  popoverVisible
+})
+// 更新主列表字段
+const updataTableColumns = (val) => {
+  emit('updataTableColumns', val)
+}
+</script>
+<style scoped lang="scss">
+.btn-div{
+  display: inline;
+
+  ::v-deep(.el-button){
+    margin: 0px 5px;
+  }
+  ::v-deep(.el-button.is-link){
+    margin: 0px;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
index 13f171714..4f54705a5 100644
--- a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
+++ b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue
@@ -55,7 +55,7 @@
         </el-button>
       </template>
       <template #action="{ row, $index }">
-        <ButtonBase
+        <ButtonBaseMore
           :Butttondata="butttondata(row, $index)"
           @button-base-click="buttonTableClick($event, row)"
         />
diff --git a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
index a5e91400f..3e0ceb2fc 100644
--- a/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
+++ b/src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts
@@ -591,7 +591,7 @@ export const SupplierdeliverRequestMain = useCrudSchemas(reactive<CrudSchema[]>(
     isDetail: false,
     isForm: false,
     table: {
-      width: 450,
+      width: 320,
       fixed: 'right'
     },
   }