JS增强

created(that){
  console.log("列表页面创建了")
}

onInitQueryParams(that,params){
	params.fd_name="张三";
  params.fd_age=22;
  params.fd_sex='1'
},
onResetQueryParams(that,params){
	params.fd_name="李四";
  params.fd_age=33;
  params.fd_sex='2'
}

onInitQueryParams(that,params){
	params.fd_name="张三";
  params.fd_age=22;
  params.fd_sex='1'
},
onResetQueryParams(that,params){
	params.fd_name="李四";
  params.fd_age=33;
  params.fd_sex='2'
}

beforeLoadData(that,params){
  params.name = 'test'

  return params; // 这个return 可以返回一个新的对象, 也可以直接内部修改 params,省略返回值
  // return { ...params, name: 'test' }
}

async afterLoadData(that,dataSource,params){

  console.log("当前查询项以及对应的数据为:",params,dataSource);

	return [{fd_name: '张三', fd_age:22, fd_sex:'1'}, {fd_name: '李四', fd_age:33, fd_sex:'2'}]
}

afterSave(that,formData){
  console.log("提交的数据:",formData,formData.id)
}

onSelectRow(that,selectionRows){
  // 过滤选中的数据中状态为2的
  return selectionRows.filter(v=>v.fd_status !== 2).map(v=>v.id);
}

// 可以为async函数,当需要发请求时
async beforeAdd(that){

  //  openCustomModal   自己打开一个表单弹窗,或者自己写的页面

  // that.$message.error("不让你打开新增表单");
  return false; // 阻止默认行为

  // 可以返回一个对象,用来填充表单默认值
  // return {
  //   fd_parent:22
  // }
}

beforeExport(that,{url, params}){
  console.log("导出参数:",url,params);

  return false; // 阻止默认导出

  return {
    url:'/api/export', // 自定义到处接口
    params: { ...params, fd_name: 'test' } // 自定义导出参数
  }
}

// btns 中的各个key
// list-more  更多按钮
// list-detail 详情按钮
// list-update 编辑按钮
// list-remove 删除按钮

beforeRenderRowButton(that, {record, index, btns} ){
  const curUser = that.$store.getters.username; // 获取系统登陆人用户名
  // console.log("渲染按钮:", record,index,btns);

  if(index === 0 && curUser === 'admin'){ // 对于第一行数据,如果是admin,隐藏编辑按钮
  	return btns.filter(v=>v.key !=='list-update');
  } else if(index === 1){ // 对于第一个数据, 隐藏更多里面的详情按钮
    const moreBtnIndex = btns.findIndex(v=>v.key === 'list-more');
    if(moreBtnIndex === -1) return btns;
    const childrenNoDetail = btns[moreBtnIndex].children.filter(v=>v.key !== 'list-detail');
   	btns[moreBtnIndex].children = childrenNoDetail;
    return btns;
  }
	return btns;
}

  async beforeLoadData(that,{id,type}){

    // 如果是编辑就强制修改返回的数据
    // const result = await getAction('/api/xxx');
    if(type === 'edit'){
      return {
        id:123,
        fd_name:'test'
      }
    }
  }

loaded(that, {data, type}){
	console.log("表单页面加载完毕:",data,type);
}

onTabChange(that,tabKey){
  // 如果切换到某个关联表, 就刷新那个关联表的数据
  if(tabKey === 'linktable_aa'){
    that.$nextTick(()=>{
      that.$refs.linktable_aa.loadData()
    })
  }
}

async beforeSubmit(that,formData){
  //  状态为1提交前发送个请求, 状态为2不让提交
  if(formData.fd_status === 1){
    await postAction("/aasdad");
  } else if(formData.fd_status === 2){
    throw new Error("状态为2不能提交")
  }
}

onValidateFailed(that,err){
 console.log("表单校验失败了:",err);

  return new Error("自定义校验失败提示信息")
}

async afterSubmit(that,formData){
  //  状态为1提交前发送个请求, 状态为2不让提交
  console.log("提交完数据了,在发送个请求")
  await postAction("/asdad",{id:formData.id, name:'adada'});
}

listBtn1(that){
  // 获取选中的数据数组
	const selectedRows = that.table.selectionRows;
  // 只获取选中的数据的ID数组
  const selectedRowKeys1 = that.table.selectedRowKeys;
  // 从选中的数据中获取ID数组 和 selectedRowKeys1 是一样的
  const selectedRowKeys2 = selectedRows.map(v=>v.id);

  console.log("当前选中的数据:",selectedRowKeys1,selectedRowKeys2,selectedRows);
},

created(that){
  console.log("当前页面路由:",that.$route.params.code);
}

created(that){

  // 新增add 编辑update 详情detail 删除delete 导入import 导出export 高级查询super_query 批量删除batch_delete

  that.hiddenButtons = [...that.hiddenButtons,"update","detail"];
}

that.table.hideColumns.push("fd_aa");

listBtn2(that){
  // 主要是修改这几个状态
  // tableHeadData: {
  //   show: false, // 是否展示
  //   loading: false, // 是否在加载中, 比如在接口pending时
  //   text: '', // 文本内容,可以为html字符串, 可以加颜色,加粗等
  // }

  that.tableHeadData = {
  	show:true,
    loading:true,
    text:''
  };

  setTimeout(()=>{
     that.tableHeadData = {
      show: true,
      loading: false,
      text: '<span style="color:red;font-weight:bold;">示例文本</span>',
    };
  },2000)
},

