Commit c8dcdd17 authored by 田翔's avatar 田翔

fix: 表单样式更新

parent 636aaa5a
{
"name": "panda-xform",
"version": "6.9.15",
"description": "6.9.15 台账选择器映射数值对值进行形态解析",
"version": "6.9.16",
"description": "6.9.16 关联表单小数点处理",
"keywords": [
"panda-xform"
],
......
......@@ -281,6 +281,9 @@ const TablePack = (props, ref) => {
if (['DateTime'].includes(widget)) {
return <DateView {...props} />
}
if (['NumberInput'].includes(widget)) {
return <NumberView {...props} />
}
return <Text text={value} />
}
},
......
......@@ -11,16 +11,19 @@ const Header = (props) => {
return (
<div className={styles.object}>
<div
className={styles.title}
>
{title ? <i className={styles.bg}></i> : null}
{title}
</div>
{title ? <Divider /> : ''}
{
title ? (
<div className={styles.title}>
<i className={styles.bg}></i>
<span style={{ fontWeight: 'bold', fontSize: '15px' }}>{title}</span>
</div>
) : null
}
{props.children}
{title && props.children ? <div className={styles.line}></div> : null}
</div>
)
}
export default Header
\ No newline at end of file
@import '~antd/es/style/themes/default.less';
// @pandaXform: ~'@{ant-prefix}-pandaXform';
// .@{pandaXform} {
// .@{pandaXform}-title {
// display: flex;
// align-items: center;
// justify-content: center;
// font-size: 16px;
// }
// .@{pandaXform}-bg {
// width: 3px;
// height: 16px;
// margin-right: 10px;
// background-color: #337ab7;
// }
// // .fr-label-object {
// // .fr-label-title {
// // padding: 10px 10px 0 0;
// // }
// // .fr-label-title::after {
// // content: '';
// // }
// // }
// // .b--black-20 {
// // border-color: rgba(232, 240, 237, 1);
// // }
// }
.object {
.title {
display: flex;
align-items: center;
justify-content: left;
font-size: 16px;
font-size: 15px;
padding-bottom: 10px;
padding-top: 15px;
}
.bg {
border-radius: 3px;
width: 3px;
height: 16px;
margin-right: 10px;
height: 13px;
margin-right: 7px;
background-color: #337ab7;
}
.line {
width: 100%;
height: 1px;
background: #E8EBEE;
}
}
\ No newline at end of file
@import '~antd/es/style/themes/default.less';
@disabledBgColor: rgb(248, 250, 252);
@disabledColor: rgba(0, 0, 0, 0.7);
body #app {
background: transparent;
width: 100%;
height: 100%;
.pg-viewer-wrapper {
overflow-y: auto;
}
......@@ -15,7 +17,8 @@ body #app {
.fr-field.w-100.flex-column {
padding-left: 10px;
}
.fr-field.w-100.flex {
.fr-field.w-100.flex {
.fr-label {
padding-left: 12px;
}
......@@ -28,105 +31,142 @@ body #app {
width: 100%;
padding: 10px;
background: white;
padding-top: 0;
.fr-generator-container .left-layout {
padding: 10px 0 0 0;
.left-item {
justify-content: left;
padding-left: 10px;
&:hover {
svg {
fill: #409eff;
}
}
.anticon {
margin-right: 5px;
}
}
}
.@{ant-prefix}-spin-nested-loading {
height: 100%;
.@{ant-prefix}-spin-container {
height: 100%;
}
}
.@{ant-prefix}-spin-spinning {
background: rgba(255, 255, 255, 0.7);
max-height: none !important;
}
.@{ant-prefix}-tabs-content-holder {
height: 664px;
overflow: auto;
}
.fr-generator-container .right-layout {
width: 21rem;
}
.fr-container .fr-label-required {
margin: 0;
} //表单组横线样式
}
//表单组横线样式
.@{ant-prefix}-divider-horizontal {
margin: 15px 0;
} //提示语样式
}
//提示语样式
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.@{ant-prefix}-select-selection-placeholder {
color: #8a8282;
} // 单行文本框
}
// 单行文本框
input[disabled] {
color: @disabledColor;
cursor: default;
background: @disabledBgColor;
border: none;
} // 多行文本框
}
// 多行文本框
.@{ant-prefix}-input[disabled] {
color: @disabledColor;
box-shadow: none;
cursor: default;
background: @disabledBgColor;
border: none;
} //数值输入框样式修改
}
//数值输入框样式修改
.@{ant-prefix}-input-number-handler-wrap {
opacity: 1;
}
.@{ant-prefix}-input-number-disabled {
border: none;
} // 时间选择器的disabled样式
}
// 时间选择器的disabled样式
.@{ant-prefix}-picker-disabled {
cursor: default;
color: @disabledColor;
background-color: rgb(250, 250, 250);
&+span {
cursor: default;
}
} // radio的disabled样式
}
// radio的disabled样式
.@{ant-prefix}-radio-disabled {
cursor: default;
&+span {
cursor: default;
color: @disabledColor;
}
.@{ant-prefix}-radio-inner {
cursor: default;
&:after {
background: rgba(0, 0, 0, 0.5);
}
}
}
.@{ant-prefix}-checkbox-wrapper {
margin-top: 10px;
margin-left: 5px;
} //复选框disabled的样式
}
//复选框disabled的样式
.@{ant-prefix}-checkbox-disabled {
&+span {
cursor: default;
color: @disabledColor;
}
.@{ant-prefix}-checkbox-inner {
cursor: default;
&:after {
border-color: rgba(0, 0, 0, 0.5);
}
}
} // 下拉选未选的disabled样式
}
// 下拉选未选的disabled样式
.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
.@{ant-prefix}-select-selector {
color: @disabledColor;
......@@ -134,13 +174,17 @@ body #app {
border: none;
background: @disabledBgColor;
}
} // 下拉选已选的disabled样式
}
// 下拉选已选的disabled样式
.@{ant-prefix}-cascader-picker-disabled {
color: @disabledColor;
background-color: rgb(250, 250, 250);
cursor: default;
border: none;
} // 多选下的tag的disabled样式
}
// 多选下的tag的disabled样式
.@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple {
.@{ant-prefix}-select-selection-item {
color: @disabledColor;
......@@ -149,26 +193,33 @@ body #app {
border: none;
}
}
.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
.@{ant-prefix}-select-selector input {
cursor: default;
}
} // 时间选择框
}
// 时间选择框
.@{ant-prefix}-picker-input>input[disabled] {
color: @disabledColor;
}
.@{ant-prefix}-picker-disabled {
border: none;
.@{ant-prefix}-picker-suffix {
display: none;
}
}
&-operate-group {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 10px 10px;
}
&-group {
i {
width: 3px;
......@@ -176,33 +227,40 @@ body #app {
margin-right: 10px;
background-color: #337ab7;
}
.fr-label-object {
.fr-label-title {
padding: 10px 10px 0 0;
}
.fr-label-title::after {
content: '';
}
}
.b--black-20 {
border-color: rgba(232, 240, 237, 1);
}
}
.emphasis {
input {
font-weight: bold;
}
}
.notEditable {
input {
cursor: default;
}
}
/** @Tips: 在原有框架下,表单渲染后,使用的是flex自动布局,与calc来计算组件宽度,未设置固定宽度,导致页面布局错乱 */
.fr-content,
.fr-content .fr-item-wrapper>div {
width: 100%;
}
.pdf-canvas {
width: 100%;
display: flex;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment