wans

src/views/workplace/publish/Executed.vue

@@ -71,23 +71,27 @@
       <s-table ref="table" :scroll="{x: 1300, y: BaseTool.Constant.scrollY }" size="default" rowKey="id" :columns="columns" :data="loadData" :alert="options.alert" :rowSelection="options.rowSelection" showPagination="auto">
         <span slot="action" slot-scope="record">
           <template>
-            <a @click="handleView(record)">查看</a>
+            <a @click="handleView(record.id)">查看</a>
+
           </template>
         </span>
       </s-table>
     </div>
+    <Detail ref="detail" @ok="handleOk" />
   </a-card>
 </template>
 
 <script>
 import { STable, Ellipsis } from '@/components'
-import { getWorplacePublishPage, sendWorkflow } from '@/api/workflow/publish'
+import { getWorplacePublishPage, sendWorkflow, getWorkflowBomInfo } from '@/api/workflow/publish'
+import Detail from './modules/Detail.vue'
 
 export default {
   name: 'WorkflowTaskList',
   components: {
     STable,
     Ellipsis,
+    Detail,
   },
   props: {
     personalType: {
@@ -269,7 +273,12 @@ export default {
     },
     handleAdd() {},
     handleEdit(record) {},
-    handleView(record) {},
+    handleView(id) {
+      getWorkflowBomInfo({ id }).then((res) => {
+        this.visible = false
+        this.$refs.detail.base(res.data)
+      })
+    },
     handleSend(id) {
       sendWorkflow({ id }).then((res) => {
         this.$message.info('发送成功')

src/views/workplace/publish/MyPublish.vue

@@ -71,25 +71,29 @@
       <s-table ref="table" :scroll="{x: 1300, y: BaseTool.Constant.scrollY }" size="default" rowKey="id" :columns="columns" :data="loadData" :alert="options.alert" :rowSelection="options.rowSelection" showPagination="auto">
         <span slot="action" slot-scope="record">
           <template>
-            <a @click="handleView(record)">查看</a>
+            <a @click="handleView(record.id)">查看</a>
+
             <operation-button @click="handleEdit(record)">修改</operation-button>
             <operation-button :type="2" title="确认发送" @confirm="handleSend(record.id)">发送</operation-button>
           </template>
         </span>
       </s-table>
     </div>
+    <Detail ref="detail" @ok="handleOk" />
   </a-card>
 </template>
 
 <script>
 import { STable, Ellipsis } from '@/components'
-import { getWorplacePublishPage, sendWorkflow } from '@/api/workflow/publish'
+import { getWorplacePublishPage, sendWorkflow, getWorkflowBomInfo } from '@/api/workflow/publish'
+import Detail from './modules/Detail.vue'
 
 export default {
   name: 'WorkflowTaskList',
   components: {
     STable,
     Ellipsis,
+    Detail,
   },
   props: {},
   data() {
@@ -255,7 +259,12 @@ export default {
     },
     handleAdd() {},
     handleEdit(record) {},
-    handleView(record) {},
+    handleView(id) {
+      getWorkflowBomInfo({ id }).then((res) => {
+        this.visible = false
+        this.$refs.detail.base(res.data)
+      })
+    },
     handleSend(id) {
       sendWorkflow({ id }).then((res) => {
         this.$message.info('发送成功')

src/views/workplace/publish/WaitPublish.vue

@@ -80,25 +80,29 @@
       <s-table ref="table" size="default" rowKey="id" :columns="columns" :data="loadData" :alert="options.alert" :rowSelection="options.rowSelection" showPagination="auto">
         <span slot="action" slot-scope="record">
           <template>
-            <a @click="handleView(record)">查看</a>
+            <a @click="handleView(record.id)">查看</a>
+
             <operation-button @click="handleEdit(record)">修改</operation-button>
             <operation-button :type="2" title="确认发送" @confirm="handleSend(record.id)">发送</operation-button>
           </template>
         </span>
       </s-table>
     </div>
+    <Detail ref="detail" @ok="handleOk" />
   </a-card>
 </template>
 
 <script>
 import { STable, Ellipsis } from '@/components'
-import { getWorplacePublishPage, sendWorkflow } from '@/api/workflow/publish'
+import { getWorplacePublishPage, sendWorkflow, getWorkflowBomInfo } from '@/api/workflow/publish'
+import Detail from './modules/Detail.vue'
 
 export default {
   name: 'WorkflowTaskList',
   components: {
     STable,
     Ellipsis,
+    Detail,
   },
   props: {
     searchType: {
@@ -261,7 +265,12 @@ export default {
     },
     handleAdd() {},
     handleEdit(record) {},
-    handleView(record) {},
+    handleView(id) {
+      getWorkflowBomInfo({ id }).then((res) => {
+        this.visible = false
+        this.$refs.detail.base(res.data)
+      })
+    },
     handleSend(id) {
       sendWorkflow({ id }).then((res) => {
         this.$message.info('发送成功')

src/views/workplace/publish/WaitWork.vue

@@ -71,12 +71,14 @@
       <s-table ref="table" :scroll="{x: 1300, y: BaseTool.Constant.scrollY }" size="default" rowKey="id" :columns="columns" :data="loadData" :alert="options.alert" :rowSelection="options.rowSelection" showPagination="auto">
         <span slot="action" slot-scope="record">
           <template>
-            <a @click="handleAudit(record.id)">审核</a>
+            <a @click="handleView(record.id)">查看</a>
+            <operation-button @click="handleAudit(record.id)">审核</operation-button>
           </template>
         </span>
       </s-table>
     </div>
     <AuditDetail ref="auditDetail" @ok="handleOk" />
+    <Detail ref="detail" @ok="handleOk" />
   </a-card>
 </template>
 
@@ -84,11 +86,13 @@
 import { STable, Ellipsis } from '@/components'
 import { getWorplacePublishPage, getWorkflowBomInfo } from '@/api/workflow/publish'
 import AuditDetail from './modules/AuditDetail.vue'
+import Detail from './modules/Detail.vue'
 export default {
   name: 'WorkflowTaskList',
   components: {
     STable,
     Ellipsis,
+    Detail,
     AuditDetail,
   },
   props: {
@@ -288,6 +292,12 @@ export default {
       //   this.$refs.table.clearSelected()
       // })
     },
+    handleView(id) {
+      getWorkflowBomInfo({ id }).then((res) => {
+        this.visible = false
+        this.$refs.detail.base(res.data)
+      })
+    },
     handleAudit(id) {
       getWorkflowBomInfo({ id }).then((res) => {
         this.visible = false

src/views/workplace/publish/modules/Detail.vue

@@ -0,0 +1,64 @@
+<template>
+  <a-card :bordered="false" v-show="visible" class="card" :title="modalTitle">
+    <a-row :gutter="48" slot="extra">
+      <a-col :md="48" :sm="48">
+        <a-space class="table-page-search-submitButtons">
+          <a-button type="default" @click="handleCancel()">返回</a-button>
+        </a-space>
+      </a-col>
+    </a-row>
+    <title-divider title="业务信息" width="140px"></title-divider>
+    <a-descriptions :column="2" bordered>
+      <template v-for="item in descriptions">
+        <a-descriptions-item v-if="item.type==='dataSelect'" :key="item.value" :label="item.label">
+          {{ detail[item.attrs.connect[1].bind] }}
+        </a-descriptions-item>
+        <a-descriptions-item v-else :key="item.value" :label="item.label">
+          {{ detail[item.value] }}
+        </a-descriptions-item>
+      </template>
+
+    </a-descriptions>
+    <title-divider title="审批处理" width="140px"></title-divider>
+
+  </a-card>
+</template>
+
+<script>
+import { verifyWorkflow } from '@/api/workflow/publish'
+export default {
+  name: 'WorkflowTaskBomFieldDetail',
+  components: {},
+  data() {
+    return {
+      confirmLoading: false,
+      modalTitle: null,
+      visible: false,
+      // 下拉框map
+      statusMap: {},
+      model: {},
+      detail: {},
+      descriptions: [],
+    }
+  },
+  created() {
+    // 下拉框map
+    this.statusMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.TASK_RECORD_STATUS)
+  },
+  methods: {
+    base(record) {
+      this.visible = true
+      this.modalTitle = '详情'
+      this.model = record
+      this.detail = JSON.parse(record.data.jsonString)
+      this.descriptions = JSON.parse(record.data.formJsonString).components
+    },
+
+    handleCancel() {
+      this.visible = false
+      this.confirmLoading = false
+      this.$emit('ok')
+    },
+  },
+}
+</script>