ci-plus 1.1.1 → 1.1.2

package/src/sortableTable/index/headerInput.ts

@@ -0,0 +1,4 @@
+import _HeaderInput from '../headerInput.vue';
+import { withInstall } from '../../utils/index';
+export const HeaderInput = withInstall(_HeaderInput);
+export default HeaderInput;

package/src/sortableTable/utils/headerPopover.vue

@@ -2,47 +2,30 @@
 
 <template>
   <el-popover
+    ref="popoverRef"
+    :title="customAttribute"
     :visible="show"
     placement="bottom"
-    :width="width || 230"
+    :popper-style="popperStyle"
     :trigger="trigger"
     @hide="emits('close')"
     @show="emits('open')"
   >
     <template #reference>
-      <slot
-        name="reference"
-        :open="open"
-        :close="close"
-        :toggle="toggle"
-      />
+      <slot name="reference" :open="open" :close="close" :toggle="toggle" />
     </template>
-    <div
-      style="display: flex; align-items: center; justify-content: center"
-      v-loading="loading"
-    >
+    <div style="display: flex; align-items: center; justify-content: center" v-loading="loading">
       <div style="flex-grow: 1">
         <slot :closeF="close" />
       </div>
       <div style="margin-left: 5px">
         <div>
-          <el-button
-            type="primary"
-            size="small"
-            @click="submit"
-          >
-            确认
-          </el-button>
+          <el-button type="primary" size="small" @click="submit"> 确认 </el-button>
         </div>
         <div style="margin-top: 5px">
-          <el-button
-            size="small"
-            @click="emits('clear')"
-          >
-            清空
-          </el-button>
+          <el-button size="small" @click="emits('clear')"> 清空 </el-button>
         </div>
-        <div style="margin-top: 5px">
+        <!-- <div style="margin-top: 5px">
           <el-button
             type="warning"
             size="small"
@@ -50,42 +33,116 @@
           >
             关闭
           </el-button>
-        </div>
+        </div> -->
       </div>
     </div>
   </el-popover>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { ElPopover, TooltipTriggerType } from 'element-plus'
+const popoverRef = ref<InstanceType<typeof ElPopover>>()
 const props = defineProps<{
-  width?: number
+  popperStyle: any // el-popover的自定义样式
   trigger?: TooltipTriggerType
   loading?: boolean
+  customAttribute?: string // 用于查找元素的自定义属性，为当前列字段
 }>()
+
+// console.log('这边的表头props', props)
 const emits = defineEmits(['confirm', 'clear', 'close', 'open'])
 const show = ref(false)
 
 // 打开
-const open = () => (show.value = true)
+const open = () => {
+  handleShow()
+  // show.value = true
+}
 // 关闭
 const close = () => {
   show.value = false
 }
 const toggle = () => {
-  show.value = !show.value
+  handleShow()
+  // show.value = !show.value
 }
 // 面板确定按钮
 const submit = () => {
   emits('confirm')
   close()
 }
+const handleClickOutside = () => {
+  console.log('点击了组件之外')
+  if (props.trigger === 'click') {
+    close()
+  }
+}
+const handleShow = () => {
+  // console.log('打开')
+  show.value = true
+  document.addEventListener('mousedown', handleDocumentClick)
+}
+const handleHide = () => {
+  // console.log('关闭')
+  show.value = false
+  document.removeEventListener('mousedown', handleDocumentClick)
+}
+const handleDocumentClick = (e: any) => {
+  // 查找el-popper弹窗元素()
+  const elements = document.querySelectorAll('[id^="el-popper-container-"]')
+  // 判断点击的元素e是否是弹窗元素的子元素：若是是子元素就不关闭弹窗
+  if (elements && elements.length > 0) {
+    for (let i = 0; i < elements.length; i++) {
+      const element = elements[i]
+      // console.log('element: ', element)
+      if (element?.contains(e.target)) {
+        // console.log('包含')
+        return
+      }
+    }
+    // if (elements[1]?.contains(e.target)) {
+    //   console.log('包含')
+    //   return
+    // } else {
+    //   handleHide()
+    // }
+  }
+
+  // 通过自定义属性 aria-label 查找元素
+  // console.log('props.text', props)
+  // const el = document.querySelector(`[aria-label="${props.customAttribute}"]`)
+  // 判断点击的元素是否是是e的子元素
+  // if (el?.contains(e.target)) {
+  //   return
+
+  // }
+
+  if (!popoverRef.value || !popoverRef.value.$el) {
+    // console.log(666)
+    return
+  }
+
+  // 若点击的元素不是弹窗的子元素就关闭弹窗
+  if (!popoverRef.value?.$el.contains(e.target)) {
+    handleHide()
+  }
+}
+
 defineExpose({
   open,
   close,
   toggle,
-  submit,
+  submit
+})
+
+onMounted(() => {
+  // 页面加载完成后将所有class 为 el-popover__title 的元素隐藏
+  const titleElements = document.querySelectorAll('.el-popover__title')
+  // console.log('titleElements: ', titleElements)
+  titleElements.forEach((element: any) => {
+    element.style.display = 'none'
+  })
 })
 </script>
 

