vue2-client 1.14.81 → 1.14.82

package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowHandle.vue

@@ -35,64 +35,24 @@
       <a-tabs default-active-key="1" @change="note = ''" type="card">
         <template v-if="beforeStepActive || workflowState">
           <a-tab-pane key="0" tab="步骤详情">
-            <a-card :bordered="false" :loading="loadingHistory">
+            <a-card :bordered="false" :loading="loadingHistory" :body-style="{ paddingTop: 0 }">
               <!--   当前步骤历史记录   -->
-              <template v-if="formCompletedDataPreview">
-                <a-descriptions
-                  v-show="formCompletedDataPreview.data"
-                  :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
-                  bordered
-                  class="descriptionPreviewItem"
-                >
-                  <p slot="title" class="descriptionTitle">
-                    填写历史
-                  </p>
-                  <a-descriptions-item
-                    v-for="(value,key) in formCompletedDataPreview.data"
-                    :key="key"
-                    v-show="key !== '附件上传'"
+              <template v-if="showTab">
+                <x-tab :compProp="{ buttonState: { add: false, edit: false, delete: false, import: false }}" :local-config="tabDesigner" :body-style="{ padding: 0 }" :tabBarGutter="24" default-active-key="workFlowTab">
+                  <a-tab-pane
+                    :forceRender="true"
+                    v-if="formCompletedDataPreview"
+                    slot="extraBeforeTabs"
+                    key="workFlowTab"
+                    tab="表单"
                   >
-                    <span slot="label" style="color: #000">{{ key }}</span>
-                    <div style="white-space: pre-wrap">{{ value }}</div>
-                  </a-descriptions-item>
-                </a-descriptions>
-                <a-descriptions
-                  v-show="formCompletedDataPreview.note"
-                  bordered
-                  class="descriptionPreviewItem"
-                >
-                  <p slot="title" class="descriptionTitle">
-                    备注
-                  </p>
-                  <a-descriptions-item>
-                    <span slot="label" style="color: #000">备注信息</span>
-                    <p style="white-space: pre-wrap">{{ formCompletedDataPreview.note }}</p>
-                  </a-descriptions-item>
-                </a-descriptions>
-                <a-descriptions
-                  v-show="formCompletedDataPreview.images.length"
-                  class="descriptionPreviewItem allWidth"
-                >
-                  <p slot="title" class="descriptionTitle">
-                    图片
-                  </p>
-                  <a-descriptions-item>
-                    <image-item :images="formCompletedDataPreview.images" />
-                  </a-descriptions-item>
-                </a-descriptions>
-                <a-descriptions
-                  v-show="formCompletedDataPreview.files.length"
-                  class="descriptionPreviewItem allWidth"
-                >
-                  <p slot="title" class="descriptionTitle">
-                    附件
-                  </p>
-                  <a-descriptions-item>
-                    <file-item :files="formCompletedDataPreview.files" />
-                  </a-descriptions-item>
-                </a-descriptions>
+                    <work-flow-preview :form-completed-data-preview="formCompletedDataPreview" />
+                  </a-tab-pane>
+                </x-tab>
+              </template>
+              <template v-else-if="formCompletedDataPreview">
+                <work-flow-preview :form-completed-data-preview="formCompletedDataPreview" />
               </template>
-              <!--   当前步骤无记录   -->
               <template v-else>
                 <a-result status="404" title="暂无数据" sub-title="该步骤暂无数据。">
                 </a-result>
@@ -276,6 +236,7 @@ import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
 import * as util from '@vue2-client/utils/util'
 import { getConfigByNameAsync, runLogic } from '@vue2-client/services/api/common'
 import XTab from '@vue2-client/base-client/components/common/XTab/XTab.vue'
