Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template master
commit b736a4c24c5d1aa492d6c5d873ab9d99a028f182 2 parents 1e97a70 + dd5d1a7 20278 authored on 5 Jun 2023

Showing 16 changed files

Ignore Space Show notes View project/hivuiBirt/App.vue
<script> // import HcPage from "./components/Birt/Page"; // import { BirtModelFactory } from "./templates/BirtModelFactory"; import cmps from 'zhc-birt-cmps' import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; // import { Tool } from "./funclib/Tool"; import { projectName, requestUrl } from "@birt/config"; // import 'echarts-liquidfill/src/liquidFill.js' export default { extends: cmps.BirtPage, data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { return new Promise((resolve, reject) => { let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' // let vId = this.getQueryVariable('viewItemId') let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, vId: vId }) .then(() => { try { let birtModel = cmps.BirtModelFactory.buildModel( getBirtModel(scope \|\| me, cmps.Tool),scope \|\| me ); if(birtModel.css){ let css = birtModel.css if(Array.isArray(css) && css.length > 0){ css.forEach(c =>{ LoadUtil.loadCss(c) }) } if(typeof css == 'string'){ LoadUtil.loadCss(css) } } birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, _needsDecodeURI(str) { // 使用正则表达式检查字符串是否包含%字符 return /%[0-9A-F]{2}/i.test(str); }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } var __push = window && window.scpRequestData && window.scpRequestData.__push if(__push){ if (this._needsDecodeURI(__push)) { __push = decodeURI(__push); } this.param["__push"] = JSON.parse(__push); } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { // if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); // else if (path == "/platf/permission/func/modify.func") // this.getOrgDataM(-1); }); }, }; </script> <style> html,body{ height: 100%; } </style> <script> // import HcPage from "./components/Birt/Page"; // import { BirtModelFactory } from "./templates/BirtModelFactory"; import cmps from 'zhc-birt-cmps' import { LoadUtil } from "./funclib/LoadUtil"; import { getToken } from "./utils/auth"; // import { Tool } from "./funclib/Tool"; import { projectName, requestUrl } from "@birt/config"; // import 'echarts-liquidfill/src/liquidFill.js' export default { extends: cmps.BirtPage, data() { return { birtModel: {}, VUE_APP_BASE_API: requestUrl, pn: projectName \|\| "birt", }; }, watch: { // $route() { // this.loadBirtModel(this.$route.path); // }, }, methods: { // 动态加载报表模型方法 birtModelMethod(routePath, birtModelMethod, scope) { return new Promise((resolve, reject) => { let me = this; let token = getToken(); // let token = '3d3fe30c-3d99-41e8-9aea-addd8528aa07' // let vId = this.getQueryVariable('viewItemId') let vId = window.scpRequestData && window.scpRequestData.__viewItemId LoadUtil.loadJsBirtModel({ loadModelUrl: this.$HI.birtModel, routePath: routePath, token: token, pn: this.pn, vId: vId }) .then(() => { try { let birtModel = cmps.BirtModelFactory.buildModel( getBirtModel(scope \|\| me, cmps.Tool),scope \|\| me ); if(birtModel.css){ let css = birtModel.css if(Array.isArray(css) && css.length > 0){ css.forEach(c =>{ LoadUtil.loadCss(c) }) } if(typeof css == 'string'){ LoadUtil.loadCss(css) } } birtModel.token = token; birtModel.birtModelMethod = birtModelMethod; resolve(birtModel); } catch (e) { console.error(e); } }) .catch(() => { reject(); }); }); }, loadBirtModel(routePath) { return new Promise((resolve, reject) => { let me = this; this.birtModelMethod(routePath, this.birtModelMethod) .then((birtModel) => { debugger; me.birtModel = birtModel; console.log("birtModel", birtModel); me.applyRouteParam(); me.setWorkBookParam(); resolve(); }) .catch(() => { reject(); }); }); }, // 获取地址栏参数 getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; }, }, mounted() { var path = window.location.pathname; // 编译后多e5 if (window.HIVUI_SETTING) { var serverName = window.HIVUI_SETTING.serverName; if (serverName && path.startsWith(serverName)) { path = path.substring(serverName.length); } } var __push = window && window.scpRequestData && window.scpRequestData.__push console.log('__push',__push) if(__push){ this.param['__push'] = JSON.parse(decodeURI(__push)) console.log('param',this.param) } // var _push = window.scpRequestData // var path = '/platf/user-info/func/query.func' this.loadBirtModel(path).then(() => { // if (path == "/platf/permission/func/assign.func") this.getOrgData(-1); // else if (path == "/platf/permission/func/modify.func") // this.getOrgDataM(-1); }); }, }; </script> <style> html,body{ height: 100%; } </style>

