up

src/utils/formBuilder.js

@@ -100,6 +100,7 @@ export default function formBuilder(
               format: "yyyy年MM月dd日",
               value: target[info.name],
               clearable: true,
+              editable:false,
               placeholder: info.help_text,
               "picker-options": {
                 shortcuts: this.shortcuts,
@@ -126,6 +127,7 @@ export default function formBuilder(
               format: "yyyy-MM-dd HH:mm",
               value: target[info.name],
               clearable: true,
+               editable:false,
               placeholder: info.help_text,
               "picker-options": {
                 shortcuts: this.shortcuts,
@@ -1260,6 +1262,7 @@ export default function formBuilder(
               format: "yyyy年MM月dd日",
               value: target[info.name],
               clearable: true,
+               editable:false,
               placeholder: info.help_text || info.label,
               "picker-options": {
                 shortcuts: this.shortcuts,
@@ -1286,6 +1289,7 @@ export default function formBuilder(
               format: "yyyy-MM-dd HH:mm",
               value: target[info.name],
               clearable: true,
+               editable:false,
               placeholder: info.help_text || info.label,
               "picker-options": {
                 shortcuts: this.shortcuts,

src/views/flow/create.vue

@@ -940,4 +940,30 @@ export default {
     transform: translate(-50%,-50%) scale(1);
   }
 }
+/** 移动端展示 **/
+@media screen and (max-width: 500px) {
+    .el-picker-panel__sidebar {
+      width: 100%;
+    }
+    .el-picker-panel {
+      width: 400px!important;
+    }
+    .el-picker-panel__content {
+      width: 100%;
+    }
+    .el-picker-panel__body{
+      margin-left: 0!important;
+      display: flex;
+      flex-direction: column;
+      min-width: auto!important;
+    }
+    .el-picker-panel__sidebar {
+      position: relative;
+    }
+    .el-picker-panel__body-wrapper {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+  }
 </style>