vue2-client 1.14.66 → 1.14.67

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

@@ -37,33 +37,59 @@
           <a-tab-pane key="0" tab="步骤详情">
             <a-card :bordered="false" :loading="loadingHistory">
               <!--   当前步骤历史记录   -->
-              <template v-if="formCompletedDataPreview">
+              <template v-if="formCompletedDataPreview && formCompletedDataPreview.data.length > 0">
                 <a-descriptions
                   v-show="formCompletedDataPreview.data"
                   :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
-                  title="步骤历史记录"
                   bordered
+                  class="descriptionPreviewItem"
                 >
+                  <p slot="title" class="descriptionTitle">
+                    填写历史
+                  </p>
                   <a-descriptions-item
-                    v-for="item in formCompletedDataPreview.data"
-                    :key="item.label"
+                    v-for="(item, index) in formPreviewNoFileData"
+                    :key="`${item.label}-${index}`"
                   >
                     <span slot="label" style="color: #000">{{ item.label }}</span>
                     <div style="white-space: pre-wrap">{{ item.value }}</div>
                   </a-descriptions-item>
                 </a-descriptions>
-                <div v-if="formCompletedDataPreview.note">
-                  <div class="ant-descriptions-title complete-data-title">备注</div>
-                  <p style="white-space: pre-wrap">{{ formCompletedDataPreview.note }}</p>
-                </div>
-                <div v-if="formCompletedDataPreview.images.length">
-                  <div class="ant-descriptions-title complete-data-title">图片</div>
-                  <image-item :images="formCompletedDataPreview.images" @preview="handlePreviewFile"/>
-                </div>
-                <div v-if="formCompletedDataPreview.files.length">
-                  <div class="ant-descriptions-title complete-data-title">附件</div>
-                  <file-item :files="formCompletedDataPreview.files" @preview="handlePreviewFile"/>
-                </div>
+                <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>
               </template>
               <!--   当前步骤无记录   -->
               <template v-else>
@@ -75,7 +101,7 @@
         </template>
         <template v-else>
           <a-tab-pane key="1" tab="业务操作">
-            <a-card :bordered="false" :loading="loadingHistory">
+            <a-card :bordered="false" :loading="loadingHistory" :body-style="{ paddingTop: 0 }">
               <template v-if="showTab">
                 <x-tab :local-config="tabDesigner" :body-style="{ padding: 0 }" :tabBarGutter="24" default-active-key="workFlowTab">
                   <a-tab-pane
@@ -226,10 +252,6 @@
           <workflow-list-resolution :workflow-project-id="workflowId" :details="details"></workflow-list-resolution>
         </a-tab-pane>
       </a-tabs>
-      <!-- 文件预览 -->
-      <a-modal v-model="previewFileVisible" :footer="null" :dialog-style="{ top: '20px' }" width="85%" :z-index="1001">
-        <file-preview :path="filePath"/>
-      </a-modal>
     </template>
   </div>
 </template>
@@ -271,7 +293,7 @@ export default {
     ...mapState('account', { currUser: 'user' }),
     canSubmit () {
       // 对于超级管理员直接认为可以提交
-      if (this.currUser.ename === '1') {
+      if (this.currUser.name === '超级管理员') {
         return true
       }
       // currentStepId可能还没初始化，此处拿不到先返回false
@@ -309,6 +331,9 @@ export default {
       }
 
       return false
+    },
+    formPreviewNoFileData () {
+      return this.formCompletedDataPreview.data.filter(item => item.label !== '附件上传')
     }
   },
   data () {
@@ -391,9 +416,6 @@ export default {
       deadlineHelp: '',
       // 当前任务是否延期
       // taskIsOverdue: moment().isAfter(this.completeTime, 'day'),
-      // 预览图片弹框
-      previewFileVisible: false,
-      filePath: '',
       // 操作类型，提交到下一步或跳过
       operationType: 'submit',
       // 获取微信推送是否成功信息
@@ -873,7 +895,7 @@ export default {
       if (this.checkedChargePerson) {
         // 使用 value 找到对应的 label
         stepHandler = this.chargePersonOptions.find(item => item.value === this.checkedChargePerson).label
-      } else if (this.chargePerson.personList.length > 0) {
+      } else if (this.chargePerson.personList && this.chargePerson.personList.length > 0) {
         stepHandler = this.chargePerson.personList.map(item => item.name).join(',')
       }
       return stepHandler
@@ -907,11 +929,6 @@ export default {
         ...extra
       })
     },
-    // 文件预览
-    handlePreviewFile (url) {
-      this.filePath = url
-      this.previewFileVisible = true
-    },
     // 获取默认截止时间
     getDefaultDeadline () {
       const date = new Date()
@@ -1064,4 +1081,30 @@ export default {
 :deep(.ant-result){
   padding: 0;
 }
+.descriptionPreviewItem {
+  margin-bottom: 22px;
+  :deep(.ant-descriptions-view) {
+    overflow: visible;
+  }
+}
+.allWidth {
+  :deep(.ant-descriptions-item-content) {
+    width: 100%;
+  }
+}
+.descriptionTitle {
+  position: relative;
+  padding-left: 12px;
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 4px;
+    height: 16px;
+    background-color: @primary-color;
+    border-radius: 2px;
+  }
+}
 </style>

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

@@ -154,7 +154,7 @@ export default {
       line-height: 8px;
     }
     .ant-steps-item-content {
-      min-width: 200px;
+      min-width: 195px;
       margin-top: 24px;
       .ant-steps-item-description {
         text-align: left;

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

@@ -56,7 +56,7 @@ routerResource.example = {
   path: 'example',
   name: '示例主页面',
   // 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/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
@@ -65,7 +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/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/services/api/workFlow.js

@@ -55,7 +55,9 @@ const workFlowViewApi = {
   // 根据人查询对应的t_workflow_step中字段f_workflow_id的数据组
   getWorkFlowStepWorkFlowId: '/logic/getWorkFlowStepWorkFlowId',
   // 表单提交到下一步
-  submitToNextStep: '/logic/submitToNextStep'
+  submitToNextStep: '/logic/submitToNextStep',
+  // 获取指定工作流的附件列表
+  getWorkFlowAttachments: '/logic/getWorkFlowAttachments',
 }
 
 export { workFlowViewApi }

package/vue.config.js

@@ -11,12 +11,12 @@ const productionGzipExtensions = ['js', 'css']
 const isProd = process.env.NODE_ENV === 'production'
 
 // v4 产品演示
-const v3Server = 'http://192.168.50.67:31567'
+const v3Server = 'http://aote-office.8866.org:31567'
 // const gateway = 'http://192.168.50.67:31467'
 // const testUpload = 'http://123.60.214.109:8406'
 const OSSServerDev = 'http://192.168.50.67:30351'
 // const revenue = 'http://aote-office.8866.org:31567'
-const revenue = 'http://192.168.50.67:31567'
+const revenue = 'http://aote-office.8866.org:31567'
 // const OSSServerProd = 'http://192.168.50.67:31351'
 // const testUploadLocal = 'http://127.0.0.1:9001'
 // v3 铜川