listBtn3(that){
  that.toggleSearchStatus = !that.toggleSearchStatus
},

// 访问列表的数据
listBtn4(that){

  // 访问lodash 一些数组对象辅助函数
  const sum = that.lodash.add(1, 2);

  // 访问dayjs 日期时间赋值函数
  const dateStr = that.dayjs().format('YYYY-MM-DD HH:mm:ss');

  // 访问列表的数据
  const list = that.table.dataSource.slice();

  // 访问列表的一些字典值
  const dictOptions = that.dictOptions;

  // 访问当前登陆用户信息, 其它一些信息把userInfo换成对应的属性名
  // token 登录TOKEN
  // username 用户名
  // nickname 昵称
  // departTreeList 系统部门树列表信息
  // userInfo 用户信息, 包含avatar,email,id,orgCode,phone,realname,sex,tenantId,username
  const userInfo = that.$store.getters.userInfo;

  console.log(sum, dateStr, list, dictOptions, userInfo);
  // 3 '2023-06-26 14:09:50'
},

// 访问表单的数据
formBtn1(that){

	// 访问接口返回的表单数据, 有ID,如果是新增,只有ID
  const data = that.model;

  // 访问当前表单时新增add/编辑edit/详情detail
  const formShowType = that.formShowType;

  // 访问当前表单填写的数据, 只是目前显示在表单上面的字段的值
  const formValues = that.form.getFieldsValue();

  // 给表单项赋值(作为单表时才有用, 不管分组不分组的字段)
  that.form.setFieldsValue({fd_sex:'2'});

  // 有关联表时, 访问所有的关联表
  const linkTables = that.linkTableArr;

  // 获取关联表是否激活过 是个对象,key是关联表名, value是true/false表示是否激活过
  const activedLinkTables = that.linkTableLoadedSuccess;

  // 获取某个关联表的引用 link_table_test2是关联表名,[0]固定写法 如果这个关联表没被激活过, 获取不到
  let linkTableRef;
  if(activedLinkTables.link_table_test2){
   linkTableRef = that.$refs.link_table_test2[0];
  }

  // 作为关联表时访问主表的数据
  let mainTableRef;
  if(that.linkTableRelationProp){
  	mainTableRef = that.linkTableRelationProp.mainTableRef;
  }

  console.log(data, formValues, linkTables, linkTableRef,activedLinkTables, mainTableRef);
}

created(that){

  const data = { fd_a:22 };

	getAction('/get123', data); // 第二个参数会被拼接在url上
  postAction('/post123', data); // 第二个参数会被以JSON格式放到body里
  deleteAction('/delete123', data); // 第二个参数会被拼接在url上
  that.putAction('/put123', data); // 第二个参数会被以JSON格式放到body里
  downloadFile('/download123', /* fileName, params */); // filename是保存时的文件名,params拼接在url上

}

created(that){
  // 判断当前页面是否是需要修改的页面
  const isCDJL = that.$route.query.fd_main_project_id !== undefined;
  if(isCDJL){
    const fullPath = that.$route.fullPath;
    // 使用CSS属性选择器, 查找标题元素并修改
    const titleEl = document.querySelector(`.content-wrapper span[pageKey="${fullPath}"]`);
    if(titleEl){
      titleEl.innerHTML='存档记录'
    }
  }
}

listBtn5(that){
	that.pushRoute("/onlinePage/7865c3f9bb2441ed8b31b1c930f085be?fd_name=123131", { title: "测试标题" });
}

loaded(that){
  that.sh.fd_name = false;
  that.sh.fd_age = false;
}

async loaded(that,{data,type}){

  const options = [{label:'示例1',value:'1'}, {label:'示例2',value:'2'}];

  // 获取表单项
  const fd_sex = that.allFormItems['fd_sex'];
  // 每个表单项都有个 setWidgetAttrs 方法,可以直接设置针对UI组件的一些属性, 如:select的options prop
  fd_sex.setWidgetAttrs({
  	options
  })
},

loaded(that){
  const linkTable = that.linkTableArr.slice();
  // 找到某个关联表的下表
  const xjxz_index = linkTable.findIndex(
    (v) => v.linkTableName === "uv_bus_enquiry_expert"
  );
  // 价格
  const price = that.model.fd_budget;
  // 根据判断隐藏这个关联表
  if (isInfoChangeBtn && price <= 200000) {
    linkTable[xjxz_index].show = false;
  }
  that.linkTableArr = linkTable;

  // 隐藏主表的提交按钮
  that.customButtonOrderList = that.customButtonOrderList.filter(
    (v) => v.key !== "form-submit"
  );
}

const listProps = {
  hideSearch: true, // 隐藏/显示 查询区域
  hideActionColumn: true, // 隐藏/显示 表格操作列
  hideActionColumnButShowDetail: true, // 隐藏表格操作列,但是显示详情按钮
  hideTableSelect: true, // 隐藏/显示 表格选择框
  hideToolbar: true, // 隐藏/显示 工具栏(新增,导入,导出)
};
// 设置关联表表名为:uv_bus_enquiry_supplier$05的列表属性
that.$set(that.linkTableNHiddenProps, "uv_bus_enquiry_supplier$05", {
  ...listProps,
});

loaded(that){
  // 隐藏主表的提交按钮
  that.customButtonOrderList = that.customButtonOrderList.filter(
    (v) => v.key !== "form-submit"
  );

}