workflow-editor 0.0.7-up → 0.0.8-up

package/packages/workflow-editor/src/properties-editors/human-task/editable-field-selection.vue

@@ -1,220 +0,0 @@
-<template>
-  <el-dialog
-    id="appContainer"
-    width="50%"
-    :title="$t('workflowEditor.task.selectEditableField')"
-    :visible="true"
-    top="10vh"
-    append-to-body
-    custom-class="properties-editor-noTab"
-    center
-    @close="$emit('close')"
-  >
-    <el-form :model="formModel">
-      <!-- <el-transfer
-        v-model="formModel.selectedFields"
-        filterable
-        :filter-method="filterMethod"
-        :render-content="renderTransferFunc"
-        :filter-placeholder="$t('workflowEditorMessage.pleaseEnterFieldName')"
-        :data="availableFields"
-        :props="{
-          key:'name',
-          label:'label'
-        }"
-        :titles="[this.$t('workflowEditor.task.optionalField'),this.$t('workflowEditor.task.selectedFields')]"
-      /> -->
-      <!-- <el-checkbox-group v-model="formModel.selectedFields">
-        <span :key="count" :v-for="count in availableFieldsCount">
-          <el-row>
-            <el-col :span="8">
-              <el-checkbox label="复选框 A" />
-            </el-col>
-            <el-col :span="8">
-              <el-checkbox label="复选框 A" />
-            </el-col>
-            <el-col :span="8">
-              <el-checkbox label="复选框 A" />
-            </el-col>
-          </el-row>
-        </span>
-      </el-checkbox-group> -->
-      <el-checkbox-group v-model="formModel.selectedFields">
-        <span v-for="(item,count) in availableFieldsCount" :key="item.prop">
-          <el-row>
-            <el-col v-if="availableFields[count*3 +0]" :span="8">
-              <el-checkbox v-if="availableFields[count*3 +0].name.indexOf('$')===-1" :label="availableFields[count*3 +0].name" @change="pinSelect(availableFields[count*3 +0].name,availableFields[count*3 +0].index)"><span :title="availableFields[count*3 +0].label">{{ availableFields[count*3 +0].label }}</span></el-checkbox>
-              <el-checkbox v-else :label="availableFields[count*3 +0].name" @change="pinSelect(availableFields[count*3 +0].name,availableFields[count*3 +0].index)"><span style="color:#409EFF" class="ellipsis" :title="availableFields[count*3 +0].label">{{ availableFields[count*3 +0].label }}</span></el-checkbox>
-            </el-col>
-            <el-col v-if="availableFields[count*3 +1]" :span="8">
-              <el-checkbox v-if="availableFields[count*3 +1].name.indexOf('$')===-1" :label="availableFields[count*3 +1].name" @change="pinSelect(availableFields[count*3 +1].name,availableFields[count*3 +1].index)"><span :title="availableFields[count*3 +1].label">{{ availableFields[count*3 +1].label }}</span></el-checkbox>
-              <el-checkbox v-else :label="availableFields[count*3 +1].name" @change="pinSelect(availableFields[count*3 +1].name,availableFields[count*3 +1].index)"><span style="color:#409EFF" class="ellipsis" :title="availableFields[count*3 +1].label">{{ availableFields[count*3 +1].label }}</span></el-checkbox>
-            </el-col>
-            <el-col v-if="availableFields[count*3 +2]" :span="8">
-              <el-checkbox v-if="availableFields[count*3 +2].name.indexOf('$')===-1" :label="availableFields[count*3 +2].name" @change="pinSelect(availableFields[count*3 +2].name,availableFields[count*3 +2].index)"><span :title="availableFields[count*3 +2].label">{{ availableFields[count*3 +2].label }}</span></el-checkbox>
-              <el-checkbox v-else :label="availableFields[count*3 +2].name" @change="pinSelect(availableFields[count*3 +2].name,availableFields[count*3 +2].index)"><span style="color:#409EFF" class="ellipsis" :title="availableFields[count*3 +2].label">{{ availableFields[count*3 +2].label }}</span></el-checkbox>
-            </el-col>
-          </el-row>
-        </span>
-      </el-checkbox-group>
-
-      <el-form-item :label="$t('workflowEditor.task.editingMethod')">
-        <el-radio-group v-model="formModel.constraintRule">
-          <el-radio label="REQUIRED">
-            {{ $t('workflowEditorMessage.mustFill') }}
-          </el-radio>
-          <el-radio label="READ_ONLY">
-            {{ $t('workflowEditorMessage.readOnly') }}
-          </el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item :label="$t('workflowEditor.task.additionalConditions')">
-        <el-switch v-model="formModel.showCondition" />
-        <additional-condition v-if="formModel.showCondition" v-model="formModel.condition" />
-      </el-form-item>
-    </el-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button type="primary" size="small" @click="setSelectedFields">
-        {{ $t('workflowEditorPublicModel.determine') }}
-      </el-button>
-      <el-button size="small" @click="$emit('close')">
-        {{ $t('workflowEditorPublicModel.cancel') }}
-      </el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-import AdditionalCondition from '../common/additional-condition'
-import { mapGetters } from 'vuex'
-export default {
-  name: 'EditableFieldSelection',
-  components: {
-    AdditionalCondition
-  },
-  props: {
-    value: {
-      type: Array,
-      default: null
-    },
-    disabledFields: {
-      type: Array,
-      default: null
-    }
-  },
-  data() {
-    return {
-      availableFields: [],
-      formModel: {
-        selectedFields: [],
-        constraintRule: 'REQUIRED',
-        showCondition: false,
-        condition: ''
-      },
-      availableFieldsCount: null,
-      orange: -1,
-      pin: false
-      // renderTransferFunc(h, option) {
-      //   if (option.name.indexOf('$') === 0) {
-      //   // 表示是子表字段
-      //     return <span style='color:#409EFF'>{ option.label }</span>
-      //   } else {
-      //     return <span>{ option.label }</span>
-      //   }
-      // }
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'formFieldsWithSub'
-    ])
-  },
-  created() {
-    let fieldIndex = 0
-    this.formFieldsWithSub.map(item => {
-      if (this.disabledFields.indexOf(item.name) < 0) {
-        item.index = fieldIndex
-        this.availableFields.push(item)
-        fieldIndex++
-      }
-    })
-    const length = this.availableFields.length
-    this.$set(this, 'availableFieldsCount', Math.ceil(length / 3))
-    // this.$set(this, 'availableFieldsCount', 21)
-  },
-  mounted() {
-    window.addEventListener('keydown', code => {
-      console.log('按住')
-      if (code.keyCode === 16 && code.shiftKey) {
-        this.pin = true
-      }
-    })
-    window.addEventListener('keyup', code => {
-      console.log('松开')
-      if (code.keyCode === 16) {
-        this.pin = false
-      }
-    })
-  },
-  methods: {
-    filterMethod(query, item) {
-      if (item.label && item.label.indexOf(query) > -1) {
-        return true
-      } else {
-        console.log('filterMethod--item.label=', item.label, item)
-        return false
-      }
-    },
-    setSelectedFields() {
-      const fields = []
-      for (const field of this.formModel.selectedFields) {
-        fields.push({
-          name: field,
-          constraintRule: this.formModel.constraintRule,
-          condition: this.formModel.showCondition ? this.formModel.condition : ''
-        })
-      }
-      this.$emit('input', fields)
-      this.$emit('close')
-    },
-    pinSelect(item, index) {
-      console.log(item, index)
-      const dataList = this.availableFields
-      const origin = this.origin
-      const endIdx = index
-      if (this.pin && this.formModel.selectedFields.indexOf(item) !== -1) {
-        console.log(this.formModel.selectedFields.indexOf(item))
-        const sum = Math.abs(origin - endIdx) + 1
-        const min = Math.min(origin, endIdx)
-        let i = 0
-        while (i < sum) {
-          const index = min + i
-          if (this.formModel.selectedFields.indexOf(dataList[index].name) === -1) {
-            this.formModel.selectedFields.push(dataList[index].name)
-          }
-          i++
-        }
-      } else {
-        this.origin = index
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
- #appContainer :deep(.el-checkbox) {
-    display: block
-}
- #appContainer :deep(.el-transfer-panel){
-   width:400px
- }
- #appContainer :deep(.ellipsis) {
-    display:inline-block;
-    overflow:hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    word-break: keep-all;
-    width: 55%
-  }
-</style>

