Эх сурвалжийг харах

bpmn panel和aria-modal样式优化 及 部分汉化

Zn 1 жил өмнө
parent
commit
ca72070355

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementAsyncContinuations.vue

@@ -68,3 +68,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width: 70px !important;
+}
+</style>

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementDocumentations.vue

@@ -52,3 +52,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width:40px !important;
+}
+</style>

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementExecuteForm.vue

@@ -75,3 +75,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width: 80px !important;
+}
+</style>

+ 3 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementExecuteUser.vue

@@ -219,4 +219,7 @@ export default {
   display: flex;
   padding-right: 25px;
 }
+::v-deep .edit-item_label{
+  width: 90px !important;
+}
 </style>

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementExtensionField.vue

@@ -82,3 +82,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width: 40px !important;
+}
+</style>

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementJobExecution.vue

@@ -66,3 +66,8 @@ export default {
   }
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width: 78px !important;
+}
+</style>

+ 5 - 0
ruoyi-ui/src/views/system/bpmnPro/components/Panel/components/ElementStartInitiator.vue

@@ -44,3 +44,8 @@ export default {
   },
 };
 </script>
+<style scoped lang="scss">
+::v-deep .edit-item_label{
+  width: 55px !important;
+}
+</style>

+ 28 - 13
ruoyi-ui/src/views/system/bpmnPro/components/Settings/index.vue

@@ -73,7 +73,7 @@
               <el-radio label="custom">自定义</el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="ContextPad模式">
+          <el-form-item label="ContextPad模式" wi>
             <el-radio-group v-model="editorSettings.contextPadMode">
               <el-radio label="default">默认</el-radio>
               <el-radio label="rewrite">重写版</el-radio>
@@ -157,24 +157,33 @@ export default {
         "默认开始节点颜色",
         "默认结束节点颜色",
         "默认中间/边界节点颜色",
-        "defaultIntermediateThrowEventColor",
-        "defaultIntermediateCatchEventColor",
+        // "defaultIntermediateThrowEventColor",
+        "默认中间抛出节点颜色",
+        // "defaultIntermediateCatchEventColor",
+        "默认中间捕获节点颜色",
         // "默认Task颜色",
-        "默认任务颜色",
-        "默认Label颜色",
+        "默认任务节点颜色",
+        // "默认Label颜色",
+        "默认标签颜色",
         // "默认Gateway颜色",
         "默认网关颜色",
-        "默认Sequence颜色",
+        // "默认Sequence颜色",
+        "默认序列颜色"
       ],
       themeOpacityKeys: [
         "默认开始节点填充颜色透明度",
         "默认结束节点填充颜色透明度",
-        "defaultIntermediateThrowEventOpacity",
-        "defaultIntermediateCatchEventOpacity",
-        "defaultTaskOpacity",
-        "defaultLabelOpacity",
+        // "defaultIntermediateThrowEventOpacity",
+        "默认中间抛出节点填充颜色透明度",
+        // "defaultIntermediateCatchEventOpacity",
+        "默认中间捕获节点填充颜色透明度",
+        // "defaultTaskOpacity",
+        "默认任务节点填充颜色透明度",
+        // "defaultLabelOpacity",
+        "默认标签颜色透明度",
         "默认网关填充颜色透明度",
-        "defaultSequenceOpacity",
+        // "defaultSequenceOpacity",
+        "默认序列颜色透明度",
       ],
       editorSettings: this.settings,
     };
@@ -207,9 +216,15 @@ export default {
 </script>
 <style scoped lang="scss">
 ::v-deep .el-input--mini .el-input__inner{
-  width: 175px;
+  width: 200px;
 }
 ::v-deep .el-form-item__content{
-  margin-left: 0;
+  margin-left: 10px !important;
+}
+::v-deep .el-form-item__label{
+  width:  140px !important;
+}
+::v-deep .el-drawer.rtl{
+  width: 550px !important;
 }
 </style>

+ 1 - 1
ruoyi-ui/src/views/system/bpmnPro/components/theme/index.scss

@@ -38,7 +38,7 @@
     width: 100%;
     height: 100%;
     flex: 1;
-    overflow: hidden;
+    // overflow: hidden;
     display: flex;
     .designer {
       flex: 1;