@中文描述: 多语言 @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1

08335 / hivui-platform-template

hivui平台项目模板

Browse code @中文描述: 多语言 @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1 master
1 parent 840d36e commit ec81eef87a2c94fe606d50d63b89e520ee19d80e hhb authored on 30 Jun 2023

Showing 6 changed files

Ignore Space Show notes View project/hivuiBirt/index.js
import App from './App.vue' // import "hi-ui/lib/hi-ui.css"; //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); // import 'zhc-flowchart/lib/zhc-flowchart.css' // import zhcflowchart from "zhc-flowchart"; // Vue.use(zhcflowchart) import UmyUi from 'umy-ui' import 'umy-ui/lib/theme-chalk/index.css'; import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) Vue.use(UmyUi) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; Vue.use(ELEMENT) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 // import { Loading } from 'element-ui'; // Vue.prototype.Loading = Loading import * as XLSX from 'xlsx' // import * as echarts from "echarts" Vue.prototype.XLSX = XLSX; // Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; // import i18n from './lang' console.log( '%c zhc-birt-cmps %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '), 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;', ); function getFullUrl(url1, url2){ return url2 && url2.includes(url1) ? url2 : url1 + url2 } Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.url, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.saveUrl), queryUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryUrl), querysUrl: window.HIVUI_SETTING.url + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.url + "/platf/xtgn/enums/fgroupid/", upload: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.upload), download: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.download), preview: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.preview \|\| window.HIVUI_SETTING.review), getFlowInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getFlowInfo), getApprovalInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getApprovalInfo), processFlow: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.processFlow), queryTask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryTask), withdrawtask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.withdrawtask), taskDiagram: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.taskDiagram), openOrdernumber: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.openOrdernumber), birtModel: window.HIVUI_SETTING.url + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.url + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.url + "/export/dataexcel", isLang: window.HIVUI_SETTING.isLang \|\| false, }; new Vue({ // i18n, render: h => h(App), }).$mount('#app') import App from './App.vue' // import "hi-ui/lib/hi-ui.css"; //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` import './assets/icon/iconfont.css'; import './styles/index.css' import "hi-taskcenter/hi-taskcenter.css" import hitaskcenter from 'hi-taskcenter'; Vue.use(hitaskcenter); // import 'zhc-flowchart/lib/zhc-flowchart.css' // import zhcflowchart from "zhc-flowchart"; // Vue.use(zhcflowchart) import UmyUi from 'umy-ui' import 'umy-ui/lib/theme-chalk/index.css'; import ZhcBirtCmps from 'zhc-birt-cmps' Vue.use(ZhcBirtCmps) Vue.use(UmyUi) // import window.HIVUI_SETTING from './window.HIVUI_SETTING' // import { $HCBIRT } from "@birt/funclib/HCBIRT" import Cookies from 'js-cookie' import { setToken, } from "./utils/auth.js"; // Vue.use(ElementUI) console.log('token', Cookies.get('EAP-Token')) setToken(Cookies.get('EAP-Token') \|\| '') import axios from "./funclib/AxiosUtil"; import pinyin from 'js-pinyin' Vue.prototype.Pinyin = pinyin import md5 from 'js-md5' Vue.prototype.Md5 = md5 // import { Loading } from 'element-ui'; // Vue.prototype.Loading = Loading import * as XLSX from 'xlsx' // import * as echarts from "echarts" Vue.prototype.XLSX = XLSX; // Vue.prototype.$echarts = echarts; // Vue.prototype.$HCBIRT = $HCBIRT; // import i18n from './lang' console.log( '%c zhc-birt-cmps %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '), 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;', ); function getFullUrl(url1, url2){ return url2 && url2.includes(url1) ? url2 : url1 + url2 } Vue.prototype.$HI = { projectName: window.HIVUI_SETTING.projectName, serverUrl: window.HIVUI_SETTING.url, serverName: window.HIVUI_SETTING.serverName, request: axios, queryOperate: 'like', pageSize: 20, saveUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.saveUrl), queryUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryUrl), querysUrl: window.HIVUI_SETTING.url + "/data/querys", policyUrl: window.HIVUI_SETTING.policyUrl, enumsUrl: window.HIVUI_SETTING.url + "/platf/xtgn/enums/fgroupid/", upload: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.upload), download: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.download), preview: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.preview \|\| window.HIVUI_SETTING.review), getFlowInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getFlowInfo), getApprovalInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getApprovalInfo), processFlow: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.processFlow), queryTask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryTask), withdrawtask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.withdrawtask), taskDiagram: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.taskDiagram), openOrdernumber: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.openOrdernumber), birtModel: window.HIVUI_SETTING.url + "/birt/model1", getProcessInfo: window.HIVUI_SETTING.url + '/flow/getProcessInfo', exportUrl: window.HIVUI_SETTING.url + "/export/dataexcel", isLang: window.HIVUI_SETTING.isLang \|\| false, }; new Vue({ // i18n, render: h => h(App), }).$mount('#app')

Ignore Space Show notes View

project/hivuiBirt/index.js

import App from './App.vue'

// import "hi-ui/lib/hi-ui.css";
//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
import './assets/icon/iconfont.css';
import './styles/index.css'
import "hi-taskcenter/hi-taskcenter.css"
import hitaskcenter from 'hi-taskcenter';
Vue.use(hitaskcenter);
// import 'zhc-flowchart/lib/zhc-flowchart.css'
// import zhcflowchart from "zhc-flowchart";
// Vue.use(zhcflowchart)
import UmyUi from 'umy-ui'
import 'umy-ui/lib/theme-chalk/index.css';

import ZhcBirtCmps from 'zhc-birt-cmps'
Vue.use(ZhcBirtCmps)
Vue.use(UmyUi)
// import window.HIVUI_SETTING from './window.HIVUI_SETTING'
// import { $HCBIRT } from "@birt/funclib/HCBIRT"
import Cookies from 'js-cookie'
import {
  setToken,
} from "./utils/auth.js";
Vue.use(ELEMENT)  
console.log('token', Cookies.get('EAP-Token'))
setToken(Cookies.get('EAP-Token') || '')

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

// import { Loading } from 'element-ui';
// Vue.prototype.Loading = Loading

import * as XLSX from 'xlsx'
// import * as echarts from "echarts"
Vue.prototype.XLSX = XLSX;
// Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

// import i18n from './lang'
console.log(
  '%c zhc-birt-cmps  %c v'.concat(ZhcBirtCmps.Package && ZhcBirtCmps.Package.version, ' '),
  'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #5584ff; font-weight: bold;',
  'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;',
);

