辅助选址新增选址约束前端页面

src/views/siteselection/components/fzxz.vue

@@ -81,6 +81,12 @@
           </el-form-item>
         </el-col>
       </el-form-item>
+      <!-- <el-form-item label="选址约束:" required>
+        <el-checkbox-group v-model="ruleForm.xzys" @change="changeCheckBox">
+        <el-checkbox false-label="null" :true-label="0" name="checkbox_data"> 是否与控规用地性质一致</el-checkbox>
+        <el-checkbox false-label="null" :true-label="1" name="checkbox_data">是否允许选出多个分散地块。</el-checkbox>
+      </el-checkbox-group>
+      </el-form-item> -->
     </el-form>
     <div class="site-title">
       <div class="siteCon">
@@ -132,6 +138,7 @@ export default {
 
   data() {
     return {
+      checkbox_data:0,
       ruleForm: {
         xzmj: 0,
         xmmc: "",
@@ -141,6 +148,7 @@ export default {
         ydmjbegin: "", //用地面积开始
         ydmjend: "", //用地面积结束
         sjy: "", //数据源
+        xzys: 0,//选址约束,暂时没有在逻辑里添加改字段
       },
       rules: {
         xzmj: [{ required: true, message: "请填写范围的数据" }],
@@ -160,6 +168,7 @@ export default {
         ],
 
         sjy: [{ required: true, message: "请选择数据源", trigger: "change" }],
+        xzys: [{ required: true, message: "请选择选址约束", trigger: "change" }],
       },
       options: [],
       tableData: [],
@@ -201,6 +210,9 @@ export default {
     });
   },
   methods: {
+    changeCheckBox(val){
+console.log(val,'杰卡斯到货时间啊肯定会刷卡机很大');
+    },
     handleChange(value) {
       // console.log(value);
       const obj = this.$refs["Cascader"].getCheckedNodes();
@@ -331,4 +343,7 @@ export default {
 /deep/ .el-form-item__error {
   top: 32px !important;
 }
+/deep/ .el-checkbox{
+  color: #fff;
+}
 </style>