优化

src/views/bpm/collaborative/detail.vue

@@ -0,0 +1,97 @@
+<template>
+  <ele-modal
+    :visible="formDetailDialogFlag"
+
+    width="400px"
+    :centered="true"
+    :close-on-click-modal="false"
+    append-to-body
+    :before-close="cancel"
+  >
+    <template slot="title">
+      <div>
+       <span style="margin-right: 5px">{{form.name}}</span>
+        <span style="color: #a6a7ab">发起人：</span>
+        <span style="margin-right: 10px;color: #a6a7ab">{{form.startUserName}}</span>
+        <el-tag size="medium" :type="getTimelineItemType(getDictValue('流程实例的结果', form.result))">
+          {{ getDictValue('流程实例的结果', form.result) }}
+        </el-tag>
+      </div>
+
+    </template>
+    <div class="eleModalBox">
+      <fm-generate-form
+        v-if="Object.keys(form?.formJson || {}).length !== 0"
+        :data="JSON.parse(form.formJson.makingJson)"
+        :value="form.valueJson"
+        :edit="false"
+        ref="generateForm"
+      >
+      </fm-generate-form>
+    </div>
+
+    <div slot="footer" class="footer">
+      <el-button @click="cancel">返回</el-button>
+    </div>
+
+
+  </ele-modal>
+</template>
+<script>
+
+import dictMixins from "@/mixins/dictMixins";
+
+export default {
+  name: 'formDetailDialog',
+  components: {},
+  props: {
+    formDetailDialogFlag: {
+      type: Boolean,
+      default: false
+    },
+  },
+  mixins: [dictMixins],
+  data() {
+    return {
+      form: {}
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = _.cloneDeep(row)
+    },
+    getTimelineItemType(result) {
+      if (result === '通过') {
+        return 'success';
+      }
+      if (result === '不通过') {
+        return 'danger';
+      }
+      if (result === '取消') {
+        return 'info';
+      }
+      if (result === '处理中') {
+        return 'warning';
+      }
+
+      return '';
+    },
+    cancel() {
+      this.$emit('update:formDetailDialogFlag', false);
+    },
+  }
+};
+</script>
+<style scoped lang="scss">
+.eleModalBox {
+  max-height: 500px;
+  min-width: 300px;
+  overflow: auto;
+
+}
+
+::v-deep .el-dialog__header {
+  display: flex;
+  justify-content: space-between;
+}
+</style>

src/views/bpm/formConfig/index.vue

@@ -30,23 +30,25 @@
               </span>
               <span v-if="showEdit==v.id">
                 <el-button size="mini" type="text" @click="handleEditDataScope(v)">修改</el-button>
+
               </span>
             </span>
             <span>
-              <el-button size="mini" style="color: #0C4C7F" type="text"
-                         @click="handleAddOrEdit(v,'edit')">编辑</el-button>
-              <el-dropdown size="mini" trigger="click" style="cursor: pointer"
-                           @command="(command)=>handleCommand(command,v)">
-                <span style="color: #0C4C7F;font-size: 12px" class="el-dropdown-link">
-                  更多
-                </span>
-                <el-dropdown-menu slot="dropdown">
-<!--                  <el-dropdown-item command="stop">停用</el-dropdown-item>-->
-                  <!--                  <el-dropdown-item command="start">启用</el-dropdown-item>-->
-                  <el-dropdown-item command="copy" style="color: #0e85fa">复制</el-dropdown-item>
-                  <el-dropdown-item command="del" style="color: red">删除</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
+              <el-button size="mini" style="color: #0C4C7F" type="text" @click="handleAddOrEdit(v,'edit')">编辑</el-button>
+               <el-button size="mini" type="text" @click="handleAddOrEdit(v,'copy')">复制</el-button>
+                <el-button size="mini" type="text" style="color: red"  @click="handleDel(v)">删除</el-button>
+<!--              <el-dropdown size="mini" trigger="click" style="cursor: pointer"-->
+<!--                           @command="(command)=>handleCommand(command,v)">-->
+<!--                <span style="color: #0C4C7F;font-size: 12px" class="el-dropdown-link">-->
+<!--                  更多-->
+<!--                </span>-->
+<!--                <el-dropdown-menu slot="dropdown">-->
+<!--&lt;!&ndash;                  <el-dropdown-item command="stop">停用</el-dropdown-item>&ndash;&gt;-->
+<!--                  &lt;!&ndash;                  <el-dropdown-item command="start">启用</el-dropdown-item>&ndash;&gt;-->
+<!--                  <el-dropdown-item command="copy" style="color: #0e85fa">复制</el-dropdown-item>-->
+<!--                  <el-dropdown-item command="del" style="color: red">删除</el-dropdown-item>-->
+<!--                </el-dropdown-menu>-->
+<!--              </el-dropdown>-->
 
             </span>
           </div>