@tongfun/tf-widget 0.1.7 → 0.1.11

package/package/tf-layout/src/components/tf-right-menu.vue

@@ -0,0 +1,89 @@
+<template>
+  <div
+    v-show="showMenu"
+    class="tf-right-menu"
+    :style="{ top: top + 'px', left: left + 'px' }"
+  >
+    <p @click="rightMenuClick('closeLeft')">
+      <i class="el-icon-back" /> 关闭左侧
+    </p>
+    <p @click="rightMenuClick('closeRight')">
+      <i class="el-icon-right" /> 关闭右侧
+    </p>
+    <p @click="rightMenuClick('closeOther')">
+      <i class="el-icon-circle-close" /> 关闭其他
+    </p>
+    <p @click="rightMenuClick('closeAll')">
+      <i class="el-icon-circle-close" /> 全部关闭
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    top: {
+      default: 0,
+      type: Number
+    },
+    left: {
+      default: 0,
+      type: Number
+    },
+    showMenu: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    /**
+     * @description 右键点击事件
+     */
+    rightMenuClick (params) {
+      this.$emit('rightMenuClick', params)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.tf-right-menu {
+  position: fixed;
+  z-index: 9999;
+  width: 120px;
+  height: 166px;
+  background: white;
+  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+  border-radius: 4px;
+  box-sizing: border-box;
+  padding: 10px 0;
+  p {
+    cursor: pointer;
+    height: 36px;
+    margin: 0;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 20px;
+    color: #606266;
+    &:hover {
+      background: #ecf5ff;
+      color: #46a6ff;
+    }
+  }
+  &::before {
+    content: "";
+    position: absolute;
+    width: 12px;
+    height: 6px;
+    top: -6px;
+    right: 10px;
+    background: white;
+    clip-path: polygon(50% 0px, 100% 100%, 0px 100%);
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+    border-radius: 1px;
+  }
+}
+</style>

package/package/tf-layout/src/components/tf-rotate-box.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="tf-rotate-box">
+    <span class="close">
+      <i />
+      <i />
+      <i />
+      <i />
+    </span>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+.tf-rotate-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .close {
+    width: 14px;
+    height: 14px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: 2px 2px;
+    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
+      color 0.1s, font-size 0s;
+    &:hover {
+      transform: rotate(90deg);
+      transform-origin: 50% 50%;
+      i {
+        background: #07579a;
+        &:nth-child(1) {
+          transform: rotate(45deg);
+          transform-origin: 50% 50%;
+        }
+      }
+    }
+    i {
+      margin: 0;
+      height: 6px;
+      width: 6px;
+      background: #9a9a9a;
+    }
+  }
+}
+</style>

