workflow-editor 0.9.67-dw → 0.9.67

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

@@ -0,0 +1,59 @@
+<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

@@ -0,0 +1,207 @@
+<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>

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

@@ -0,0 +1,390 @@
+<template>
+  <el-dialog
+    :show-close="true"
+    :append-to-body="true"
+    style="width:100%"
+    :title="$t('workflowEditor.condition.combinationCondition')"
+    visible
+    @close="closeButtonSetting"
+  >
+    <div style="overflow-y:auto;max-height: 500px">
+      <div class="operation-area">
+        <el-button size="small" @click="savebuttonSetting">
+          <span> {{ $t('workflowEditorPublicModel.save') }}</span>
+        </el-button>
+      </div>
+      <div>
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix">
+            <span>{{ $t('workflowEditor.condition.personnelScope') }}</span>
+          </div>
+          <div>
+            <common-user-condition v-model="myUserCondition" used-in="transactor" />
+          </div>
+        </el-card>
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix">
+            <span>{{ $t('workflowEditor.condition.mainTableConditions') }}</span>
+          </div>
+          <div>
+            <additional-condition v-model="myParentCondition" />
+          </div>
+        </el-card>
+        <el-card v-if="isAdd === false" class="box-card" shadow="never">
+          <div slot="header">
+            <span>{{ $t('workflowEditor.condition.subtableCondition') }}</span>
+          </div>
+          <div>
+            <el-row style="padding-bottom: 8px">
+              <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
+              id="tableDataDialog"
+              ref="table"
+              :data="tableData"
+              border
+              style="width: 100%"
+              highlight-current-row
+              @current-change="handleCurrentChange"
+            >
+              <el-table-column prop="leftBracket" label="(" width="90">
+                <template slot-scope="scope">
+                  <el-select v-model="scope.row.leftBracket" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option label="" value="" />
+                    <el-option label="(" value="(" />
+                    <el-option label="((" value="((" />
+                    <el-option label="(((" value="(((" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.fieldName')" width="200">
+                <template slot-scope="scope">
+                  <el-select v-model="scope.row.propName" :filter-method="searchField" size="small" clearable filterable @focus="selectRow(scope.row)" @change="changeFieldName(scope.$index)">
+                    <el-option
+                      v-for="item in attributeArr"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.operator')" width="110">
+                <template slot-scope="scope">
+                  <el-select v-model="scope.row.operator" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option v-for="option in operationArr[scope.$index]" :key="option.name" :label="option.label" :value="option.name" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditor.common.value')">
+                <template slot-scope="scope">
+                  <el-select v-if="!scope.row.propValueType" v-model="scope.row.propValueType" size="small" @focus="selectRow(scope.row)">
+                    <el-option :label="$t('workflowEditor.condition.fillInManually')" value="input" />
+                    <el-option :label="$t('workflowEditor.condition.environmentVariable')" value="context" />
+                    <el-option :label="$t('workflowEditor.condition.requestParameters')" value="request" />
+                    <el-option :label="$t('workflowEditor.condition.mainTableField')" value="obj" />
+                    <el-option :label="$t('workflowEditor.condition.databaseFields')" value="subObj" />
+                    <el-option :label="$t('workflowEditor.condition.taskFields')" value="task" />
+                    <el-option :label="$t('workflowEditor.condition.systemParameter')" value="custom" />
+                  </el-select>
+                  <el-select v-if="scope.row.propValueType === 'context'" v-model="scope.row.propValue" clearable size="small" :title="scope.row.propValue" filterable default-first-option allow-create @change="changePropValue(scope.$index)" @focus="selectRow(scope.row)">
+                    <el-option :label="$t('workflowEditor.condition.currentTime')" value="${context.currentTime}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactor')" value="${context.currentTransactor}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorName')" value="${context.currentTransactorName}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorId')" value="${context.currentTransactorId}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorMainDepartmentId')" value="${context.currentTransactorMainDepartmentId}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorMainDepartment')" value="${context.currentTransactorMainDepartment}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorRoleId')" value="${context.currentTransactorRoleId}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorRole')" value="${context.currentTransactorRole}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorWorkGroupId')" value="${context.currentTransactorWorkGroupId}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTransactorWorkGroup')" value="${context.currentTransactorWorkGroup}" />
+                  </el-select>
+                  <el-select v-if="scope.row.propValueType === 'task'" v-model="scope.row.propValue" clearable size="small" :title="scope.row.propValue" filterable default-first-option allow-create @change="changePropValue(scope.$index)" @focus="selectRow(scope.row)">
+                    <el-option :label="$t('workflowEditor.condition.currentHandler')" value="${task.transactor}" />
+                    <el-option :label="$t('workflowEditor.condition.currentTaskClient')" value="${task.trustor}" />
+                    <el-option :label="$t('workflowEditor.condition.currentAssignor')" value="${task.assigner}" />
+                    <el-option :label="$t('workflowEditor.condition.linkName')" value="${task.name}" />
+                    <el-option :label="$t('workflowEditor.condition.linkCode')" value="${task.nodeId}" />
+                  </el-select>
+                  <el-date-picker
+                    v-if="scope.row.dataType === 'DATE' && scope.row.propValueType === 'input'"
+                    v-model="scope.row.propValue"
+                    size="small"
+                    clearable
+                    value-format="yyyy-MM-dd"
+                    :title="scope.row.propValue"
+                    type="date"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-date-picker
+                    v-if="scope.row.dataType === 'TIME' && scope.row.propValueType === 'input'"
+                    v-model="scope.row.propValue"
+                    size="small"
+                    :title="scope.row.propValue"
+                    clearable
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    type="datetime"
+                    @change="changePropValue(scope.$index)"
+                  />
+                  <el-input v-if="scope.row.dataType !== 'TIME' && scope.row.dataType !== 'DATE' && scope.row.propValueType === 'input'" v-model.trim="scope.row.propValue" :title="scope.row.propValue" clearable size="small" @change="changePropValue(scope.$index)" />
+                  <el-input v-if="scope.row.propValueType === 'request'" v-model.trim="scope.row.propValue" :title="scope.row.propValue" clearable size="small" @change="changePropValue(scope.$index)" />
+                  <el-select v-if="scope.row.propValueType === 'subObj'" v-model="scope.row.propValue" :title="scope.row.propValue" :filter-method="searchField" size="small" clearable filterable @change="changePropValue(scope.$index)">
+                    <el-option
+                      v-for="item in attributeArr"
+                      :key="'${subObj.' +item.value + '}'"
+                      :label="item.label"
+                      :value="'${subObj.' +item.value + '}'"
+                    />
+                  </el-select>
+                  <el-select v-if="scope.row.propValueType === 'obj'" v-model="scope.row.propValue" :title="scope.row.propValue" size="small" clearable filterable @change="changePropValue(scope.$index)">
+                    <el-option
+                      v-for="item in parentAttributeArr"
+                      :key="'${obj.' +item.value + '}'"
+                      :label="item.label"
+                      :value="'${obj.' +item.value + '}'"
+                    />
+                  </el-select>
+                  <el-select v-if="scope.row.propValueType === 'custom'" v-model="scope.row.propValue" :title="scope.row.propValue" size="small" clearable filterable @change="changePropValue(scope.$index)">
+                    <el-option
+                      v-for="key in propSettingKeyList"
+                      :key="'${custom.' + key + '}'"
+                      :label="key"
+                      :value="'${custom.' + key + '}'"
+                    />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column prop="rightBracket" label=")" width="90" @focus="selectRow(scope.row)">
+                <template slot-scope="scope">
+                  <el-select v-model="scope.row.rightBracket" size="small" clearable>
+                    <el-option label="" value="" />
+                    <el-option label=")" value=")" />
+                    <el-option label="))" value="))" />
+                    <el-option label=")))" value=")))" />
+                  </el-select>
+                </template>
+              </el-table-column>
+              <el-table-column :label="$t('workflowEditorPublicModel.andOr')" prop="logicOperator" width="110">
+                <template slot-scope="scope">
+                  <el-select v-model="scope.row.logicOperator" size="small" clearable @focus="selectRow(scope.row)">
+                    <el-option :label="$t('workflowEditor.process.perhaps')" value="condition.operator.or" />
+                    <el-option :label="$t('workflowEditor.process.also')" value="condition.operator.and" />
+                  </el-select>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+
+// import modulePageService from '@/subsystems/mms/api/module-page'
+import componentsConfigUtil from './componentsConfigUtil'
+import AdditionalCondition from '../common/additional-condition'
+import CommonUserCondition from '../common/common-user-condition'
+import { mapGetters } from 'vuex'
+
+export default {
+  components: {
+    AdditionalCondition,
+    CommonUserCondition
+  },
+  props: {
+    conditionList: {
+      type: [Array, String],
+      default: null
+    },
+    userCondition: {
+      type: String,
+      default: null
+    },
+    parentCondition: {
+      type: String,
+      default: null
+    },
+    attributeMap: {
+      type: Object,
+      default: null
+    },
+    isAdd: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    let myUserCondition
+    if (this.userCondition && this.userCondition !== '') {
+      myUserCondition = this.userCondition
+    }
+    let myParentCondition
+    if (this.parentCondition && this.parentCondition !== '') {
+      myParentCondition = this.parentCondition
+    }
+    return {
+      myUserCondition,
+      myParentCondition,
+      tableData: null,
+      attributeArr: [],
+      fieldMap: {},
+      fieldNameMap: {},
+      queryList: [],
+      operationArr: [],
+      parentAttributeArr: []
+    }
+  },
+  created() {
+    this.getAttributeArr()
+    // if (this.tableData === null || this.tableData === undefined) {
+    //   this.add()
+    // }
+  },
+  computed: {
+    ...mapGetters('wfEditor', [
+      'propSettingKeyList'
+    ])
+  },
+  mounted() {
+    if (this.conditionList) {
+      if (typeof (this.conditionList) === 'object') {
+        this.tableData = this.conditionList
+      } else {
+        this.tableData = this.xmlToData(this.conditionList)
+      }
+      this.getOperatorsArr(this.tableData)
+    }
+  },
+  methods: {
+    ...componentsConfigUtil,
+    // 添加
+    add() {
+      if (!this.tableData) {
+        this.tableData = []
+      }
+      this.tableData.push(
+        {
+          leftBracket: '',
+          propName: '',
+          operator: '',
+          propValue: '',
+          rightBracket: '',
+          logicOperator: 'condition.operator.or',
+          dataType: '',
+          propDbName: ''
+        }
+      )
+      this.operationArr.push([])
+    },
+    // 删除
+    remove() {
+      if (this.currentRow === null) {
+        this.$alert(this.$t('workflowEditorMessage.pleaseSelectARow'))
+        return
+      }
+      let index = this.getRowIndex(this.currentRow)
+      this.tableData.splice(index, 1)
+      if (this.tableData.length > 0) {
+        index = (index <= (this.tableData.length - 1) ? index : (this.tableData.length - 1))
+        this.$refs.table.setCurrentRow(this.tableData[index])
+      }
+    },
+    // 改变选择的属性
+    changeFieldName(index) {
+      // const selectData = this.$refs.table.store.states.data
+      const propName = this.currentRow.propName
+      const item = this.fieldMap[propName]
+      if (item) {
+        this.tableData[index].dataType = item.type
+        this.tableData[index].propDbName = item.propDbName
+      }
+      this.operationArr[index] = this.getOperators(item)
+    },
+    // 根据code获取属性
+    getAttributeArr() {
+      if (this.attributeMap && this.attributeMap.attributeArr) {
+        this.attributeArr = this.attributeMap.attributeArr
+        this.queryList = this.attributeMap.attributeArr
+        this.fieldMap = this.attributeMap.fieldMap
+        this.fieldNameMap = this.attributeMap.fieldNameMap
+        this.parentAttributeArr = this.attributeMap.parentAttributeArr
+      }
+    },
+    // 选择行
+    selectRow(row) {
+      this.attributeArr = this.queryList
+      this.$refs.table.setCurrentRow(row)
+    },
+    handleCurrentChange(val) {
+      this.currentRow = val
+    },
+    // 属性搜索方法
+    searchField(query) {
+      if (query) {
+        this.attributeArr = this.queryList.filter(item => {
+          return item.label.indexOf(query) > -1 || item.value.indexOf(query) > -1
+        })
+      }
+    },
+    getRowIndex(row) {
+      for (let i = 0; i < this.tableData.length; i++) {
+        if (this.tableData[i].propName === row.propName) {
+          return i
+        }
+      }
+      return -1
+    },
+    // 保存关闭方法
+    savebuttonSetting() {
+      if (this.tableData && this.tableData.length > 0) {
+        for (var i = 0; i < this.tableData.length; i++) {
+          const item = this.tableData[i]
+          if (!item.propName) {
+            this.$alert(this.$t('workflowEditorMessage.blankFieldNameOrValue'))
+            return
+          }
+        }
+      }
+      const param = {
+        userCondition: this.myUserCondition,
+        parentCondition: this.myParentCondition,
+        condition: this.tableData
+      }
+      this.$emit('close', param)
+    },
+    closeButtonSetting() {
+      this.$emit('close', null)
+    },
+    changePropValue(index) {
+      if (this.tableData[index] && this.tableData[index].propValue) {
+        if (this.tableData[index].propValueType) {
+          if (this.tableData[index].propValueType === 'request') {
+            if (this.tableData[index].propValue.indexOf('${request.') === -1) {
+              this.tableData[index].propValue = '${request.' + this.tableData[index].propValue
+            }
+            if (this.tableData[index].propValue.indexOf('}') === -1) {
+              this.tableData[index].propValue = this.tableData[index].propValue + '}'
+            }
+          }
+          if (this.tableData[index].propValueType === 'input') {
+            if (this.tableData[index].propValue.indexOf('${input.') === -1) {
+              this.tableData[index].propValue = '${input.' + this.tableData[index].propValue
+            }
+            if (this.tableData[index].propValue.indexOf('}') === -1) {
+              this.tableData[index].propValue = this.tableData[index].propValue + '}'
+            }
+          }
+        }
+      } else {
+        this.$set(this.tableData[index], 'propValueType', null)
+      }
+    }
+  }
+}
+</script>