<template>
  <div class="pro-setting">
    <a-form layout="vertical">
      <a-form-item label="审批同意时是否签字(未完成)">
        <div>
          <a-switch
            v-model="setting.sign"
            :checked-children="'是'"
            :un-checked-children="'否'"
          />
          <div class="sign-tip">
            如果此处设置为
            <b>需要签字</b>
            ，则所有审批人“同意时”
            <b>必须签字</b>
          </div>
        </div>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  name: 'FormProSetting',
  computed: {
    ...mapState({
      setting: state => state.workflow.design.settings
    })
  },
  methods: {
    validate() {
      return [];
    }
  }
};
</script>

<style scoped lang="less">
.pro-setting {
  overflow: auto;
  width: 600px;
  height: calc(100vh - 220px);
  background: #ffffff;
  margin: 10px auto 0;
  padding: 15px 20px;

  .sign-tip {
    color: #949495;
    font-size: small;
    margin-top: 20px;
  }
}
</style>
