编辑 | blame | 历史 | 原始文档

代码暂未修改-2023-10-16

规范

  1. 所有状态:默认为启用。统一名称为:启用/禁用
    sql { type: 'select', dataIndex: 'status', label: '状态', placeholder: '请选择', defaultValue: '1', options: [ { label: '启用', value: '1' }, { label: '禁用', value: '0' } ] }
  2. 所有提示框:
    输入框为:请输入。placeholder: '请输入'
    选择框为:请选择。placeholder: '请选择'
  3. 所有输入框宽度为:150px
    style="width: 150px"

  4. 所有table列:
    文字字符相同时候居中。例如:手机号
    文字字符不相同时候居左。例如:人员名称
    数字居右。例如:3.14

  5. 启用/禁用/删除时候需要confirm提示
    sql switch: row => { const result = {} if (row.belongProvince == 1) { Object.assign(result, { value: true, // 开 label: '是', // 开的描述 click: () => { // 点击事件 this.updState(row) } }) } else { Object.assign(result, { value: false, // 关 label: '否', // 关的描述 click: () => { this.updState(row) } }) } return result }
    sql // 修改状态 updState(row) { let vm = this let text = row.belongProvince == 0 ? "启用" : "禁用"; vm.$modal.confirm('确认要' + text + '"' + row.name + '"为省直管吗?').then(function () { let params = Object.assign({}, row) params.belongProvince = row.belongProvince === 1 ? 0 : 1 finsystenant.edit(params).then(res => { if (res) { row.belongProvince = row.belongProvince === 1 ? 0 : 1 vm.$modal.msgSuccess(text + "成功"); } }) }) },

  6. 时间转换:utils->DateFormatter.js
    sql formatter: row => { return { value: DateFormatter.LongToDateTime(row.create_time) } }
  7. 表单搜索项级联
    { type: 'select', dataIndex: 'orgId', label: '主办单位', placeholder: '请选择', defaultValue: '', options: [], cascader: [{key:'orgDeptId',queryKey: 'parentId'}], optionsConfig: { label: 'label', value: 'id', url: SettingIplatform.apiBaseURL + '/base/dept/select/treeDept' } }, { type: 'select', dataIndex: 'orgDeptId', label: '主办部门', placeholder: '请选择', defaultValue: '', // 选择后会触发哪些项的加载,支持多个; parentId // 会自动在指定项加上{[dataIndex]: value}的筛选条件 options: [], optionsConfig: { label: 'deptName', value: 'id', url: SettingIplatform.apiBaseURL + '/base/dept/selectDeptByParentId' } },