| | |
| | | &::before { |
| | | background-image: url(../../assets/img/fz_login-bg.png); |
| | | background-size: cover; |
| | | background-repeat: no-repeat; |
| | | } |
| | | &::after { |
| | | background-color: rgba(38, 50, 56, .4); |
| | |
| | | document.querySelector('html').setAttribute('lang', val) |
| | | |
| | | // 可以在这里修改国际化显示名称 |
| | | messages[val].brand.lg = '可靠性仿真建模' |
| | | messages[val].brand.lg = '可靠性仿真评估及评定' |
| | | messages[val].company.name = '单位名称' |
| | | messages[val].company.code = '单位代码' |
| | | messages[val].company.shortName = '单位简称' |
| | |
| | | "shape": "edge", |
| | | "id": "66c81c68-0827-4a3c-8343-e2c453d3e9e7", |
| | | "router": { |
| | | "name": "manhattan" |
| | | "name": "manhattan", |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | "connector": { |
| | | "name": "rounded" |
| | |
| | | "shape": "edge", |
| | | "id": "a0f3cf90-6d37-4ee0-a254-90b4ec2b6a7f", |
| | | "router": { |
| | | "name": "manhattan" |
| | | "name": "manhattan", |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | "connector": { |
| | | "name": "rounded" |
| | |
| | | stroke: '#5F95FF', |
| | | strokeWidth: 1, |
| | | connector: 'rounded', |
| | | router: 'manhattan', |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | label: '', |
| | | nodeStroke: '#5F95FF', |
| | | nodeStrokeWidth: 1, |
| | |
| | | connecting: { |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: { |
| | | name: 'rounded', |
| | |
| | | this.graph.addEdge({ |
| | | source: {cell: graphNodeStartNode, port: 'right1'}, |
| | | target: {cell: result.newStartNode, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | this.graph.addEdge({ |
| | | source: {cell: result.newEndNode, port: 'right1'}, |
| | | target: {cell: graphNode, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | } |
| | |
| | | this.graph.addEdge({ |
| | | source: {cell: result.newEndNode, port: startPort}, |
| | | target: {cell: endNode, port: endPort}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | } else { |
| | | this.graph.addEdge({ |
| | | source: {cell: startNode, port: startPort}, |
| | | target: {cell: result.newStartNode, port: endPort}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | graphEdge.source = {cell: result.newEndNode.id, port: startPort} |
| | |
| | | this.graph.addEdge({ |
| | | source: {cell: connectNode, port: 'right1'}, |
| | | target: {cell: dashedBox, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | this.graph.addEdge({ |
| | | source: {cell: dashedBox, port: 'right1'}, |
| | | target: {cell: dragNode, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'} |
| | | }) |
| | | return {newStartNode: connectNode, newEndNode: dragNode} |
| | |
| | | this.graph.addEdge({ |
| | | source: {cell: leftConnectNode, port: 'right1'}, |
| | | target: {cell: leftTopDashedBox, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | this.graph.addEdge({ |
| | | source: {cell: leftConnectNode, port: 'right1'}, |
| | | target: {cell: leftBottomDashedBox, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | |
| | | let edgeTop = this.graph.addEdge({ |
| | | source: {cell: leftTopDashedBox, port: 'right1'}, |
| | | target: {cell: rightTopDashedBox, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | let edgeBottom = this.graph.addEdge({ |
| | | source: {cell: leftBottomDashedBox, port: 'right1'}, |
| | | target: {cell: rightBottomDashedBox, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | |
| | | this.graph.addEdge({ |
| | | source: {cell: rightTopDashedBox, port: 'right1'}, |
| | | target: {cell: rightConnectNode, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | this.graph.addEdge({ |
| | | source: {cell: rightBottomDashedBox, port: 'right1'}, |
| | | target: {cell: rightConnectNode, port: 'left1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | |
| | | this.graph.addEdge({ |
| | | source: {cell: edgeTop}, |
| | | target: {cell: alignCenterDashedBox, port: 'top1'}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | this.graph.addEdge({ |
| | | source: {cell: alignCenterDashedBox, port: 'bottom1'}, |
| | | target: {cell: edgeBottom}, |
| | | router: {name: 'manhattan'}, |
| | | router: { |
| | | name: 'manhattan', |
| | | args: { |
| | | startDirections: ['top','bottom'], // 从下方开始 |
| | | endDirections: ['left'], // 向左方结束 |
| | | }, |
| | | }, |
| | | connector: {name: 'rounded'}, |
| | | }) |
| | | dragNode.remove() |
| | |
| | | onTaskSelected(data) { |
| | | console.log(data, ' onProductSelected(data)') |
| | | this.dataForm.taskId = data.id |
| | | this.page() |
| | | }, |
| | | onAssessDataSelected(data) { |
| | | this.dataForm.itemId = data.id |
| | |
| | | </el-button> |
| | | </el-form-item>--> |
| | | <el-form-item class="login-form-margin"> |
| | | <el-button class="btn" style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{ |
| | | <el-button style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{ |
| | | $t('login.clickTitle') }} |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | </script> |
| | | <style> |
| | | .login__h2 { |
| | | margin: 0; |
| | | width: 600px; |
| | | position: absolute; |
| | | left: -11%; |
| | | top: -10%; |
| | | letter-spacing: 35px; |
| | | margin: 0 0 20px 5px; |
| | | text-align: center; |
| | | letter-spacing: 15px; |
| | | color: #fff; |
| | | font-size: 1.5rem; |
| | | font-weight: 400; |
| | | font-size: 2rem; |
| | | font-weight: bold; |
| | | font-family: 'Microsoft YaHei', Arial, sans-serif; |
| | | } |
| | | |
| | | .clear { |
| | |
| | | |
| | | .login-content { |
| | | position: absolute; |
| | | border-radius: 20px; |
| | | top:50%; |
| | | left:50%; |
| | | transform: translate(-50%,-50%); |
| | | width: 25%; |
| | | background:#ecf0f3; |
| | | box-shadow: 0 3px 6px 0 rgb(72 119 232 / 14%); |
| | | //border: 15px solid transparent; |
| | | //border-image: url(../../assets/img/page-border.png) 20 stretch; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .login-h6 { |
| | |
| | | } |
| | | .login-body { |
| | | position: relative; |
| | | background:#ecf0f3; |
| | | border-radius: 20px; |
| | | } |
| | | .login-body .el-input{ |
| | | border-radius: 3px; |
| | |
| | | -20px -20px 30px rgba(255,255,255,1); |
| | | transition: all 0.4s ease-out; |
| | | } |
| | | .login-body .el-input:hover{ |
| | | box-shadow: |
| | | 0 0 0 rgba(0,0,0,0.2), |
| | | 0 0 0 rgba(255,255,255,0.8), |
| | | inset 10px 10px 20px rgba(0,0,0,0.1), |
| | | inset -10px -10px 20px rgba(255,255,255,1); |
| | | } |
| | | /*.login-body .el-input:hover{*/ |
| | | /* box-shadow:*/ |
| | | /* 0 0 0 rgba(0,0,0,0.2),*/ |
| | | /* 0 0 0 rgba(255,255,255,0.8),*/ |
| | | /* inset 10px 10px 20px rgba(0,0,0,0.1),*/ |
| | | /* inset -10px -10px 20px rgba(255,255,255,1);*/ |
| | | /*}*/ |
| | | .login-body .el-input__inner{ |
| | | font-size: 18px; |
| | | height: inherit; |
| | | transition: all 0.4s ease-out; |
| | | border: none; /* 移除默认的边框样式 */ |
| | | } |
| | | .login-body .el-input__inner:hover{ |
| | | font-size: 16px; |
| | | } |
| | | /*.login-body .el-input__inner:hover{*/ |
| | | /* font-size: 16px;*/ |
| | | /*}*/ |
| | | |
| | | .login-form-margin .btn{ |
| | | border: none !important; |
| | |
| | | -20px -20px 30px rgba(255,255,255,1); |
| | | transition: all 0.4s ease-out; |
| | | } |
| | | .login-form-margin .btn:hover{ |
| | | box-shadow: |
| | | 0 0 0 rgba(0,0,0,0.2), |
| | | 0 0 0 rgba(255,255,255,0.8), |
| | | inset 10px 10px 20px rgba(0,0,0,0.1), |
| | | inset -10px -10px 20px rgba(255,255,255,1); |
| | | } |
| | | /*.login-form-margin .btn:hover{*/ |
| | | /* box-shadow:*/ |
| | | /* 0 0 0 rgba(0,0,0,0.2),*/ |
| | | /* 0 0 0 rgba(255,255,255,0.8),*/ |
| | | /* inset 10px 10px 20px rgba(0,0,0,0.1),*/ |
| | | /* inset -10px -10px 20px rgba(255,255,255,1);*/ |
| | | /*}*/ |
| | | input:-webkit-autofill , |
| | | textarea:-webkit-autofill, |
| | | select:-webkit-autofill{ |
| | |
| | | font-size: 80px; |
| | | } |
| | | |
| | | .aui-page__login__border.el-button--primary:hover, |
| | | .aui-page__login__border.el-button--primary:focus { |
| | | color: rgba(0, 153, 255, 1) |
| | | } |
| | | /*.aui-page__login__border.el-button--primary:hover,*/ |
| | | /*.aui-page__login__border.el-button--primary:focus {*/ |
| | | /* color: rgba(0, 153, 255, 1)*/ |
| | | /*}*/ |
| | | |
| | | </style> |