@bdsoft/element 1.1.9 → 1.1.11

package/src/xm_components/HeadSearch/hook/hookSearch.js

@@ -1,96 +0,0 @@
-import { ref, reactive, onMounted, nextTick } from 'vue'
-
-/**
- *
- * @param {*} prefix 前缀，解决项目冲突
- * @returns
- */
-export default function useSearrch(prefix = '') {
-  const searchkeysArr = ref([])
-  const search_drop = ref(false)
-  const keyName = ref('')
-  /**
-   * 获取缓存搜索数据
-   * @returns
-   */
-  const getStorageKeys = () => {
-    var keys = localStorage.getItem('searchRerportkeys')
-
-    if (keys && keys !== 'undefined' && keys !== 'null') {
-      keys = JSON.parse(keys)
-      return keys
-    }
-    return []
-  }
-
-  /**
-   * 鼠标foucs
-   */
-  const focusfns = (type) => {
-    searchkeysArr.value = getStorageKeys()
-
-    if (type === 1 && searchkeysArr.value.length > 0) {
-      search_drop.value = true
-    } else {
-      setTimeout(function () {
-        nextTick(function () {
-          search_drop.value = false
-        })
-      }, 200)
-    }
-  }
-
-  /**
-   * 保存搜索记录
-   * @param {*} key
-   */
-  const setSearchKeys = (key) => {
-    if (!key || key == null || key == '' || key == 'null') return
-    let keys = localStorage.getItem('searchRerportkeys')
-
-    if (keys && keys !== 'undefined' && keys !== '{}') {
-      keys = JSON.parse(keys)
-
-      if (keys.length > 5 && keys instanceof Array) {
-        keys.splice(0, 1)
-      }
-      keys.push(key)
-
-      let keys2 = [...new Set(keys)]
-
-      localStorage.setItem('searchRerportkeys', JSON.stringify(keys2))
-    } else {
-      keys = []
-      keys.push(key)
-      localStorage.setItem('searchRerportkeys', JSON.stringify(keys))
-    }
-  }
-
-  // 在hookSearch.js中添加
-  const deleteSearchItem = (index) => {
-    debugger
-    // 删除数组中对应索引的记录
-    searchkeysArr.value.splice(index, 1)
-    // 同步更新本地存储
-    localStorage.setItem('searchRerportkeys', JSON.stringify(searchkeysArr.value))
-  }
-
-  /**
-   * 赋值文本
-   * @param {*} val
-   */
-  const setTxt = (val) => {
-    keyName.value = val
-  }
-
-  return {
-    keyName,
-    searchkeysArr,
-    search_drop,
-    focusfns,
-    setTxt,
-    deleteSearchItem,
-    setSearchKeys,
-    getStorageKeys
-  }
-}

package/src/xm_components/HeadSearch/index.vue

