@tongfun/tf-widget 0.1.27 → 0.1.28

package/src/assets/styles/common-table.less

@@ -1,202 +0,0 @@
-
-//通用按钮
-.common-header-button{
-  min-width: 2.5vw;
-  height: 2.222vh;
-  opacity: 1;
-  background: #0c4c8e;
-  border-color: #0c4c8e;
-  border-radius: 2px;
-  padding: 0;
-  margin-right: 0.4166vw;
-  ::v-deep span{
-    opacity: 1;
-    font-size: 0.625vw;
-    font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-    font-weight: 400;
-    color: #ffffff;
-  }
-}
-// 统一按钮悬浮样式
-.common-header-button:hover{
-  background: #0c4c8e;
-  border-color: #0c4c8e;
-}
-// 统一按钮focus样式
-.common-header-button:focus{
-  background: #0c4c8e;
-  border-color: #0c4c8e;
-}
-// 去除button自带margin-left
-::v-deep .el-button+.el-button{
-  margin-left: 0;
-}
-
-//模态框取消按钮为浅色
-.close{
-  background-color: #e5e5e5;
-  border-color: #e5e5e5;
-  ::v-deep span{
-    color: #666;
-  }
-}
-.close:hover{
-  background-color: #e5e5e5;
-  color: #666;
-  border-color: #e5e5e5;
-}
-.close:focus{
-  background-color: #e5e5e5;
-  color: #666;
-  border-color: #e5e5e5;
-
-}
-
-
-//通用下拉按钮
-.common-header-drop-button{
-  height: 2.222vh;
-  margin-right: 0.4166vw;
-  ::v-deep .el-button-group{
-    height: 100%;
-    display: flex;
-  }
-  ::v-deep .el-button{
-    width: 2.5vw;
-    height:  2.222vh;
-    opacity: 1;
-    background: #0c4c8e;
-    padding: 0;
-    border-radius: 2px 0 0 2px;
-    border: 1px solid #0c4c8e;
-    margin-right: 0;
-  }
-  ::v-deep span{
-    font-size: 0.625vw;
-    font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-  }
-  ::v-deep .el-dropdown__caret-button{
-    width: 0.625vw;
-    height: 2.222vh;
-    background-color: #87a7c8;
-    border-radius: 0 2px 2px 0;
-    padding: 0;
-    border: 0 solid #87a7c8;
-    .el-dropdown__icon, el-icon-arrow-down{
-      margin: 0;
-    }
-  }
-  ::v-deep .el-dropdown__caret-button::before{
-    background-color: #87a7c8;
-  }
-  ::v-deep .el-dropdown__icon{
-    width: 0.625vw;
-    font-size: 0.625vw;
-  }
-}
-
-// 通用下拉按钮（文字较多时)
-.common-header-drop-button-more{
-  ::v-deep .el-button{
-    width: 3.5vw;
-  }
-  ::v-deep .el-dropdown__caret-button{
-    width: 0.625vw;
-  }
-}
-
-.common-table{
-  //表头配置
-  ::v-deep .elx-header--row{
-    .elx-header--column:nth-child(1){
-      .elx-cell{
-        width: 63px !important;
-        height: 3.2407vh !important;
-      }
-    }
-  }
-  ::v-deep .elx-table--header{
-    color: #085497;
-    font-size: 0.7291vw;
-    background: #edf0f5;
-    border-radius: 4px 4px 0 0;
-    .elx-cell{
-      width: 100% !important;
-      padding: 0;
-      .elx-cell--title{
-        width: 100% !important;
-      }
-    }
-  }
-  ::v-deep .elx-header--column{
-    font-weight: normal;
-    height: 3.2407vh !important;
-    background-image: none !important;
-  }
-  ::v-deep .elx-body--column{
-    height: 3.2407vh !important;
-    border-top: 1px solid #E0EAFC;
-    border-right: 1px solid #E0EAFC;
-    font-size: 0.625vw;
-    font-weight: normal;
-    color: #666666;
-    background-image: none !important;
-  }
-  // 首列左侧增加border
-  ::v-deep .elx-body--row{
-    .elx-body--column:nth-child(1){
-      border-left: 1px solid #E0EAFC;
-    }
-  }
-  // 末行底部增加border
-  ::v-deep .elx-body--row:nth-last-child(1){
-    .elx-body--column{
-      border-bottom: 1px solid #E0EAFC;
-    }
-  }
-
-  // ::v-deep .elx-table--body{
-  //   //border-collapse: collapse;
-  // }
-  ::v-deep .row--current{
-    background: #EFF7FF;
-  }
-  ::v-deep .elx-table--body-wrapper{
-    background: #FFFFFF;
-    height: 70vh;
-  }
-  @media screen and (max-width: 1366px){
-    ::v-deep .elx-table--body-wrapper{
-      height: 65vh;
-    }
-  }
-  ::v-deep .fixed-right--wrapper{
-    border: none;
-  }
-  ::v-deep .elx-table--footer-wrapper{
-    border: none;
-  }
-  ::v-deep .elx-footer--column{
-    background-image: none !important;
-  }
-  // 合计行
-  ::v-deep .elx-footer--row{
-    td {
-      height: 3.2407vh !important;
-      //border-top: 1px solid #E0EAFC;
-    }
-  }
-  // 表格控制按钮增大
-  ::v-deep .el-icon-setting:before{
-    font-size: 1.0416vw;
-  }
-  /deep/ .el-table__fixed-right {
-    height: 100% !important; //设置高优先，以覆盖内联样式
-  }
-  /deep/ .el-table__fixed {
-    height: 110px !important; //设置高优先，以覆盖内联样式
-  }
-  ::v-deep .elx-table--fixed-right-wrapper.scrolling--middle{
-    box-shadow: none;  // 去除列表控制的fix显示shadow
-  }
-}

