# 代码暂未修改-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' } }, ```