文档浏览

src/views/bpm/handleTask/components/doc/index.vue

@@ -7,14 +7,27 @@
     :needPage="false"
     row-key="id"
   >
+    <!-- 操作列 -->
+    <template v-slot:action="{ row }">
+      <el-link
+        type="primary"
+        :underline="false"
+        icon="el-icon-edit"
+        @click="browseOpen(row)"
+      >
+        浏览
+      </el-link>
+    </template>
+    <browse ref="browseRef"></browse>
   </ele-pro-table>
 </template>
   
   <script>
 import { getById } from '@/api/bpm/components/doc';
+import browse from '@/components/addDoc/browse.vue';
 
 export default {
-  components: {},
+  components: {browse},
   props: {
     businessId: {
       default: ''
@@ -128,9 +141,19 @@ export default {
           align: 'center',
           showOverflowTooltip: true,
           minWidth: 100
+        },
+        {
+          columnKey: 'action',
+          label: '操作',
+          width: 150,
+          align: 'center',
+          resizable: false,
+          slot: 'action',
+          showOverflowTooltip: true,
+          fixed: 'right'
         }
       ],
-      tableList:[]
+      tableList: []
     };
   },
   created() {
@@ -141,9 +164,10 @@ export default {
     async init() {
       const data = await getById(this.businessId);
       this.tableList = [data];
- 
     },
-
+    browseOpen(row) {
+      this.$refs.browseRef.open(row);
+    }
   }
 };
 </script>

src/views/bpm/handleTask/components/doc/send/sendDialog.vue

@@ -1,11 +1,6 @@
 <!-- 用户编辑弹窗 -->
 <template>
-  <el-form
-    ref="form"
-    :model="form"
-    label-width="82px"
-    :disabled="true"
-  >
+  <el-form ref="form" :model="form" label-width="82px" :disabled="true">
     <el-row :gutter="15">
       <el-col :span="6">
         <el-form-item label="主题" prop="name">
@@ -48,7 +43,7 @@
           </el-date-picker>
         </el-form-item>
       </el-col>
-      
+
       <el-col :span="12">
         <el-form-item label="创建时间" prop="createTime">
           <el-input v-model="form.createTime" style="width: 60%"> </el-input>
@@ -76,6 +71,16 @@
             cache-key="systemOrgUserTable"
             :needPage="false"
           >
+            <template v-slot:action="{ row }">
+              <el-link
+                type="primary"
+                :underline="false"
+                icon="el-icon-edit"
+                @click="browseOpen(row)"
+              >
+                浏览
+              </el-link>
+            </template>
           </ele-pro-table>
         </el-form-item>
       </el-col>
@@ -90,12 +95,14 @@
         </el-form-item>
       </el-col>
     </el-row>
+    <browse ref="browseRef"></browse>
   </el-form>
 </template>
   
   <script>
 import power from './power.vue';
 import { sendGetById } from '@/api/bpm/components/doc';
+import browse from '@/components/addDoc/browse.vue';
 
 const defaultForm = {
   name: '', //名称
@@ -107,7 +114,7 @@ const defaultForm = {
   remark: ''
 };
 export default {
-  components: { power },
+  components: { power, browse },
   props: {
     businessId: {
       default: ''
@@ -203,7 +210,7 @@ export default {
         {
           columnKey: 'action',
           label: '操作',
-          width: 200,
+          width: 150,
           align: 'center',
           resizable: false,
           slot: 'action',
@@ -240,6 +247,9 @@ export default {
         this.$refs.powerRef &&
           this.$refs.powerRef.setTableList(data.userAuthority);
       });
+    },
+    browseOpen(row) {
+      this.$refs.browseRef.open(row);
     }
   }
 };