.dtm-list-item{
|
min-height: 47px;
|
}
|
.dtm-list-line{
|
padding-top: 0px;
|
padding-bottom: 0px;
|
}
|
/** 基本信息选择样式 */
|
.case-basic-info {
|
> .block-content {
|
> .dtm-list-item .basic-form-item{
|
min-height: 47px;
|
height: 47px;
|
> .dtm-list-line {
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
|
> .dtm-list-content {
|
flex: 3; // 占比为3
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
>.dtm-list-brief{
|
height: 0px;
|
}
|
>.dtm-form-item-default{
|
>.dtm-form-item-default-label {
|
// width: 60px;
|
height: 23px;
|
font-size: 15px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: LEFT;
|
color: #171a1d;
|
line-height: 23px;
|
.dtm-select-placeholder{
|
// width: 30px;
|
height: 23px;
|
// background: rgba(23,26,29,0.40);
|
font-size: 15px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: RIGHT;
|
color: rgba(23,26,29,0.40);
|
line-height: 23px;
|
}
|
}
|
}
|
}
|
|
> .dtm-list-brief {
|
flex: 1; // 占比为1
|
text-align: right;
|
margin-left: 8px;
|
color: #86909C;
|
font-size: 14px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
}
|
.dispute-time-item{
|
.dtm-date-picker-form-inner-node-content{
|
font-size: 15px;
|
}
|
}
|
|
/* 涉及人数和涉及金额输入框样式 */
|
.involved-people-item, .involved-amount-item {
|
padding: 12px 16px;
|
.dtm-list-line{
|
padding: 0px;
|
height: 50px;
|
}
|
}
|
|
/* 事项等级样式 */
|
.item-level-item {
|
.dtm-form-item-default{
|
>.dtm-form-item-default-label{
|
width: 50%;
|
flex: 0 0 30%;
|
}
|
>.dtm-form-item-default-field{
|
width: 50%;
|
flex: 0 70%;
|
}
|
}
|
|
// 覆盖Checkbox组件默认样式
|
.dtm-checkbox-wrapper {
|
margin-right: 16px;
|
|
.dtm-checkbox-checked .dtm-checkbox-inner {
|
border-color: #1a6fb8;
|
background-color: #1a6fb8;
|
}
|
|
.dtm-checkbox-inner {
|
border-color: #1a6fb8;
|
}
|
}
|
}
|
> .dtm-list-brief{
|
height: 0px;
|
}
|
}
|
}
|
|
/* 问题属地选择器样式 */
|
.jurisdiction-location-item{
|
> .dtm-list-line{
|
> .dtm-list-content{
|
> .dtm-form-item-default{
|
> .dtm-form-item-default-field{
|
> div{
|
>.dtm-list-item{
|
> .dtm-list-line {
|
display: flex;
|
justify-content: flex-end;
|
padding: 0px;
|
> .dtm-list-extra{
|
font-size: 15px !important;
|
height: 23px;
|
font-family: PingFang SC, PingFang SC-400;
|
font-weight: 400;
|
text-align: RIGHT;
|
color: rgba(23,26,29,0.40)!important;
|
line-height: 23px !important;
|
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
|
/** 事项概况区块样式 */
|
.case-overview, .case-application {
|
position: relative;
|
height: 179px;
|
background: #fff;
|
|
#caseOverview, #applicationText{
|
height: 100%;
|
}
|
.dtm-textarea-item-desktop{
|
padding: 0px;
|
border: 0px;
|
}
|
|
>.block-content {
|
// height: 143px;
|
padding: 16px;
|
padding-bottom: 0;
|
>.overview-form-item{
|
>.case-overview-item{
|
>.dtm-list-line{
|
padding-top: 12px;
|
}
|
}
|
}
|
>.application-form-item{
|
>.application-text-item{
|
>.dtm-list-line{
|
padding-top: 12px;
|
}
|
}
|
}
|
.dtm-textarea-item-control{
|
// height: 100px;
|
margin-bottom: 8px;
|
}
|
.dtm-list-brief{
|
padding-bottom: 0px;
|
}
|
// 隐藏组件自带的计数器，使用自定义计数器显示
|
.dtm-textarea-item-count{
|
left: 0px;
|
height: 0px;
|
}
|
.dtm-form-item-help{
|
margin-top: 0px;
|
padding-top: 0px;
|
height: 0px;
|
}
|
}
|
|
.overview-button-area {
|
position: absolute;
|
bottom: 0;
|
left: 0;
|
right: 0;
|
height: 36px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 0;
|
background-color: #ffffff;
|
// border-top: 1px solid #ebedf0;
|
z-index: 10; // 确保按钮区域在上层
|
|
.word-count {
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
font-size: 12px;
|
color: #86909c;
|
width: 183px;
|
// width: 50%;
|
height: 100%;
|
padding-left: 16px;
|
|
.count-wrapper {
|
display: flex;
|
align-items: center;
|
}
|
|
.current-count {
|
color: #1a6fb8;
|
font-weight: 500;
|
}
|
|
.total-count {
|
margin-left: 2px;
|
}
|
}
|
|
.overview-actions {
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
width: 192px;
|
// width: 50%;
|
height: 100%;
|
background: rgba(182,221,241,0.46);
|
border-top-left-radius: 18px;
|
|
.action-button {
|
height: 100%;
|
padding: 0 8px;
|
font-size: 12px;
|
color: #1A6FB8;
|
background: transparent;
|
border-color: #1A6FB8;
|
border-radius: 4px;
|
margin: 0px;
|
display: flex;
|
align-items: center;
|
flex-direction: row;
|
justify-content: flex-start;
|
padding: 7px 12px;
|
width: 100%;
|
box-sizing: border-box;
|
|
.action-icon {
|
display: inline-block;
|
vertical-align: middle;
|
margin: 4 0px;
|
margin-right: 4px;
|
|
img {
|
width: 11px;
|
height: 11px;
|
display: block;
|
}
|
}
|
|
.action-text {
|
display: inline-block;
|
vertical-align: middle;
|
font-size: 14px;
|
line-height: 22px;
|
}
|
}
|
|
.action-button-split{
|
color: #b6ddf1;
|
width: 1px;
|
}
|
}
|
}
|
}
|
|
/** 重大矛盾纠纷区块样式 */
|
.case-major-dispute {
|
position: relative;
|
height: auto;
|
background: #fff;
|
.dtm-form-item-default{
|
>.dtm-form-item-default-label{
|
width: 50%;
|
flex: 0 0 50%;
|
}
|
>.dtm-form-item-default-field{
|
width: 50%;
|
flex: 0 1 50%;
|
}
|
}
|
|
/* 重大矛盾纠纷标签样式 */
|
.major-dispute-label {
|
display: flex;
|
align-items: center;
|
|
.risk-icon {
|
width: 16px;
|
height: 16px;
|
margin-right: 6px;
|
}
|
|
.major-dispute-text {
|
color: #F53F3F;
|
font-weight: 500;
|
}
|
}
|
|
// 覆盖Radio组件默认样式
|
.major-dispute-radio-group {
|
.dtm-radio-inner {
|
border-color: #1a6fb8;
|
}
|
|
.dtm-radio-checked .dtm-radio-inner {
|
border-color: #1a6fb8;
|
background-color: #1a6fb8;
|
}
|
}
|
}
|
|
.flex-center(@axis: both) {
|
display: flex;
|
justify-content: center; // 水平居中
|
align-items: center; // 垂直居中
|
flex-direction: @axis; // 可选参数，调整主轴方向
|
}
|
|
/* 申请材料和证据材料区块样式 */
|
.case-application-materials{
|
min-height: 74px;
|
}
|
.case-evidence-materials{
|
min-height: 95px;
|
}
|
.case-application-materials, .case-evidence-materials {
|
|
margin-bottom: 8px;
|
padding-right: 16px;
|
/* 说明文本样式 */
|
.materials-description {
|
padding: 0 16px;
|
color: rgba(23, 26, 29, 0.4);
|
font-size: 14px;
|
// margin-top: -8px;
|
margin-bottom: 12px;
|
}
|
.upload-form-item{
|
margin-bottom: 0px !important;
|
}
|
|
> .dtm-list-item{
|
padding-top: 12px;
|
padding-bottom: 4px;
|
min-height: 0px;
|
> .dtm-list-line {
|
min-height: 0px;
|
padding: 0px;
|
> .dtm-list-content{
|
> .dtm-form-item-default{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: 100%;
|
padding-right: 16px;
|
|
> .dtm-form-item-default-label{
|
flex: 3;
|
width: 100%;
|
min-width: 0;
|
padding-right: 12px;
|
word-break: break-word;
|
white-space: normal;
|
}
|
> .dtm-form-item-default-field{
|
flex: 1;
|
/* 上传容器样式 */
|
> .upload-container {
|
/* 上传按钮容器样式 */
|
.upload-button-container {
|
display: flex;
|
align-items: center;
|
height: 100%;
|
justify-content: flex-end;
|
.dtm-upload{
|
justify-content: flex-end;
|
display: flex;
|
.dtm-list-item{
|
min-height: 0px;
|
.dtm-list-line{
|
padding: 0%;
|
min-height: 0px;
|
padding-right: 0;
|
.dd-icon{
|
.flex-center();
|
}
|
}
|
}
|
}
|
.dtm-divider{
|
width: 0px;
|
min-width: 0;
|
height: 0px;
|
margin: 0px;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
/* 文件列表区域样式 */
|
.file-list {
|
// padding: 0 16px;
|
padding: 0px;
|
padding-left: 16px;
|
|
/* 单个文件项样式 */
|
.file-item {
|
display: flex;
|
align-items: center;
|
padding: 13px 0;
|
|
/* 文件图标样式 */
|
.file-icon {
|
width: 42px;
|
height: 48px;
|
margin-right: 16px;
|
}
|
|
/* 文件信息区域样式 */
|
.file-info {
|
flex: 1;
|
min-width: 0;
|
|
/* 文件名称样式 */
|
.file-name {
|
font-size: 14px;
|
color: #171a1d;
|
line-height: 20px;
|
margin-bottom: 4px;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
/* 文件大小和预览区域样式 */
|
.file-size-preview {
|
display: flex;
|
align-items: center;
|
font-size: 12px;
|
line-height: 17px;
|
|
/* 文件大小样式 */
|
.file-size {
|
color: rgba(23, 26, 29, 0.6);
|
margin-right: 4px;
|
}
|
|
/* 预览文本样式 */
|
.preview-text {
|
color: #1a6fb8;
|
cursor: pointer;
|
|
&:active {
|
opacity: 0.8;
|
}
|
}
|
}
|
}
|
|
/* 文件操作区域样式 */
|
.file-actions {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-left: 12px;
|
height: 100%;
|
|
/* 删除按钮包装器样式 */
|
.delete-btn-wrapper {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
cursor: pointer;
|
height: 100%;
|
|
/* 删除图标样式 */
|
.delete-icon {
|
width: 16px;
|
height: 16px;
|
|
&:active {
|
opacity: 0.8;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
|
// /* 选择器高度统一样式 */
|
// .selector-height {
|
// height: 23px;
|
// }
|
|
/* 指引弹窗样式 */
|
.guide-modal {
|
width: 100%;
|
position: fixed;
|
bottom: 0;
|
height: 330px;
|
}
|
|
/* 图片识别弹窗样式 */
|
.picture-recognition-modal {
|
width: 270px;
|
.dtm-modal-root {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.dtm-modal-wrap {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.dtm-modal-content {
|
width: 270px !important;
|
height: 222px;
|
border-radius: 8px;
|
background: #ffffff;
|
padding: 0;
|
overflow: hidden;
|
.dtm-modal-body{
|
padding: 0px;
|
}
|
|
.picture-modal-content {
|
display: flex;
|
flex-direction: column;
|
height: 100%;
|
text-align: center;
|
|
.picture-modal-intro {
|
height: 89px;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
padding: 20px 16px;
|
border-bottom: 1px solid #f0f0f0;
|
|
.picture-modal-title {
|
font-size: 17px;
|
font-weight: 500;
|
color: #1D2129;
|
line-height: 24px;
|
margin-bottom: 4px;
|
}
|
|
.picture-modal-desc {
|
font-size: 15px;
|
color: #4E5969;
|
line-height: 22px;
|
}
|
}
|
|
.picture-modal-options {
|
display: flex;
|
flex-direction: column;
|
|
.picture-modal-option {
|
height: 43px;
|
line-height: 43px;
|
font-size: 16px;
|
color: #1A6FB8;
|
cursor: pointer;
|
border-bottom: 1px solid #f0f0f0;
|
|
&:active {
|
background-color: rgba(0,0,0,0.05);
|
}
|
}
|
}
|
|
.picture-modal-cancel {
|
height: 44px;
|
line-height: 44px;
|
font-size: 16px;
|
color: #171A1D;
|
cursor: pointer;
|
border-bottom: 1px solid #f0f0f0;
|
|
&:active {
|
background-color: rgba(0,0,0,0.05);
|
}
|
}
|
}
|
}
|
}
|
|
/* 纠纷发生地点选择器样式 */
|
.dispute-location-item {
|
padding-right: 16px;
|
.location-selector {
|
width: 100%;
|
cursor: pointer;
|
}
|
>.dtm-list-line{
|
padding: 0px;
|
}
|
}
|
|
/* 纠纷类型选择器样式 */
|
.dispute-type-item {
|
padding-right: 16px;
|
.location-selector {
|
width: 100%;
|
cursor: pointer;
|
}
|
>.dtm-list-line{
|
padding: 0px;
|
}
|
}
|
|
/* 自定义选择器样式 */
|
.custom-selector {
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
padding: 0px;
|
height: 40px;
|
// border: 1px solid #E4E8EB;
|
border-radius: 4px;
|
// background-color: #F5F7FA;
|
width: 100%;
|
position: relative;
|
}
|
|
.selector-placeholder {
|
// color: #8E8E93;
|
color: rgba(23,26,29,0.40);
|
font-size: 15px;
|
margin-right: 8px;
|
max-width: 130px; // 限制最大宽度
|
white-space: nowrap; // 不换行
|
overflow: hidden; // 隐藏溢出部分
|
text-overflow: ellipsis; // 使用省略号
|
display: inline-block; // 确保省略号正常工作
|
}
|
|
.selector-arrow {
|
color: #8E8E93;
|
font-size: 12px;
|
width: 16px;
|
height: 16px;
|
.dt__icon{
|
width: 16px;
|
height: 16px;
|
}
|
}
|
