1.表单模板

 
      
        
          
          
            
               
            
          
        
        
          
          
            
              
              
              
            
          
        
        
          
          
            
              以上
            
          
        
        
          
            查询
            重置
          
        
      
    

    var expectedGrossMargin = (rule, value, callback) => {
      console.log("value", value);
      if (value === "" || value == null) {
        callback(new Error("请输入"));//必填
      } else if (!/^([1-9]d?|100)$/.test(value)) {
        callback(new Error("请输入1到100的整数"));
      } else {
        callback();
      }
    };
    // /(^(d|[1-9]d)(.d{1})?$)|(^100$)/
    var scoreNumber = (rule, value, callback) => {
      console.log("value", value);
      if (value === "" || value == null) {
        callback();//非必填
      } else if (!/(^(d|[1-9]d)(.d{1})?$)|(^100$)/.test(value)) {
        callback(new Error("请输入100内的数字可以保留。1位小数"));
      } else {
        callback();
      }
    };
return {
   ruleForm: {
        officeName: "",
        secCode: "",
   }, //查询表单 查询数据
   ruleFormRules: {
        reviewNumber: [{ validator: scoreNumber, required: false, trigger: "blur" },]
   },
}

// 查询
    clickQuery() {
      this.pageNum = 1;
      this.projectSelectionQuery();
    },
    // 重置
    clickReset() {
      this.$refs.ruleForm.resetFields();
      this.ruleForm = {
        taskId: "",
        officeId: "",
        officeName: "",
        secCode: "",
      };
      this.clickQuery();
    },
    projectSelectionQuery(){},//查询接口

2.表格模板

2.1多选

         
         
        
        
              
         
        
          
        
        
            
          
         
        
        
            
         

      
      

        
        
      

      tableData: [
      {name:"",secName:"",postScoreMap:{"1111111":"张三"},}
      ], //查询获得的数据   表格演示部分
      tableCol:[
      {id:"1111111",name:"姓名"},
      ],//表头
      pageNum: 1, //表格演示部分   当前页面
      pageSize: 10, //表格演示部分   每页显示多少条数据
      total: 0, //表格演示部分  总共有多少条数据
      selectList: [], //列出检查选项

   // 选择表格
    tableDataSelect(e) {
      console.log("选择表格", e);
      this.selectList = e;
    },
    // 全选表格
    tableDataSelectAll(e) {
      console.log("全选表格", e);
      this.selectList = e;
    },

    //分页器更改
    handleCurrentChange(val) {
      this.pageNum = val;
      this.projectSelectionQuery();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.pageNum = 1;
      this.projectSelectionQuery();
    },
    //排序
    changeSort(val) {
      console.log("val.column.property", val.column.property, val.order);
      if (val.column.property == "secName") {
        this.ruleForm.orderField = "secSort";
      } else {
        this.ruleForm.orderField = val.column.property;
      }
      if (val.order == "ascending") {
        this.ruleForm.orderType = "ASC";
      } else if (val.order == "descending") {
        this.ruleForm.orderType = "DESC";
      } else {
        delete this.ruleForm.orderType;
        delete this.ruleForm.orderField;
      }
      this.projectSelectionQuery();
    },

2.2单选

          
        

radioData:{},
currentRow:"",

getCurrentRow(val) {
      this.radioData = val;
      console.log("vvvvvvvv",this.radioData)
    },