<template>
  <a-card size="small" :bordered="false" class="processSettingsSetup-wrap">
    <a-alert message="提示：勾选某个节点时表示需要该节点流程" type="warning" show-icon />
    <a-form-model
      id="processSettingsSetup-form"
      ref="ruleForm"
      :model="form"
      :rules="rules"
      :label-col="formItemLayout.labelCol"
      :wrapper-col="formItemLayout.wrapperCol"
    >
      <a-form-model-item label="销售流程" prop="productTypeName">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">销售单审核</a-checkbox>
          <a-checkbox value="B">备货审核</a-checkbox>
          <a-checkbox value="C">出库</a-checkbox>
          <a-checkbox value="D">收款</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
      <a-form-model-item label="销售退货流程" prop="">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">退货单审核</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
      <a-form-model-item label="连锁调拨流程" prop="">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">调出单审核</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
      <a-form-model-item label="仓库调拨流程" prop="">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">调拨单审核</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
      <a-form-model-item label="盘点流程" prop="">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">盘点单审核</a-checkbox>
          <a-checkbox value="B">财务审核</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
      <a-form-model-item label="采购流程" prop="">
        <a-checkbox-group v-model="form.productTypeName" id="processSettingsSetup-name">
          <a-checkbox value="A">采购单审核</a-checkbox>
          <a-checkbox value="B">付款</a-checkbox>
        </a-checkbox-group>
      </a-form-model-item>
    </a-form-model>
    <div class="btn-cont">
      <a-button type="primary" id="processSettingsSetup-save" @click="handleSave">保存</a-button>
    </div>
  </a-card>
</template>

<script>
export default{
  data(){
    return{
      formItemLayout: {
        labelCol: { span: 6 },
        wrapperCol: { span: 16 }
      },
      form: {
        productTypeName: [], // 费用类型名称
      },
      rules: {
        productTypeName: [
          { required: true, message: '请选择费用类型名称', trigger: 'change' }
        ],
      },
    }
  },
  methods: {
    //  保存
    handleSave(){}
  }
}
</script>

<style lang="less">
  .processSettingsSetup-wrap{
    #processSettingsSetup-form{
      margin-top: 35px;
    }
    .btn-cont {
    	text-align: center;
    	margin: 35px 0 10px;
    }
  }
</style>
