/** 表单和组件的配置类 * @author zhusy * @date 2021/2/2 */ import _ from 'lodash' /* * 当前选中的field * */ export const curItem = { item:{} } export const formConfig = { label_alignment:"flex-end", //标签对齐方式 left:左对齐，right:右对齐，center:中间对齐，top:顶部对齐 label_width:6, //标签字段宽度 默认人为6rem 最大是10rem 最小是1rem label_prefix:"",//标签前缀 label_suffix:"",//标签后缀 form_width:100,//表单宽度百分比 } export const commonConfig = { show_title:true, //是否显示标题 content_width:100,//内容宽度 label_alignment:"flex-end",//标题布局 label_width:6,//标题宽度 label_prefix:"",//标题前缀 label_suffix:"",//标题后缀 is_must:false,//是否必填 is_read_only:false,//只读 is_disabled:false,//禁用 is_hidden:false//隐藏 } export const defaultDic = [{dic_code:"item1",dic_value:"选项一"},{dic_code:"item2",dic_value:"选项二"},{dic_code:"item3",dic_value:"选项三"}] /* * 基本字段 * */ export const baseFields = [ { field_type: 20, field_name: '文本标签',tag:"label",el:"Label.vue",attributeUrl:"LabelAttribute.vue", props:{value:"文本标签",label_width:0,content_width:100,text_alignment:"center",is_read_only:false,is_disabled:false,is_hidden:false,can_search:false, label_prefix:"",label_suffix:"",label_alignment:"flex-end"}}, { field_type: 1, field_name: '单行文本',tag:"input",el:"Input.vue",attributeUrl:"InputAreaAttribute.vue", props:{placeholder:"请输入",value:"",can_search:true,is_search:true,field_input_type:1,filed_auto_input_info:"",max_length:50, data_source_form_id:undefined,data_source_field_id:undefined,compare_standard:undefined}}, { field_type: 2, field_name: '多行文本',tag:"area",el:"TextArea.vue",attributeUrl:"InputAreaAttribute.vue", props:{placeholder:"请输入",value:"",can_search:true,is_search:true,max_length:200}}, { field_type: 3, field_name: '单选框组',tag:"radio",el:"Radio.vue",attributeUrl:"RadioAttribute.vue",data_resource:2,data_resource_info:JSON.stringify(_.cloneDeep(defaultDic)), props:{max_length:50,can_search:true,is_search:true,value:"",datas:_.cloneDeep(defaultDic),show_item_label:true}}, { field_type: 4, field_name: '多选框组',tag:"check",el:"Checkbox.vue",attributeUrl:"RadioAttribute.vue",data_resource:2,data_resource_info:JSON.stringify(_.cloneDeep(defaultDic)), props:{max_length:"text",can_search:true,is_search:true,value:[],datas:_.cloneDeep(defaultDic),show_item_label:true,}}, { field_type: 5, field_name: '日期/时间',tag:"datetime",el:"DatePicker.vue",attributeUrl:"DateTimeAttribute.vue", props:{max_length:50,can_search:true,is_search:true,showType:"date",value:undefined,placeholder:"",format:"YYYY-MM-DD"}}, { field_type: 6, field_name: '下拉选择',tag:"drop",el:"DropDown.vue",attributeUrl:"DropDownAttribute.vue",data_resource:2,data_resource_info:JSON.stringify(_.cloneDeep(defaultDic)), props:{max_length:50,can_search:true,is_search:true,mode:"default",placeholder:"请选择",value:undefined,allowClear:true,showSearch:false,datas:_.cloneDeep(defaultDic),}}, { field_type: 12, field_name: '计数器',tag:"count",el:"NumberCount.vue",attributeUrl:"NumberCountAttribute", props:{max_length:50,can_search:true,is_search:true,value:null,min:null,max:null,step:1}}, { field_type: 13, field_name: '评价',tag:"evaluate",el:"Rate.vue",attributeUrl:"RateAttribute", props:{max_length:50,can_search:true,is_search:true,count:5,value:undefined,allowHalf:true}}, { field_type: 14, field_name: '滑块',tag:"slider",el:"Slider.vue",attributeUrl:"SliderAttribute", props:{max_length:50,can_search:true,is_search:true,value:undefined,showInput:false,max:100,min:0,step:1}} ] export const advancedFields = [ { field_type: 8, field_name: '头像（照片）',tag:"portrait",showTitle:true,content_width:100,props:{max_length:"text"}}, { field_type: 9, field_name: '图片上传',tag:"img",el:"FileUpload.vue",attributeUrl:"FileUploadAttribute", props:{value:[],max_length:"text",can_search:false,is_search:false,type:2,title:'上传图片',option:{no_user:""},can_downLoad:true,multiple:true,is_certificate:false,can_delete:true}}, { field_type: 10, field_name: '附件上传',tag:"enclosure",el:"FileUpload.vue",attributeUrl:"FileUploadAttribute", props:{value:[],max_length:"text",can_search:false,is_search:false,type:1,title:'附件上传',option:{no_user:""},can_downLoad:true,multiple:true,typeFilter:"",can_delete:true}}, { field_type: 11, field_name: '富文本编辑器',tag:"rich",el:"RichEditorDom.vue",attributeUrl:"RichEditorDomAttribute", props:{max_length:"text",height:300,placeholder:"请输入内容",value:"",editorId:""}}, { field_type: 15, field_name: '地区选择',tag:"region",el:"RegionalChoice.vue",attributeUrl:"RegionalChoiceAttribute", props:{max_length:50,can_search:true,is_search:true,placeholder:"请选择",value:[],data_range:3,default_value_name:""}}, //data_range是数据范围 1:省市区 2：省市 3：省 { field_type: 23, field_name: '子表单',tag:"son_form",el:"SonForm.vue",attributeUrl:"SonFormAttribute", props:{defaultLineCount:0,data:[],add:true,son_label_alignment:"center",showLineNum:true,multiple:true,value:[]}} ] export const businessFields = [ /* { field_type: 16, field_name: '机构选择',tag:"org_select",el:"OrganizationSelection.vue",attributeUrl:"OrganizationAttribute", props:{max_length:"text",can_search:true,is_search:true}},*/ { field_type: 17, field_name: '部门选择',tag:"dept_select",el:"DepartmentSelection.vue",attributeUrl:"PersonnelAttribute", props:{max_length:"text",can_search:true,is_search:true,value:[],is_multiple_choice:true,placeholder:"请选择部门"}}, { field_type: 18, field_name: '人员选择',tag:"person_select",el:"PersonnelSelection.vue",attributeUrl:"PersonnelAttribute", props:{max_length:"text",can_search:true,is_search:true,value:[],is_multiple_choice:true,placeholder:"请选择人员"}}, { field_type: 25, field_name: '学段学科',tag:"stage_subject",el:"StageAndSubjectSelection.vue",attributeUrl:"StageAndSubjectAttribute", props:{max_length:50,can_search:true,is_search:true,placeholder:"请选择",value:[],default_value_name:"",data_range:2}}, { field_type: 26, field_name: '专业',tag:"major",el:"MajorSelection.vue",attributeUrl:"MajorAttribute", props:{max_length:50,can_search:true,is_search:true,placeholder:"请选择",value:[],default_value_name:""}}, { field_type:27, field_name: '关联其它表单',tag:"associate",el:"Input.vue",attributeUrl:"InputAreaAttribute.vue", props:{placeholder:"",value:"",can_search:false,is_search:false,max_length:50, data_source_form_id:undefined,data_source_field_id:undefined,compare_standard:undefined}}, ] export const layoutFields = [ { field_type: 24, field_name: '栅格',tag:"grid",content_width:100,el:"FieldRowItem.vue",attributeUrl:"FieldRowItemAttribute", props:{type:"flex",align:"top",justify:"start",gutter:[0,0],cols:[]}}, { field_type: 21, field_name: '表格',tag:"table",content_width:100}, { field_type: 22, field_name: '分隔线/符',tag:"divider",el:"Divider.vue",attributeUrl:"DividerAttribute", props:{value:"",can_search:false,is_search:false,dashed:false,orientation:"center",type:1,marginTop:8,marginBottom:8,height:40}} ]