package/packages/workflow-editor/src/properties-editors/human-task/editable-fields.vue

@@ -1,204 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-button type="primary" size="mini" plain icon="el-icon-circle-plus-outline" @click="add">
-        {{ $t('workflowEditorPublicModel.add') }}
-      </el-button>
-      <el-button type="primary" size="mini" plain icon="el-icon-delete" @click="remove">
-        {{ $t('workflowEditorPublicModel.delete') }}
-      </el-button>
-    </el-row>
-    <el-table
-      ref="table"
-      :data="selectedFields"
-      border
-      highlight-current-row
-      style="width: 100%"
-      @selection-change="handleSelectionChange"
-      @current-change="handleCurrentChange"
-    >
-      <el-table-column
-        type="selection"
-        width="55"
-      />
-      <el-table-column
-        type="index"
-        width="50"
-      />
-      <el-table-column
-        :label="$t('workflowEditor.common.name')"
-        width="180"
-      >
-        <template slot-scope="scope">
-          <span :style="{color:(scope.row.name && scope.row.name.indexOf('$')=== 0) ?'#409EFF':''}">{{ getFieldLabel(scope.row) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        :label="$t('workflowEditor.task.propertyName')"
-        width="180"
-      />
-      <el-table-column
-        prop="constraintRule"
-        :label="$t('workflowEditor.task.editingMethod')"
-      >
-        <template slot-scope="scope">
-          <el-radio-group v-model="scope.row.constraintRule">
-            <el-radio label="REQUIRED">
-              {{ $t('workflowEditorMessage.mustFill') }}
-            </el-radio>
-            <el-radio label="READ_ONLY">
-              {{ $t('workflowEditorMessage.readOnly') }}
-            </el-radio>
-          </el-radio-group>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="condition"
-        :label="$t('workflowEditor.task.condition')"
-      >
-        <template slot-scope="scope">
-          <el-input
-            :value="formatCondition(scope.row.condition)"
-            type="textarea"
-            autosize
-            @focus="selectCondition(scope.row)"
-          />
-        </template>
-      </el-table-column>
-    </el-table>
-    <editable-field-selection v-if="showFieldSelection" :disabled-fields="disabledFields" @input="setSelectedFields" @close="showFieldSelection=false" />
-    <additional-condition-dialog v-if="showAdditionalCondition" v-model="currentRow.condition" @close="showAdditionalCondition=false" />
-  </div>
-</template>
-
-<script>
-import EditableFieldSelection from './editable-field-selection'
-import AdditionalConditionDialog from './additional-condition-dialog'
-import { mapGetters } from 'vuex'
-import { parseCondition, displayCondition } from '../common/additional-condition-utils'
-export default {
-  name: 'EditableFields',
-  components: {
-    EditableFieldSelection,
-    AdditionalConditionDialog
-  },
-  props: {
-    value: {
-      type: [Array, Object],
-      default: null
-    }
-  },
-  data() {
-    let selectedFields = []
-    if (this.value !== '' && this.value !== null && this.value !== undefined) {
-      if (Array.isArray(this.value)) {
-        selectedFields = this.value
-      } else {
-        // 只有一个字段时其实是field对象
-        selectedFields.push(this.value)
-      }
-    }
-    return {
-      showFieldSelection: false,
-      showAdditionalCondition: false,
-      selectedFields,
-      currentRow: null,
-      multipleSelection: []
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'formFieldsWithSub'
-    ]),
-    // 列表中出现的字段不能重复添加
-    disabledFields() {
-      if (this.value === null || this.value === undefined) return []
-      const result = []
-      // value可能是数组或者对象（一个字段时），要分别处理
-      if (Array.isArray(this.value)) {
-        this.value.map(item => {
-          result.push(item.name)
-        })
-      } else {
-        result.push(this.value)
-      }
-
-      return result
-    }
-  },
-  mounted() {
-    if (this.selectedFields.length > 0) {
-      this.selectRow(this.selectedFields[this.selectedFields.length - 1])
-    }
-  },
-  methods: {
-    handleCurrentChange(val) {
-      this.currentRow = val
-    },
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-    },
-    selectRow(row) {
-      this.$refs.table.setCurrentRow(row)
-    },
-    add() {
-      this.showFieldSelection = true
-    },
-    getCurrentRowIndex() {
-      let index = -1
-      for (let i = 0; i < this.selectedFields.length; i++) {
-        if (this.selectedFields[i].name === this.currentRow.name) {
-          index = i
-          break
-        }
-      }
-      return index
-    },
-    remove() {
-      if (this.multipleSelection && this.multipleSelection.length > 0) {
-        for (var i = 0; i < this.multipleSelection.length; i++) {
-          const selectRow = this.multipleSelection[i]
-          this.selectRow(selectRow)
-          const index = this.getCurrentRowIndex()
-          this.selectedFields.splice(index, 1)
-        }
-        this.$emit('input', this.selectedFields)
-      }
-    },
-    setSelectedFields(fields) {
-      // 新选中的字段需要以追加的方式放到xml中
-      if (fields === null || fields === undefined) {
-        fields = []
-      }
-      this.selectedFields = this.selectedFields.concat(fields)
-      this.selectRow(this.selectedFields[this.selectedFields.length - 1])
-      this.$emit('input', this.selectedFields)
-    },
-    formatCondition(value) {
-      if (value === '' || !value) return this.$t('workflowEditor.task.nothing')
-      const conditions = []
-      parseCondition(conditions, value)
-      return displayCondition(conditions)
-    },
-    getFieldLabel(row) {
-      const field = this.formFieldsWithSub.filter(item => {
-        return item.name === row.name
-      })
-      if (field.length > 0) {
-        return field[0].label
-      } else {
-        return ''
-      }
-    },
-    selectCondition(row) {
-      this.selectRow(row)
-      this.showAdditionalCondition = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/packages/workflow-editor/src/properties-editors/human-task/events.vue

@@ -1,59 +0,0 @@
-<template>
-  <el-form :model="formModel" label-width="80px">
-    <el-form-item :label="$t('workflowEditor.task.beforeSubmission')">
-      <el-switch v-model="formModel.beforeSubmitEnabled" />
-    </el-form-item>
-    <div v-if="formModel.beforeSubmitEnabled">
-      <el-form-item :label="$t('workflowEditor.task.executionURL')">
-        <el-input v-model="formModel.beforeSubmit.url" />
-      </el-form-item>
-      <el-form-item :label="$t('workflowEditor.task.errorMessage')">
-        <el-input v-model="formModel.beforeSubmit.errorMessage" />
-      </el-form-item>
-    </div>
-    <el-form-item :label="$t('workflowEditor.task.afterSubmission')">
-      <el-switch v-model="formModel.afterComplete" />
-    </el-form-item>
-  </el-form>
-</template>
-
-<script>
-export default {
-  name: 'Events',
-  props: {
-    value: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    const formModel = {}
-    formModel.beforeSubmitEnabled = false
-    formModel.beforeSubmit = {}
-    if (this.value.beforeSubmit) {
-      formModel.beforeSubmitEnabled = true
-      formModel.beforeSubmit = {
-        ...this.value.beforeSubmit
-      }
-    }
-    formModel.afterComplete = this.value.afterComplete
-    return {
-      formModel
-    }
-  },
-  mounted() {
-    this.$watch('formModel', function(newVal, oldVal) {
-      const events = {}
-      if (this.formModel.beforeSubmitEnabled) {
-        events.beforeSubmit = {
-          ...this.formModel.beforeSubmit
-        }
-      }
-      events.afterComplete = this.formModel.afterComplete
-      this.$emit('input', events)
-    }, {
-      deep: true
-    })
-  }
-}
-</script>

package/packages/workflow-editor/src/properties-editors/human-task/permission-settings.vue

@@ -1,207 +0,0 @@
-<template>
-  <el-form :model="formModel">
-    <el-form-item :label="$t('workflowEditor.task.allowEditingForms')">
-      <el-switch v-model="formModel.editForm.permission" />
-      <editable-fields v-if="formModel.editForm.permission" v-model="formModel.editForm.field" />
-      <editable-child-fields v-if="formModel.editForm.permission" v-model="formModel.editForm.subTablePermission" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.allowViews')">
-      <el-switch v-model="formModel.viewOpinion.permission" />
-      <el-checkbox v-if="formModel.viewOpinion.permission" v-model="formModel.viewOpinionCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.viewOpinion.permission&&formModel.viewOpinionCheckbox" v-model="formModel.viewOpinion.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.commentsAllowed')">
-      <el-switch v-model="formModel.editOpinion.permission" />
-      <el-checkbox v-if="formModel.editOpinion.permission" v-model="formModel.editOpinionCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.editOpinion.permission&&formModel.editOpinionCheckbox" v-model="formModel.editOpinion.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.commentsAreRequired')">
-      <el-switch v-model="formModel.requireOpinion.permission" />
-      <el-checkbox v-if="formModel.requireOpinion.permission" v-model="formModel.requireOpinionCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.requireOpinion.permission&&formModel.requireOpinionCheckbox" v-model="formModel.requireOpinion.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.allowToViewCountersignatureResults')">
-      <el-switch v-model="formModel.viewMeetingResult.permission" />
-      <el-checkbox v-if="formModel.viewMeetingResult.permission" v-model="formModel.viewMeetingResultCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.viewMeetingResult.permission&&formModel.viewMeetingResultCheckbox" v-model="formModel.viewMeetingResult.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.allowToViewVotingResults')">
-      <el-switch v-model="formModel.viewVoteResult.permission" />
-      <el-checkbox v-if="formModel.viewVoteResult.permission" v-model="formModel.viewVoteResultCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.viewVoteResult.permission&&formModel.viewVoteResultCheckbox" v-model="formModel.viewVoteResult.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.allowToViewFlowHistory')">
-      <el-switch v-model="formModel.viewFlowHistory.permission" />
-      <el-checkbox v-if="formModel.viewFlowHistory.permission" v-model="formModel.viewFlowHistoryCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.viewFlowHistory.permission&&formModel.viewFlowHistoryCheckbox" v-model="formModel.viewFlowHistory.condition" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.allowFormsToPrint')">
-      <el-switch v-model="formModel.printForm.permission" />
-      <el-checkbox v-if="formModel.printForm.permission" v-model="formModel.printFormCheckbox">
-        {{ $t('workflowEditor.task.additionalConditions') }}
-      </el-checkbox>
-      <additional-condition v-if="formModel.printForm.permission&&formModel.printFormCheckbox" v-model="formModel.printForm.condition" />
-    </el-form-item>
-    <user-selection v-model="formModel.deleteInstance.userCondition" :label="$t('workflowEditor.task.deletePermission')" label-width="100px" :current-transactor="true" />
-    <el-form-item :label="$t('workflowEditor.task.attachmentAuthority')">
-      <el-switch v-model="formModel.attachment.permission" />
-    </el-form-item>
-    <el-card v-if="formModel.attachment.permission" class="box-card">
-      <el-form-item :label="$t('workflowEditor.task.addAttachment')">
-        <el-switch v-model="formModel.attachment.add.permission" />
-        <el-checkbox v-if="formModel.attachment.add.permission" v-model="formModel.attachment.addCheckbox">
-          {{ $t('workflowEditor.task.additionalConditions') }}
-        </el-checkbox>
-        <additional-condition v-if="formModel.attachment.add.permission&&formModel.attachment.addCheckbox" v-model="formModel.attachment.add.condition" />
-      </el-form-item>
-      <el-form-item :label="$t('workflowEditor.task.deleteAttachment')">
-        <el-switch v-model="formModel.attachment.delete.permission" />
-        <el-checkbox v-if="formModel.attachment.delete.permission" v-model="formModel.attachment.deleteCheckbox">
-          {{ $t('workflowEditor.task.additionalConditions') }}
-        </el-checkbox>
-        <additional-condition v-if="formModel.attachment.delete.permission&&formModel.attachment.deleteCheckbox" v-model="formModel.attachment.delete.condition" />
-      </el-form-item>
-      <el-form-item :label="$t('workflowEditor.task.downloadAttachment')">
-        <el-switch v-model="formModel.attachment.download.permission" />
-        <el-checkbox v-if="formModel.attachment.download.permission" v-model="formModel.attachment.downloadCheckbox">
-          {{ $t('workflowEditor.task.additionalConditions') }}
-        </el-checkbox>
-        <additional-condition v-if="formModel.attachment.download.permission&&formModel.attachment.downloadCheckbox" v-model="formModel.attachment.download.condition" />
-      </el-form-item>
-    </el-card>
-    <el-form-item :label="$t('workflowEditor.task.bodyPermission')">
-      <el-switch v-model="formModel.officialText.permission" />
-    </el-form-item>
-  </el-form>
-</template>
-<script>
-import EditableFields from './editable-fields'
-import editableChildFields from './editable-child-fields'
-import AdditionalCondition from '../common/additional-condition'
-import UserSelection from '../common/user-selection'
-import { deepCopy } from '../../util'
-export default {
-  name: 'PermissionSettings',
-  components: {
-    EditableFields,
-    UserSelection,
-    AdditionalCondition,
-    editableChildFields
-  },
-  props: {
-    value: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    const formModel = deepCopy(this.value)
-    // 控制附加条件的属性名
-    const attrNames = [
-      'viewOpinion', 'editOpinion', 'requireOpinion', 'viewMeetingResult', 'viewVoteResult',
-      'viewFlowHistory', 'printForm'
-    ]
-    attrNames.forEach(name => {
-      // 如果是''或者undefined,那么两次!后就是false
-      formModel[name + 'Checkbox'] = !!this.value[name].condition
-    })
-    // 控制附件各个权限的附加条件的属性名
-    const attachmentAttrNames = [
-      'add', 'delete', 'download'
-    ]
-    attachmentAttrNames.forEach(name => {
-    // 如果是''或者undefined,那么两次!后就是false
-      formModel.attachment[name + 'Checkbox'] = !!this.value.attachment[name] && !!this.value.attachment[name].condition
-      if (!formModel.attachment.permission) {
-        formModel.attachment[name] = {
-          permission: false,
-          condition: ''
-        }
-      }
-    })
-
-    return {
-      formModel,
-      attrNames,
-      attachmentAttrNames
-    }
-  },
-  mounted() {
-    this.$watch('formModel', function(formModel) {
-      const result = {
-        editForm: { },
-        viewOpinion: { },
-        editOpinion: { },
-        requireOpinion: { },
-        viewMeetingResult: { },
-        viewVoteResult: { },
-        viewFlowHistory: { },
-        printForm: { },
-        officialText: { },
-        attachment: { },
-        deleteInstance: {
-          userCondition: ''
-        }
-      }
-      console.log('触发了watch')
-      result.editForm.permission = formModel.editForm.permission
-      if (formModel.editForm.permission) {
-        result.editForm.field = formModel.editForm.field
-        result.editForm.subTablePermission = formModel.editForm.subTablePermission
-      }
-
-      this.attrNames.map(name => {
-        // permission为true且附件条件的checkbox也选中了，condition才有效
-        result[name].permission = formModel[name].permission
-        if (formModel[name].permission && formModel[name + 'Checkbox']) {
-          result[name].condition = formModel[name].condition
-        } else {
-          result[name].condition = ''
-        }
-      })
-
-      result.attachment.permission = formModel.attachment.permission
-      // 允许设置附件权限时，add，delete等的权限设置才有效，否则根本不生成add，delete等对应的json
-      if (formModel.attachment.permission) {
-        this.attachmentAttrNames.map(name => {
-        // 需要避免result的add,delete等属性为undefined
-          if (!result.attachment[name])result.attachment[name] = {}
-          // attachment不是undefined并且对应的add，delete等属性的permission为true
-          result.attachment[name].permission = formModel.attachment[name].permission
-          // permission为true且附件条件的checkbox也选中了，condition才有效
-          if (formModel.attachment[name].permission && formModel.attachment[name + 'Checkbox']) {
-            result.attachment[name].condition = formModel.attachment[name].condition
-          } else {
-            result.attachment[name].condition = ''
-          }
-        })
-      }
-
-      // 正文权限暂不处理
-      this.$emit('input', result)
-    }, {
-      deep: true
-    })
-  },
-  methods: {
-
-  }
-}
-</script>
-<style scoped>
-  .el-checkbox{
-    margin-left: 20px;
-  }
-</style>