function getFullUrl(url1, url2){
  return url2 && url2.includes(url1) ? url2 : url1 + url2
}

Vue.prototype.$HI = {
  projectName: window.HIVUI_SETTING.projectName,
  serverUrl: window.HIVUI_SETTING.url,
  serverName: window.HIVUI_SETTING.serverName,
  request: axios,
  queryOperate: 'like',
  pageSize: 20,
  saveUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.saveUrl),
  queryUrl: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryUrl),
  querysUrl: window.HIVUI_SETTING.url + "/data/querys",
  policyUrl: window.HIVUI_SETTING.policyUrl,
  enumsUrl: window.HIVUI_SETTING.url + "/platf/xtgn/enums/fgroupid/",
  upload: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.upload),
  download: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.download),
  preview: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.preview || window.HIVUI_SETTING.review),
  getFlowInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getFlowInfo),
  getApprovalInfo: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.getApprovalInfo),
  processFlow: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.processFlow),
  queryTask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.queryTask),
  withdrawtask: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.withdrawtask),
  taskDiagram: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.taskDiagram),
  openOrdernumber: getFullUrl(window.HIVUI_SETTING.url, window.HIVUI_SETTING.openOrdernumber),
  birtModel: window.HIVUI_SETTING.url + "/birt/model1",
  getProcessInfo: window.HIVUI_SETTING.url + '/flow/getProcessInfo',
  exportUrl: window.HIVUI_SETTING.url + "/export/dataexcel",
  isLang: window.HIVUI_SETTING.isLang || false,
};

new Vue({
  // i18n,
  render: h => h(App),
}).$mount('#app')

import App from './App.vue'

// import "hi-ui/lib/hi-ui.css";
//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

import ZhcBirtCmps from 'zhc-birt-cmps'
Vue.use(ZhcBirtCmps)
Vue.use(UmyUi)
// import window.HIVUI_SETTING from './window.HIVUI_SETTING'
// import { $HCBIRT } from "@birt/funclib/HCBIRT"
import Cookies from 'js-cookie'
import {
  setToken,
} from "./utils/auth.js";
// Vue.use(ElementUI)
console.log('token', Cookies.get('EAP-Token'))
setToken(Cookies.get('EAP-Token') || '')

import axios from "./funclib/AxiosUtil";

import pinyin from 'js-pinyin'
Vue.prototype.Pinyin = pinyin
import md5 from 'js-md5'
Vue.prototype.Md5 = md5

// import { Loading } from 'element-ui';
// Vue.prototype.Loading = Loading

import * as XLSX from 'xlsx'
// import * as echarts from "echarts"
Vue.prototype.XLSX = XLSX;
// Vue.prototype.$echarts = echarts;
// Vue.prototype.$HCBIRT = $HCBIRT;

function getFullUrl(url1, url2){
  return url2 && url2.includes(url1) ? url2 : url1 + url2
}

new Vue({
  // i18n,
  render: h => h(App),
}).$mount('#app')

