adspecs 0.1.12

package/references/front-demo/src/components/StatusTag.vue

@@ -0,0 +1,110 @@
+<template>
+  <el-tag :type="tagType" :size="props.size">
+    {{ label }}
+  </el-tag>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+/**
+ * 状态标签颜色/类型配置
+ */
+export interface StatusConfig {
+  label: string
+  type: 'primary' | 'success' | 'danger' | 'warning' | 'info'
+}
+
+interface Props {
+  /** 状态码：string（预测单/变更单状态）或 number（旧产品状态 1=上架/0=下架） */
+  status: string | number
+  /** 可选的自定义状态映射，覆盖默认映射 */
+  statusMap?: Record<string, StatusConfig>
+  /** 标签大小 */
+  size?: 'small' | 'default' | 'large'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  status: '',
+  size: 'small',
+})
+
+const { t } = useI18n()
+
+// ============================================================
+// 默认状态映射 —— 预测单 9 种状态 + 变更单 5 种状态
+// label 作为 i18n 未命中时的硬编码兜底
+// ============================================================
+const defaultStatusMap: Record<string, StatusConfig> = {
+  // 预测单状态
+  DRAFT: { label: '草稿', type: 'info' },
+  SUBMITTED: { label: '已提交', type: 'primary' },
+  REJECTED: { label: '已驳回', type: 'danger' },
+  PLAN_RECEIVED: { label: '计划接收', type: 'primary' },
+  SCHEDULED: { label: '已排产待转单', type: 'primary' },
+  PARTIAL_CONVERTED: { label: '已部分转单', type: 'success' },
+  FULL_CONVERTED: { label: '已全部转单完成', type: 'success' },
+  RELEASED: { label: '已释放', type: 'info' },
+  DISCARDED: { label: '已作废', type: 'danger' },
+  // 变更单状态
+  CHANGE_DRAFT: { label: '草稿', type: 'info' },
+  CHANGE_SUBMITTED: { label: '已提交', type: 'primary' },
+  CHANGE_CHANGED: { label: '已变更', type: 'success' },
+  CHANGE_REJECTED: { label: '已驳回', type: 'danger' },
+  CHANGE_DISCARDED: { label: '已作废', type: 'danger' },
+}
+
+/** 当前生效的状态映射（自定义 > 默认） */
+const activeMap = computed(() => props.statusMap || defaultStatusMap)
+
+/** 是否为旧版 number 类型（产品状态：1=上架 / 0=下架） */
+const isLegacyNumber = computed(() => typeof props.status === 'number')
+
+// ============================================================
+// 标签颜色类型
+// ============================================================
+const tagType = computed(() => {
+  // 向后兼容：旧版 number 类型
+  if (isLegacyNumber.value) {
+    return (props.status as number) === 1 ? 'success' : 'danger'
+  }
+  const config = activeMap.value[props.status as string]
+  return config?.type || 'info'
+})
+
+// ============================================================
+// 标签文本（i18n 优先 → statusMap.label 兜底 → status 原值）
+// ============================================================
+const label = computed(() => {
+  // 向后兼容：旧版 number 类型
+  if (isLegacyNumber.value) {
+    return (props.status as number) === 1 ? '上架' : '下架'
+  }
+
+  const statusStr = props.status as string
+
+  // 1) 尝试 i18n：forecast-order.status.{status}
+  const i18nKey = `forecast-order.status.${statusStr}`
+  const i18nLabel = t(i18nKey)
+  if (i18nLabel !== i18nKey) {
+    return i18nLabel
+  }
+
+  // 2) 未命中 i18n，尝试 CHANGE_ 前缀（变更单状态兼容）
+  const changeI18nKey = `forecast-order.status.CHANGE_${statusStr}`
+  const changeI18nLabel = t(changeI18nKey)
+  if (changeI18nLabel !== changeI18nKey) {
+    return changeI18nLabel
+  }
+
+  // 3) statusMap 兜底
+  const config = activeMap.value[statusStr]
+  if (config?.label) {
+    return config.label
+  }
+
+  // 4) 最终兜底：显示原始状态值
+  return statusStr
+})
+</script>