Ignore Space Show notes View

project/hivuiBirt/App.vue

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

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

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;

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

Ignore Space Show notes View project/hivuiMain/assets/sfz1.jpg 0 → 100644

Ignore Space Show notes View project/hivuiMain/assets/sfz2.jpg 0 → 100644

Ignore Space Show notes View project/hivuiMain/assets/user.png

Ignore Space Show notes View project/hivuiMain/index.js
// import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import './assets/iconfonts/iconfont.css' import './assets/page.less' // import 'normalize.css' import './permission' // permission control if(process.env.hiui_debug){ //这样多次引用element //hiui调试时用 Vue.use(ELEMENT) } //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import GeminiScrollbar from 'vue-gemini-scrollbar' Vue.use(GeminiScrollbar) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` /任务中心/ import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) Vue.config.productionTip = false import Package from '../../package.json' console.log( '%c hi-vui-template %c v'.concat(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;', ); Vue.directive('add2Body', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { document.body.appendChild(el); } }); let hiSetting = HIVUI_SETTING; Vue.prototype.$HI = { projectName: hiSetting.projectName, request: hiSetting.request, queryOperate: hiSetting.queryOperate, pageSize: 20, saveUrl: hiSetting.saveUrl, queryUrl: hiSetting.queryUrl, datasetUrl: hiSetting.datasetUrl, policyUrl: hiSetting.policyUrl, upload: hiSetting.upload, download: hiSetting.download, review: hiSetting.review, getFlowInfo: hiSetting.getFlowInfo, getApprovalInfo: hiSetting.getApprovalInfo, processFlow: hiSetting.processFlow, queryTask: hiSetting.queryTask, withdrawtask: hiSetting.withdrawtask, taskDiagram: hiSetting.taskDiagram, openOrdernumber: hiSetting.openOrdernumber, editorImgServer :hiSetting.review+"?relativePath=" }; new Vue({ router, store, render: h => h(App) }).$mount('#app') // import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import './assets/iconfonts/iconfont.css' import './assets/page.less' // import 'normalize.css' import './permission' // permission control //設置script引入全局的ELEMENT 配置 Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import GeminiScrollbar from 'vue-gemini-scrollbar' Vue.use(GeminiScrollbar) import Message from './components/vue-m-message' Vue.use(Message) // will mount `Vue.prototype.$message` /任务中心/ import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; Vue.use(zhcflowchart) Vue.config.productionTip = false import Package from '../../package.json' console.log( '%c hi-vui-template %c v'.concat(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;', ); Vue.directive('add2Body', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { document.body.appendChild(el); } }); let hiSetting = HIVUI_SETTING; Vue.prototype.$HI = { projectName: hiSetting.projectName, request: hiSetting.request, queryOperate: hiSetting.queryOperate, pageSize: 20, saveUrl: hiSetting.saveUrl, queryUrl: hiSetting.queryUrl, datasetUrl: hiSetting.datasetUrl, policyUrl: hiSetting.policyUrl, upload: hiSetting.upload, download: hiSetting.download, review: hiSetting.review, getFlowInfo: hiSetting.getFlowInfo, getApprovalInfo: hiSetting.getApprovalInfo, processFlow: hiSetting.processFlow, queryTask: hiSetting.queryTask, withdrawtask: hiSetting.withdrawtask, taskDiagram: hiSetting.taskDiagram, openOrdernumber: hiSetting.openOrdernumber, editorImgServer :hiSetting.review+"?relativePath=" }; new Vue({ router, store, render: h => h(App) }).$mount('#app')

Ignore Space Show notes View

project/hivuiMain/index.js

// import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/iconfonts/iconfont.css'
import './assets/page.less'
// import 'normalize.css'
import './permission' // permission control

if(process.env.hiui_debug){
  //这样多次引用element
  //hiui调试时用
  Vue.use(ELEMENT)   
}

//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