+import WorkFlowPreview from './WorkFlowPreview'
 
 export default {
   name: 'WorkFlowHandle',
@@ -288,7 +249,8 @@ export default {
     XAddForm,
     FilePreview,
     FileItem,
-    ImageItem
+    ImageItem,
+    WorkFlowPreview
   },
   computed: {
     ...mapState('account', { currUser: 'user' }),
@@ -834,6 +796,14 @@ export default {
           formCompletedDataPreview = null
         }
         this.formCompletedDataPreview = formCompletedDataPreview
+        // 渲染已完成步骤的Tab
+        const properties = this.stepsDefine[stepId - 1].properties
+        this.tabDesigner = properties.tabDesigner
+        if (this.tabDesigner) {
+          this.showTab = true
+        } else {
+          this.showTab = false
+        }
         // 完成
         this.loadingHistory = false
         this.beforeStepActive = this.activeStepName !== this.currentStep.state

package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowPreview.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <a-descriptions
+      v-show="formCompletedDataPreview.data"
+      :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
+      bordered
+      class="descriptionPreviewItem"
+    >
+      <p slot="title" class="descriptionTitle">
+        填写历史
+      </p>
+      <a-descriptions-item
+        v-for="(value, key) in formCompletedDataPreview.data"
+        :key="key"
+        v-show="key !== '附件上传'"
+      >
+        <span slot="label" style="color: #000">{{ key }}</span>
+        <div style="white-space: pre-wrap">{{ value }}</div>
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-descriptions
+      v-show="formCompletedDataPreview.note"
+      bordered
+      class="descriptionPreviewItem"
+    >
+      <p slot="title" class="descriptionTitle">
+        备注
+      </p>
+      <a-descriptions-item>
+        <span slot="label" style="color: #000">备注信息</span>
+        <p style="white-space: pre-wrap">{{ formCompletedDataPreview.note }}</p>
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-descriptions
+      v-show="formCompletedDataPreview.images.length"
+      class="descriptionPreviewItem allWidth"
+    >
+      <p slot="title" class="descriptionTitle">
+        图片
+      </p>
+      <a-descriptions-item>
+        <image-item :images="formCompletedDataPreview.images" />
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-descriptions
+      v-show="formCompletedDataPreview.files.length"
+      class="descriptionPreviewItem allWidth"
+    >
+      <p slot="title" class="descriptionTitle">
+        附件
+      </p>
+      <a-descriptions-item>
+        <file-item :files="formCompletedDataPreview.files" />
+      </a-descriptions-item>
+    </a-descriptions>
+  </div>
+</template>
+
+<script>
+import { FileItem, ImageItem } from '@vue2-client/components/FileImageItem'
+export default {
+  name: 'WorkFlowPreview',
+  components: {
+    FileItem,
+    ImageItem
+  },
+  props: {
+    formCompletedDataPreview: {
+      type: Object,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.descriptionPreviewItem {
+  margin-bottom: 22px;
+}
+.allWidth >>> .ant-descriptions-item-content {
+  width: 100%;
+}
+.descriptionTitle {
+  position: relative;
+  padding-left: 12px;
+}
+.descriptionTitle::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 4px;
+  height: 16px;
+  background-color: #1890ff;
+  border-radius: 2px;
+}
+</style>

package/src/router/async/router.map.js

@@ -55,7 +55,6 @@ routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynami
 routerResource.example = {
   path: 'example',
   name: '示例主页面',
-  // component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
@@ -66,8 +65,7 @@ routerResource.example = {
   // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelectDemo.vue'),
-  component: () => import('@vue2-client/base-client/components/his/XQuestionnaire/XQuestionnaireDemo.vue'),
-  // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
+  component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XConversation/XConversationDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),

package/src/utils/axios-interceptors.js

@@ -48,6 +48,24 @@ const resp403 = {
   }
 }
 
+const resp413 = {
+  onFulfilled (response, options) {
+    const { message } = options
+    if (response.code === 413) {
+      message.error('上传文件过大')
+    }
+    return response
+  },
+  onRejected (error, options) {
+    const { message } = options
+    const { response } = error
+    if (response.status === 413) {
+      message.error('上传文件过大')
+    }
+    return Promise.reject(error)
+  }
+}
+
 const reqCommon = {
   /**
    * 发送请求之前做些什么
@@ -78,5 +96,5 @@ const reqCommon = {
 
 export default {
   request: [reqCommon], // 请求拦截
-  response: [resp401, resp403] // 响应拦截
+  response: [resp401, resp403, resp413] // 响应拦截
 }

package/src/utils/request.js

@@ -334,6 +334,11 @@ const errorHandler = (error) => {
         message: '系统警告',
         description: data
       })
+    } else if (error.response.status === 413 || (data && data.code === 413)) {
+      notification.warn({
+        message: '上传的文件过大',
+        description: '请检查文件内容'
+      })
     } else {
       notification.error({
         message: '网络异常',

package/.history/public/his/editor/editor_20250606134713.html

@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8"/>
-        <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml"/>
-        <link rel="stylesheet" href="./vender/jquery/zTreeStyle/zTreeStyle.css" type="text/css">
-        <script src = "./vender/jquery/jquery.js"></script>
-        <script src = "./vender/date97/WdatePicker.js"></script>
-        <script src = "./vender/jquery/jquery.ztree.core.min.js"></script>
-        <script src = "./vender/jquery/jquery.ztree.exedit.min.js"></script>
-        <script src = "./vender/jquery/jquery.ztree.exhide.min.js"></script>
-        <script src = "./vender/codemirror.js"></script>
-        <script src = "./vender/fabric.js"></script>
-        <script src="./vender/editor.js"></script>
-        <script>
-          $(function() {
-            //配置项可以不设置，会使用默认设置
-            let option = {
-                license:'QO1pepfLYwDNqGvW21ensj0psE9CxBxf5MSRD1q2sCvclYGGtk6clTZEIth12i4SvvvDC04ZNcHe3uQuNtBUFcAk7sHUwAdYvffM2aZis/jpZqrm1rDGk1NHYsheD6DroF+m3jZ5Izh/LxRjzZJfaHHejfrn5InFoSqErfPm4gY=',
-                mode:'form',  //默认模式 form:表单模式，design:设计模式
-                pdfUrl:'https://www.x-emr.cn/pdf/post',  //pdf生成服务
-                dictionary: [  //知识库
-                    {name: '体征', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=20', itemUrl:'https://www.x-emr.cn/dictitem'},
-                    {name: '症状', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=20', itemUrl:'https://www.x-emr.cn/dictitem'},
-                    {name: '卫生信息数据元', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=40', itemUrl:'https://www.x-emr.cn/dictitem'},
-                    {name: '电子病历数据集', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=50', itemUrl:'https://www.x-emr.cn/dictitem'},
-                    {name: '国家医保标准', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=80', itemUrl:'https://www.x-emr.cn/dictitem'},
-                    {name: '省数据平台标准', isParent:true, treeUrl:'https://www.x-emr.cn/dict?category=90', itemUrl:'https://www.x-emr.cn/dictitem'},
-                ]
-            }
-
-            //从模块的Editor组件中获取mode，doc，lang属性 (该段代码可删除)
-            let mode = window.frameElement.getAttribute('mode')
-            let doc = window.frameElement.getAttribute('doc')
-            let lang = window.frameElement.getAttribute('lang')
-            mode? option.mode = mode: null
-            lang? option.lang = lang: null
-
-            //初始化编辑器（初始化代码可以放入组件的load事件中）
-            editor.init(option).then(()=>{
-                doc? editor.loadUrl(doc) : null
-            })
-
-          })
-      </script>
-    </head>
-    <body>
-        <!-- 默认id 为editor -->
-        <div id="editor" style="width:100%; height:100%;"></div>
-    </body>
-</html>