package/src/directives/debounce.js

@@ -1,24 +0,0 @@
-export default {
-  bind: function (el, { value }) {
-    const time = value || 2000
-    el._flag = true
-    el._timer = null
-    el.handler = (e) => {
-      if (!el._flag) {
-        // 无需执行时的操作
-        e.stopImmediatePropagation()
-        return
-      }
-      el._flag = false
-      el._timer = setTimeout(() => {
-        el._flag = true
-        clearTimeout(el._timer)
-        el._timer = null
-      }, time)
-    }
-    el.addEventListener('click', el.handler, true)
-  },
-  unbind: function (el, binding) {
-    el.removeEventListener('click', el.handler, true)
-  }
-}

package/src/index.js

@@ -1,31 +0,0 @@
-
-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'
-import TfIconPicker from '../package/tf-icon-picker'
-const components = [
-  TfWidget,
-  SvgIcon,
-  TfLayout,
-  TDataList,
-  Tinput,
-  TfIconPicker
-]
-
-const install = function (Vue) {
-  components.forEach(component => {
-    Vue.component(component.name, component)
-  })
-}
-
-export default {
-  install,
-  TfWidget,
-  SvgIcon,
-  TfLayout,
-  TDataList,
-  Tinput,
-  TfIconPicker
-}

package/src/mixins/t-data-query-mixin.js