import GeminiScrollbar from 'vue-gemini-scrollbar'
Vue.use(GeminiScrollbar) 
import Message from './components/vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
/*任务中心*/
import 'zhc-flowchart/lib/zhc-flowchart.css'
import  zhcflowchart from "zhc-flowchart";
Vue.use(zhcflowchart) 
Vue.config.productionTip = false

import Package from '../../package.json'
console.log(
    '%c hi-vui-template  %c v'.concat(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;',
);

Vue.directive('add2Body', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    document.body.appendChild(el);
  }
});

let hiSetting = HIVUI_SETTING;
Vue.prototype.$HI = {
  projectName: hiSetting.projectName,
  request: hiSetting.request,
  queryOperate: hiSetting.queryOperate,
  pageSize: 20,
  saveUrl: hiSetting.saveUrl,
  queryUrl: hiSetting.queryUrl,
  datasetUrl: hiSetting.datasetUrl,
  policyUrl: hiSetting.policyUrl,
  upload: hiSetting.upload,
  download: hiSetting.download,
  review: hiSetting.review,
  getFlowInfo: hiSetting.getFlowInfo,
  getApprovalInfo: hiSetting.getApprovalInfo,
  processFlow: hiSetting.processFlow,
  queryTask: hiSetting.queryTask,
  withdrawtask: hiSetting.withdrawtask,
  taskDiagram: hiSetting.taskDiagram,
  openOrdernumber: hiSetting.openOrdernumber,
  editorImgServer :hiSetting.review+"?relativePath="
};
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

//設置script引入全局的ELEMENT 配置
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };

Vue.directive('add2Body', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    document.body.appendChild(el);
  }
});