@@ -1,206 +0,0 @@
-<!--
-* @FileDescription:  搜索组件  todo
-* @Author: 李兵泉
-* @Date: 2021-06-08 09 时
-* @LastEditors: 最后更新作者
-* @LastEditTime: 最后更新时间
--->
-
-<template>
-  <div class="search_warp">
-    <img :src="logoUrl" v-if="logoUrl"
-      style="width: 40px; height: 40px;margin-right: 5px; vertical-align: middle; cursor: pointer" alt=""
-      @click="gohome" />
-    <div class="ipt_search">
-      <el-input :placeholder="placeholderTxt" v-model="keyName" clearable @focus="focusfns(1)" @blur="focusfns(-1)"
-        @keyup.enter="debouncedClick">
-        <template #append>
-          <el-button class="SearchBtn" @click="debouncedClick" type="primary" icon="Search">搜索</el-button>
-        </template>
-      </el-input>
-      <!-- 搜索记录 -->
-      <div v-show="search_drop" class="search_drop" v-if="searchkeysArr && searchkeysArr != ''">
-        <ul>
-          <li v-for="(item, index) in searchkeysArr" :key="index">
-            <span class="search-item-text"  @click="setTxt(item)">{{ item }}</span>
-            <el-icon class="delete-btn"  @click.stop="deleteSearchItem(index)">
-              <Delete />
-            </el-icon>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-  </div>
-  <!-- 搜索记录 -->
-
-  <div v-if="groupData && groupData != ''" class="ipt_search_tip">
-    搜索结果数：
-    <span v-show="props.ismodule">{{ Object.keys(groupData).length }}个系统, </span>
-    {{ searchNum }} 个相关页面模块
-  </div>
-</template>
-<script setup>
-import { ref, reactive, computed, onMounted } from 'vue';
-import { getUrlKey, debounce } from '../../../utils/func.js';
-
-const emits = defineEmits(['getSearchList']);
-//
-import useSearrch from './hook/hookSearch.js';
-// hook
-const { keyName, searchkeysArr, search_drop, getStorageKeys, focusfns, setSearchKeys, deleteSearchItem, setTxt } = useSearrch();
-
-const props = defineProps({
-  ismodule: {
-    type: Boolean,
-    default: false
-  },
-  // logo url
-  logoUrl: {
-    type: String,
-    // default: 'http://123.129.65.205:18012/RabbitDocService/Doc/ptIcon/View?filePath=20250911/006.png'
-  },
-  placeholderTxt: {
-    type: String,
-    default: '请输入搜索内容'
-  },
-  groupData: {
-    type: Object
-  },
-  searchNum: {
-    type: Number
-  }
-});
-// 跳转到首页搜索
-const gohome = () => {
-  // router.push('/');
-};
-onMounted(() => {
-  // 是否有限取浏览器中的值 isQueryFirst==>f
-  let keymc = getUrlKey('txtKey') || '';
-
-  setTxt(keymc);
-  // getModuleList(true);
-});
-
-/**
- * 触发上层搜索 keyName
- * 处理防抖
- */
-const getModuleList = (isfirst = false) => {
-  focusfns(-1);
-  //   setCookieKey('searchKey', keyName.value);
-  setSearchKeys(keyName.value || '');
-  emits('getSearchList', keyName.value, isfirst);
-};
-// 防抖处理
-const debouncedClick = debounce(getModuleList, 500);
-
-defineExpose({
-  setTxt,
-  debouncedClick
-});
-</script>
-<style lang="scss" scoped>
-.search_warp {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.ipt_search {
-  width: 700px;
-  height: 40px;
-  position: relative;
-
-  // 样式重写
-  :deep(.el-input__inner) {
-    height: 40px !important;
-    outline: none;
-  }
-
-  :deep(.el-input-group__append) {
-    background: linear-gradient(136deg, #286aff, #4e6ef2, #7274f9, #9f66ff);
-    // border: 1px solid #ffffff !important;
-    color: #fff;
-    height: 40px;
-    margin-top: 1px;
-    box-shadow: none;
-    font-size: 17px;
-    border-radius: 0 8px 8px 0;
-    border: 0;
-    outline-width: 0;
-  }
-
-  :deep(.el-button [class*='el-icon'] + span) {
-    vertical-align: 3px;
-  }
-}
-
-.ipt_search_tip {
-  margin-left: 50px;
-  color: #ccc;
-  font-size: 13px;
-}
-
-.search_drop {
-  position: absolute;
-  z-index: 99999;
-  width: 100%;
-  left: 2px;
-  max-width: 605px;
-  border: solid 1px #e4e7ed;
-  border-radius: 4px;
-  background-color: #fff;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
-
-  ul {
-    list-style: none;
-    padding: 6px 0;
-    margin: 0;
-    box-sizing: border-box;
-    text-align: left;
-
-    li {
-      font-size: 14px;
-      padding: 0 20px;
-      position: relative;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #606266;
-      height: 34px;
-      line-height: 34px;
-      box-sizing: border-box;
-      cursor: pointer;
-      position: relative;
-      padding-right: 50px; // 给删除按钮留出空间
-
-      .search-item-text {
-        display: inline-block;
-        width: calc(100% - 40px);
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .delete-btn {
-        position: absolute;
-        right: 5px;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 30px;
-        height: 24px;
-        padding: 0;
-        background: transparent;
-        color: #909399;
-
-        &:hover {
-          color: #f56c6c;
-          background: transparent;
-        }
-      }
-    }
-  }
-}
-</style>

package/src/xm_components/HeadSearch/readme.md

@@ -1,12 +0,0 @@
-
-## 搜索框使用说明 
-功能: 首页搜索框 带搜索历史记录功能
->>> 注意：
-```
-import {HeadSearch} from '@bdsoft/element'
-
-<div class="search-area">
-        <!-- 搜索组件 -->
-        <HeadSearch @getSearchList="handleSearch"></HeadSearch>
-      </div>
-```

package/src/xm_components/Milestone/index.vue

@@ -1,213 +0,0 @@
-<!--
-* @FileDescription:  里程碑组件
-* @Author: 李兵泉
-* @Date: 2025-10-30 
-* @LastEditors: 最后更新作者
-* @LastEditTime: 最后更新时间
--->
-
-<template>
-  <div class="milestone-container">
-    <div class="milestone-track " v-if="milestones && milestones != ''">
-      <div v-for="(item, index) in milestones" :key="index" class="milestone-item"
-        :class="{ 'odd-item': index % 2 === 0, 'even-item': index % 2 !== 0 }" :style="{
-          left: `${calculatePosition(item.rq)}%`,
-          opacity: index === milestones.length - 1 && hideLast ? '0' : '1'
-        }">
-        <template v-if="index % 2 === 0">
-          <!-- 信息面板 -->
-          <div class="milestone-info">
-            <!-- <div class="milestone-date">{{ dayjs(item.rq).format('YYYY-MM-DD') }}</div> -->
-            <div class="milestone-name">{{ item.name }}</div>
-          </div>
-          <!-- 竖线连接 -->
-          <div class="milestone-line"></div>
-          <!-- 原点 -->
-          <div class="milestone-dot"></div>
-        </template>
-        <template v-else>
-          <!-- 原点 -->
-          <div class="milestone-dot"></div>
-          <!-- 竖线连接 -->
-          <div class="milestone-line"></div>
-          <!-- 信息面板 -->
-          <div class="milestone-info">
-            <div class="milestone-name">{{ item.name }}</div>
-            <!-- <div class="milestone-date">{{ dayjs(item.rq).format('YYYY-MM-DD') }}</div> -->
-
-          </div>
-        </template>
-      </div>
-      <div class="with-arrow"></div>
-    </div>
-    <BdEmpty v-else imgType="svg" :imgSize="50" des="没有查询到相关数据">
-
-    </BdEmpty>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue';
-// import { dayjs } from '../../../index.js'
-import BdEmpty from '../../components/empty/empty.vue'
-// 接收父组件传递的里程碑数据 const bgColor = ref('#0ea5e9') // 0ea5e9
-const props = defineProps({
-  // 标注色
-  bgColor: {
-    type: String,
-    default: 'radial-gradient(circle, rgba(78, 171, 237, 1) 0%, rgb(81, 151, 244) 51%, rgba(78, 171, 237, 1) 100%)'
-  },
-  milestones: {
-    type: Array,
-    required: true,
-    default: () => []
-  },
-  hideLast: {
-    type: Boolean,
-    default: true
-  }
-});
-
-// 计算是否显示终点箭头
-const showArrow = computed(() => !props.hideLast);
-
-// 计算每个节点的位置（基于起始日期的时间占比）
-const calculatePosition = (startDate) => {
-  if (props.milestones.length === 0) return 0;
-  const firstDate = new Date(props.milestones[0].rq);
-  const lastDate = new Date(props.milestones[props.milestones.length - 1].rq);
-  const currentDate = new Date(startDate);
-  const totalDays = (lastDate - firstDate) / (1000 * 60 * 60 * 24);
-  const daysPassed = (currentDate - firstDate) / (1000 * 60 * 60 * 24);
-  return (daysPassed / totalDays) * 100;
-};
-
-</script>
-
-<style lang="scss" scoped>
-$bgColor: v-bind(bgColor);
-
-.milestone-container {
-  width: 99%;
-  // padding: 100px 0;
-  /* 增加上下内边距给上下节点留出空间 */
-  position: relative;
-  display: flex;
-}
-
-.milestone-track {
-  width: calc(100% - 100px);
-  height: 14px;
-  margin: 0 auto;
-  background-color: #e5e7eb;
-  position: relative;
-  // 新增：为轨道右侧留出箭头空间
-  padding-right: 16px;
-  margin-right: calc(50px - 16px);
-  margin-top: 100px;
-
-  .with-arrow {
-    position: absolute;
-    right: -16px; // 定位到轨道最右侧
-    top: 0;
-    height: 1px;
-    // width: 16px;
-
-    top: 50%;
-    // left: 0;
-    transform: translateY(-50%); // 垂直居中
-    // 使用边框实现实心三角形箭头
-    border-top: 13px solid transparent;
-    border-bottom: 13px solid transparent;
-    border-left: 22px solid#e5e7eb;
-    /* 箭头颜色与主题色一致 */
-    z-index: 999;
-  }
-}
-
-.milestone-item {
-  position: absolute;
-  // background-color: rgba(255, 0, 0, 0.285);
-  left: 0;
-  top: 0;
-  transform: translateX(-50%);
-  /* 只水平居中，垂直位置由odd/even控制 */
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-// 基数项（0,2,4...）在轨道上方
-.odd-item {
-  top: -44px;
-
-  .milestone-info {
-    transform: translateY(calc(-100% - 1px));
-    /* 信息面板在原点上方 */
-  }
-}
-
-// 偶数项（1,3,5...）在轨道下方
-.even-item {
-  top: -3px;
-
-  .milestone-info {
-    transform: translateY(calc(100% + 2px));
-    /* 信息面板在原点下方 */
-  }
-}
-
-// 竖线连接
-.milestone-line {
-  width: 2px;
-  background: $bgColor;
-  position: absolute;
-  bottom: 0;
-  z-index: 1;
-}
-
-// 基数项竖线向上
-.odd-item .milestone-line {
-  height: 50px;
-  bottom: 10px;
-  /* 从原点中心向上延伸 */
-  // transform: translateY(100%);
-}
-
-// 偶数项竖线向下
-.even-item .milestone-line {
-  height: 50px;
-  top: 10px;
-  /* 从原点中心向下延伸 */
-}
-
-.milestone-dot {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  // background-color: #1652f8 ; // 
-  background: $bgColor;
-  position: relative;
-  z-index: 2;
-  /* 确保原点在轨道上方 */
-}
-
-.milestone-info {
-  text-align: center;
-  white-space: nowrap;
-  /* 防止文本换行 */
-}
-
-.milestone-date {
-  font-size: 16px;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 4px;
-}
-
-.milestone-name {
-  font-size: 15px;
-  color: #666;
-  font-weight: bold;
-}
-</style>

package/src/xm_components/Milestone/readme.md

@@ -1,15 +0,0 @@
-## 里程碑组件
-
-注意：最后一个时间为虚拟时间不显示，进行定位使用
-
-import {Milestone} from '@bdsoft/element'
- <Milestone  :milestones="milestoneData" :hide-last="true"></Milestone >
-
- const milestoneData = [
-  { rq: '2018-7-5', name: '规划设计' },
-  { rq: '2018-7-10', name: '钻试' },
-  { rq: '2018-8-5', name: '测井' },
-  { rq: '2018-8-11', name: '完井' },
-  { rq: '2018-9-1', name: '投产' },
-  { rq: '2018-9-8', name: '' }
-];

package/src/xm_components/MultiStatisticalCard/index.vue

@@ -1,114 +0,0 @@
-<!--
-* @FileDescription:  核心指标统计组件
-* @Author: 李兵泉
-* @Date: 2025-11-26 
-* @LastEditors: 最后更新作者
-* @LastEditTime: 最后更新时间
--->
-<template>
-  <el-row :gutter="0" class="basicwarp" :style="{ height: height }">
-    <!-- 动态渲染指标项 valueColor-->
-    <el-col
-      v-for="(item, index) in indicators"
-      :key="index"
-      @click="handleIndicatorClick(item, index)"
-      :md="item.colSize || 4"
-      class="text-center mb-4"
-      style="cursor: pointer"
-    >
-      <BdCountUp
-        class="infor-intro-num user-created-count"
-        :title="item.title"
-        :id-name="item.key"
-       
-        :endVal="item.value"
-        countSize="30px"
-        :color="item.valueColor || ''"
-        :countWeight="700"
-        @click="handleItemClick(item, index)"
-      >
-      </BdCountUp>
-    </el-col>
-  </el-row>
-</template>
-<script setup>
-import { ref, watch, onMounted, onUnmounted, nextTick } from 'vue'
-// import { useTransition } from '@vueuse/core'
-import BdCountUp from '../../components/countup/index.vue'
-
-// 定义自定义事件，用于向父组件传递点击信息
-const emit = defineEmits(['indicator-click'])
-// 存储每个指标的过渡值
-const indicatorValues = ref({})
-// 组件props定义
-const props = defineProps({
-  height: {
-    type: String,
-    default: '200px'
-  },
-  // 指标数据列表
-  indicators: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const handleItemClick = (item, index) => {
-  // 触发自定义事件，传递点击的指标项数据和索引
-  if (item.onClick) {
-    item.onClick(item, index)
-  }
-}
-// 处理指标项点击事件
-const handleIndicatorClick = (item, index) => {
-  // 触发自定义事件，传递点击的指标项数据和索引
-  emit('indicator-click', {
-    item, // 点击的指标项完整数据
-    index // 点击的指标项索引
-  })
-}
-
-watch(
-  () => props.indicators,
-  (newIndicators) => {
-    if (newIndicators && newIndicators.length > 0) {
-      // nextTick(() => {
-      //   props.indicators.forEach(item => {
-      //     indicatorValues.value[item.key] = useNumberTransition(ref(0), {
-      //       duration: item.duration || 1000,
-      //     })
-      //   })
-      // });
-    }
-  },
-  {
-    immediate: true
-  }
-)
-
-// 初始化过渡动画
-onMounted(() => {})
-</script>
-
-<style lang="scss" scoped>
-.basicwarp {
-  display: flex;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-}
-
-:deep(.el-statistic__head) {
-  font-size: 17px;
-  text-align: center;
-  color: #737070 !important;
-}
-
-:deep(.el-statistic__content) {
-  font-size: 28px;
-  text-align: center;
-  font-weight: 600;
-  color: #737070 !important;
-  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-}
-</style>

package/src/xm_components/MultiStatisticalCard/readme.md

@@ -1,29 +0,0 @@
-## 多指标显示组件
-
-<template>
-  <MultiStatisticalCard :indicators="indicators" ></MultiStatisticalCard>
-</template>
-<script setup>
-import { ref, reactive, computed, watch, onMounted } from "vue";
-import { MultiStatisticalCard } from '@bdsoft/element'
-
-const indicators = [
-{ key: 'oil_prod_cum', title: '累计油量(t)', valueColor:'red',value: 5656 },
-{ key: 'bncl', title: '本年产量(t)', valueColor:'red',value: 16 },
-{ key: 'sncl', title: '上年产量(t)',valueColor:'red', value: 116 },
-// { key: 'sncl2', title: '上年产量(t)', valueColor:'red',value: 116 },
-{ key: 'zrcl', title: '昨日产量(t)',valueColor:'red', value: 2346 }
-]
-</script>
-
-### 触发点击事件
-
-<MultiStatisticalCard :indicators="indicators" @indicator-click="handleClick"></MultiStatisticalCard>
-
- <script setup>
-const handleClick = (data) => {
-  console.log('点击了指标项：', data.item);
-  console.log('指标项索引：', data.index);
-  // 处理点击逻辑
-};
-</script>