@@ -1,293 +0,0 @@
-import { getTableData, getTableSum, getTableLayout } from '@/api/tableV3.js'
-import { getOperator } from '../../package/t-data-list/src/js/util'
-export default {
-  data () {
-    return {
-      /**
-       * 通用过滤查询参数
-       */
-      // 被指定为搜索建议的查询的字段列表
-      suggestFieldList: [],
-      // 搜索建议的高级条件
-      searchSuggestCondition: [],
-      // 方案切换的高级条件
-      queryPlanCondition: [],
-
-      // 数据查询接口的参数
-      query: {
-        // 常用条件
-        conditionAlwaysList: [],
-        // 分组条件
-        conditionGroup: null,
-        // 高级过滤条件
-        conditionMultiList: [],
-        // 表头的过滤条件
-        conditionQuickList: [],
-        // 分页条件
-        pageNum: 1,
-        pageSize: 200
-      },
-
-      /**
-       * 数据查询结果相关
-       */
-      // 列表的字段信息（表头，可能包含了表头过滤的配置信息和其他的布局信息）
-      tableLayout: [],
-      // 列表数据
-      tableData: {
-        total: 1,
-        records: []
-      },
-      // 列表底部合计
-      tableSum: ['合计'],
-
-      /**
-       * 列表操作过程中使用组件变量
-       */
-      // 被标记为id的字段,这个属性只在弹窗中才被使用
-      // 但是因为获取布局依赖了这个属性所以提取为公共属性,但是只有弹窗中才被使用
-      idField: null,
-      // 列表选中行的完整数据
-      selectedRows: [],
-      // 列表选中行的id数组
-      ids: [],
-
-      /**
-       * 通过provie传递全局数据
-       */
-      syncData: {
-        displayField: '',
-        tableLoading: false,
-        tableSelectionClear: true // 表格数据刷新之后是否清空已选的标识
-      }
-    }
-  },
-  computed: {
-    /**
-     * 高级过滤条件由多个条件来源的数据拼凑而成，使用计算属性来达到缓存的目的
-     * 且无法确定需求上的变动是否需要动态让某个来源的条件消失,所以更改为计算属性
-     * 来源如下：
-     *    搜索建议和右上角复用搜索建议的接口的搜索框拼凑的高级过滤条件
-     *    来自限定搜索范围的条件生成的高级过滤条件
-     *    来自方案中填写点击查询按钮，或者进行切换方案的时候产生高级过滤条件
-     */
-    multiCondition () {
-      const multiResult = []
-      // 拼接方案中的高级过滤条件
-      multiResult.push(...this.queryPlanCondition)
-      // 拼接限定查询的条件
-      multiResult.push(...this.limitationCondition)
-
-      // 搜索建议永远被拼接到最后面
-      // 并且在前面有条件的时候,将搜索建议的条件用双层括号整个进行包裹((a)(b))
-      // 避免后端sql 优先级问题导致结果不准确
-      const stillEmpty = multiResult.length === 0
-      this.searchSuggestCondition.forEach((item, index) => {
-        if (index === 0) {
-          item.leftBracket = stillEmpty ? '(' : '(('
-        }
-        if (index === multiResult.length - 1) {
-          item.rightBracket = stillEmpty ? ')' : '))'
-        }
-      })
-      multiResult.push(...this.searchSuggestCondition)
-
-      // 处理条件的排序的序号
-      multiResult.forEach((item, index) => {
-        item.sort = index
-      })
-      return multiResult
-    },
-    // 限定查询范围的条件
-    limitationCondition () {
-      if (!this.limitation) {
-        return []
-      }
-      const result = []
-      for (const key in this.limitation) {
-        const fieldItem = this.tableLayout.find(v => v.field === key)
-        if (!fieldItem) continue
-
-        let value = ''
-        if (fieldItem.componentValueType === 'PARAM_BASIC') {
-          value = this.limitation[key]?.name
-        } else if (fieldItem.componentValueType === 'PARAM_ENUM') {
-          value = this.limitation[key]?.id
-        } else {
-          value = this.limitation[key]
-        }
-
-        value && result.push(this.createMultiCondition(fieldItem, value))
-      }
-      return result
-    }
-  },
-  provide () {
-    return {
-      getDbRow: this.getDbRow,
-      target: this.target,
-      enumOptionCache: {},
-      selectedRows: this.selectedRows,
-      ids: this.ids,
-      showSummary: this.queryType === 'LIST',
-      syncData: this.syncData,
-      queryType: this.queryType
-    }
-  },
-  methods: {
-    /**
-     * 获取表单的布局
-     */
-    async getTableLayout () {
-      const res = await getTableLayout(this.target)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      this.tableLayout = res.data.sort((a, b) => a.sort - b.sort)
-      this.suggestFieldList = res.data.filter(item => item.isSuggest)
-      this.displayField = this.syncData.displayField = res.data.find(item => item.isDisplayField)?.field
-      this.idField = res.data.find(item => item.isId).field
-    },
-
-    /**
-    * 列表数据
-    * 获取列表数据有三个地方进行调用
-    *  1 搜索建议: 场景为SELECTOR ,不获取合计
-    *  2 列表中数据查询:使场景为LIST, 获取合计
-    *  3 弹窗中数据: 场景为SELECTOR,不获取合计
-    *
-    *  关于是否获取合计,还有一层判断来自获取合计的借口对场景进行判断
-    *  此函数的判断只判断针对翻页页码变化这类不获取合计,至于弹窗中还是列表中的判断,在获取合计的借口中进行判断
-    */
-    async getTableData (isSuggest = false, getSum = false) {
-      if (!isSuggest) {
-        this.syncData.tableLoading = true
-      }
-      const queryParams = !isSuggest
-        ? JSON.parse(JSON.stringify(this.query))
-        : {
-          conditionAlwaysList: [],
-          conditionGroup: null,
-          conditionMultiList: [],
-          conditionQuickList: [],
-          pageNum: 1,
-          pageSize: 20
-        }
-
-      this.enableSum && getSum && await this.getTableSum()
-      try {
-        // 查询数据之前赋值高级过滤条件
-        queryParams.conditionMultiList = this.multiCondition
-        const res = await getTableData(this.target, queryParams, this.queryType)
-        if (res.code !== 0) {
-          this.$message.error(res.msg)
-          this.syncData.tableSelectionClear = true
-          return !isSuggest ? undefined : []
-        }
-        if (isSuggest) {
-          return res.data.record
-        }
-        this.tableData.total = Number(res.data.total)
-        this.tableData.records = res.data.record
-      } catch (err) {
-        // 恢复成默认值
-        this.syncData.tableSelectionClear = true
-      } finally {
-        this.syncData.tableLoading = false
-      }
-    },
-    // 表格数据合计
-    async getTableSum () {
-      // 只有列表中显示合计,
-      if (this.queryType !== 'LIST') {
-        return
-      }
-      const params = JSON.parse(JSON.stringify(this.query))
-      delete params.pageNum
-      delete params.pageSize
-      params.conditionMultiList = this.multiCondition
-      const res = await getTableSum(this.target, params)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      // 没有合计的时候后端返回空对象,有数据该对象只有一个sum属性
-      if (!res.data.sum) {
-        return
-      }
-      const sumData = res.data.sum
-      const sumArr = ['合计']
-      const tableVisibleColumn = this.tableLayout.filter(item => item.visible)
-      for (const key in sumData) {
-        const index = tableVisibleColumn.findIndex(item => item.field === key)
-        sumArr[index + 1] = sumData[key]
-      }
-      this.tableSum = sumArr
-    },
-    /**
-     * 处理条件变更和重新获取数据的逻辑
-     * 基础资料搜索建议和列表页面右上角的搜索输入框的条件处理
-     * @param {string} queryString 用户输入的内容
-     * @param {boolean} inputMode 输入框模式：true，否则是列表模式,输入框模式不进行数据查询
-     */
-    handleSuggestMultiCondition (queryString, inputMode = true) {
-      const conditionMultiList = []
-      for (const item of this.suggestFieldList) {
-        conditionMultiList.push(this.createMultiCondition(item, queryString, false, false))
-      }
-      this.searchSuggestCondition = conditionMultiList
-      // todo: 列表和弹窗 还有一个子分类,弹窗不进行合计调用
-      if (inputMode) {
-        return
-      }
-      // 处于列表中，还是处于基础资料的弹窗中，不同的地方在于，列表会进行合计，弹窗则会仅仅筛选已经审核的数据
-      // 以上逻辑在后端，前端仅仅需要传querytype的参数
-      this.queryType === 'LIST'
-        ? this.getTableData(false, true)
-        : this.getTableData(false, false)
-    },
-    /**
-     * 创建一个高级过滤条件
-     * @param {object} fieldObj  后端传递给前端的列表布局中一个字段的配置信息
-     * @param {*} value  高级过滤条件字段
-     * @param {boolean} isStrict 条件是否是严格匹配 "等于"  否则采用模糊匹配 "包含"
-     * @param {boolean} isAndRelation and还是or sql中多个条件的分隔符号
-     * @returns
-     */
-    createMultiCondition (fieldObj, value, isStrict = true, isAndRelation = true) {
-      // isSuggest
-      const relation = isAndRelation ? 'AND' : 'OR'
-      const operator = getOperator(fieldObj.componentValueType, isStrict)?.value
-      return {
-        leftBracket: '(',
-        field: fieldObj.field,
-        fieldType: fieldObj.componentType,
-        operator,
-        sort: '',
-        value,
-        rightBracket: ')',
-        relation
-      }
-    },
-    // 每页条数变化
-    handleSizeChange (newSize) {
-      this.query.pageSize = newSize
-      this.query.pageNum = 1
-      this.getTableData(false, false)
-    },
-    // 翻页
-    handleCurrentChange (newNum) {
-      this.query.pageNum = newNum
-      this.getTableData(false, false)
-    },
-    // 分组条件改变
-    handleGroupChange (group) {
-      this.query.conditionGroup = group
-      this.getTableData(false, true)
-    },
-    // 表头快捷过滤条件变更
-    handleHeadChange (newHeadCondition) {
-      this.query.conditionQuickList = newHeadCondition
-      this.getTableData(false, true)
-    }
-  }
-}

