@tongfun/tf-widget 0.1.8-beta → 0.1.9

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

@@ -2,10 +2,14 @@
 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,
-  TfLayout
+  TfLayout,
+  TDataList,
+  Tinput
 ]
 
 const install = function (Vue) {
@@ -18,5 +22,7 @@ export default {
   install,
   TfWidget,
   SvgIcon,
-  TfLayout
+  TfLayout,
+  TDataList,
+  Tinput
 }

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

@@ -0,0 +1,289 @@
+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.filed === 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.disableSum && 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.syncData.tableLoading = false
+        this.tableData.total = Number(res.data.total)
+        this.tableData.records = res.data.record
+      } catch (err) {
+        // 恢复成默认值
+        this.syncData.tableSelectionClear = true
+      }
+    },
+    // 表格数据合计
+    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 {boolean} queryString 用户输入的内容
+     * @param {boolean} isList 分为两个场景,1:列表和弹窗中输入框  2:弹窗未打开之前的如输入框中搜索建议
+     */
+    // 基础资料搜索建议和列表页面右上角的搜索输入框的条件处理
+    handleSuggestMultiCondition (queryString, isList = true) {
+      const conditionMultiList = []
+      for (const item of this.suggestFieldList) {
+        conditionMultiList.push(this.createMultiCondition(item, queryString, false, false))
+      }
+      this.searchSuggestCondition = conditionMultiList
+      // todo: 列表和弹窗 还有一个子分类,弹窗不进行合计调用
+      !isList
+        ? this.getTableData(true, false)
+        : 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.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/dist/css/index.f35459d8.css

@@ -1 +0,0 @@
-[data-v-01a7dee2] .el-input{width:10vw;margin-right:1vw}.svg-icon[data-v-443bcaf8]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-443bcaf8]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}.el-select-dropdown__item[data-v-dcacda94]{height:2.222vh;line-height:2.222vh;font-size:.625vw}.condition-filter-component[data-v-dcacda94]{height:2.222vh;display:flex;align-items:flex-start}.condition-filter-component .quick-filter[data-v-dcacda94]{height:100%;border-bottom:1px solid #dcdcdc}.condition-filter-component .quick-filter[data-v-dcacda94] .el-input__inner{height:calc(100% - 1px);border:none}.condition-filter-component .quick-filter[data-v-dcacda94] .el-input--prefix{height:100%;display:flex;font-size:.8vw}.condition-filter-component .quick-filter[data-v-dcacda94] .el-input__inner::-moz-placeholder{color:#999;font-size:.625vw}.condition-filter-component .quick-filter[data-v-dcacda94] .el-input__inner:-ms-input-placeholder{color:#999;font-size:.625vw}.condition-filter-component .quick-filter[data-v-dcacda94] .el-input__inner::placeholder{color:#999;font-size:.625vw}.condition-filter-component[data-v-dcacda94] .el-input{height:100%;display:flex}.condition-filter-component[data-v-dcacda94] .el-input__suffix{display:flex;align-items:center}.condition-filter-component[data-v-dcacda94] .el-icon-arrow-up:before{font-size:.625vw}.condition-filter-component[data-v-dcacda94] .el-input__inner{height:2.222vh;font-size:.625vw}.condition-filter-component[data-v-dcacda94] .el-input__icon{height:2.222vh;line-height:2.222vh}.condition-filter-component .field-select[data-v-dcacda94]{margin-right:.1vh}.condition-filter-component .field-select[data-v-dcacda94] .el-input{width:8vw}.condition-filter-component .condition-select[data-v-dcacda94]{margin-right:.1vh}.condition-filter-component .condition-select[data-v-dcacda94] .el-input{width:6vw}.condition-filter-component .bracket-select[data-v-dcacda94]{margin-right:.1vh}.condition-filter-component .bracket-select[data-v-dcacda94] .el-input{width:6vw}.condition-filter-component .value-input[data-v-dcacda94]{width:5vw;margin-right:.1vh}.condition-filter-component .value-input[data-v-dcacda94] .el-input__inner{width:5vw}.condition-filter-component .single-line[data-v-dcacda94]{width:20vw;height:100%;display:flex}.condition-filter-component .single-line .el-select[data-v-dcacda94]:nth-child(2){margin:0 .5vw}.condition-filter-component .single-line .el-input[data-v-dcacda94]:last-child{margin-right:1vw}@media screen and (max-width:1920px){.condition-filter-component .single-line[data-v-dcacda94]{width:20vw}}@media screen and (max-width:1366px){.condition-filter-component .single-line[data-v-dcacda94]{width:20vw}}.condition-filter-component .multiple-lines[data-v-dcacda94]{z-index:999;border:1px solid #0261a4;border-radius:.9259vh;box-sizing:border-box;padding:1.3889vh;background:#fff}.condition-filter-component .multiple-lines .multiple-line[data-v-dcacda94]{height:2.222vh;margin-bottom:1vh;display:flex;align-items:center}.condition-filter-component .multiple-lines .multiple-line[data-v-dcacda94] .el-select{height:100%}.condition-filter-component .multiple-lines .remove-icon[data-v-dcacda94]{width:.625vw;height:.625vw;margin-left:10px;cursor:pointer}.condition-filter-component .multiple-lines .add-icon[data-v-dcacda94]{width:.625vw;height:.625vw;cursor:pointer}.condition-filter-component .button-group[data-v-dcacda94]{display:flex;align-items:center;margin-left:1.2vw}.condition-filter-component .button-group[data-v-dcacda94] .el-button--primary{width:3.5vw;height:2.2222vh;padding:0;background:#ecf5ff;border:1px solid #0c4c8e;border-radius:5px;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Normal;font-weight:400;text-align:center;color:#085497}.condition-filter-component .button-group[data-v-dcacda94] .el-button:nth-child(2){margin:0 .5vw}.condition-filter-component .button-group .push-down[data-v-dcacda94]{width:2vh;height:2vh;margin-left:.5vw;cursor:pointer}.condition-filter-component .button-group .up[data-v-dcacda94]{transform:rotate(-180deg);transition:all .5s}.condition-filter-component .button-group .down[data-v-dcacda94]{transition:all .5s}.pagination[data-v-32f13a90]{display:flex;justify-content:flex-end}.pagination .selected-total[data-v-32f13a90]{display:flex;align-items:center;color:#606266;font-size:13px}.pagination .selected-total span[data-v-32f13a90]{margin-left:20px;margin-right:20px;text-decoration:underline}.table-control[data-v-27f30b99] .el-dialog{border-radius:.9259vh .9259vh 0 0}.table-control[data-v-27f30b99] .el-dialog /deep/ .el-dialog__header{background:#0261a4;color:#fff;border-radius:.9259vh .9259vh 0 0}.table-control .table-control-header[data-v-27f30b99]{height:3.7963vh;margin:0 auto;text-align:center}.table-control .table-control-header ul[data-v-27f30b99] :nth-child(odd){color:#0261a4;cursor:pointer}.table-control .table-control-header li[data-v-27f30b99]{display:inline;line-height:3.7963vh;margin:0 1.9444vh}.common-header-button[data-v-2a1aa530]{min-width:2.5vw;height:2.222vh;opacity:1;background:#0c4c8e;border-color:#0c4c8e;border-radius:2px;padding:0;margin-right:.4166vw}.common-header-button[data-v-2a1aa530] span{opacity:1;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular;font-weight:400;color:#fff}.common-header-button[data-v-2a1aa530]:focus,.common-header-button[data-v-2a1aa530]:hover{background:#0c4c8e;border-color:#0c4c8e}[data-v-2a1aa530] .el-button+.el-button{margin-left:0}.close[data-v-2a1aa530]{background-color:#e5e5e5;border-color:#e5e5e5}.close[data-v-2a1aa530] span{color:#666}.close[data-v-2a1aa530]:focus,.close[data-v-2a1aa530]:hover{background-color:#e5e5e5;color:#666;border-color:#e5e5e5}.common-header-drop-button[data-v-2a1aa530]{height:2.222vh;margin-right:.4166vw}.common-header-drop-button[data-v-2a1aa530] .el-button-group{height:100%;display:flex}.common-header-drop-button[data-v-2a1aa530] .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}.common-header-drop-button[data-v-2a1aa530] span{font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular}.common-header-drop-button[data-v-2a1aa530] .el-dropdown__caret-button{width:.625vw;height:2.222vh;background-color:#87a7c8;border-radius:0 2px 2px 0;padding:0;border:0 solid #87a7c8}.common-header-drop-button[data-v-2a1aa530] .el-dropdown__caret-button .el-dropdown__icon,.common-header-drop-button[data-v-2a1aa530] .el-dropdown__caret-button el-icon-arrow-down{margin:0}.common-header-drop-button[data-v-2a1aa530] .el-dropdown__caret-button:before{background-color:#87a7c8}.common-header-drop-button[data-v-2a1aa530] .el-dropdown__icon{width:.625vw;font-size:.625vw}.common-header-drop-button-more[data-v-2a1aa530] .el-button{width:3.5vw}.common-header-drop-button-more[data-v-2a1aa530] .el-dropdown__caret-button{width:.625vw}.common-table[data-v-2a1aa530] .elx-header--row .elx-header--column:first-child .elx-cell{width:63px!important;height:3.2407vh!important}.common-table[data-v-2a1aa530] .elx-table--header{color:#085497;font-size:.7291vw;background:#edf0f5;border-radius:4px 4px 0 0}.common-table[data-v-2a1aa530] .elx-table--header .elx-cell{width:100%!important;padding:0}.common-table[data-v-2a1aa530] .elx-table--header .elx-cell .elx-cell--title{width:100%!important}.common-table[data-v-2a1aa530] .elx-body--column,.common-table[data-v-2a1aa530] .elx-header--column{font-weight:400;height:3.2407vh!important;background-image:none!important}.common-table[data-v-2a1aa530] .elx-body--column{border-top:1px solid #e0eafc;border-right:1px solid #e0eafc;font-size:.625vw;color:#666}.common-table[data-v-2a1aa530] .elx-body--row .elx-body--column:first-child{border-left:1px solid #e0eafc}.common-table[data-v-2a1aa530] .elx-body--row:last-child .elx-body--column{border-bottom:1px solid #e0eafc}.common-table[data-v-2a1aa530] .row--current{background:#eff7ff}.common-table[data-v-2a1aa530] .elx-table--body-wrapper{background:#fff;height:70vh}@media screen and (max-width:1366px){.common-table[data-v-2a1aa530] .elx-table--body-wrapper{height:65vh}}.common-table[data-v-2a1aa530] .elx-table--footer-wrapper,.common-table[data-v-2a1aa530] .fixed-right--wrapper{border:none}.common-table[data-v-2a1aa530] .elx-footer--column{background-image:none!important}.common-table[data-v-2a1aa530] .elx-footer--row td{height:3.2407vh!important}.common-table[data-v-2a1aa530] .el-icon-setting:before{font-size:1.0416vw}.common-table[data-v-2a1aa530] .el-table__fixed-right{height:100%!important}.common-table[data-v-2a1aa530] .el-table__fixed{height:110px!important}.common-table[data-v-2a1aa530] .elx-table--fixed-right-wrapper.scrolling--middle{box-shadow:none}[data-v-2a1aa530] .el-dialog__body{height:50vh;overflow:auto;padding:1vh 1vw;box-sizing:border-box}[data-v-2a1aa530] .el-dialog__body .picture-warp,[data-v-2a1aa530] .el-dialog__body .picture-warp .el-carousel{height:100%}[data-v-2a1aa530] .el-dialog__body .picture-warp .el-carousel .el-carousel__container,[data-v-2a1aa530] .el-dialog__body .picture-warp .el-carousel .el-carousel__item{height:100%!important}[data-v-2a1aa530] .el-dialog__body .picture-warp .el-carousel .el-carousel__item>div{height:100%!important;display:flex;justify-content:center}[data-v-2a1aa530] .el-button{width:2.5vw;height:2.222vh;opacity:1;background:#0c4c8e;color:#fff;padding:0;border-radius:2px 0 0 2px;border:1px solid #0c4c8e;margin-right:0}.button-sure[data-v-2a1aa530]{margin-left:1vw!important}.common-header-button[data-v-68f0d83b]{min-width:2.5vw;height:2.222vh;opacity:1;background:#0c4c8e;border-color:#0c4c8e;border-radius:2px;padding:0;margin-right:.4166vw}.common-header-button[data-v-68f0d83b] span{opacity:1;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular;font-weight:400;color:#fff}.common-header-button[data-v-68f0d83b]:focus,.common-header-button[data-v-68f0d83b]:hover{background:#0c4c8e;border-color:#0c4c8e}[data-v-68f0d83b] .el-button+.el-button{margin-left:0}.close[data-v-68f0d83b]{background-color:#e5e5e5;border-color:#e5e5e5}.close[data-v-68f0d83b] span{color:#666}.close[data-v-68f0d83b]:focus,.close[data-v-68f0d83b]:hover{background-color:#e5e5e5;color:#666;border-color:#e5e5e5}.common-header-drop-button[data-v-68f0d83b]{height:2.222vh;margin-right:.4166vw}.common-header-drop-button[data-v-68f0d83b] .el-button-group{height:100%;display:flex}.common-header-drop-button[data-v-68f0d83b] .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}.common-header-drop-button[data-v-68f0d83b] span{font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular}.common-header-drop-button[data-v-68f0d83b] .el-dropdown__caret-button{width:.625vw;height:2.222vh;background-color:#87a7c8;border-radius:0 2px 2px 0;padding:0;border:0 solid #87a7c8}.common-header-drop-button[data-v-68f0d83b] .el-dropdown__caret-button .el-dropdown__icon,.common-header-drop-button[data-v-68f0d83b] .el-dropdown__caret-button el-icon-arrow-down{margin:0}.common-header-drop-button[data-v-68f0d83b] .el-dropdown__caret-button:before{background-color:#87a7c8}.common-header-drop-button[data-v-68f0d83b] .el-dropdown__icon{width:.625vw;font-size:.625vw}.common-header-drop-button-more[data-v-68f0d83b] .el-button{width:3.5vw}.common-header-drop-button-more[data-v-68f0d83b] .el-dropdown__caret-button{width:.625vw}.common-table[data-v-68f0d83b] .elx-header--row .elx-header--column:first-child .elx-cell{width:63px!important;height:3.2407vh!important}.common-table[data-v-68f0d83b] .elx-table--header{color:#085497;font-size:.7291vw;background:#edf0f5;border-radius:4px 4px 0 0}.common-table[data-v-68f0d83b] .elx-table--header .elx-cell{width:100%!important;padding:0}.common-table[data-v-68f0d83b] .elx-table--header .elx-cell .elx-cell--title{width:100%!important}.common-table[data-v-68f0d83b] .elx-body--column,.common-table[data-v-68f0d83b] .elx-header--column{font-weight:400;height:3.2407vh!important;background-image:none!important}.common-table[data-v-68f0d83b] .elx-body--column{border-top:1px solid #e0eafc;border-right:1px solid #e0eafc;font-size:.625vw;color:#666}.common-table[data-v-68f0d83b] .elx-body--row .elx-body--column:first-child{border-left:1px solid #e0eafc}.common-table[data-v-68f0d83b] .elx-body--row:last-child .elx-body--column{border-bottom:1px solid #e0eafc}.common-table[data-v-68f0d83b] .row--current{background:#eff7ff}.common-table[data-v-68f0d83b] .elx-table--body-wrapper{background:#fff;height:70vh}@media screen and (max-width:1366px){.common-table[data-v-68f0d83b] .elx-table--body-wrapper{height:65vh}}.common-table[data-v-68f0d83b] .elx-table--footer-wrapper,.common-table[data-v-68f0d83b] .fixed-right--wrapper{border:none}.common-table[data-v-68f0d83b] .elx-footer--column{background-image:none!important}.common-table[data-v-68f0d83b] .elx-footer--row td{height:3.2407vh!important}.common-table[data-v-68f0d83b] .el-icon-setting:before{font-size:1.0416vw}.common-table[data-v-68f0d83b] .el-table__fixed-right{height:100%!important}.common-table[data-v-68f0d83b] .el-table__fixed{height:110px!important}.common-table[data-v-68f0d83b] .elx-table--fixed-right-wrapper.scrolling--middle{box-shadow:none}.common-table-main[data-v-68f0d83b]{height:100%}.common-table-main>div[data-v-68f0d83b]:first-child{margin-bottom:.5vh}.common-table-main>div[data-v-68f0d83b]:first-child .el-tag{margin-right:.2vw;height:3vh;line-height:3vh}.common-header-filter[data-v-68f0d83b]{position:relative}.common-header-filter .popover[data-v-68f0d83b]{position:absolute;right:2px;bottom:0}.common-table-pagination[data-v-68f0d83b]{margin-top:-.5vh;height:8vh}.common-table-pagination[data-v-68f0d83b] .pagination{height:8vh}.common-table-pagination[data-v-68f0d83b] .pagination .el-pagination{padding:0}.common-table-pagination[data-v-68f0d83b] .pagination .btn-next,.common-table-pagination[data-v-68f0d83b] .pagination .btn-prev,.common-table-pagination[data-v-68f0d83b] .pagination .el-pager,.common-table-pagination[data-v-68f0d83b] .pagination .el-pager li,.common-table-pagination[data-v-68f0d83b] .pagination .el-pagination__sizes,.common-table-pagination[data-v-68f0d83b] .pagination .el-pagination__total{height:8vh;line-height:8vh}.common-table-pagination[data-v-68f0d83b] .pagination .el-select__caret{display:flex;align-items:center;justify-content:center}.common-table-pagination[data-v-68f0d83b] .pagination .el-pagination__editor{height:8vh;line-height:8vh}.el-popover .popover-input[data-v-68f0d83b] .el-input__inner{height:3vh;margin-bottom:1vh}.el-popover .popover-input[data-v-68f0d83b] .el-input__suffix{height:3vh}.el-popover .el-checkbox[data-v-68f0d83b]{display:block!important}.el-popover .header-filter[data-v-68f0d83b]{height:12vh}.el-popover .header-filter[data-v-68f0d83b] .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.main-container[data-v-d35f55a2]{height:70vh;margin:0 1.3541vw 0 1.3541vw;background:#fff;border-radius:10px}.main-container .strength-data-header[data-v-d35f55a2]{min-height:3.2vh;background:#fff;border-radius:4px 4px 0 0;padding:10px 0}.main-container .strength-data-header>div[data-v-d35f55a2]:first-child{display:flex;justify-content:flex-start}.main-container .strength-data-header .header-input[data-v-d35f55a2]{min-width:2.5vw;height:2.222vh;opacity:1;background:#0c4c8e;border-color:#0c4c8e;border-radius:2px;padding:0;margin-right:.4166vw}.main-container .strength-data-header .header-input[data-v-d35f55a2] span{opacity:1;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular;font-weight:400;color:#fff}.main-container .strength-data-header .strength-data-header-middle[data-v-d35f55a2]{margin-top:1vh;margin-bottom:1vh;display:flex;align-items:center}.main-container .strength-data-header .strength-data-header-middle .filter[data-v-d35f55a2]{margin-left:auto}.main-container .strength-data-body[data-v-d35f55a2]{height:60vh}.main-container .strength-data-body[data-v-d35f55a2] .elx-table--body-wrapper{max-height:50vh}@media screen and (max-width:1920px){.main-container .strength-data-body[data-v-d35f55a2] .elx-table--body-wrapper{max-height:46vh}}.main-container[data-v-d35f55a2] .common-table-pagination{bottom:4vh;right:1vw}.main-container[data-v-d35f55a2] .common-table-pagination .el-pagination{display:flex;align-items:center}.main-container[data-v-d35f55a2] .common-table-pagination .el-pagination .el-input__inner{height:28px!important;border:1px solid #dcdfe6!important;text-align:center!important}.main-container[data-v-d35f55a2] .common-table-pagination .el-pagination .el-pagination__jump,.main-container[data-v-d35f55a2] .common-table-pagination .el-pagination .el-pagination__sizes{height:100%;display:flex;align-items:center}.main-container[data-v-d35f55a2] .common-table-pagination .el-pagination .el-pager{display:flex}@media screen and (max-width:1500px){.main-container[data-v-d35f55a2] .common-table-pagination{bottom:4vh}}.main-container[data-v-d35f55a2] .el-pagination__editor{display:flex;align-items:center}.main-container[data-v-d35f55a2] .group-filter-header{overflow-y:hidden}.strength-data-header[data-v-d35f55a2] .el-button--primary{background:#1890ff}.common-header-button[data-v-93f16fe8]{min-width:2.5vw;height:2.222vh;opacity:1;background:#0c4c8e;border-color:#0c4c8e;border-radius:2px;padding:0;margin-right:.4166vw}.common-header-button[data-v-93f16fe8] span{opacity:1;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular;font-weight:400;color:#fff}.common-header-button[data-v-93f16fe8]:focus,.common-header-button[data-v-93f16fe8]:hover{background:#0c4c8e;border-color:#0c4c8e}[data-v-93f16fe8] .el-button+.el-button{margin-left:0}.close[data-v-93f16fe8]{background-color:#e5e5e5;border-color:#e5e5e5}.close[data-v-93f16fe8] span{color:#666}.close[data-v-93f16fe8]:focus,.close[data-v-93f16fe8]:hover{background-color:#e5e5e5;color:#666;border-color:#e5e5e5}.common-header-drop-button[data-v-93f16fe8]{height:2.222vh;margin-right:.4166vw}.common-header-drop-button[data-v-93f16fe8] .el-button-group{height:100%;display:flex}.common-header-drop-button[data-v-93f16fe8] .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}.common-header-drop-button[data-v-93f16fe8] span{font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular}.common-header-drop-button[data-v-93f16fe8] .el-dropdown__caret-button{width:.625vw;height:2.222vh;background-color:#87a7c8;border-radius:0 2px 2px 0;padding:0;border:0 solid #87a7c8}.common-header-drop-button[data-v-93f16fe8] .el-dropdown__caret-button .el-dropdown__icon,.common-header-drop-button[data-v-93f16fe8] .el-dropdown__caret-button el-icon-arrow-down{margin:0}.common-header-drop-button[data-v-93f16fe8] .el-dropdown__caret-button:before{background-color:#87a7c8}.common-header-drop-button[data-v-93f16fe8] .el-dropdown__icon{width:.625vw;font-size:.625vw}.common-header-drop-button-more[data-v-93f16fe8] .el-button{width:3.5vw}.common-header-drop-button-more[data-v-93f16fe8] .el-dropdown__caret-button{width:.625vw}.common-table[data-v-93f16fe8] .elx-header--row .elx-header--column:first-child .elx-cell{width:63px!important;height:3.2407vh!important}.common-table[data-v-93f16fe8] .elx-table--header{color:#085497;font-size:.7291vw;background:#edf0f5;border-radius:4px 4px 0 0}.common-table[data-v-93f16fe8] .elx-table--header .elx-cell{width:100%!important;padding:0}.common-table[data-v-93f16fe8] .elx-table--header .elx-cell .elx-cell--title{width:100%!important}.common-table[data-v-93f16fe8] .elx-body--column,.common-table[data-v-93f16fe8] .elx-header--column{font-weight:400;height:3.2407vh!important;background-image:none!important}.common-table[data-v-93f16fe8] .elx-body--column{border-top:1px solid #e0eafc;border-right:1px solid #e0eafc;font-size:.625vw;color:#666}.common-table[data-v-93f16fe8] .elx-body--row .elx-body--column:first-child{border-left:1px solid #e0eafc}.common-table[data-v-93f16fe8] .elx-body--row:last-child .elx-body--column{border-bottom:1px solid #e0eafc}.common-table[data-v-93f16fe8] .row--current{background:#eff7ff}.common-table[data-v-93f16fe8] .elx-table--body-wrapper{background:#fff;height:70vh}@media screen and (max-width:1366px){.common-table[data-v-93f16fe8] .elx-table--body-wrapper{height:65vh}}.common-table[data-v-93f16fe8] .elx-table--footer-wrapper,.common-table[data-v-93f16fe8] .fixed-right--wrapper{border:none}.common-table[data-v-93f16fe8] .elx-footer--column{background-image:none!important}.common-table[data-v-93f16fe8] .elx-footer--row td{height:3.2407vh!important}.common-table[data-v-93f16fe8] .el-icon-setting:before{font-size:1.0416vw}.common-table[data-v-93f16fe8] .el-table__fixed-right{height:100%!important}.common-table[data-v-93f16fe8] .el-table__fixed{height:110px!important}.common-table[data-v-93f16fe8] .elx-table--fixed-right-wrapper.scrolling--middle{box-shadow:none}[data-v-93f16fe8] .el-input__inner[disabled=disabled],[data-v-93f16fe8] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}.el-autocomplete[data-v-93f16fe8]{display:block}.el-autocomplete[data-v-93f16fe8] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0}[data-v-93f16fe8] .el-input__suffix{display:flex;align-items:center}[data-v-93f16fe8] .el-dialog__body{padding:0 10px}[data-v-93f16fe8] .el-dialog__wrapper{overflow:hidden}[data-v-93f16fe8] .el-dialog__footer{padding-bottom:5px}[data-v-93f16fe8] .el-dialog__footer .el-button{width:2.5vw;height:2.222vh;border-radius:2px;padding:0;margin-left:0;margin-right:.4166vw}[data-v-93f16fe8] .el-dialog__footer .el-button ::v-deep span{opacity:1;font-size:.625vw;font-family:Source Han Sans SC,Source Han Sans SC-Regular;font-weight:400;color:#fff}[data-v-5054444c] .el-input__inner[disabled=disabled],[data-v-5054444c] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}[data-v-5054444c] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;padding-left:15px!important;border-radius:0;box-sizing:border-box}[data-v-5054444c] .el-icon-date{background-size:20px}[data-v-5054444c] .el-icon-date:before{content:"\e78e";font-size:16px;position:absolute;left:760%!important}[data-v-f60fc35c] .el-input__inner[disabled=disabled],[data-v-f60fc35c] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}[data-v-f60fc35c] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0}[data-v-539c8c38] .el-input__inner[disabled=disabled],[data-v-539c8c38] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}[data-v-539c8c38] .el-textarea__inner{width:100%;height:100%}[data-v-67d01e4d] .el-input__inner[disabled=disabled],[data-v-67d01e4d] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}[data-v-67d01e4d] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0}[data-v-4540e454] .el-input__inner[disabled=disabled],[data-v-4540e454] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}.decimal[data-v-4540e454]{width:100%;display:flex;align-items:center;position:relative}.decimal[data-v-4540e454] .el-input{height:100%}.decimal[data-v-4540e454] .el-input-number{width:100%}.decimal[data-v-4540e454] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0;text-align:left}[data-v-3c30bdfe] .el-input__inner[disabled=disabled],[data-v-3c30bdfe] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}.integer[data-v-3c30bdfe]{width:100%;display:flex;align-items:center;position:relative}.integer[data-v-3c30bdfe] .el-input-number{width:100%}.integer[data-v-3c30bdfe] .el-input__inner{text-align:left}.integer[data-v-3c30bdfe] .el-input__inner,[data-v-1969f36c] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0}[data-v-5814805c] .el-input__inner[disabled=disabled],[data-v-5814805c] .el-textarea__inner[disabled=disabled]{background:#f0f0f5;border-color:#f0f0f5}[data-v-5814805c] .el-input__inner{width:100%;border:none;border-bottom:1px solid #dcdcdc;border-radius:0}[data-v-5814805c] .el-icon-time{background-size:20px}[data-v-5814805c] .el-icon-time:before{content:"\e71f";font-size:16px;position:absolute;left:760%!important}.small-picture[data-v-a693d82a] .el-button--mini{background-color:#0c4c8e;border-color:#0c4c8e;color:#fff;margin-right:2px}.small-picture .close[data-v-a693d82a]{background:#e5e5e5;color:#666;margin-right:1.95vw}.small-picture[data-v-a693d82a] .el-dialog__body{padding-top:0}.small-picture .dialog-footer[data-v-a693d82a]{display:flex;justify-content:center}.small-picture[data-v-a693d82a] .el-upload-list__item{transition:none!important}.small-picture[data-v-a693d82a] .el-upload-list--picture{max-height:30vh;overflow:auto;padding:0 1vw;box-sizing:border-box}.small-picture[data-v-a693d82a] .el-upload-list__item-name{cursor:pointer}.small-picture[data-v-a693d82a] .el-upload-list--picture::-webkit-scrollbar{width:10px;height:10px}.small-picture[data-v-a693d82a] .el-upload-list--picture::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px}.small-picture[data-v-a693d82a] .el-upload-list--picture:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px}.small-picture[data-v-a693d82a] .el-upload-list--picture::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.small-picture[data-v-a693d82a] .el-upload-list--picture::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.small-picture[data-v-a693d82a] .el-upload-list--picture::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.01)}