fix: 样式调整2

src/views/flow/stDesignMain/index.vue

@@ -2,7 +2,10 @@
   <a-drawer v-model:open="open" width="100%" destroyOnClose class="package-age">
     <template #title>
       <div class="pag-header">
-        <span class="pg-h-txt">{{ title }}<span style="padding: 20px;font-size: 14px;color: #0D366F">{{ flowCode}}</span></span>
+        <span class="pg-h-txt">
+          {{ title }}
+        <span style="margin-left: 20px;font-size: 14px;">{{ flowCode }}</span>
+        </span>
         <a-button-group size="large" style="flex: 1; display: flex; justify-content: center">
           <a-button
               :type="currentComName === item.componentName? 'primary':''"
@@ -14,6 +17,15 @@
             {{ item.title }}
           </a-button>
         </a-button-group>
+        <a-tooltip title="流程设置">
+          <a-button size="large" @click="openSetting" type="link"
+                    :icon="h(SettingOutlined)"/>
+        </a-tooltip>
+        <a-tooltip title="帮助文档">
+          <a-button size="large" @click="openHelp" type="link"
+                    :icon="h(BookOutlined)"/>
+        </a-tooltip>
+        <MainSetting ref="mainSettingRef"/>
       </div>
     </template>
     <div class="pag-content" v-if="visible">
@@ -22,13 +34,15 @@
   </a-drawer>
 </template>
 <script setup>
-import {ref} from 'vue';
+import {ref, h} from 'vue';
 import StDataIndex from '/@/views/flow/stDataModel/index.vue';
 import StFormIndex from '/@/views/flow/stFormSetting/index.vue';
 import StFlowIndex from '/@/views/flow/stFlowDesign/index.vue';
 import StFormMobileIndex from '/@/views/flow/stFormSetting/MobileIndex.vue';
 import StPageSetting from '/@/views/flow/stPageSetting/index.vue';
 import StPrint from '/@/views/flow/stPrint/index.vue';
+import MainSetting from '/@/views/flow/setting/mainSetting.vue';
+import {SettingOutlined, BookOutlined} from '@ant-design/icons-vue';
 
 const headerList = ref([
   {
@@ -64,9 +78,14 @@ const headerList = ref([
 ]);
 
 const currentRow = ref(undefined);
-
+const mainSettingRef = ref(null)
 const open = ref(false);
-
+const openSetting = () => {
+  mainSettingRef.value.show()
+}
+const openHelp = () => {
+  window.open('https://www.yuque.com/u34581824/waindd/rk7cip7menp6cpm0?singleDoc# 《流程引擎常用操作》')
+}
 const currentIndex = ref(0);
 
 const title = ref('');
@@ -99,7 +118,6 @@ defineExpose({showModal, closeModel});
 .pag-header {
   display: flex;
   align-items: center;
-
   .pg-h-txt {
     font-size: 20px;
     font-weight: 600;
@@ -110,6 +128,6 @@ defineExpose({showModal, closeModel});
 .pag-content {
   width: 100%;
   height: 100%;
-  // background: #f4f5f6;
 }
+
 </style>

src/views/flow/stFormDesign/packages/StFormDesign/MobileIndex.vue

@@ -59,18 +59,6 @@
             </a-collapse-panel>
             <!-- 布局控件 end -->
           </a-collapse>
-          <a-float-button
-              type="primary"
-              :style="{
-                  left: '24px',
-                }"
-              @click="openSetting"
-          >
-            <template #icon>
-              <SettingOutlined/>
-            </template>
-          </a-float-button>
-          <MainSetting ref="mainSettingRef"/>
         </aside>
         <!-- 左侧控件区域 end -->
 
@@ -171,7 +159,6 @@ import formProperties from './module/formProperties.vue';
 import _ from 'lodash';
 import {useFlowStore} from '/@/store/modules/flow';
 import {MailOutlined, AppstoreOutlined, SettingOutlined} from '@ant-design/icons-vue';
-import MainSetting from '/@/views/flow/setting/mainSetting.vue';
 
 export default defineComponent({
   name: 'StFormMobileDesign',
@@ -312,7 +299,6 @@ export default defineComponent({
     CodeModal,
     importJsonModal,
     previewModal,
-    MainSetting,
     formComponentPanel,
     formComponentPanelMobile,
     formItemProperties,
@@ -354,9 +340,6 @@ export default defineComponent({
   mounted() {
   },
   methods: {
-    openSetting() {
-      this.$refs.mainSettingRef.show()
-    },
     generateKey(list, index) {
     },
     handleListPush(item) {

src/views/flow/stFormDesign/packages/StFormDesign/index.vue

@@ -56,18 +56,6 @@
             </a-collapse-panel>
             <!-- 布局控件 end -->
           </a-collapse>
-          <a-float-button
-              type="primary"
-              :style="{
-                  left: '24px',
-                }"
-              @click="openSetting"
-          >
-            <template #icon>
-              <SettingOutlined/>
-            </template>
-          </a-float-button>
-          <MainSetting ref="mainSettingRef"/>
         </aside>
         <!-- 左侧控件区域 end -->
 
@@ -165,7 +153,6 @@
   import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons-vue';
   import {initJsonContent} from "/@/views/flow/stFormSetting/initContent.js";
   import {v1 as uuidv1} from "uuid";
-  import MainSetting from "/@/views/flow/setting/mainSetting.vue";
 
   export default defineComponent({
     name: 'StFormDesign',
@@ -309,7 +296,6 @@
       formComponentPanel,
       formItemProperties,
       formProperties,
-      MainSetting,
     },
     watch: {
       data: {
@@ -346,9 +332,6 @@
     },
     mounted() {},
     methods: {
-      openSetting() {
-        this.$refs.mainSettingRef.show()
-      },
       generateKey(list, index) {},
       handleListPush(item) {
         //TODO: 以后再说