package/src/utils/auth.js

@@ -1,22 +0,0 @@
-const TOKEN = 'token' // 用户token
-// const RETOKEN = 'RefreshToken' // 刷线token
-
-// 设置用户token
-export function setToken (token) {
-  localStorage.setItem(TOKEN, token)
-}
-
-// 清除用户token
-export function removeToken () {
-  localStorage.removeItem(TOKEN)
-}
-
-// 更新token
-export function changeToken (token) {
-  localStorage.setItem(TOKEN, token)
-}
-
-// 获取用户token
-export function getToken () {
-  return localStorage.getItem(TOKEN)
-}

package/src/utils/request.js

@@ -1,42 +0,0 @@
-import axios from 'axios'
-import { statusCode } from './stato-anormale'
-import { Base64 } from 'js-base64'
-import { getToken } from '@/utils/auth'
-import { Message } from 'element-ui'
-const clientId = 'tongfuncloud_web'
-const clientSecret = 'tongfuncloud_web_secret'
-axios.defaults.headers['Content-type'] = 'application/json'
-
-const service = axios.create({
-  withCredentials: true, // send cookies when cross-domain requests
-  timeout: 15000 // request timeout
-})
-// request interceptor
-service.interceptors.request.use(
-  config => {
-    config.headers['client-type'] = 'WEB'
-    config.headers.token = 'Bearer ' + getToken()
-    config.headers.Authorization = `Basic ${Base64.encode(`${clientId}:${clientSecret}`)}`
-    // 测试组件时使用下方头部信息，过期则修改后再测试
-    // config.headers.token = 'Bearer eyJ0eXAiOiJKc29uV2ViVG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJtb2JpbGUiOiIxMzE1MTYyODY1NyIsIm5hbWUiOiLmnLHmmI7mmI4iLCJ0b2tlbl90eXBlIjoidG9rZW4iLCJwVXNlcmlkIjoiMTM2ODg0NjcxOTU3OTU4NjU2MSIsInVzZXJpZCI6IjE0MTczNjg0NjMwODg4MTIwMzIiLCJ0ZW5hbnQiOiIwMDAxIiwiYWNjb3VudCI6InpodW1pbmdtaW5nIiwiaWF0IjoxNjM2MDgxNzM1LCJuYmYiOjE2MzYwODE3MzUsImV4cCI6MTYzNjExMDUzNX0.TTSbWUYTOd6znNko8sNyKz9KqLyeyO5AC4WgBvVNvBo'
-    // config.headers.Authorization = 'Basic dG9uZ2Z1bmNsb3VkX3dlYjp0b25nZnVuY2xvdWRfd2ViX3NlY3JldA=='
-    return config
-  },
-  error => {
-    return Promise.reject(error)
-  }
-)
-service.interceptors.response.use(
-  response => {
-    return response.data
-  },
-  error => {
-    const { response } = error
-    if (response.status === 400) {
-      return Message.error(response.data.msg)
-    }
-    if (statusCode[response.data.code]) Message.error(statusCode[response.data.code])
-  }
-)
-
-export default service

