teachcloud-print-web/src/modules/base/components/RuleCard.vue

<template>
  <div class="rule-card rule-form">
    <el-form ref="ModalForm1" label-width="90px" inline>
      <el-form-item label="版号版式：">
        <el-select
          v-model="modalForm.paperType"
          style="width: 142px;"
          placeholder="请选择"
          clearable
        >
          <el-option
            v-for="(val, key) in paperTypes"
            :key="key"
            :value="key"
            :label="val"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="AB卷版式：">
        <el-select
          v-model="modalForm.paperType"
          style="width: 142px;"
          placeholder="请选择"
          clearable
        >
          <el-option
            v-for="(val, key) in paperTypes"
            :key="key"
            :value="key"
            :label="val"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item style="margin-left: 30px;">
        <el-checkbox v-model="modalForm.absent">启用“缺考填涂”</el-checkbox>
      </el-form-item>
      <el-form-item style="margin-left: 30px;">
        <el-checkbox v-model="modalForm.write">启用“手写签名”</el-checkbox>
      </el-form-item>
    </el-form>
    <el-form ref="ModalForm2" label-width="130px" style="max-width: 850px;">
      <el-form-item label="考务字段：">
        <business-fields></business-fields>
      </el-form-item>
      <el-form-item label="注意事项：">
        <el-input type="textarea" v-model="modalForm.tips"></el-input>
      </el-form-item>
      <el-form-item label="客观题注意事项：">
        <el-input v-model="modalForm.tips"></el-input>
      </el-form-item>
      <el-form-item label="主观题注意事项：">
        <el-input v-model="modalForm.tips"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="save">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import BusinessFields from "./BusinessFields";

export default {
  name: "rule-card",
  components: {
    BusinessFields
  },
  data() {
    return {
      modalForm: {
        paperType: ""
      },
      paperTypes: []
    };
  },
  methods: {
    save() {}
  }
};
</script>