Shell开发-调整页面样式，完善功能逻辑

src/views/scriptDevelopment/shellDevelopment/shellExecute/handleSubmit/submitModal.vue

@@ -47,16 +47,6 @@
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
     resetFields();
     setModalProps({ confirmLoading: false });
-    isUpdate.value = !!data?.isUpdate;
-    isMove.value = !!data?.isMove;
-    if (unref(isUpdate)) {
-      // 获取行数据的id
-      rowId.value = data.record.businessId;
-      // 塞值
-      setFieldsValue({
-        ...data.record,
-      });
-    }
   });
 
   // onMounted(){}
@@ -66,11 +56,13 @@
 
   /**确定按钮*/
   async function handleSubmit() {
-    if (textareaValue.value.trim() == '') {
-      closeModal();
+    try {
+      setModalProps({ confirmLoading: true });
+      await validate();
       emit('success', textareaValue.value);
-    } else {
-      createMessage.error('请填写内容');
+      closeModal();
+    } finally {
+      setModalProps({ confirmLoading: false });
     }
   }
 </script>

src/views/scriptDevelopment/shellDevelopment/shellExecute/handleSubmit/tempalte.data.ts

@@ -212,14 +212,14 @@ export const formSchemaTemplate: any = [
     },
   },
 ];
-export const importFormSchema: any[] = [
+export const importFormSchema: FormSchema[] = [
   {
     field: 'importVersionAlert',
     label: '版本描述',
-    slot: 'fileMethods',
-    component: 'InputTextarea',
+    component: 'InputTextArea',
     colProps: { lg: 24, md: 24 },
     componentProps: {
+      rows: 8,
       placeholder: '最多255个字符',
     },
     required: true,

src/views/scriptDevelopment/shellDevelopment/shellExecute/shellExecute.vue

@@ -54,7 +54,7 @@
     </div>
     <OptionsModal @register="registerModal" />
     <PreviewModal @register="registerPreviewModal" />
-    <SubmitModal @register="registerSubmitModal" />
+    <SubmitModal @register="registerSubmitModal" @success="handleSuccess" />
     <VersionManagementModal @register="registerVersionManagementModal" />
   </PageWrapper>
 </template>
@@ -127,6 +127,9 @@
   function handleChange() {
     createMessage.success('格式化成功');
   }
+  function handleSuccess() {
+    createMessage.success('提交成功');
+  }
   //保存按钮
   function handleSave() {
     createMessage.success('保存成功');
@@ -152,7 +155,10 @@
   function goBack() {
     // // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
     // go('/scriptDevelopment/shellDevelopment/index');
-    router.back();
+    // router.go(-1);
+    router.push({
+      path: '/scriptDevelopment/shellDevelopment/index',
+    });
   }
   //同步滚动
   const handleScroll = () => {

src/views/scriptDevelopment/shellDevelopment/shellExecute/versionManagementModal.vue

@@ -31,7 +31,7 @@
                     icon: 'ant-design:rollback-outlined',
                     tooltip: '回退版本',
                     popConfirm: {
-                      title: '是否确认回退版本',
+                      title: '是否确认回退至该版本',
                       confirm: handleVersionRollback,
                     },
                   },
@@ -85,6 +85,9 @@
     console.log('版本对比');
     router.push({
       path: '/scriptDevelopment/shellDevelopment/shellExecute/versionCompare',
+      query: {
+        id: id.value,
+      },
     });
   }
   function handleVersionRollback() {