package/src/utils/stato-anormale.js

@@ -1,59 +0,0 @@
-export const statusCode = {
-  '-2': '系统繁忙~请稍后再试~',
-  '-3': '参数类型解析异常',
-  '-4': '运行SQL出现异常',
-  '-5': '空指针异常',
-  '-6': '无效参数异常',
-  '-7': '请求类型异常',
-  '-8': '加载资源出错',
-  '-9': '统一验证参数异常',
-  '-10': '操作异常',
-  '-11': 'Mapper类转换异常',
-  '-12': '验证码校验失败',
-  '-13': 'JSON解析异常',
-  401: '未认证',
-  403: '被禁止',
-  404: '未找到资源',
-  405: '不支持当前请求类型',
-  429: '请求超过次数限制',
-  500: '内部服务错误',
-  502: '网关出错啦!',
-  504: '请求网关超时',
-  1001: '请求中必须至少包含一个有效文件',
-  2000: '新增数据失败!',
-  2001: '修改数据失败!',
-  2002: '批量新增数据过多!',
-  40000: '无效的基本身份验证令牌',
-  40001: '会话超时，请重新登录!',
-  40002: '不合法的token，请认真比对 token 的签名!',
-  40003: '缺少token参数!',
-  40004: '生成token失败!',
-  40005: '解析用户身份错误，请重新登录!',
-  40006: '用户名或密码错误!',
-  40007: '用户已经被禁用!',
-  40008: '您已在另一个设备登录！',
-  40009: '请先登录!',
-  40029: '无效的oauth_code!',
-  41027: '账号与密码不匹配，请重新输入!',
-  41028: '该账户已被禁用,请联系平台客服!',
-  41029: '用户不存在!',
-  41030: '参数异常!',
-  41031: '注册方式错误!',
-  41032: '用户已存在但未认证!',
-  41034: '手机号已被其他用户绑定!',
-  41035: '短信验证码输入错误!',
-  41036: '邮箱验证码输入错误!',
-  41037: '图形验证码验证错误!',
-  41040: '新增数据失败!',
-  41041: '修改数据失败!',
-  41042: '身份证号码不合法!',
-  41043: '用户实名认证次数超过限制,请联系客服!',
-  41044: '该身份证号码已被绑定,请联系客服!',
-  41045: '身份验证失败!',
-  41046: '姓名和身份证号不一致!',
-  41100: '该企业中不存在你的用户信息,请核实你的租户信息!',
-  41101: '你已被所在的租户禁止进入!',
-  41105: '租户信息不存在!',
-  49000: 'token转换获取失败!',
-  49001: '验证码错误!'
-}