package/references/front-demo/src/components/SvgIcon/index.ts

@@ -0,0 +1,7 @@
+import SvgIcon from './index.vue'
+
+SvgIcon.install = (Vue) => {
+  window.$vueApp.component(SvgIcon.name, SvgIcon)
+}
+
+export default SvgIcon

package/references/front-demo/src/components/SvgIcon/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName"></use>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true,
+    },
+    className: {
+      type: String,
+    },
+  },
+  computed: {
+    iconName() { 
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) return 'svg-icon ' + this.className
+      else return 'svg-icon'
+    },
+  },
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>

package/references/front-demo/src/components/UploadImg/index.ts

@@ -0,0 +1,7 @@
+import UploadImg from './index.vue'
+
+UploadImg.install = (Vue) => {
+  window.$vueApp.component(UploadImg.name, UploadImg)
+}
+
+export default UploadImg

package/references/front-demo/src/components/UploadImg/index.vue

@@ -0,0 +1,292 @@
+<template>
+  <div class="upload-img">
+    <!-- 显示已上传图片 -->
+    <div class="demo-upload-list" v-for="(item, index) in imgDataList" :key="index">
+      <el-image referrer="no-referrer" :src="item.url" />
+      <div class="demo-upload-list-cover">
+        <el-icon @click="handleView(item.url)"><el-icon-view /></el-icon>
+        <el-icon v-if="!deleteDisabled" @click="handleRemove(index)"><el-icon-delete /></el-icon>
+      </div>
+    </div>
+    <!-- 上传组件 -->
+    <div class="demo-upload-list" v-if="imgDataList.length < uploadLimit" v-loading="uploading">
+      <el-upload action :show-file-list="false" :http-request="handleBeforeUpload" accept="image/jpeg, image/png"
+        :disabled="uploadDisabled">
+        <el-icon><el-icon-plus /></el-icon>
+      </el-upload>
+    </div>
+    <!-- 查看图片弹窗 -->
+    <el-dialog :title="$t('gsUploadFile.viewPicture')" v-model="visible" :append-to-body="true">
+      <div class="dialog-box">
+        <el-image :src="imgUrl" v-if="noWaterMark" />
+        <el-image :src="PreviewUrl" v-if="PreviewUrl && !noWaterMark" />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '@/utils/events.ts'
+import {
+  View as ElIconView,
+  Delete as ElIconDelete,
+  Plus as ElIconPlus,
+} from '@element-plus/icons'
+export default {
+  components: {
+    ElIconView,
+    ElIconDelete,
+    ElIconPlus,
+  },
+  name: 'UploadImg',
+  props: {
+    // 上传数据
+    dataList: {
+      type: Array,
+      default: () => [],
+    },
+    // 最大允许上传个数
+    uploadLimit: {
+      type: Number,
+      default: 5,
+    },
+    // 是否允许删除
+    deleteDisabled: {
+      type: Boolean,
+      default: false,
+    },
+    // 禁止上传
+    uploadDisabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      // 上传Loading标识
+      uploading: false,
+      // 查看图片地址
+      imgUrl: '',
+      // 查看图片弹窗标识
+      visible: false,
+      // 水印
+      watermarkData: {},
+      // 水印标识
+      noWaterMark: false,
+      // 带水印的图片地址
+      PreviewUrl: '',
+    }
+  },
+  computed: {
+    // 过滤props传入的变量为null的元素
+    imgDataList() {
+      return this.dataList.filter((item) => item.url)
+    },
+  },
+  methods: {
+    // 查看图片
+    handleView(url) {
+      this.imgUrl = url
+      this.visible = true
+      this.noWaterMark = false
+      this.PreviewUrl = ''
+      this.getWaterMarkformgetId(url)
+    },
+    // 获取水印ID
+    getWaterMarkformgetId(url) {
+      this.$http
+        .get(
+          `${window.getVersionTypeApiUrl(
+            'filecenterUrl'
+          )}/iotBaseFuncWaterController/get-lately-watermark?ffwFunctionCode=${this.$route.meta.menuId
+          }&ffwPoint=${'review'}`
+        )
+        .then((res) => {
+          if (res.code == 800 || res.code == 200) {
+            this.watermarkData = res.data || {}
+            if (Object.keys(this.watermarkData).length > 0) {
+              this.noWaterMark = false
+              const data = {
+                params: {
+                  url: url,
+                  funcCode: this.$route.meta.menuId,
+                  watermarkBean: {
+                    ...this.watermarkData,
+                  },
+                },
+              }
+              this.$http
+                .post(
+                  `${window.getVersionTypeApiUrl(
+                    'filecenterUrl'
+                  )}/iot-base-attachment/previewFile`,
+                  data
+                )
+                .then((res) => {
+                  if (res.code == 200 || res.code == 800)
+                    this.PreviewUrl = 'data:image/jpg;base64,' + res.data
+                })
+            } else {
+              this.$nextTick(() => {
+                this.noWaterMark = true
+              })
+            }
+          }
+        })
+    },
+    // 删除图片
+    handleRemove(fileIndex) {
+      const file = this.dataList[fileIndex]
+      this.$confirm(
+        this.$t('gsUploadFile.deleteImg'),
+        this.$t('gsUploadFile.tips'),
+        {
+          confirmButtonText: this.$t('button.sure'),
+          cancelButtonText: this.$t('button.cancel'),
+        }
+      ).then(() => {
+        // 如果没有fileId，就不真正删除附件文件
+        if (file.fileId)
+          this.$http.get(
+            `${window.getVersionTypeApiUrl(
+              'filecenterUrl'
+            )}/iot-base-attachment/delete-id?id=${file.fileId}`
+          )
+        this.dataList.splice(fileIndex, 1)
+        $emit(this, 'handle-upload', file, 'delete')
+      })
+    },
+    async uploadAttachment(file, menuId = '') {
+      try {
+        const form = new FormData()
+        form.append('file', file, file.name)
+        const config = {
+          headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Content-Type': 'multipart/form-data',
+          },
+        }
+        if (menuId) {
+          return await this.$http.post(
+            `${window.getVersionTypeApiUrl(
+              'filecenterUrl'
+            )}/iot-base-attachment/single/file-upload?funcCode=${menuId}`,
+            form,
+            config
+          )
+        } else {
+          const response = await this.$http.post(
+            `${window.getVersionTypeApiUrl(
+              'filecenterUrl'
+            )}/iot-base-attachment/single/file-upload`,
+            form,
+            config
+          )
+          if (menuId) {
+            const resFile = await this.$http.get(
+              `${window.getVersionTypeApiUrl(
+                'filecenterUrl'
+              )}/iot-base-attachment/getUrl?url=${response.data.filePath}`
+            )
+            resFile.data.filePath = response.data
+            return resFile
+          }
+          return response
+        }
+      } catch {
+        this.uploading = false
+      }
+    },
+    // 上传图片
+    async handleBeforeUpload(e) {
+      try {
+        this.uploading = true
+        e = e.file
+        const { size, type } = e
+        await this.checkFile(
+          size <= 2 * 1024 * 1024,
+          '上传图片大小不能超过 2MB!'
+        )
+        const format = type.split('/')[1]
+        await this.checkFile(
+          !!['jpg', 'jpeg', 'png'].find((it) =>
+            format ? format.toLowerCase() === it : false
+          ),
+          '上传图片只能是 JPEG, JPG 或 PNG 格式!'
+        )
+
+        const resp = await this.uploadAttachment(e, this.$route.meta.menuId)
+        if (resp.code === 800) {
+          $emit(this, 'handle-upload', resp.data, 'add')
+          this.dataList.push({
+            url: resp.data.filePath,
+            fileId: resp.data.fileId,
+          })
+        }
+      } finally {
+        this.uploading = false
+      }
+    },
+    // 检查文件
+    checkFile(validate, msg) {
+      return new Promise((res, rej) => {
+        if (validate) {
+          res()
+        } else {
+          rej(msg)
+          this.$message.warning(msg)
+          this.uploading = false
+        }
+      })
+    },
+  },
+  emits: ['handle-upload'],
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-upload-list {
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+  position: relative;
+  margin-right: 5px;
+}
+
+.demo-upload-list img {
+  width: 100%;
+  height: 100%;
+  vertical-align: inherit;
+}
+
+.demo-upload-list-cover {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.demo-upload-list:hover .demo-upload-list-cover {
+  display: block;
+}
+
+.demo-upload-list-cover i {
+  color: #fff;
+  font-size: 16px;
+  cursor: pointer;
+  margin: 0 2px;
+}
+
+.dialog-box {
+  text-align: center;
+}
+</style>

package/references/front-demo/src/components/global-register.ts

@@ -0,0 +1,25 @@
+import GsIconDialog from '@/components/GsIconDialog/index'
+
+const components = [
+  GsIconDialog,
+]
+export const componentregister  = (instance:any)=>{
+  components.forEach((component:any) => {
+    if (component.name && component.name.includes('rint')) {
+      return
+    }
+    component.name &&
+    instance?.component(component.name, Object.assign({}, component))
+  })
+  
+  // 注入到Vue的全局变量
+  const vueGlobals = {}
+  
+  // 将全局组件挂载到 window 上，微应用可以自行获取注册
+  if (typeof window !== 'undefined' && !window.components) {
+    window.components = components
+  }
+  if (!window.vueGlobals) {
+    window.vueGlobals = vueGlobals
+  }
+}

package/references/front-demo/src/components/utils/index.ts

@@ -0,0 +1,12 @@
+// 接口请求参数转formData
+export function toFormData(data) {
+  const isJson = (obj) =>
+    typeof obj == 'object' &&
+    Object.prototype.toString.call(obj).toLowerCase() === '[object object]' &&
+    !obj.length
+  const fd = new FormData()
+  Object.entries(data).forEach(([key, val]) => {
+    fd.set(key, isJson(val) ? JSON.stringify(val) : val)
+  })
+  return fd
+}

package/references/front-demo/src/config/index.js

@@ -0,0 +1,64 @@
+/*
+ * @Description: In User Settings Edit
+ * @Author: your name
+ * @Date: 2019-10-18 10:06:44
+ * @LastEditTime: 2019-10-23 14:24:57
+ * @LastEditors: Please set LastEditors
+ */
+export default {
+  /**
+   * @description 配置显示在浏览器标签的title
+   */
+  title: 'CRM',
+  /**
+   * @description 当前系统的系统编码 systemCode
+   */
+  systemCode: 'hflv-crm',
+  /**
+   * @description token在Cookie中存储的天数，默认1天
+   */
+  cookieExpires: 1,
+  /**
+   * @description 是否使用国际化，默认为false
+   *              如果不使用，则需要在路由中给需要在菜单中展示的路由设置meta: {title: 'xxx'}
+   *              用来在菜单中显示文字
+   */
+  // useI18n: true,
+  /**
+   * @description api请求基础路径
+   */
+  baseUrl: {
+    designUrl: 'http://eam.auth.sieiot.com:9304/modeler.html', // 流程设计iframe地址
+    eamBaseUrl: 'http://dev.eam.sieiot.com/', //eam功能项目的url
+    iotBaseUrl: 'http://dev.ibracelet.sieiot.com/', //iot手环功能项目的url
+    iotStandardBaseUrl: 'http://dev.iiot.sieiot.com/', //iot标准平台功能项目的url
+    avueDataUrl: 'http://dev.view-data.sieiot.com',
+    gkbarcodeUrl: 'http://dev.gkbarcode.sieiot.com/#/' //服务编排
+  },
+  /**
+   * @description 需要加载的插件
+   */
+  plugin: {
+    'error-store': {
+      showInHeader: true, // 设为false后不会在顶部显示错误日志徽标
+      developmentOff: true // 设为true后在开发环境不会收集错误信息，方便开发中排查错误
+    }
+  },
+  /**
+   * 白名单
+   * permission.js
+   * main.js 埋点
+   */
+  whiteList: [
+    '/login',
+    '/qrcode',
+    '/authorize',
+    '/midea-login',
+    '/third-login',
+    '/qrcode-success',
+    '/report/preview',
+    '/platform-protocol',
+    '/knowledge-details',
+    '/third-party/receiveWxMsg'
+  ],
+}

package/references/front-demo/src/core/initMain.ts

@@ -0,0 +1,97 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+import router from '@/router'
+import { initLang } from '@/lang'
+import { setI18nGlobal } from '@/utils/i18nHelper'
+import { initTheme } from '@/utils/theme'
+import { getToken } from '@/utils/auth'
+import config from '@/config'
+import { busEvent } from '@/utils/bus'
+import { reqIsSucceed, langTitle } from '@/utils'
+import getStore from '@/store/piniaToVuex'
+import httpUtil from '@/utils/request'
+import '@gushen/gushen-common-components/lib/gushen-common-components.css'
+// 注册全局icon
+import '@/icons'
+
+// 日期插件
+import dayjs from 'dayjs'
+
+// 全局组件
+import { componentregister } from '@/components/global-register'
+
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+// 路由权限
+import '@/permission'
+// 注册全局icon
+// import '@/icons'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+// 公共组件库
+import GsComponents from '@gushen/gushen-common-components'
+import '@gushen/gushen-common-components/lib/gushen-common-components.css'
+// 动态报表
+// import GsReport from '@gushen/gushen-report-render'
+// import '@gushen/gushen-report-render/lib/gushen-report-render.css'
+// 动态表单
+// import GsForm from '@gushen/gushen-form-render'
+// import '@gushen/gushen-form-render/lib/gushen-form-render.css'
+
+// 乾坤微前端
+import { action } from '@/qiankun'
+
+export const initGlobalProperties = (instance: App) => {
+  const Properties = instance.config.globalProperties
+  Properties.$moment = dayjs
+  Properties.$bus = new busEvent()
+  Properties.$_ = window._
+  Properties.reqIsSucceed = reqIsSucceed
+  Properties.langTitle = langTitle
+  // Properties.$echarts = window.echarts
+  Properties.$microProps = action
+  Properties.$store = getStore()
+  Properties.$http = window.$request = httpUtil
+  Properties.routerAppend = (path, pathToAppend) => {
+    return path + (path.endsWith('/') ? '' : '/') + pathToAppend
+  }
+  window._config = config
+}
+
+export const setupPlugins = (instance: App) => {
+  const I18n = initLang()
+  setI18nGlobal(I18n.instance)
+  componentregister(instance)
+  instance.use(I18n)
+  instance.use(GsComponents)
+  instance.use(ElementPlus)
+  instance.use(createPinia())
+  instance.use(router)
+  // instance.use(GsForm)
+  // instance.use(GsReport)
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    instance.component(key, component)
+  }
+}
+
+export const initSystemConfig = async () => {
+  try {
+    const store = getStore()
+    const token = getToken()
+    console.log('tokenhhhh', token)
+    if (!token) return initTheme()
+    const isHideThemeControl = await store.dispatch('GetHideThemeControlStatus')
+    // 如果隐藏了主题控件，直接渲染默认主题
+    if (!isHideThemeControl) {
+      console.log('isHideThemeControl', isHideThemeControl)
+      console.log('----查看时间', store);
+      // 获取主题色配置
+      await store.dispatch('GetDefaultThemeColor')
+    }
+    initTheme()
+  } catch (error) {
+    console.log('errorhhh', error)
+    console.error(error)
+    initTheme()
+  }
+}