package/package/tf-layout/src/tf-layout.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="tf-layout">
+    <TfMenu
+      :menus-info="menusInfo"
+      :menu-state="menuState"
+    />
+    <div class="tf-layout-subject">
+      <TfLaberBar
+        @setCache="setCache"
+        @changeMenuState="changeMenuState"
+        @deleteCache="deleteCache"
+      />
+      <div class="tf-layout-subject-content">
+        <keep-alive :include="secondCacheArray">
+          <router-view />
+        </keep-alive>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TfMenu from './components/tf-menu'
+import TfLaberBar from './components/tf-labelbar'
+export default {
+  name: 'TfLayout',
+  components: {
+    TfMenu,
+    TfLaberBar
+  },
+  props: {
+    menusInfo: {
+      type: Array,
+      default: function () {
+        return []
+      }
+    }
+  },
+  data () {
+    return {
+      menuState: false,
+      cacheMap: new Map(),
+      secondCacheArray: [],
+      thirdCacheArr: []
+    }
+  },
+  methods: {
+    changeMenuState(state) {
+      this.menuState = state
+    },
+    setCache (value) {
+      this.cacheMap.set(value[2] || value[1], value[1])
+      this.initCacheArr()
+    },
+    initCacheArr () {
+      this.secondCacheArray.push(
+        ...this.arrayDiff([...this.cacheMap.values()], this.secondCacheArray)
+      )
+      this.thirdCacheArr.push(
+        ...this.arrayDiff([...this.cacheMap.keys()], this.thirdCacheArr)
+      )
+      this.$emit('setSecondCache', this.secondCacheArray)
+      this.$emit('setThirdCache', this.thirdCacheArr)
+    },
+    arrayDiff (arr, arrRaw) {
+      if (Array.isArray(arr)) {
+        return arr.filter((i) => {
+          return arrRaw.indexOf(i) < 0
+        })
+      }
+      return []
+    },
+    deleteCache (value) {
+      if (Array.isArray(value)) {
+        value.forEach((item) => {
+          this.cacheMap.delete(item[2] || item[1])
+          this.thirdCacheArr.splice(
+            this.thirdCacheArr.indexOf(item[2] || item[1]),
+            1
+          )
+          if ([...this.cacheMap.values()].indexOf(item[1]) === -1) {
+            this.secondCacheArray.splice(
+              this.secondCacheArray.indexOf(item[2]),
+              1
+            )
+          }
+        })
+        this.$emit('setSecondCache', this.secondCacheArray)
+        this.$emit('setThirdCache', this.thirdCacheArr)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.tf-layout {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  .tf-layout-subject {
+    flex: 1;
+    height: 94.82vh;
+    width: 100%;
+    overflow: hidden;
+    .tf-layout-subject-content {
+      width: 100%;
+      height: calc(100% - 35px);
+      background: rgb(241, 241, 241);
+      box-sizing: border-box;
+      padding: 5px 0 0 0;
+    }
+  }
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tongfun/tf-widget",
-  "version": "0.1.7",
+  "version": "0.1.11",
   "description": "tf-widget",
   "main": "lib/tf-widget.umd.js",
   "private": false,
@@ -20,8 +20,10 @@
     "js-base64": "^3.6.0",
     "less": "^4.1.0",
     "less-loader": "^7.2.1",
+    "sortablejs": "^1.13.0",
     "vue": "^2.6.11",
-    "sortablejs": "^1.13.0"
+    "vue2-datepicker": "^3.10.4",
+    "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

package/postinstall.js

@@ -1,10 +1,10 @@
-
-const BANNER = '\u001B[96mThank you for using tf-widget for polyfilling JavaScript standard library!\u001B[0m\n\n' +
-             '\u001B[96mWe need the best of you! Come and join us\n\n' +
-             '\u001B[96mWe are waiting for you\n'
-
-function showBanner () {
-  console.log(BANNER)
-}
-
-showBanner()
+
+const BANNER = '\u001B[96mThank you for using tf-widget for polyfilling JavaScript standard library!\u001B[0m\n\n' +
+             '\u001B[96mWe need the best of you! Come and join us\n\n' +
+             '\u001B[96mWe are waiting for you\n'
+
+function showBanner () {
+  console.log(BANNER)
+}
+
+showBanner()

package/src/api/file-enclosure.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request.js'
+
+/**
+ * 删除附件
+ * @param {id} 删除附件的id
+ */
+export function delAttachment (id) {
+  return request({
+    url: `/api/file/attachment/?ids[]=${id}`,
+    method: 'delete'
+  })
+}
+
+/**
+ * 下载附件
+ * @param {id} 下载附件的id
+ */
+
+// 根据id下载附件
+export function download (id) {
+  return request({
+    url: `/api/file/attachment/download/${id}`,
+    method: 'get',
+    responseType: 'arraybuffer'
+  })
+}

package/src/api/push-down.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询所有下推的单据
+export function findBillExchangeRouterVO (params) {
+  return request({
+    url: '/api/report/billExchange/findBillExchangeRouterVO',
+    method: 'get',
+    params
+  })
+}
+
+// 下推时获取数据
+export function getDataWhenAdd (params) {
+  return request({
+    url: '/api/report/billExchange/doExchange',
+    method: 'Get',
+    params
+  })
+}

package/src/api/tableV3.js

@@ -0,0 +1,186 @@
+import request from '@/utils/request.js'
+
+/**
+ * 列表数据
+ */
+// 获取列表的数据
+export function getTableData (target, data, queryType) {
+  data.sceneSelector = queryType
+  return request({
+    url: `/api${target}/tList`,
+    method: 'post',
+    data
+  })
+}
+
+// 获取列表的合计
+export function getTableSum (target, data) {
+  data.sceneSelector = 'LIST'
+  return request({
+    url: `/api${target}/tSum`,
+    method: 'post',
+    data
+  })
+}
+
+// 提交
+export function submit (ids) {
+
+}
+
+// 撤销
+export function unSubmit (ids) {
+
+}
+
+// 审批
+export function audit (ids) {
+
+}
+
+// 反审核
+export function unAudit (ids) {
+
+}
+
+// 删除数据
+export function del ({ params, target }) {
+  return request({
+    url: `/api${target}/tDel`,
+    method: 'get',
+    params
+  })
+}
+
+// todo:导入导出
+
+/**
+ * 方案
+ */
+// 获取方案列表
+export function getFilterPlan (target) {
+  return request({
+    url: `/api${target}/tSchemeQuery`,
+    method: 'get'
+  })
+}
+
+// 添加一个新的方案
+export function addPlan (target, data) {
+  return request({
+    url: `/api${target}/tSchemeSave`,
+    method: 'post',
+    data: {
+      commonUserQuerySchemeContentSaveDTOS: data.conditionMulti,
+      commonUserQuerySchemeUsefulSaveDTOS: data.conditionAlways,
+      commonUserQuerySchemeSaveDTO: data.planMsg
+    }
+  })
+}
+
+// 删除一个方案
+// todo:如果删除的是一个默认方案怎么办，还是说前端直接默认方案不允许删除
+export function deletePlan (target, planId) {
+  return request({
+    url: `/api${target}/tSchemeDelete`,
+    method: 'post',
+    data: [planId]
+  })
+}
+
+// 修改一个方案
+export function updatePlan (target, data) {
+  return request({
+    url: `/api${target}/tSchemeUpdate`,
+    method: 'post',
+    data: {
+      userQuerySchemeContentUpdateDTOS: data.conditionMulti,
+      userQuerySchemeUsefulUpdateDTOS: data.conditionAlways,
+      userQuerySchemeUpdateDTO: data.planMsg
+    }
+  })
+}
+
+// 获取方案中枚举的字段的选项
+export function getEnumOptions (target, field) {
+  return request({
+    url: `/api${target}/tEnum`,
+    method: 'get',
+    params: {
+      field
+    }
+  })
+}
+
+/**
+ * 列表布局（方案高级条件的字段
+ */
+// 获取表格布局
+export function getTableLayout (target) {
+  return request({
+    url: `/api${target}/tListHeader`,
+    method: 'get'
+  })
+}
+// 修改布局
+export function updateTalbeLayout (data) {
+
+}
+
+/**
+ * 列表的分组查询
+ */
+export function getGroupTree (target) {
+  return request({
+    url: `/api${target}/tGroupQuery`,
+    method: 'get'
+  })
+}
+
+// 添加一个分组节点
+export function addGroupNode (target, name, id, pid, groupCode) {
+  return request({
+    url: `/api${target}/tGroupInsert`,
+    method: 'post',
+    data: {
+      name,
+      id: null,
+      pid,
+      groupCode
+    }
+  })
+}
+
+// 删除一个分组节点
+export function removeGroupNode (target, id) {
+  return request({
+    url: `/api${target}/tGroupDelete`,
+    method: 'post',
+    data: { id }
+  })
+}
+
+// 修改一个分组节点
+export function updateGroupNode (target, name, id, pid, groupCode) {
+  return request({
+    url: `/api${target}/tGroupUpdate`,
+    method: 'post',
+    data: {
+      name,
+      id,
+      pid,
+      groupCode
+    }
+  })
+}
+
+export function pushDownValid (name, ids) {
+  return request({
+    url: '/api/report/billExchange/preHandle',
+    method: 'post',
+    data: {
+      name,
+      ids
+    }
+  })
+}

package/src/index.js

@@ -1,10 +1,15 @@
 
 import TfWidget from '../package/tf-widget'
 import SvgIcon from '../package/svg-icon'
-
+import TfLayout from '../package/tf-layout'
+import TDataList from '../package/t-data-list'
+import Tinput from '../package/t-input'
 const components = [
   TfWidget,
-  SvgIcon
+  SvgIcon,
+  TfLayout,
+  TDataList,
+  Tinput
 ]
 
 const install = function (Vue) {
@@ -16,5 +21,8 @@ const install = function (Vue) {
 export default {
   install,
   TfWidget,
-  SvgIcon
+  SvgIcon,
+  TfLayout,
+  TDataList,
+  Tinput
 }