wans

src/api/custom/form.js

@@ -167,6 +167,19 @@ export function addCustomData (parameter) {
     data: parameter
   })
 }
+/**
+ * export file
+ * parameter: { }
+ * @param parameter :
+ * @returns {*}
+ */
+export function editCustomData (parameter) {
+  return axios({
+    url: `/custom/data/${parameter.id}`,
+    method: 'put',
+    data: parameter
+  })
+}
 /**
  * export file
  * parameter: { }

src/views/workplace/publish/WaitPublish.vue

@@ -82,13 +82,14 @@
           <template>
             <a @click="handleView(record.id)">查看</a>
 
-            <operation-button @click="handleEdit(record)">修改</operation-button>
+            <operation-button @click="handleEdit(record.id)">修改</operation-button>
             <operation-button :type="2" title="确认发送" @confirm="handleSend(record.id)">发送</operation-button>
           </template>
         </span>
       </s-table>
     </div>
     <Detail ref="detail" @ok="handleOk" />
+    <EditForm ref="editForm" @ok="handleOk" />
   </a-card>
 </template>
 
@@ -96,6 +97,7 @@
 import { STable, Ellipsis } from '@/components'
 import { getWorplacePublishPage, sendWorkflow, getWorkflowBomInfo } from '@/api/workflow/publish'
 import Detail from './modules/Detail.vue'
+import EditForm from './modules/EditForm.vue'
 
 export default {
   name: 'WorkflowTaskList',
@@ -103,6 +105,7 @@ export default {
     STable,
     Ellipsis,
     Detail,
+    EditForm,
   },
   props: {
     searchType: {
@@ -269,7 +272,12 @@ export default {
       // })
     },
     handleAdd() {},
-    handleEdit(record) {},
+    handleEdit(id) {
+      getWorkflowBomInfo({ id }).then((res) => {
+        this.visible = false
+        this.$refs.editForm.base(res.data)
+      })
+    },
     handleView(id) {
       getWorkflowBomInfo({ id }).then((res) => {
         this.visible = false

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

@@ -0,0 +1,112 @@
+<template>
+  <a-card :bordered="false" v-show="visible" class="card">
+    <a-row :gutter="48" slot="extra">
+      <a-col :md="48" :sm="48">
+        <a-space class="table-page-search-submitButtons">
+          <a-button :loading="confirmLoading" type="primary" @click="save()">提交</a-button>
+          <a-button type="default" @click="handleCancel()">返回</a-button>
+        </a-space>
+      </a-col>
+    </a-row>
+    <a-form :form="form" :labelCol="BaseTool.Constant.labelCol" :wrapperCol="BaseTool.Constant.wrapperCol">
+      <a-row>
+        <MComponent class="hover" v-for="item in components" :key="item.id" :config="config" :detail="item" @selectInfo="handleInfoSelect" />
+      </a-row>
+    </a-form>
+    <SelectInfo ref="selectInfo" @selected="handleInfoSelected" />
+  </a-card>
+</template>
+
+<script>
+import MComponent from '@/views/custom/form/modules/component/modules/Component.vue'
+import SelectInfo from '@/views/custom/form/modules/component/modules/SelectInfo'
+import { editCustomData } from '@/api/custom/form'
+import moment from 'moment'
+export default {
+  components: {
+    MComponent,
+    SelectInfo,
+  },
+  data() {
+    return {
+      visible: false,
+      confirmLoading: false,
+      components: [],
+      config: {},
+      form: this.$form.createForm(this),
+      record: {},
+    }
+  },
+  created() {},
+  methods: {
+    base(record) {
+      this.visible = true
+      this.record = record
+      this.components = JSON.parse(record.data.formJsonString).components
+      this.config = JSON.parse(record.data.formJsonString).config
+      const detail = JSON.parse(record.data.jsonString)
+      console.log(detail)
+      const {
+        form: { setFieldsValue },
+      } = this
+      this.$nextTick(() => {
+        this.form.setFieldsValue(detail)
+      })
+    },
+    handleCancel() {
+      this.visible = false
+      this.confirmLoading = false
+      this.form.resetFields()
+      this.$emit('ok')
+    },
+    handleInfoSelect(item) {
+      this.$refs.selectInfo.base(item)
+    },
+    handleInfoSelected(keys, rows, detail) {
+      const {
+        form: { setFieldsValue },
+      } = this
+      const data = rows[0]
+      const value = {}
+      detail.attrs.connect.forEach((item) => {
+        value[item.bind] = data[item.columnName]
+      })
+      this.$nextTick(() => {
+        setFieldsValue(value)
+      })
+    },
+    save() {
+      const {
+        form: { validateFieldsAndScroll },
+      } = this
+      this.confirmLoading = true
+      validateFieldsAndScroll((errors, values) => {
+        if (errors) {
+          this.confirmLoading = false
+          return
+        }
+        for (let key in values) {
+          if (values[key] instanceof moment) {
+            values[key] = this.BaseTool.Date.formatter(
+              values[key],
+              this.components.find((item) => item.value === key).attrs.format
+            )
+          }
+        }
+        const params = {
+          jsonString: JSON.stringify(values),
+          flowId: this.record.data.flowId,
+          formId: this.record.data.formId,
+          id: this.record.data.id,
+        }
+        editCustomData(params).then((res) => {
+          this.handleCancel()
+        })
+      })
+    },
+  },
+}
+</script>
+
+<style>
+</style>