doway-coms 2.10.6 → 2.10.8

package/packages/AuditsList/src/index.vue

@@ -1,267 +1,312 @@
-<template>
-  <div>
-    <div class="icon" @click="showModal = !showModal">
-      <a-icon type="edit" style="font-size: 30px; color: #fff" />
-    </div>
-    <vxe-modal
-      v-model="showModal"
-      :height="moduleHeight"
-      :width="300"
-      :zIndex="1000"
-      :showHeader="false"
-      :mask="false"
-      :mask-closable="true"
-      :position="{
-        left: '78%',
-        top: '15%'
-      }"
-      destroy-on-close
-    >
-      <div class="history" v-if="historyList.length>0">
-        <div class="title">修改记录</div>
-        <div
-          class="box"
-          v-for="(item,index) in historyList"
-          :key="index"
-          @click="historyData(item)"
-        >
-          <div class="item">
-            <div
-              class="status"
-              :style="{color:textColor(item.logOperation)}"
-            >{{item.logOperation|filterData}}</div>
-            <div class="time">{{item.createTime}}</div>
-            <div class="name">{{item.createUserName}}</div>
-          </div>
-          <div class="divider">
-            <div></div>
-          </div>
-        </div>
-      </div>
-      <div v-else class="history">
-        <div class="none">
-          <div class="img"></div>
-          <i class="text">暂无历史数据</i>
-        </div>
-      </div>
-    </vxe-modal>
-  </div>
-</template>
-
-<script>
-import { objectAuditLogApi } from "../../utils/api";
-export default {
-  name: "AuditsList",
-  props: {
-    formId: {
-      type: String
-    },
-    moduleHeight: {
-      type: Number
-    }
-  },
-  components: {},
-  watch: {
-    showModal(newVal, oldVal) {
-      console.log(newVal);
-      if (newVal) {
-        this.getHistoryData();
-      }
-    },
-    immediate: true
-  },
-  filters: {
-    filterData(val) {
-      switch (val) {
-        case "update":
-          return "修改";
-        case "add":
-          return "新增";
-        default:
-          return val;
-      }
-    }
-  },
-  mounted() {},
-  data() {
-    return {
-      historyList: [],
-      showModal: false
-    };
-  },
-  methods: {
-    getHistoryData() {
-      let postData = {
-        begin: 1,
-        size: 0,
-        expression: {
-          expressions: [
-            {
-              field: "logDataKeyId",
-              operator: "EQ",
-              value: this.formId
-            }
-          ],
-          operator: "and"
-        },
-        sorts: [["createTime", "asc"]]
-      };
-      objectAuditLogApi(postData).then(res => {
-        res.content.forEach(item => {
-          item.logData = JSON.parse(item.logData);
-        });
-        this.historyList = res.content;
-      });
-    },
-    historyData(val) {
-      if (
-        // eslint-disable-next-line no-prototype-builtins
-        val.logData.hasOwnProperty("code") &&
-        // eslint-disable-next-line no-prototype-builtins
-        val.logData.hasOwnProperty("content")
-      ) {
-        val.logData = val.logData.content;
-        this.$emit("historyData", val);
-      } else {
-        this.$emit("historyData", val);
-      }
-    },
-    textColor(val) {
-      switch (val) {
-        case "add":
-          return "green";
-        case "update":
-          return "orange";
-      }
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.icon {
-  position: fixed;
-  top: 46%;
-  right: -30px;
-  z-index: 100;
-  cursor: pointer;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 5px;
-  background: #089def;
-}
-.icon:hover {
-  right: 0px;
-  transition:all 0.3s;
-}
-::v-deep .vxe-modal--wrapper .vxe-modal--content {
-  padding: 0;
-}
-.history {
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  .title {
-    text-align: center;
-    padding: 10px;
-    font-size: 15px;
-    font-weight: bold;
-  }
-  .box {
-    .item {
-      height: 40px;
-      max-height: 40px;
-      display: flex;
-      cursor: pointer;
-      .time {
-        flex: 2.5;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-      .status {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-      .name {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-    .item:hover {
-      background: #e3e5e7;
-      transition: all 0.5s;
-    }
-    .divider {
-      height: 5px;
-      max-height: 5px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      div {
-        width: 180px;
-        height: 1px;
-        background: #eee;
-      }
-    }
-  }
-  .none {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    .img {
-      width: 200px;
-      height: 150px;
-      background: url("./暂无数据.png") no-repeat;
-      background-size: 100%;
-    }
-    text {
-      font-size: 15px;
-      text-align: center;
-    }
-  }
-}
-/*滚动条整体部分*/
-.history::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
-  z-index: 10;
-}
-/*滚动条的轨道*/
-.history::-webkit-scrollbar-track {
-  background-color: #ffffff;
-  z-index: 10;
-}
-/*滚动条里面的小方块，能向上向下移动*/
-.history::-webkit-scrollbar-thumb {
-  background-color: #bfbfbf;
-  border-radius: 5px;
-  border: 1px solid #f1f1f1;
-  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  z-index: 10;
-}
-.history::-webkit-scrollbar-thumb:hover {
-  background-color: #a8a8a8;
-  z-index: 10;
-}
-.history::-webkit-scrollbar-thumb:active {
-  background-color: #787878;
-  z-index: 10;
-}
-/*边角，即两个滚动条的交汇处*/
-.history::-webkit-scrollbar-corner {
-  background-color: #ffffff;
-  z-index: 10;
-}
-</style>
+<template>
+  <div>
+    <div class="icon" @click="showModal = !showModal">
+      <a-icon type="edit" style="font-size: 30px; color: #fff" />
+    </div>
+    <vxe-modal
+        v-model="showModal"
+        :height="moduleHeight"
+        :width="300"
+        :zIndex="1000"
+        :showHeader="false"
+        :mask="false"
+        :mask-closable="true"
+        :position="{
+        left: '78%',
+        top: '15%'
+      }"
+        destroy-on-close
+    >
+      <div class="history" v-if="historyList.length>0">
+        <div class="title">审计日志</div>
+        <div
+            class="box"
+            v-for="(item,index) in historyList"
+            :key="index"
+            @click="historyData(item)"
+        >
+          <div class="item">
+            <div
+                class="status"
+                :style="{color:textColor(item.logOperation)}"
+            >{{item.logOperation|filterData}}</div>
+            <div class="time">{{item.createTime}}</div>
+            <div class="name">{{item.createUserName}}</div>
+          </div>
+          <div class="divider">
+            <div></div>
+          </div>
+        </div>
+      </div>
+      <div v-else class="history">
+        <div class="none">
+          <div class="img"></div>
+          <i class="text">暂无历史数据</i>
+        </div>
+      </div>
+    </vxe-modal>
+  </div>
+</template>
+
+<script>
+import { objectAuditLogApi } from "../../utils/api";
+export default {
+  name: "AuditsList",
+  props: {
+    formId: {
+      type: String
+    },
+    moduleHeight: {
+      type: Number
+    }
+  },
+  components: {},
+  watch: {
+    showModal(newVal, oldVal) {
+      if (newVal) {
+        this.getHistoryData();
+      }
+    },
+    immediate: true
+  },
+  filters: {
+    filterData(val) {
+      switch (val) {
+        case "update":
+          return "修改";
+        case "add":
+          return "新增";
+        case "print":
+          return "打印";
+        default:
+          return val;
+      }
+    }
+  },
+  mounted() {},
+  data() {
+    return {
+      historyList: [],
+      showModal: false
+    };
+  },
+  methods: {
+    getHistoryData() {
+      let postData = {
+        begin: 1,
+        size: 0,
+        expression: {
+          expressions: [
+            {
+              field: "logDataKeyId",
+              operator: "EQ",
+              value: this.formId
+            }
+          ],
+          operator: "and"
+        },
+        sorts: [["createTime", "asc"]]
+      };
+      objectAuditLogApi(postData).then(res => {
+        res.content.forEach(item => {
+          try {
+            item.logData = JSON.parse(item.logData);
+          } catch (e) {
+          }
+
+        });
+        this.historyList = res.content;
+      });
+    },
+    historyData(val) {
+      if (val.logOperation && val.logOperation === 'print') {
+        return
+      }
+      if (
+          // eslint-disable-next-line no-prototype-builtins
+          val.logData.hasOwnProperty("code") &&
+          // eslint-disable-next-line no-prototype-builtins
+          val.logData.hasOwnProperty("content")
+      ) {
+        val.logData = val.logData.content;
+        this.$emit("historyData", val);
+      } else {
+        this.$emit("historyData", val);
+      }
+    },
+    textColor(val) {
+      switch (val) {
+        case "add":
+          return "green";
+        case "update":
+          return "orange";
+        case "print":
+          return "orange";
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.icon {
+  position: fixed;
+  top: 46%;
+  right: -30px;
+  z-index: 100;
+  cursor: pointer;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5px;
+  background: #089def;
+}
+.icon:hover {
+  right: 0px;
+  transition:all 0.3s;
+}
+::v-deep .vxe-modal--wrapper .vxe-modal--content {
+  padding: 0;
+}
+.history {
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  .title {
+    text-align: center;
+    padding: 10px;
+    font-size: 15px;
+    font-weight: bold;
+  }
+  .box {
+    .item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px 12px;
+      background-color: #f9f9f9;
+      border-radius: 5px;
+      transition: background 0.3s, transform 0.3s;
+      margin-bottom: 8px;
+
+      .time, .status, .name {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 14px;
+        color: #333;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .time {
+        flex: 3;
+        justify-content: flex-start; /* 时间靠左对齐 */
+      }
+
+      .status {
+        display: inline-block;
+        padding: 4px 12px;
+        border-radius: 12px;
+        font-weight: bold;
+        font-size: 13px;
+        text-align: center;
+        color: #fff;
+        min-width: 60px;
+        transition: all 0.3s ease;
+
+        /* 根据不同操作状态，使用不同的背景色 */
+        &.add {
+          background: linear-gradient(90deg, #43e97b, #38f9d7); /* 绿色渐变 */
+          box-shadow: 0 2px 6px rgba(67, 233, 123, 0.5);
+        }
+        &.update {
+          background: linear-gradient(90deg, #fbc747, #f49842); /* 橙色渐变 */
+          box-shadow: 0 2px 6px rgba(251, 199, 71, 0.5);
+        }
+        &.delete {
+          background: linear-gradient(90deg, #ff6b6b, #ff8787); /* 红色渐变 */
+          box-shadow: 0 2px 6px rgba(255, 107, 107, 0.5);
+        }
+      }
+
+      .name {
+        flex: 1;
+        justify-content: flex-end; /* 名字靠右对齐 */
+      }
+    }
+
+    /* 鼠标悬停效果 */
+    .item:hover {
+      background-color: #e0f7fa;
+      transform: scale(1.02);
+      transition: background-color 0.3s ease, transform 0.3s ease;
+    }
+
+    /* 分割线优化 */
+    .divider {
+      margin-top: 5px;
+      div {
+        width: 100%;
+        height: 1px;
+        background-color: #e0e0e0;
+      }
+    }
+  }
+
+  .none {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    .img {
+      width: 200px;
+      height: 150px;
+      background: url("./暂无数据.png") no-repeat;
+      background-size: 100%;
+    }
+    text {
+      font-size: 15px;
+      text-align: center;
+    }
+  }
+}
+/*滚动条整体部分*/
+.history::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+  z-index: 10;
+}
+/*滚动条的轨道*/
+.history::-webkit-scrollbar-track {
+  background-color: #ffffff;
+  z-index: 10;
+}
+/*滚动条里面的小方块，能向上向下移动*/
+.history::-webkit-scrollbar-thumb {
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  border: 1px solid #f1f1f1;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  z-index: 10;
+}
+.history::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+  z-index: 10;
+}
+.history::-webkit-scrollbar-thumb:active {
+  background-color: #787878;
+  z-index: 10;
+}
+/*边角，即两个滚动条的交汇处*/
+.history::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+  z-index: 10;
+}
+</style>

package/packages/BaseButton/index.js

@@ -1,8 +1,8 @@
-// 导入组件，组件必须声明 name
-import BaseButton from './src/index.vue';
-// 为组件提供 install 安装方法，供按需引入
-BaseButton.install = function(Vue) {
-    Vue.component(BaseButton.name, BaseButton);
-};
-// 默认导出组件
+// 导入组件，组件必须声明 name
+import BaseButton from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BaseButton.install = function(Vue) {
+    Vue.component(BaseButton.name, BaseButton);
+};
+// 默认导出组件
 export default BaseButton;