# 业务空间设置
应用中的门户设置-业务空间中的栏目模板来源有两个地方：
1：cap-front/column_factory/packages
2：xtc-app-code-complete/
# 查看已有的模板
进入special-app-column/colum_factory
npm run serve
# 导入栏目开发
1：栏目开发步骤：找到对应模板
2：用命令复制模板，*** 切记不要手动复制 ***
例如: 要复制如下模板：
xtc-app-code-complete\special-app-custom\custom-columns\xtc-hr-column\column-hr-development-history-project
复制模板步骤：
（1）进入 special-app-column/colum_factory 文件夹
（2）安装依赖 npm i
（3）如果上一步有报错，执行 npm run upslot
（4）npm run create
3：添加栏目配置、修改栏目配置方法
找到栏目中的配置项映射的config.json
/**
* config.json配置描述，增加、修改、删除通过属性options配置
*/
{
"name": "指标-卡片式信息3（PC端）-",
"helpInfo": "请修改输入业务场景相关的栏目名称以便展示",
"platform": "1",
"skipOutStyle": true,
"height": 180,
"minHeight": 180,
"UUID": "daaa2630-55bc-11ed-8e08-e9327cce1d44",
"options": [
{
"key": "1",
"type": "number",
"name": "栏目圆角",
"value": "0",
"rules": [{
"pattern": "^(0|[1-9][0-9]?|100)$",
"attributes": "g",
"message": "*注: 圆角设置范围为：0 - 100"
}],
"rightSpan": "px"
}
],
"labels": [],
"autoHeight": true,
"elements": [
{
"name": "表格",
"description": "",
"dataFormat": "4",
"dataVersion": "V1"
}
],
"v5Version" : ["8_0SP1_2020-06-11", "~"],
"excludeV5Version" : [],
"HYtag": "国资体系,房地产业,IT服务业,消费品,科研院所,能源化工,医药医疗,教育,制造业, 批发零售业,多元化集团,金融业,交通运输业,商务服务业,餐饮业,建筑业",
"LYtag": "人力资源管理,行政管理"
}
4：引用配置，找栏目模板的vue文件
eg： column-hr-hr-person-card2-hksktitle.vue
// 通过 this.cloptions 获取config.json中的options配置数据
this.cloptions()
# 编译
进入special-app-custom/colum_factory
npm run lib
编译后在会在special-app-custom/xtc-cap-components生成一个结尾为clmn的模板
创建人：liuyc
