编辑 | 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) } }