frontend/src/views/flowCenter/form/previewForm.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <a-modal
    :title="'预览表单:'+name"
    :width="900"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel"
    :destroyOnClose="true"
  >
    <a-spin :spinning="formLoading">
      <a-form :form="form">
        <a-form-item v-show="false">
          <a-input v-decorator="['id']" />
        </a-form-item>
        <a-form-item v-show="false">
          <a-input v-decorator="['name']" />
        </a-form-item>
        <a-form-item v-show="false">
          <a-input v-decorator="['content']" />
        </a-form-item>
        <a-form-item v-show="false">
          <a-input v-decorator="['contentData']" />
        </a-form-item>
        <a-form-item v-show="false">
          <a-input v-decorator="['fields']" />
        </a-form-item>
        <a-form-item v-show="webId == 'kfp'" v-if="frmType == 0">
          <k-form-build :value="jsonData" ref="kfp"/>
        </a-form-item>
        <a-form-item v-else >
          <component :value="jsonData" :is="webId" ref="cfp"></component>
        </a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
  import 'k-form-design/styles/k-form-design.less'
  // 批量引用
  const ctx = require.context('@/views/flowCenter/custom/', true, /\.vue$/)
  const routes = {};
  ctx.keys().forEach(key => {
      const name = key.split('/')[1].split('.')[0];
      routes[name] = ctx(key).default || ctx(key);
  });
  export default {
    components: {
       ...routes
    },
    data () {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 15 }