Ignore Space Show notes View project/hivuiMain/lang/en.js
var GLOBAL_LANG_TPL = { "hivuiMain_sysInit":"System initialization in progress...", "hivuiMain_clickRefresh":"[Click me to refresh]", "hivuiMain_recentlyUsed": "recently used ", "hivuiMain_projectManage": "project management ", "hivuiMain_allFunction": "all functions ", "hivuiMain_nodata": "No data yet ", "hivuiMain_searchKey": "search keyword ", "hivuiMain_customWorkbench": "Custom Workbench", "hivuiMain_logout": "exit the system", "hivuiMain_sysLoading": "system loading...", "hivuiMain_loadedFailClickRefresh": "Failed to load, click me to try again!", "hivuiMain_dialog_cancel": "cancel", "hivuiMain_dialog_define": "confirm ", "hivuiMain_dialog_def_title": "Prompt ", "hivuiMain_portal_text": "No function permission temporarily!", "hivuiMain_tab_ctxmenu_refresh": "refresh", "hivuiMain_tab_ctxmenu_close": "close", "hivuiMain_tab_ctxmenu_closeleft": "Close the left side ", "hivuiMain_tab_ctxmenu_closeright": "Close the right side ", "hivuiMain_tab_ctxmenu_closeother": "Close other", "hivuiMain_tab_ctxmenu_closeall": "Close all", "hivuiMain_tab_ctxmenu_fullscreen": "fullscreen", "hivuiMain_tab_scroll_lt": "left scroll ", "hivuiMain_tab_scroll_rt": "Roll right ", "hivuiMain_tab_scroll_more": "more", "hivuiMain_store_msg1": "Obtain ", "hivuiMain_store_msg2": "failed ", "hivuiMain_store_msg3": "Click me again!", "hivuiMain_store_sysmenu": "System menu", "hivuiMain_store_userinfo": "User information ", "hivuiMain_store_bzlist": "multi-post information ", "hivuiMain_store_lately": "Lately used functions ", "hivuiMain_allfuncmenu_text": "Please enter keywords ", "hivuiMain_modifypw_title": "Change password ", "hivuiMain_modifypw_oldpw": " Old password :", "hivuiMain_modifypw_oldpw": "Please enter the old password ", "hivuiMain_modifypw_newpw": "New password :", "hivuiMain_modifypw_newpw_ph": "Please enter 4-25 digits, letters, or symbols ", "hivuiMain_modifypw_valid_pw2_msg": "Two passwords are inconsistent!", "hivuiMain_modifypw_valid_pw_empty": "Please enter a new password!", "hivuiMain_modifypw_valid_pw2_empty": "Please enter a new password again!", "hivuiMain_modifypw_valid_pw2_empty2": "Please enter the password again!", "hivuiMain_modifypw_newpw2": "Confirm the new password :", "hivuiMain_modifypw_newpw2_ph": "Confirm the new password again ", "hivuiMain_modifypw_weak": "weak", "hivuiMain_modifypw_middle": "Middle ", "hivuiMain_modifypw_strong": "high ", "hivuiMain_modifypw_success": "The modification is successful! Please log back in ", "hivuiMain_header_null": "empty ", "hivuiMain_header_notification_title": "message prompt ", "hivuiMain_taskcenter_untreated": "untreated", "hivuiMain_app_user": "user number ", "hivuiMain_app_orgbz": "Position establishment ", "hivuiMain_app_orgname": "organization name", "hivuiMain_app_rolename": "post name", "hivuiMain_app_personal_Center": "Personal Center", "hivuiMain_app_modifyPw": "Change the password ", "hivuiMain_des_title": "Portal Customization", "hivuiMain_des_setHeight": "Set height", "hivuiMain_des_dragOrderFlag": "Drag Sort ID", "hivuiMain_des_cancel": "cancel", "hivuiMain_des_ok": "determine", "hivuiMain_des_editSerialRowLayout": "determine", "hivuiMain_des_serialRowLayout": "Layout of line {0}", "hivuiMain_des_addColunms": "Add Portal Columns", "hivuiMain_des_dragInArea": "Drag into this area", "hivuiMain_des_save": "save", "hivuiMain_des_columnLayout": "Column layout", "hivuiMain_des_selectTemplate": "Select Template", "hivuiMain_des_addSingleLine": "Add a single line", "hivuiMain_des_demoLayoutTip": "Select the following template and drag it to add to the content area", "hivuiMain_des_row24": "One row, one column", "hivuiMain_des_rowAvg2":"Divide evenly between two columns", "hivuiMain_des_row8_16":"One row and two columns", "hivuiMain_des_rowAvg3":"Three columns evenly divided", "hivuiMain_des_rowAvg4":"One row and four columns", "hivuiMain_des_customLayoutTip":"Custom column values, the total number must be 24, separated by spaces, click anywhere to confirm", "hivuiMain_des_custom":"custom", "hivuiMain_des_spaceSeparate":"Values separated by [spaces]", "hivuiMain_des_saving":"Saving...", "hivuiMain_des_saveSuc":"Successfully saved!", "hivuiMain_des_saveError":"Saving error!", "hivuiMain_app_user":"user", "hivuiMain_app_orgbz":"Post editor", "hivuiMain_eap_msgTips":"Message prompt", "hivuiMain_eap_define":"determine", "hivuiMain_eap_showErrorDetail":"Pop up error details", "hivuiMain_eap_hideErrorDetail":"Collapse error details", "hivuiMain_eap_noPermissionTips":"You have been logged out, please log in again", "hivuiMain_eap_timeOut":"login timeout", "hivuiMain_eap_Relist":"Log in again", "hivuiMain_main_bz":"Main Role", "hivuiMain_validate_FMBPHONE":"Incorrect phone number format", "hivuiMain_validate_FEMAIL":"Incorrect email address format", "hivuiMain_validate_FIDCARD":"Incorrect format of ID number", }; var GLOBAL_LANG_TPL = { "hivuiMain_sysInit":"System initialization in progress...", "hivuiMain_clickRefresh":"[Click me to refresh]", "hivuiMain_recentlyUsed": "recently used ", "hivuiMain_projectManage": "project management ", "hivuiMain_allFunction": "all functions ", "hivuiMain_nodata": "No data yet ", "hivuiMain_searchKey": "search keyword ", "hivuiMain_customWorkbench": "Custom Workbench", "hivuiMain_logout": "exit the system", "hivuiMain_sysLoading": "system loading...", "hivuiMain_loadedFailClickRefresh": "Failed to load, click me to try again!", "hivuiMain_dialog_cancel": "cancel", "hivuiMain_dialog_define": "confirm ", "hivuiMain_dialog_def_title": "Prompt ", "hivuiMain_portal_text": "No function permission temporarily!", "hivuiMain_tab_ctxmenu_refresh": "refresh", "hivuiMain_tab_ctxmenu_close": "close", "hivuiMain_tab_ctxmenu_closeleft": "Close the left side ", "hivuiMain_tab_ctxmenu_closeright": "Close the right side ", "hivuiMain_tab_ctxmenu_closeother": "Close other", "hivuiMain_tab_ctxmenu_closeall": "Close all", "hivuiMain_tab_ctxmenu_fullscreen": "fullscreen", "hivuiMain_tab_scroll_lt": "left scroll ", "hivuiMain_tab_scroll_rt": "Roll right ", "hivuiMain_tab_scroll_more": "more", "hivuiMain_store_msg1": "Obtain ", "hivuiMain_store_msg2": "failed ", "hivuiMain_store_msg3": "Click me again!", "hivuiMain_store_sysmenu": "System menu", "hivuiMain_store_userinfo": "User information ", "hivuiMain_store_bzlist": "multi-post information ", "hivuiMain_store_lately": "Lately used functions ", "hivuiMain_allfuncmenu_text": "Please enter keywords ", "hivuiMain_modifypw_title": "Change password ", "hivuiMain_modifypw_oldpw": " Old password :", "hivuiMain_modifypw_oldpw": "Please enter the old password ", "hivuiMain_modifypw_newpw": "New password :", "hivuiMain_modifypw_newpw_ph": "Please enter 4-25 digits, letters, or symbols ", "hivuiMain_modifypw_valid_pw2_msg": "Two passwords are inconsistent!", "hivuiMain_modifypw_valid_pw_empty": "Please enter a new password!", "hivuiMain_modifypw_valid_pw2_empty": "Please enter a new password again!", "hivuiMain_modifypw_valid_pw2_empty2": "Please enter the password again!", "hivuiMain_modifypw_newpw2": "Confirm the new password :", "hivuiMain_modifypw_newpw2_ph": "Confirm the new password again ", "hivuiMain_modifypw_weak": "weak", "hivuiMain_modifypw_middle": "Middle ", "hivuiMain_modifypw_strong": "high ", "hivuiMain_modifypw_success": "The modification is successful! Please log back in ", "hivuiMain_header_null": "empty ", "hivuiMain_header_notification_title": "message prompt ", "hivuiMain_taskcenter_untreated": "untreated", "hivuiMain_app_user": "user number ", "hivuiMain_app_orgbz": "Position establishment ", "hivuiMain_app_orgname": "organization name", "hivuiMain_app_rolename": "post name", "hivuiMain_app_personal_Center": "Personal Center", "hivuiMain_app_modifyPw": "Change the password ", "hivuiMain_des_title": "Portal Customization", "hivuiMain_des_setHeight": "Set height", "hivuiMain_des_dragOrderFlag": "Drag Sort ID", "hivuiMain_des_cancel": "cancel", "hivuiMain_des_ok": "determine", "hivuiMain_des_editSerialRowLayout": "determine", "hivuiMain_des_serialRowLayout": "Layout of line {0}", "hivuiMain_des_addColunms": "Add Portal Columns", "hivuiMain_des_dragInArea": "Drag into this area", "hivuiMain_des_save": "save", "hivuiMain_des_columnLayout": "Column layout", "hivuiMain_des_selectTemplate": "Select Template", "hivuiMain_des_addSingleLine": "Add a single line", "hivuiMain_des_demoLayoutTip": "Select the following template and drag it to add to the content area", "hivuiMain_des_row24": "One row, one column", "hivuiMain_des_rowAvg2":"Divide evenly between two columns", "hivuiMain_des_row8_16":"One row and two columns", "hivuiMain_des_rowAvg3":"Three columns evenly divided", "hivuiMain_des_rowAvg4":"One row and four columns", "hivuiMain_des_customLayoutTip":"Custom column values, the total number must be 24, separated by spaces, click anywhere to confirm", "hivuiMain_des_custom":"custom", "hivuiMain_des_spaceSeparate":"Values separated by [spaces]", "hivuiMain_des_saving":"Saving...", "hivuiMain_des_saveSuc":"Successfully saved!", "hivuiMain_des_saveError":"Saving error!", "hivuiMain_app_user":"user", "hivuiMain_app_orgbz":"Post editor", "hivuiMain_eap_msgTips":"Message prompt", "hivuiMain_eap_define":"determine", "hivuiMain_eap_showErrorDetail":"Pop up error details", "hivuiMain_eap_hideErrorDetail":"Collapse error details", "hivuiMain_eap_noPermissionTips":"You have been logged out, please log in again", "hivuiMain_eap_timeOut":"login timeout", "hivuiMain_eap_Relist":"Log in again", "hivuiMain_main_bz":"Main Role", };