Ignore Space Show notes View project/hivuiBirt/styles/index.css
.custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn { opacity: 1; } .custom-tree-node .btn .el-icon-edit { color: #67c23a; } .custom-tree-node .btn .el-icon-delete { color: #f56c6c; } .cell .el-input-group__append { padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button { padding: 0; margin: 0; } /* .el-form-item__error{ line-height: 0; } / .el-row > .zhc-birt-cell-children > .el-button { border: none; / border-right: 1px solid #ddd; / border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0, 0, 0, 0.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened, .el-icon-folder { color: #ffc107; } .custom-tree-node .el-icon-document { color: #009688; } .custom-tree-node .icon-root { color: blue; } .custom-tree-node .icon-ptm { color: royalblue; } .custom-tree-node .el-icon-user { color: coral; } .custom-tree-node .icon-org, .icon-func { color: aqua; } .custom-tree-node .icon-dpt, .icon-flow { color: deepskyblue; } .custom-tree-node .el-button.is-disabled i { color: #c0c4cc !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before { content: ""; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner { border-color: #dcdfe6; } / 弹框样式 / .el-dialog__body .el-main { padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item { / width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; / } .el-tabs--right .el-tabs__item { / width: 40px; / } .TabTableDetail .el-tabs__header{ width: 0; } .el-tabs--left, .el-tabs--right { height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main { padding: 0; } .el-tabs .el-main { padding: 0; } .toolBar { padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar { border: none; padding: 0 !important; } .dataList_title { margin-top: 5px; } .dataList_title td { margin-top: 5px; position: relative; } .dataList_title td:nth-child(1):before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX { font-size: 22px; } .avatar-uploader { background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox { padding-left: 12px; } .el-table td { padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td { padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell { padding: 0 10px; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item { margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content { line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper { top: 48px !important; } .singleTable.elx-grid, .elx-table,.elx-table--main-wrapper{ height: 100%; } .elx-table--body-wrapper{ height: calc( 100% - 48px ) !important; } .elx-table--fixed-wrapper{ } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: #409eff; } .el-range-editor.el-input__inner { min-width: 230px; } /下拉框获取焦点边框消失/ .el-select .el-input.is-focus .el-input__inner { border-color: #409eff !important; } .el-dropdown-menu__item > .el-button--text:hover { color: red !important; } .iconfont.iconfont { font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix { margin: 0 -10px; width: calc(100% + 20px); } .el-table__body tr.current-row > td { background-color: var(--curRowBg, #ecf5ff) !important; color: var(--curRowColor) !important; } / 网格验证失败信息样式 / / .el-table__cell .el-form-item.is-error, .el-table__cell .el-form-item.is-error .el-form-item__content { position: revert !important; } .el-table__cell .el-form-item.is-error .el-form-item__error { padding: 5px 10px; line-height: 20px; width: 100%; top: 120%; border: 1px solid #e6a23c; border-radius: 3px; white-space: initial; } .el-table__cell .el-form-item.is-error .el-form-item__error::before, .el-table__cell .el-form-item.is-error .el-form-item__error::after { position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none; content: ""; border-color: rgba(136, 183, 213, 0); } .el-table__cell .el-form-item.is-error .el-form-item__error::before { border-bottom-color: #e6a23c; border-width: 8px; left: 49%; margin-left: -10px; bottom: 100%; } .el-table__cell .el-form-item.is-error .el-form-item__error::after { border-bottom-color: #fff; border-width: 6px; left: 50%; margin-left: -10px; bottom: 100%; } / .el-dialog__body .el-tabs__content #pane-first{ overflow: auto; } .queryPanel .el-form-item label{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom-tree-node { flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding-right: 8px; width: 80%; flex: 1 140px; } .custom-tree-node > span:nth-child(1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-tree-node .btn { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } .custom-tree-node:hover .btn { opacity: 1; } .custom-tree-node .btn .el-icon-edit { color: #67c23a; } .custom-tree-node .btn .el-icon-delete { color: #f56c6c; } .cell .el-input-group__append { padding: 0 5px !important; text-align: center; } .cell .el-input-group__append .el-button { padding: 0; margin: 0; } / .el-form-item__error{ line-height: 0; } / .el-row > .zhc-birt-cell-children > .el-button { border: none; / border-right: 1px solid #ddd; / border-radius: 0; padding: 5px 15px; } / 整个滚动条 / ::-webkit-scrollbar { width: 8px; height: 10px; } / 滚动条上的滚动滑块 / ::-webkit-scrollbar-thumb { / background-color: #49b1f5; / / 关键代码 / / background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); / background-color: rgba(0, 0, 0, 0.3); border-radius: 32px; } / 滚动条轨道 / ::-webkit-scrollbar-track { background-color: #dbeffd; border-radius: 32px; } .custom-tree-node .el-icon-folder-opened, .el-icon-folder { color: #ffc107; } .custom-tree-node .el-icon-document { color: #009688; } .custom-tree-node .icon-root { color: blue; } .custom-tree-node .icon-ptm { color: royalblue; } .custom-tree-node .el-icon-user { color: coral; } .custom-tree-node .icon-org, .icon-func { color: aqua; } .custom-tree-node .icon-dpt, .icon-flow { color: deepskyblue; } .custom-tree-node .el-button.is-disabled i { color: #c0c4cc !important; cursor: not-allowed; } .el-table__header-wrapper th.isrequired ::before { content: ""; color: red; margin-right: 5px; } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; color: #2355f1; } /* 取消查找定义input红色边框 / .el-form-item.is-error .queryPanel .el-input__inner, .el-form-item.is-error .el-pagination__sizes .el-input__inner, .el-form-item.is-error .el-pagination__jump .el-input__inner { border-color: #dcdfe6; } / 弹框样式 / .el-dialog__body .el-main { padding: 0; overflow: hidden; } / .el-dialog .queryPanel .zhc-birt-data-list thead { display: none; } / / tabs / .el-tabs--left .el-tabs__item, .el-tabs--right .el-tabs__item { / width: 60px; line-height: 24px; height: auto; word-wrap: break-word; white-space: pre-line; padding-bottom: 20px; / } .el-tabs--right .el-tabs__item { / width: 40px; / } .TabTableDetail .el-tabs__header{ width: 0; } .el-tabs--left, .el-tabs--right { height: auto !important; } .el-tabs--right .queryPanel + div .el-button { margin-right: 10px; } .chart .zhc-birt-cell-children .el-main { padding: 0; } .el-tabs .el-main { padding: 0; } .toolBar { padding: 5px 5% !important; border-bottom: 1px solid #c2bcc0; } .extra .toolBar { border: none; padding: 0 !important; } .dataList_title { margin-top: 5px; } .dataList_title td { margin-top: 5px; position: relative; } .dataList_title td:nth-child(1):before { content: " "; display: block; width: 5px; height: 30px; position: absolute; border-radius: 5px; background: #3f96ed; } .toolBar button .icon-XLSX { font-size: 22px; } .avatar-uploader { background: #f5f3f6; } .avatar-uploader .el-upload { background-color: #fff; } .zhc-birt-data-list .el-form-item__content > span, .zhc-birt-data-list .el-form-item__content > .lookup > span, .zhc-birt-data-list .el-form-item__content > .el-radio-group, .zhc-birt-data-list .el-form-item__content > .el-checkbox { padding-left: 12px; } .el-table td { padding: 7px 0; } .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th { background: #f5f7fa !important; } /编辑网格输入框样式 / .el-table.table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td, .el-table.table_edit .el-table__fixed-right > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td { padding-top: 0; padding-bottom: 0; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell { padding: 0 10px; } .table_edit > .el-table__body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item, .table_edit > .el-table__fixed-body-wrapper > .el-table__body > tbody > .el-table__row > td .cell > .el-form-item { margin: 0 -10px; } .el-table--small .el-form-item .el-form-item__content { line-height: 32px; } .elx-table--empty-placeholder, .elx-table--body-wrapper.fixed-right--wrapper { top: 48px !important; } .singleTable.elx-grid, .elx-table,.elx-table--main-wrapper{ height: 100%; } .elx-table--body-wrapper{ height: calc( 100% - 48px ) !important; } .elx-table--fixed-wrapper{ } .lookup .el-input.is-focus .el-input__inner.el-input__inner { border-color: #409eff; } .el-range-editor.el-input__inner { min-width: 230px; } /下拉框获取焦点边框消失/ .el-select .el-input.is-focus .el-input__inner { border-color: #409eff !important; } .el-dropdown-menu__item > .el-button--text:hover { color: red !important; } .iconfont.iconfont { font-size: 12px; } .el-table__header-wrapper .cell .el-input--suffix { margin: 0 -10px; width: calc(100% + 20px); } .el-table__body tr.current-row > td { background-color: var(--curRowBg, #ecf5ff) !important; color: var(--curRowColor) !important; } / 网格验证失败信息样式 / / .el-table__cell .el-form-item.is-error, .el-table__cell .el-form-item.is-error .el-form-item__content { position: revert !important; } .el-table__cell .el-form-item.is-error .el-form-item__error { padding: 5px 10px; line-height: 20px; width: 100%; top: 120%; border: 1px solid #e6a23c; border-radius: 3px; white-space: initial; } .el-table__cell .el-form-item.is-error .el-form-item__error::before, .el-table__cell .el-form-item.is-error .el-form-item__error::after { position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none; content: ""; border-color: rgba(136, 183, 213, 0); } .el-table__cell .el-form-item.is-error .el-form-item__error::before { border-bottom-color: #e6a23c; border-width: 8px; left: 49%; margin-left: -10px; bottom: 100%; } .el-table__cell .el-form-item.is-error .el-form-item__error::after { border-bottom-color: #fff; border-width: 6px; left: 50%; margin-left: -10px; bottom: 100%; } */ .el-dialog__body .el-tabs__content #pane-first{ overflow: auto; }

Ignore Space Show notes View

project/hivuiBirt/styles/index.css

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  width: 80%;
  flex: 1 140px;
}
.custom-tree-node > span:nth-child(1) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-tree-node .btn {
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.custom-tree-node:hover .btn {
  opacity: 1;
}
.custom-tree-node .btn .el-icon-edit {
  color: #67c23a;
}
.custom-tree-node .btn .el-icon-delete {
  color: #f56c6c;
}
.cell .el-input-group__append {
  padding: 0 5px !important;
  text-align: center;
}
.cell .el-input-group__append .el-button {
  padding: 0;
  margin: 0;
}
/* .el-form-item__error{
  line-height: 0;
} */
.el-row > .zhc-birt-cell-children > .el-button {
  border: none;
  /* border-right: 1px solid #ddd; */
  border-radius: 0;
  padding: 5px 15px;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  /* background-color: #49b1f5; */
  /* 关键代码 */
  /* background-image: -webkit-linear-gradient(45deg,
          rgba(255, 255, 255, 0.4) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.4) 50%,
          rgba(255, 255, 255, 0.4) 75%,
          transparent 75%,
          transparent); */
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

.custom-tree-node .el-icon-folder-opened,
.el-icon-folder {
  color: #ffc107;
}
.custom-tree-node .el-icon-document {
  color: #009688;
}
.custom-tree-node .icon-root {
  color: blue;
}
.custom-tree-node .icon-ptm {
  color: royalblue;
}
.custom-tree-node .el-icon-user {
  color: coral;
}
.custom-tree-node .icon-org,
.icon-func {
  color: aqua;
}
.custom-tree-node .icon-dpt,
.icon-flow {
  color: deepskyblue;
}
.custom-tree-node .el-button.is-disabled i {
  color: #c0c4cc !important;
  cursor: not-allowed;
}
.el-table__header-wrapper th.isrequired ::before {
  content: "*";
  color: red;
  margin-right: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff;
  color: #2355f1;
}
/*
取消查找定义input红色边框
*/
.el-form-item.is-error .queryPanel .el-input__inner,
.el-form-item.is-error .el-pagination__sizes .el-input__inner,
.el-form-item.is-error .el-pagination__jump .el-input__inner {
  border-color: #dcdfe6;
}

/*
弹框样式
*/
.el-dialog__body .el-main {
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

/*
tabs
*/
.el-tabs--left .el-tabs__item,
.el-tabs--right .el-tabs__item {
  /* width: 60px;
  line-height: 24px;
  height: auto;
  word-wrap: break-word;
  white-space: pre-line;
  padding-bottom: 20px; */
}
.el-tabs--right .el-tabs__item {
  /* width: 40px; */
}
.TabTableDetail .el-tabs__header{
  width: 0;
}
.el-tabs--left,
.el-tabs--right {
  height: auto !important;
}
.el-tabs--right .queryPanel + div .el-button {
  margin-right: 10px;
}

.chart .zhc-birt-cell-children .el-main {
  padding: 0;
}
.el-tabs .el-main {
  padding: 0;
}
.toolBar {
  padding: 5px 5% !important;
  border-bottom: 1px solid #c2bcc0;
}
.extra .toolBar {
  border: none;
  padding: 0 !important;
}

.dataList_title {
  margin-top: 5px;
}
.dataList_title td {
  margin-top: 5px;
  position: relative;
}
.dataList_title td:nth-child(1):before {
  content: " ";
  display: block;
  width: 5px;
  height: 30px;
  position: absolute;
  border-radius: 5px;
  background: #3f96ed;
}
.toolBar button .icon-XLSX {
  font-size: 22px;
}
.avatar-uploader {
  background: #f5f3f6;
}
.avatar-uploader .el-upload {
  background-color: #fff;
}
.zhc-birt-data-list .el-form-item__content > span,
.zhc-birt-data-list .el-form-item__content > .lookup > span,
.zhc-birt-data-list .el-form-item__content > .el-radio-group,
.zhc-birt-data-list .el-form-item__content > .el-checkbox {
  padding-left: 12px;
}
.el-table td {
  padding: 7px 0;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background: #f5f7fa !important;
}
/*编辑网格输入框样式
*/
.el-table.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td,
.el-table.table_edit
  .el-table__fixed-right
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td {
  padding-top: 0;
  padding-bottom: 0;
}
.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell,
.table_edit
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell {
  padding: 0 10px;
}
.table_edit
  > .el-table__body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item,
.table_edit
  > .el-table__fixed-body-wrapper
  > .el-table__body
  > tbody
  > .el-table__row
  > td
  .cell
  > .el-form-item {
  margin: 0 -10px;
}
.el-table--small .el-form-item .el-form-item__content {
  line-height: 32px;
}
.elx-table--empty-placeholder,
.elx-table--body-wrapper.fixed-right--wrapper {
  top: 48px !important;
}
.singleTable.elx-grid,
.elx-table,.elx-table--main-wrapper{
  height: 100%;
}
.elx-table--body-wrapper{
  height: calc( 100% - 48px ) !important;
}
.elx-table--fixed-wrapper{

}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: #409eff;
}

.el-range-editor.el-input__inner {
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}

.el-dropdown-menu__item > .el-button--text:hover {
  color: red !important;
}

.iconfont.iconfont {
  font-size: 12px;
}

.el-table__header-wrapper .cell .el-input--suffix {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.el-table__body tr.current-row > td {
  background-color: var(--curRowBg, #ecf5ff) !important;
  color: var(--curRowColor) !important;
}
/*
网格验证失败信息样式
*/
/* .el-table__cell .el-form-item.is-error,
.el-table__cell .el-form-item.is-error .el-form-item__content {
  position: revert !important;
}
.el-table__cell .el-form-item.is-error .el-form-item__error {
  padding: 5px 10px;
  line-height: 20px;
  width: 100%;
  top: 120%;
  border: 1px solid #e6a23c;
  border-radius: 3px;
  white-space: initial;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before,
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  content: "";
  border-color: rgba(136, 183, 213, 0);
}
.el-table__cell .el-form-item.is-error .el-form-item__error::before {
  border-bottom-color: #e6a23c;
  border-width: 8px;
  left: 49%;
  margin-left: -10px;
  bottom: 100%;
}
.el-table__cell .el-form-item.is-error .el-form-item__error::after {
  border-bottom-color: #fff;
  border-width: 6px;
  left: 50%;
  margin-left: -10px;
  bottom: 100%;
} */
.el-dialog__body .el-tabs__content #pane-first{
  overflow: auto;
}
.queryPanel .el-form-item label{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #dbeffd;
  border-radius: 32px;
}

/*
弹框样式
*/
.el-dialog__body .el-main {
  padding: 0;
  overflow: hidden;
}
/* .el-dialog .queryPanel .zhc-birt-data-list thead {
  display: none;
} */

}
.lookup .el-input.is-focus .el-input__inner.el-input__inner {
  border-color: #409eff;
}

.el-range-editor.el-input__inner {
  min-width: 230px;
}

/*下拉框获取焦点边框消失*/
.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}

.el-dropdown-menu__item > .el-button--text:hover {
  color: red !important;
}

.iconfont.iconfont {
  font-size: 12px;
}

Ignore Space Show notes View project/hivuiMain/lang/def.language
hivuiMain_sysInit=系统初始化中... hivuiMain_clickRefresh=【点我刷新】 hivuiMain_recentlyUsed=最近使用 hivuiMain_projectManage=项目管理 hivuiMain_allFunction=全部功能 hivuiMain_nodata=暂无数据 hivuiMain_searchKey=搜索关键字 hivuiMain_customWorkbench=自定义工作台 hivuiMain_logout=退出系统 hivuiMain_sysLoading=系统加载中... hivuiMain_loadedFailClickRefresh=加载失败,点我重试! hivuiMain_dialog_cancel=取消 hivuiMain_dialog_define=确定 hivuiMain_dialog_def_title=提示 hivuiMain_portal_text=暂无功能权限! hivuiMain_tab_ctxmenu_refresh=刷新 hivuiMain_tab_ctxmenu_close=关闭 hivuiMain_tab_ctxmenu_closeleft=关闭左侧 hivuiMain_tab_ctxmenu_closeright=关闭右侧 hivuiMain_tab_ctxmenu_closeother=关闭其它 hivuiMain_tab_ctxmenu_closeall=关闭所有 hivuiMain_tab_ctxmenu_fullscreen=全屏 hivuiMain_tab_scroll_lt=左边滚动 hivuiMain_tab_scroll_rt=右边滚动 hivuiMain_tab_scroll_more=更多 hivuiMain_store_msg1=获取 hivuiMain_store_msg2=失败， hivuiMain_store_msg3=点我重试! hivuiMain_store_sysmenu=系统菜单 hivuiMain_store_userinfo=用户信息 hivuiMain_store_bzlist=多岗信息 hivuiMain_store_lately=最近使用功能 hivuiMain_allfuncmenu_text=请输入关键词 hivuiMain_modifypw_title=修改密码 hivuiMain_modifypw_oldpw=旧密码: hivuiMain_modifypw_oldpw=请输入旧密码 hivuiMain_modifypw_newpw=新密码: hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合 hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致! hivuiMain_modifypw_valid_pw_empty=请输入新密码! hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码! hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码! hivuiMain_modifypw_newpw2=确认新密码: hivuiMain_modifypw_newpw2_ph=再次确认新密码 hivuiMain_modifypw_weak=弱 hivuiMain_modifypw_middle=中 hivuiMain_modifypw_strong=高 hivuiMain_modifypw_success=修改成功！请重新登录 hivuiMain_header_null=空 hivuiMain_header_notification_title=消息提示 hivuiMain_taskcenter_untreated=未处理 hivuiMain_app_user=用户编号 hivuiMain_app_orgbz=岗位编制 hivuiMain_app_orgname=机构名称 hivuiMain_app_rolename=岗位名称 hivuiMain_app_personal_Center=个人中心 hivuiMain_app_modifyPw=修改密码 hivuiMain_des_title=门户自定义 hivuiMain_des_setHeight=设置高度 hivuiMain_des_dragOrderFlag=拖动排序标识 hivuiMain_des_cancel=取消 hivuiMain_des_ok=确定 hivuiMain_des_editSerialRowLayout=确定 hivuiMain_des_serialRowLayout=第{0}行布局 hivuiMain_des_addColunms=添加门户栏目 hivuiMain_des_dragInArea=拖入此区 hivuiMain_des_save=保存 hivuiMain_des_columnLayout=栏目布局 hivuiMain_des_selectTemplate=选择模板 hivuiMain_des_addSingleLine=添加单行 hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区 hivuiMain_des_row24=一行一栏 hivuiMain_des_rowAvg2=两栏均分 hivuiMain_des_row8_16=一行两栏 hivuiMain_des_rowAvg3=三栏均分 hivuiMain_des_rowAvg4=一行四栏 hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认 hivuiMain_des_custom=自定义 hivuiMain_des_spaceSeparate=数值以[空格]隔开 hivuiMain_des_saving=保存中... hivuiMain_des_saveSuc=保存成功！ hivuiMain_des_saveError=保存出错！ hivuiMain_app_user=用户 hivuiMain_app_orgbz=岗编 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_main_bz=主岗 hivuiMain_validate_FMBPHONE=电话号码格式有误 hivuiMain_validate_FEMAIL=邮箱地址格式有误 hivuiMain_validate_FIDCARD=身份证号格式有误 customSysCfg_taskcenter=任务中心 customSysCfg_mainpage=首页 customSysCfg_layout=布局 customSysCfg_updownlayout=上下布局 customSysCfg_leftrightlayout=左右布局 customSysCfg_messagecenter=消息中心 customSysCfg_unreadmessage=您有{0}条未读消息 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创主页 hivuiMain_personalCenter_sex=性别 hivuiMain_personalCenter_birthday=出生年月 hivuiMain_personalCenter_mbphone=手机号码 hivuiMain_personalCenter_email=邮箱 hivuiMain_personalCenter_WeChat=微信 hivuiMain_personalCenter_usersfz=身份证号 hivuiMain_personalCenter_address=地址 hivuiMain_personalCenter_male=男 hivuiMain_personalCenter_female=女 hivuiMain_sysInit=系统初始化中... hivuiMain_clickRefresh=【点我刷新】 hivuiMain_recentlyUsed=最近使用 hivuiMain_projectManage=项目管理 hivuiMain_allFunction=全部功能 hivuiMain_nodata=暂无数据 hivuiMain_searchKey=搜索关键字 hivuiMain_customWorkbench=自定义工作台 hivuiMain_logout=退出系统 hivuiMain_sysLoading=系统加载中... hivuiMain_loadedFailClickRefresh=加载失败,点我重试! hivuiMain_dialog_cancel=取消 hivuiMain_dialog_define=确定 hivuiMain_dialog_def_title=提示 hivuiMain_portal_text=暂无功能权限! hivuiMain_tab_ctxmenu_refresh=刷新 hivuiMain_tab_ctxmenu_close=关闭 hivuiMain_tab_ctxmenu_closeleft=关闭左侧 hivuiMain_tab_ctxmenu_closeright=关闭右侧 hivuiMain_tab_ctxmenu_closeother=关闭其它 hivuiMain_tab_ctxmenu_closeall=关闭所有 hivuiMain_tab_ctxmenu_fullscreen=全屏 hivuiMain_tab_scroll_lt=左边滚动 hivuiMain_tab_scroll_rt=右边滚动 hivuiMain_tab_scroll_more=更多 hivuiMain_store_msg1=获取 hivuiMain_store_msg2=失败， hivuiMain_store_msg3=点我重试! hivuiMain_store_sysmenu=系统菜单 hivuiMain_store_userinfo=用户信息 hivuiMain_store_bzlist=多岗信息 hivuiMain_store_lately=最近使用功能 hivuiMain_allfuncmenu_text=请输入关键词 hivuiMain_modifypw_title=修改密码 hivuiMain_modifypw_oldpw=旧密码: hivuiMain_modifypw_oldpw=请输入旧密码 hivuiMain_modifypw_newpw=新密码: hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合 hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致! hivuiMain_modifypw_valid_pw_empty=请输入新密码! hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码! hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码! hivuiMain_modifypw_newpw2=确认新密码: hivuiMain_modifypw_newpw2_ph=再次确认新密码 hivuiMain_modifypw_weak=弱 hivuiMain_modifypw_middle=中 hivuiMain_modifypw_strong=高 hivuiMain_modifypw_success=修改成功！请重新登录 hivuiMain_header_null=空 hivuiMain_header_notification_title=消息提示 hivuiMain_taskcenter_untreated=未处理 hivuiMain_app_user=用户编号 hivuiMain_app_orgbz=岗位编制 hivuiMain_app_orgname=机构名称 hivuiMain_app_rolename=岗位名称 hivuiMain_app_personal_Center=个人中心 hivuiMain_app_modifyPw=修改密码 hivuiMain_des_title=门户自定义 hivuiMain_des_setHeight=设置高度 hivuiMain_des_dragOrderFlag=拖动排序标识 hivuiMain_des_cancel=取消 hivuiMain_des_ok=确定 hivuiMain_des_editSerialRowLayout=确定 hivuiMain_des_serialRowLayout=第{0}行布局 hivuiMain_des_addColunms=添加门户栏目 hivuiMain_des_dragInArea=拖入此区 hivuiMain_des_save=保存 hivuiMain_des_columnLayout=栏目布局 hivuiMain_des_selectTemplate=选择模板 hivuiMain_des_addSingleLine=添加单行 hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区 hivuiMain_des_row24=一行一栏 hivuiMain_des_rowAvg2=两栏均分 hivuiMain_des_row8_16=一行两栏 hivuiMain_des_rowAvg3=三栏均分 hivuiMain_des_rowAvg4=一行四栏 hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认 hivuiMain_des_custom=自定义 hivuiMain_des_spaceSeparate=数值以[空格]隔开 hivuiMain_des_saving=保存中... hivuiMain_des_saveSuc=保存成功！ hivuiMain_des_saveError=保存出错！ hivuiMain_app_user=用户 hivuiMain_app_orgbz=岗编 hivuiMain_eap_msgTips=消息提示 hivuiMain_eap_define=确定 hivuiMain_eap_showErrorDetail=弹出报错详情 hivuiMain_eap_hideErrorDetail=收起报错详情 hivuiMain_eap_noPermissionTips=你已被登出,请重新登录 hivuiMain_eap_timeOut=登录超时 hivuiMain_eap_Relist=重新登录 hivuiMain_main_bz=主岗 hivuiMain_validate_FMBPHONE=电话号码格式有误 hivuiMain_validate_FEMAIL=邮箱地址格式有误 hivuiMain_validate_FIDCARD=身份证号格式有误 customSysCfg_taskcenter=任务中心 customSysCfg_mainpage=首页 customSysCfg_layout=布局 customSysCfg_updownlayout=上下布局 customSysCfg_leftrightlayout=左右布局 customSysCfg_messagecenter=消息中心 customSysCfg_unreadmessage=您有{0}条未读消息 customSysCfg_companyname=中海创科技 customSysCfg_copyright=版权所有 © 2020-2025 中海创科技 customSysCfg_pageTitle=中海创主页

Ignore Space Show notes View

project/hivuiMain/lang/def.language

hivuiMain_sysInit=系统初始化中...
hivuiMain_clickRefresh=【点我刷新】
hivuiMain_recentlyUsed=最近使用
hivuiMain_projectManage=项目管理
hivuiMain_allFunction=全部功能
hivuiMain_nodata=暂无数据
hivuiMain_searchKey=搜索关键字
hivuiMain_customWorkbench=自定义工作台
hivuiMain_logout=退出系统
hivuiMain_sysLoading=系统加载中...
hivuiMain_loadedFailClickRefresh=加载失败,点我重试!
hivuiMain_dialog_cancel=取消
hivuiMain_dialog_define=确定
hivuiMain_dialog_def_title=提示
hivuiMain_portal_text=暂无功能权限!
hivuiMain_tab_ctxmenu_refresh=刷新
hivuiMain_tab_ctxmenu_close=关闭
hivuiMain_tab_ctxmenu_closeleft=关闭左侧
hivuiMain_tab_ctxmenu_closeright=关闭右侧
hivuiMain_tab_ctxmenu_closeother=关闭其它
hivuiMain_tab_ctxmenu_closeall=关闭所有
hivuiMain_tab_ctxmenu_fullscreen=全屏
hivuiMain_tab_scroll_lt=左边滚动
hivuiMain_tab_scroll_rt=右边滚动
hivuiMain_tab_scroll_more=更多
hivuiMain_store_msg1=获取
hivuiMain_store_msg2=失败，
hivuiMain_store_msg3=点我重试!
hivuiMain_store_sysmenu=系统菜单
hivuiMain_store_userinfo=用户信息
hivuiMain_store_bzlist=多岗信息
hivuiMain_store_lately=最近使用功能
hivuiMain_allfuncmenu_text=请输入关键词
hivuiMain_modifypw_title=修改密码
hivuiMain_modifypw_oldpw=旧密码:
hivuiMain_modifypw_oldpw=请输入旧密码
hivuiMain_modifypw_newpw=新密码:
hivuiMain_modifypw_newpw_ph=请输入4-25个数字、字母或符号组合
hivuiMain_modifypw_valid_pw2_msg=两次输入密码不一致!
hivuiMain_modifypw_valid_pw_empty=请输入新密码!
hivuiMain_modifypw_valid_pw2_empty=请再次输入新密码!
hivuiMain_modifypw_valid_pw2_empty2=请再次输入密码!
hivuiMain_modifypw_newpw2=确认新密码:
hivuiMain_modifypw_newpw2_ph=再次确认新密码
hivuiMain_modifypw_weak=弱
hivuiMain_modifypw_middle=中
hivuiMain_modifypw_strong=高
hivuiMain_modifypw_success=修改成功！请重新登录
hivuiMain_header_null=空
hivuiMain_header_notification_title=消息提示
hivuiMain_taskcenter_untreated=未处理
hivuiMain_app_user=用户编号
hivuiMain_app_orgbz=岗位编制
hivuiMain_app_orgname=机构名称
hivuiMain_app_rolename=岗位名称
hivuiMain_app_personal_Center=个人中心
hivuiMain_app_modifyPw=修改密码

hivuiMain_des_title=门户自定义
hivuiMain_des_setHeight=设置高度
hivuiMain_des_dragOrderFlag=拖动排序标识
hivuiMain_des_cancel=取消
hivuiMain_des_ok=确定
hivuiMain_des_editSerialRowLayout=确定
hivuiMain_des_serialRowLayout=第{0}行布局
hivuiMain_des_addColunms=添加门户栏目
hivuiMain_des_dragInArea=拖入此区
hivuiMain_des_save=保存
hivuiMain_des_columnLayout=栏目布局
hivuiMain_des_selectTemplate=选择模板
hivuiMain_des_addSingleLine=添加单行
hivuiMain_des_demoLayoutTip=选择以下模板，拖拽添加至内容区
hivuiMain_des_row24=一行一栏
hivuiMain_des_rowAvg2=两栏均分
hivuiMain_des_row8_16=一行两栏
hivuiMain_des_rowAvg3=三栏均分
hivuiMain_des_rowAvg4=一行四栏
hivuiMain_des_customLayoutTip=自定义分栏数值，数字总和须为24，以空格分隔，点击任意位置确认
hivuiMain_des_custom=自定义
hivuiMain_des_spaceSeparate=数值以[空格]隔开
hivuiMain_des_saving=保存中...
hivuiMain_des_saveSuc=保存成功！
hivuiMain_des_saveError=保存出错！

hivuiMain_app_user=用户
hivuiMain_app_orgbz=岗编

hivuiMain_eap_msgTips=消息提示
hivuiMain_eap_define=确定
hivuiMain_eap_showErrorDetail=弹出报错详情
hivuiMain_eap_hideErrorDetail=收起报错详情
hivuiMain_eap_noPermissionTips=你已被登出,请重新登录
hivuiMain_eap_timeOut=登录超时
hivuiMain_eap_Relist=重新登录

hivuiMain_main_bz=主岗
hivuiMain_validate_FMBPHONE=电话号码格式有误
hivuiMain_validate_FEMAIL=邮箱地址格式有误
hivuiMain_validate_FIDCARD=身份证号格式有误

customSysCfg_taskcenter=任务中心
customSysCfg_mainpage=首页
customSysCfg_layout=布局
customSysCfg_updownlayout=上下布局
customSysCfg_leftrightlayout=左右布局
customSysCfg_messagecenter=消息中心
customSysCfg_unreadmessage=您有{0}条未读消息
customSysCfg_companyname=中海创科技
customSysCfg_copyright=版权所有 © 2020-2025 中海创科技
customSysCfg_pageTitle=中海创主页

hivuiMain_personalCenter_sex=性别
hivuiMain_personalCenter_birthday=出生年月
hivuiMain_personalCenter_mbphone=手机号码
hivuiMain_personalCenter_email=邮箱
hivuiMain_personalCenter_WeChat=微信
hivuiMain_personalCenter_usersfz=身份证号
hivuiMain_personalCenter_address=地址
hivuiMain_personalCenter_male=男
hivuiMain_personalCenter_female=女

hivuiMain_app_user=用户
hivuiMain_app_orgbz=岗编

hivuiMain_main_bz=主岗
hivuiMain_validate_FMBPHONE=电话号码格式有误
hivuiMain_validate_FEMAIL=邮箱地址格式有误
hivuiMain_validate_FIDCARD=身份证号格式有误

Ignore Space Show notes View project/hivuiMain/views/personalCenter/components/UserCard.vue
<template> <el-card style="margin-bottom:20px;"> <div class="user-profile"> <div class="account-center-avatarHolder"> <div class="avatar"> <img :src="avatar \|\| userPic"/> </div> <div class="username">{{ user.fusername }}</div> <div class="bio">{{ user.fuserid }}</div> </div> <div class="account-center-detail"> <p> <i class="el-icon-s-custom"></i>{{ user.fbzname }} </p> <p> <i class="iconfont icon-tree"></i>{{ `${user.forgname} - ${user.fdeptname} - ${user.frolename}` }} </p> <p> <i class="el-icon-phone-outline"></i><span>{{ user.FMBPHONE \|\| user.fmbphone}}</span><span></span> </p> </div> <el-divider /> </div> <div class="user-bio"> <div class="user-education user-bio-section"> <div class="user-bio-section-header"><svg-icon icon-class="education" /><span>{{ $t("hivuiMain_app_orgbz")}}</span></div> <div class="user-bio-section-body" v-for="item in bzList"> <p> <i class="el-icon-s-custom"></i><span>{{ item.fbzname}}</span><i class="el-icon-star-on" title="主岗" v-if="item.fdefaultbz"></i><span class="bzid">{{ item.fbzid}}</span><span></span> </p> </div> </div> </div> </el-card> </template> <script> import userPic from "@main/assets/user.png" export default { props: { user: { type: Object, default: () => { return { name: '', email: '', avatar: '', role: '' } } }, avatar:{ type: String, default: "" } }, data(){ return{ userPic: userPic, bzList:[] } }, mounted(){ debugger; console.log('多语言', this.$t("hivuiMain_app_orgbz")) }, methods:{ } } </script> <style lang="scss" scoped> .box-center { margin: 0 auto; display: table; } .text-muted { color: #777; } .user-profile { .user-name { font-weight: bold; } .box-center { padding-top: 10px; } .user-role { padding-top: 10px; font-weight: 400; font-size: 14px; } .box-social { padding-top: 30px; .el-table { border-top: 1px solid #dfe6ec; } } .user-follow { padding-top: 20px; } } .account-center-avatarHolder { text-align: center; margin-bottom: 24px; & > .avatar { margin: 0 auto; width: 104px; height: 104px; margin-bottom: 20px; border-radius: 50%; overflow: hidden; img { height: 100%; width: 100%; } } .username { color: rgba(0, 0, 0, 0.85); font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 4px; } } .account-center-detail { p { margin-bottom: 8px; padding-left: 26px; position: relative; } i { position: absolute; height: 14px; width: 14px; left: 0; top: 4px; // background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg) } .title { background-position: 0 0; } .group { background-position: 0 -22px; } .address { background-position: 0 -44px; } } .user-bio { margin-top: 20px; color: #606266; span { padding-left: 4px; } .user-bio-section-body{ .bzid{ float: right; color: #000; } .el-icon-star-on{ color: #06c; } } .user-bio-section { font-size: 14px; padding: 15px 0; .user-bio-section-header { border-bottom: 1px solid #dfe6ec; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; } } } </style> <template> <el-card style="margin-bottom:20px;"> <div class="user-profile"> <div class="account-center-avatarHolder"> <div class="avatar"> <img :src="avatar \|\| userPic"/> </div> <div class="username">{{ user.fusername }}</div> <div class="bio">{{ user.fuserid }}</div> </div> <div class="account-center-detail"> <p> <i class="el-icon-s-custom"></i>{{ user.fbzname }} </p> <p> <i class="iconfont icon-tree"></i>{{ `${user.forgname} - ${user.fdeptname} - ${user.frolename}` }} </p> <p> <i class="el-icon-phone-outline"></i><span>{{ user.FMBPHONE \|\| user.fmbphone}}</span><span></span> </p> </div> <el-divider /> </div> <div class="user-bio"> <div class="user-education user-bio-section"> <div class="user-bio-section-header"><svg-icon icon-class="education" /><span>{{ $t("hivuiMain_app_orgbz")}}</span></div> <div class="user-bio-section-body" v-for="item in bzList"> <p> <i class="el-icon-s-custom"></i><span>{{ item.fbzname}}</span><i class="el-icon-star-on" title="主岗" v-if="item.fdefaultbz"></i><span class="bzid">{{ item.fbzid}}</span><span></span> </p> </div> </div> </div> </el-card> </template> <script> import userPic from "@main/assets/user.png" export default { props: { user: { type: Object, default: () => { return { name: '', email: '', avatar: '', role: '' } } }, avatar:{ type: String, default: "" } }, data(){ return{ userPic: userPic, bzList:[] } }, methods:{ } } </script> <style lang="scss" scoped> .box-center { margin: 0 auto; display: table; } .text-muted { color: #777; } .user-profile { .user-name { font-weight: bold; } .box-center { padding-top: 10px; } .user-role { padding-top: 10px; font-weight: 400; font-size: 14px; } .box-social { padding-top: 30px; .el-table { border-top: 1px solid #dfe6ec; } } .user-follow { padding-top: 20px; } } .account-center-avatarHolder { text-align: center; margin-bottom: 24px; & > .avatar { margin: 0 auto; width: 104px; height: 104px; margin-bottom: 20px; border-radius: 50%; overflow: hidden; img { height: 100%; width: 100%; } } .username { color: rgba(0, 0, 0, 0.85); font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 4px; } } .account-center-detail { p { margin-bottom: 8px; padding-left: 26px; position: relative; } i { position: absolute; height: 14px; width: 14px; left: 0; top: 4px; // background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg) } .title { background-position: 0 0; } .group { background-position: 0 -22px; } .address { background-position: 0 -44px; } } .user-bio { margin-top: 20px; color: #606266; span { padding-left: 4px; } .user-bio-section-body{ .bzid{ float: right; color: #000; } .el-icon-star-on{ color: #06c; } } .user-bio-section { font-size: 14px; padding: 15px 0; .user-bio-section-header { border-bottom: 1px solid #dfe6ec; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; } } } </style>

Ignore Space Show notes View

project/hivuiMain/views/personalCenter/components/UserCard.vue

<template>
  <el-card style="margin-bottom:20px;">
    <div class="user-profile">
      <div class="account-center-avatarHolder">
          <div class="avatar">
            <img :src="avatar || userPic"/>
          </div>
          <div class="username">{{ user.fusername }}</div>
          <div class="bio">{{ user.fuserid }}</div>
        </div>
      <div class="account-center-detail">
        <p>
          <i class="el-icon-s-custom"></i>{{ user.fbzname }}
        </p>
        <p>
          <i class="iconfont icon-tree"></i>{{ `${user.forgname} - ${user.fdeptname} - ${user.frolename}` }}
        </p>
        <p>
          <i class="el-icon-phone-outline"></i><span>{{ user.FMBPHONE || user.fmbphone}}</span><span></span>
        </p>
      </div>
      <el-divider />
    </div>
    <div class="user-bio">
      <div class="user-education user-bio-section">
        <div class="user-bio-section-header"><svg-icon icon-class="education" /><span>{{ $t("hivuiMain_app_orgbz")}}</span></div>
        <div class="user-bio-section-body" v-for="item in bzList">
          <p>
            <i class="el-icon-s-custom"></i><span>{{ item.fbzname}}</span><i class="el-icon-star-on" title="主岗" v-if="item.fdefaultbz"></i><span class="bzid">{{ item.fbzid}}</span><span></span>
          </p>
        </div>
      </div>
    </div>
  </el-card>
</template>

.text-muted {
  color: #777;
}

.user-profile {
  .user-name {
    font-weight: bold;
  }

.box-center {
    padding-top: 10px;
  }

.user-role {
    padding-top: 10px;
    font-weight: 400;
    font-size: 14px;
  }

.box-social {
    padding-top: 30px;

.el-table {
      border-top: 1px solid #dfe6ec;
    }
  }

.user-follow {
    padding-top: 20px;
  }
}
.account-center-avatarHolder {
  text-align: center;
  margin-bottom: 24px;

& > .avatar {
    margin: 0 auto;
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
    img {
      height: 100%;
      width: 100%;
    }
  }

.username {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 4px;
  }
}
.account-center-detail {

p {
    margin-bottom: 8px;
    padding-left: 26px;
    position: relative;
  }

i {
    position: absolute;
    height: 14px;
    width: 14px;
    left: 0;
    top: 4px;
    // background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg)
  }

.title {
    background-position: 0 0;
  }
  .group {
    background-position: 0 -22px;
  }
  .address {
    background-position: 0 -44px;
  }
}
.user-bio {
  margin-top: 20px;
  color: #606266;

span {
    padding-left: 4px;
  }
  .user-bio-section-body{
    .bzid{
      float: right;
      color: #000;
    }
    .el-icon-star-on{
      color: #06c;
    }
  }

.user-bio-section {
    font-size: 14px;
    padding: 15px 0;

.user-bio-section-header {
      border-bottom: 1px solid #dfe6ec;
      padding-bottom: 10px;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }
}
</style>