package/src/utils/Dayjs.ts

@@ -0,0 +1,27 @@
+/**
+ * * 这是用来格式化日期的函数
+ * ! 一共有两个函数
+ * ?  第一个函数是输出日期型
+ * TODO: 第二个函数输出日期时间型
+ * @param date 传入日期或者字符串
+ * @param geshi? 想要输出的格式
+ */
+import dayjs from 'dayjs'
+
+// 格式化日期
+export const setDate = (date?: string | Date, geshi: string = 'YYYY-MM-DD') => {
+  if (date == '' || date == null || date == undefined) {
+    return ''
+  } else {
+    return dayjs(date).format(geshi)
+  }
+}
+// 格式化日期时间
+export const setDateTime = (
+  date: string | Date,
+  geshi: string = 'YYYY-MM-DD hh:mm:ss',
+): string => {
+  return dayjs(date).format(geshi)
+}
+
+export default { dayjs }

package/src/utils/baseApi.ts

@@ -0,0 +1,38 @@
+/**
+ * @模块 baseApi
+ * @作者 : 卖女孩的小火柴
+ * !描述 : 获取主应用的所有api接口
+ * @版本 : 1.0.0
+ * @创建时间 : 创建时间 2024-01-05 13:17:56
+ */
+import { store } from '@ice/stark-data'
+const apis = store.get('APIs')['1.1.1']
+
+export default apis
+/***
+{
+  "toolingBasic": "http://10.20.72.231:8002/api/ToolingBasicCenter/toolingBasic/v1.1.1/",
+  "equipModule": "http://10.20.72.231:8514/api/DeviceBasicCenter/deviceBasic/v1.1.1/",
+  "produceModule": "http://10.20.72.231:8553/api/ProduceModule/produceModule/v1.1.1/",
+  "customerModule": "http://10.20.72.231:8512/api/CustomerModule/customerModule/v1.1.1/",
+  "measureModule": "http://10.20.72.231:8001/api/MeasureBasicCenter/measureBasic/v1.1.1/",
+  "technology": "http://10.20.72.231:9877/api/Technology/bomModule/v1.1.1/",
+  "storageModule": "http://10.20.72.231:9999/api/WarehouseModule/warehouseModule/v1.1.1/",
+  "deviceModule": "http://10.20.72.231:8516/api/DeviceModule/deviceModule/v1.1.1/",
+  "warehouseInspection": "http://10.20.72.231:9875/api/InspectionManagement/warehouseInspection/v1.1.1/",
+  "abnormityManagement": "http://10.20.72.231:8517/api/AbnormityManagement/abnormityManagement/v1.1.1/",
+  "userBasicCenter": "http://10.20.72.231:9002/api/UserBasicCenter/userbasic/v1.1.1/",
+  "schedulingModule": "http://10.20.72.231:9003/api/SchedulingModule/schedulingModule/v1.1.1/",
+  "fileModule": "http://10.20.72.231:9877/api/Technology/fileModule/v1.1.1/",
+  "OAMModule": "http://10.20.72.231:8510/api/OAM/sys_code_set/v1.1.1/",
+  "dailyPlan": "http://10.20.72.231:8519/api/SchedulingModule/dailyPlan/v1.1.1/",
+  "materialModule": "http://10.20.72.231:8765/api/ProductCenter/productCenter/v1.1.1/",
+  "middleWarehouse": "http://10.20.72.231:9999/api/MiddleWarehouse/middleWarehouse/v1.1.1/",
+  "unqualified": "http://10.20.72.231:9998/api/NonconformityBasic/nonconformityBasic/v1.1.1/",
+  "auditCenter": "http://10.20.72.231:9601/api/AuditCenter/basicModule/v1.1.1/",
+  "qualityManagement": "http://10.20.72.231:8369/api/QualityManagement/quality/v1.1.1/",
+  "finishedStorage": "http://10.20.72.231:8368/api/FinishedProductStorage/finishedProductStorage/v1.1.1/",
+  "login": "http://10.23.181.13:8098/mes-auth-service/mes/api/v1/auth/login/",
+  "userInfo": "http://10.23.181.13:8098/mes/mvc/"
+}
+ */