Ignore Space Show notes View

project/hivuiMain/lang/en.js

var GLOBAL_LANG_TPL = {
    "hivuiMain_sysInit":"System initialization in progress...",
    "hivuiMain_clickRefresh":"[Click me to refresh]",
    "hivuiMain_recentlyUsed": "recently used ",
    "hivuiMain_projectManage": "project management ",
    "hivuiMain_allFunction": "all functions ",
    "hivuiMain_nodata": "No data yet ",
    "hivuiMain_searchKey": "search keyword ",
    "hivuiMain_customWorkbench": "Custom Workbench",
    "hivuiMain_logout": "exit the system",
    "hivuiMain_sysLoading": "system loading...",
    "hivuiMain_loadedFailClickRefresh": "Failed to load, click me to try again!",
    "hivuiMain_dialog_cancel": "cancel",
    "hivuiMain_dialog_define": "confirm ",
    "hivuiMain_dialog_def_title": "Prompt ",
    "hivuiMain_portal_text": "No function permission temporarily!",
    "hivuiMain_tab_ctxmenu_refresh": "refresh",
    "hivuiMain_tab_ctxmenu_close": "close",
    "hivuiMain_tab_ctxmenu_closeleft": "Close the left side ",
    "hivuiMain_tab_ctxmenu_closeright": "Close the right side ",
    "hivuiMain_tab_ctxmenu_closeother": "Close other",
    "hivuiMain_tab_ctxmenu_closeall": "Close all",
    "hivuiMain_tab_ctxmenu_fullscreen": "fullscreen",
    "hivuiMain_tab_scroll_lt": "left scroll ",
    "hivuiMain_tab_scroll_rt": "Roll right ",
    "hivuiMain_tab_scroll_more": "more",
    "hivuiMain_store_msg1": "Obtain ",
    "hivuiMain_store_msg2": "failed ",
    "hivuiMain_store_msg3": "Click me again!",
    "hivuiMain_store_sysmenu": "System menu",
    "hivuiMain_store_userinfo": "User information ",
    "hivuiMain_store_bzlist": "multi-post information ",
    "hivuiMain_store_lately": "Lately used functions ",
    "hivuiMain_allfuncmenu_text": "Please enter keywords ",
    "hivuiMain_modifypw_title": "Change password ",
    "hivuiMain_modifypw_oldpw": " Old password :",
    "hivuiMain_modifypw_oldpw": "Please enter the old password ",
    "hivuiMain_modifypw_newpw": "New password :",
    "hivuiMain_modifypw_newpw_ph": "Please enter 4-25 digits, letters, or symbols ",
    "hivuiMain_modifypw_valid_pw2_msg": "Two passwords are inconsistent!",
    "hivuiMain_modifypw_valid_pw_empty": "Please enter a new password!",
    "hivuiMain_modifypw_valid_pw2_empty": "Please enter a new password again!",
    "hivuiMain_modifypw_valid_pw2_empty2": "Please enter the password again!",
    "hivuiMain_modifypw_newpw2": "Confirm the new password :",
    "hivuiMain_modifypw_newpw2_ph": "Confirm the new password again ",
    "hivuiMain_modifypw_weak": "weak",
    "hivuiMain_modifypw_middle": "Middle ",
    "hivuiMain_modifypw_strong": "high ",
    "hivuiMain_modifypw_success": "The modification is successful! Please log back in ",
    "hivuiMain_header_null": "empty ",
    "hivuiMain_header_notification_title": "message prompt ",
    "hivuiMain_taskcenter_untreated": "untreated",
    "hivuiMain_app_user": "user number ",
    "hivuiMain_app_orgbz": "Position establishment ",
    "hivuiMain_app_orgname": "organization name",
    "hivuiMain_app_rolename": "post name",
    "hivuiMain_app_personal_Center": "Personal Center",
    "hivuiMain_app_modifyPw": "Change the password ",
    
    "hivuiMain_des_title": "Portal Customization",
    "hivuiMain_des_setHeight": "Set height",
    "hivuiMain_des_dragOrderFlag": "Drag Sort ID",
    "hivuiMain_des_cancel": "cancel",
    "hivuiMain_des_ok": "determine",
    "hivuiMain_des_editSerialRowLayout": "determine",
    "hivuiMain_des_serialRowLayout": "Layout of line {0}",
    "hivuiMain_des_addColunms": "Add Portal Columns",
    "hivuiMain_des_dragInArea": "Drag into this area",
    "hivuiMain_des_save": "save",
    "hivuiMain_des_columnLayout": "Column layout",
    "hivuiMain_des_selectTemplate": "Select Template",
    "hivuiMain_des_addSingleLine": "Add a single line",
    "hivuiMain_des_demoLayoutTip": "Select the following template and drag it to add to the content area",
    "hivuiMain_des_row24": "One row, one column",
    "hivuiMain_des_rowAvg2":"Divide evenly between two columns",
    "hivuiMain_des_row8_16":"One row and two columns",
    "hivuiMain_des_rowAvg3":"Three columns evenly divided",
    "hivuiMain_des_rowAvg4":"One row and four columns",
    "hivuiMain_des_customLayoutTip":"Custom column values, the total number must be 24, separated by spaces, click anywhere to confirm",
    "hivuiMain_des_custom":"custom",
    "hivuiMain_des_spaceSeparate":"Values separated by [spaces]",
    "hivuiMain_des_saving":"Saving...",
    "hivuiMain_des_saveSuc":"Successfully saved!",
    "hivuiMain_des_saveError":"Saving error!",
  
  
    "hivuiMain_app_user":"user",
    "hivuiMain_app_orgbz":"Post editor",
  
  
    
    "hivuiMain_eap_msgTips":"Message prompt",
    "hivuiMain_eap_define":"determine",
    "hivuiMain_eap_showErrorDetail":"Pop up error details",
    "hivuiMain_eap_hideErrorDetail":"Collapse error details",
    "hivuiMain_eap_noPermissionTips":"You have been logged out, please log in again",
    "hivuiMain_eap_timeOut":"login timeout",
    "hivuiMain_eap_Relist":"Log in again",

"hivuiMain_main_bz":"Main Role",
    "hivuiMain_validate_FMBPHONE":"Incorrect phone number format",
    "hivuiMain_validate_FEMAIL":"Incorrect email address format",
    "hivuiMain_validate_FIDCARD":"Incorrect format of ID number",
};

