新增

src/mixins/basic-add.js

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2022-08-24 11:19:43
  * @LastEditors: zwq
- * @LastEditTime: 2024-04-02 09:34:56
+ * @LastEditTime: 2024-04-09 16:56:16
  * @Description:
  */
 import { listData } from "@/api/system/dict/data"; //数据字典接口
@@ -14,7 +14,7 @@ export default {
         createURL: '', //新增接口
         updateURL: '', //编辑提交接口
         infoURL: '', //编辑时获取单条数据接口
-        codeURL: '', //获取code接口（返回结果为dataForm.code字段）
+        codeURL: null, //获取code接口（返回结果为dataForm.code字段）
         optionArrUrl: [], //需要获取下拉框的方法数组
         optionArr: {}, //需要获取下拉框的方法数组的返回结果
         dictNameList: [], //数据字典name数组
@@ -35,7 +35,7 @@ export default {
       if (this.urlOptions.optionArrUrl.length > 0) {
         this.getArr()
       }
-      if (this.urlOptions.dictNameList > 0) {
+      if (this.urlOptions.dictNameList.length > 0) {
         this.getDict()
       }
       this.$nextTick(() => {
@@ -78,7 +78,7 @@ export default {
     },
     /** 查询字典数据列表 */
     getDict() {
-      this.dictNameList.forEach((item,index)=>{
+      this.urlOptions.dictNameList.forEach((item,index)=>{
         const queryParams = {
           pageNo: 1,
           pageSize: 99,

src/mixins/chart.js

@@ -0,0 +1,101 @@
+import * as echarts from "echarts";
+
+function __resizeHandler(entries) {
+  for (const entry of entries) {
+    if (entry.contentBoxSize) {
+      // manipulate contentBoxSize
+      const contentBoxSize = Array.isArray(entry.contentBoxSize)
+        ? entry.contentBoxSize[0]
+        : entry.contentBoxSize;
+      this.chart_mixin_chartInstance.resize({
+        width:
+          contentBoxSize.inlineSize < this.MIN_WIDTH
+            ? this.MIN_WIDTH
+            : contentBoxSize.inlineSize,
+        height: contentBoxSize.blockSize,
+      });
+    } else {
+      // manipulate contentRect
+      this.chart_mixin_chartInstance.resize({
+        width:
+          entry.contentRect.width < this.MIN_WIDTH
+            ? this.MIN_WIDTH
+            : entry.contentRect.width,
+        height: entry.contentRect.height,
+      });
+    }
+  }
+}
+
+export default {
+  data() {
+    const resizeObserver = new ResizeObserver(__resizeHandler.bind(this));
+
+    return {
+      MIN_WIDTH: 400,
+      chart_mixin_chartInstance: null,
+      chart_mixin_observer: resizeObserver,
+      chart_mixin_options: {
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        tooltip: {},
+        legend: {
+          data: ["Sales"],
+        },
+        xAxis: {
+          data: [
+            "shirt",
+            "cardign",
+            "chiffon shirt",
+            "pants",
+            "heels",
+            "socks",
+          ],
+        },
+        yAxis: {},
+        series: [
+          {
+            name: "Sales",
+            type: "bar",
+            data: [5, 20, 36, 10, 10, 20],
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    // this.$nextTick(() => {
+    //   this.initChart().then(() => {
+    //     this.initOptions(this.chart_mixin_options);
+    //     this.initListener();
+    //   });
+    // });
+    this.initChart();
+    this.initListener();
+  },
+  methods: {
+    initChart() {
+      (this.$refs.chart ||
+        console.warn('[mixins/chart] 注意是否有 ref="chart" 的元素存在')) &&
+        (this.chart_mixin_chartInstance = echarts.init(this.$refs.chart));
+      //   return new Promise((resolve, reject) => {
+      //     this.$refs.chart ? resolve(true) : reject(false);
+      //   });
+    },
+    initOptions(options) {
+      this.chart_mixin_chartInstance.setOption(options);
+    },
+    initListener() {
+      this.chart_mixin_observer.observe(this.$refs.chart);
+    },
+  },
+  beforeDestroy() {
+    if (this.chart_mixin_chartInstance) {
+      this.chart_mixin_chartInstance.dispose();
+    }
+  },
+};

src/mixins/code-filter.js

@@ -0,0 +1,87 @@
+/*
+ * @Author: zhp
+ * @Date: 2024-04-28 15:18:21
+ * @LastEditTime: 2024-04-28 15:18:21
+ * @LastEditors: zhp
+ * @Description:
+ */
+
+/*
+ * @Date: 2020-12-29 16:49:28
+ * @LastEditors: DY
+ * @LastEditTime: 2024-02-23 14:50:22
+ * @FilePath: \basic-admin\src\filters\basicData\index.js
+ * @Description:
+ */
+
+const table = {
+  lineStatus: {
+    1: '生产中',
+    2: '停止',
+    3: '未知',
+  },
+  reportType: {
+    1: '日',
+    2: '周',
+    3: '月'
+  }
+}
+
+// 日期格式化
+export function parseTime(time, pattern) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time)
+    } else if (typeof time === 'string') {
+      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.\d{3}/gm),'');
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+export function toDay(time) {
+  if (time < 24) {
+    return time + '小时'
+  } else {
+    const day = ~~(time / 24)
+    const hour = time % 24
+    return day + '天' + hour + '小时'
+  }
+}
+
+export default function (dictTable) {
+  return function (val) {
+    return table?.[dictTable]?.[val]
+  }
+}

src/mixins/fullscreen.js

@@ -0,0 +1,23 @@
+import screenfull from "screenfull";
+
+export default {
+  data() {
+    return {
+      isFullscreen: false,
+    };
+  },
+  watch: {
+    /** 全屏状态切换时，对柱子粗细和字体大小进行相应调整 */
+    isFullscreen(val) {
+      // 暴露一个全屏状态改变的回调函数
+      this.fullscreenCallback(val);
+    },
+  },
+  mounted() {
+    if (screenfull.isEnabled) {
+      screenfull.on("change", () => {
+        this.isFullscreen = screenfull.isFullscreen;
+      });
+    }
+  },
+};