"hivuiMain_main_bz":"Main Role",
};

Ignore Space Show notes View project/hivuiMain/lang/zh-CN.js
var GLOBAL_LANG_TPL = { "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":"身份证号格式有误", }; var GLOBAL_LANG_TPL = { "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":"主岗", };

Ignore Space Show notes View

project/hivuiMain/lang/zh-CN.js

var GLOBAL_LANG_TPL = {
  "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":"身份证号格式有误",
};

"hivuiMain_app_user":"用户",
  "hivuiMain_app_orgbz":"岗编",

"hivuiMain_main_bz":"主岗",
};

Ignore Space Show notes View project/hivuiMain/views/personalCenter/components/BzUpdate.vue
<template> <el-form :model="form" :rules="rules" ref="form"> <el-form-item :label="label" prop="FSEX"> <el-radio-group v-model="curtBzId"> <el-radio v-for="(item,index) in orgInfo" border :label="item.FBZID">{{ item.FBZNAME}}/{{item.FBZID}}</el-radio> </el-radio-group> </el-form-item> <el-form-item style="text-align: center;"> <el-button type="primary" @click="submitForm">{{ $t("hivuiMain_des_save")}}</el-button> </el-form-item> </el-form> </template> <script> import { query, update} from '@main/api/user.js' export default { data(){ return { bzList:[], label: this.$t("hivuiMain_main_bz", { default: '主岗' }), curtBzId: '', orgInfo:{} } }, created(){ this.getOrgInfo() }, methods: { getOrgInfo(){ var param = { modelFilePath: "/platf/org/entity/SysOrgPsmEntity.xml", pageSize: -1, __zcQuery: false, __returnCount: true, __bottomSummary: false, } let userId = top.Scp.User && top.Scp.User.fuserid if(userId){ let queryCdions = { join: 'and', items:[ { sign: 'eq', name: 'FUSERID', dataType: 'dbString', value: userId, enable: true } ] } let __body = JSON.stringify({queryCdions: queryCdions}) param.__body = __body query(param).then((res)=>{ this.orgInfo = res.dataPack && res.dataPack.rows }) } }, submitForm() { // let bz = this.bzList.filter(res => res.fbzid == this.curtBzId)[0] let org = this.orgInfo.filter(res => res.FBZID == this.curtBzId)[0] let data = { $m:"/platf/org/entity/SysOrgPsmEntity.xml", $old:org, FDEFAULTBZ:1 } update(data).then(res =>{ this.$message({ type: 'success', message: '修改成功' }) }) } } } </script> <style lang="less"> .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; } .avatar { width: 178px; height: 178px; display: block; } .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } .showImg:hover { .el-upload-list__item-actions { opacity: 1; } } .el-upload-list__item-delete { display: block; position: static; font-size: inherit; color: inherit; .el-icon-delete { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; } } .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list__item-name i:hover,.el-upload-list__item-name a:hover{ color: #409eff; } </style> <template> <el-form :model="form" :rules="rules" ref="form"> <el-form-item :label="label" prop="FSEX"> <el-radio-group v-model="curtBzId"> <el-radio v-for="(item,index) in bzList" border :label="item.fbzid">{{ item.fbzname}}/{{item.fbzid}}</el-radio> </el-radio-group> </el-form-item> <el-form-item style="text-align: center;"> <el-button type="primary" @click="submitForm">{{ $t("hivuiMain_des_save")}}</el-button> </el-form-item> </el-form> </template> <script> import { update} from '@main/api/user.js' export default { data(){ return { bzList:[], label: this.$t("hivuiMain_main_bz", { default: '主岗' }), curtBzId: '' } }, methods: { submitForm() { let bz = this.bzList.filter(res => res.fbzid == this.curtBzId)[0] let data = { $m:"/platf/org/entity/SysOrgBizEntity.xml", $old:bz, fdefaultbz:this.curtBzId } update(data).then(res =>{ this.$message({ type: 'success', message: '修改成功' }) }) } } } </script> <style lang="less"> .avatar-uploader .el-upload { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #409eff; } .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 178px; height: 178px; line-height: 178px; text-align: center; } .avatar { width: 178px; height: 178px; display: block; } .el-upload-list__item-actions { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: default; text-align: center; color: #fff; opacity: 0; font-size: 20px; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } .showImg:hover { .el-upload-list__item-actions { opacity: 1; } } .el-upload-list__item-delete { display: block; position: static; font-size: inherit; color: inherit; .el-icon-delete { font-family: element-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: baseline; display: inline-block; -webkit-font-smoothing: antialiased; } } .el-upload-list__item-actions span + span { margin-left: 15px; } .el-upload-list__item-name i:hover,.el-upload-list__item-name a:hover{ color: #409eff; } </style>

Ignore Space Show notes View

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

<template>
  <el-form :model="form" :rules="rules" ref="form">
    <el-form-item :label="label" prop="FSEX">
        <el-radio-group v-model="curtBzId">
          <el-radio v-for="(item,index) in orgInfo" border :label="item.FBZID">{{ item.FBZNAME}}/{{item.FBZID}}</el-radio>
        </el-radio-group>
    </el-form-item>
    <el-form-item style="text-align: center;">
      <el-button type="primary" @click="submitForm">{{ $t("hivuiMain_des_save")}}</el-button>
    </el-form-item>
  </el-form>
</template>

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
.el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showImg:hover {
  .el-upload-list__item-actions {
    opacity: 1;
  }
}
.el-upload-list__item-delete {
  display: block;
  position: static;
  font-size: inherit;
  color: inherit;
  .el-icon-delete {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
  }
}
.el-upload-list__item-actions span + span {
  margin-left: 15px;
}
.el-upload-list__item-name i:hover,.el-upload-list__item-name a:hover{
  color: #409eff;
}
</style>

<template>
  <el-form :model="form" :rules="rules" ref="form">
    <el-form-item :label="label" prop="FSEX">
        <el-radio-group v-model="curtBzId">
          <el-radio v-for="(item,index) in bzList" border :label="item.fbzid">{{ item.fbzname}}/{{item.fbzid}}</el-radio>
        </el-radio-group>
    </el-form-item>
    <el-form-item style="text-align: center;">
      <el-button type="primary" @click="submitForm">{{ $t("hivuiMain_des_save")}}</el-button>
    </el-form-item>
  </el-form>
</template>

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:[] } }, 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}}</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>

<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}}</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>