|
|
|
@ -8,7 +8,7 @@ |
|
|
|
<div class="item"> |
|
|
|
<el-cascader class="customer_cascader" |
|
|
|
ref="myCascader" |
|
|
|
size="small" |
|
|
|
size="big" |
|
|
|
v-model="fmData.orgId" |
|
|
|
:options="partyOptions" |
|
|
|
:props="partyOptionsProps" |
|
|
|
@ -114,9 +114,9 @@ |
|
|
|
<el-date-picker v-model="currentYearStr" |
|
|
|
value-format="yyyy" |
|
|
|
type="year" |
|
|
|
placeholder="选择年" |
|
|
|
size="small" |
|
|
|
style="width: 150px"> |
|
|
|
placeholder="选择年度" |
|
|
|
size="big" |
|
|
|
style="width: 150px;"> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
<div class="hd-month"> |
|
|
|
@ -134,8 +134,8 @@ |
|
|
|
</div> |
|
|
|
<div class="hd-btn"> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleAddYearPlan">批量生成年度报表</el-button> |
|
|
|
size="big" |
|
|
|
@click="handleAddYearPlan">生成年度活动计划</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<calendar :currentYear="currentYear" |
|
|
|
@ -683,7 +683,9 @@ $red: #f33; |
|
|
|
.hd { |
|
|
|
display: flex; |
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
.hd-year { |
|
|
|
margin-top: 6px; |
|
|
|
} |
|
|
|
.hd-month { |
|
|
|
display: flex; |
|
|
|
|
|
|
|
@ -697,26 +699,29 @@ $red: #f33; |
|
|
|
|
|
|
|
&.z-on { |
|
|
|
.month-text { |
|
|
|
background-color: $blue; |
|
|
|
color: #ffffff; |
|
|
|
background-image: url("../../../../assets/img/modules/communityparty/rili2.png"); |
|
|
|
color: #e60000; |
|
|
|
} |
|
|
|
} |
|
|
|
.month-text { |
|
|
|
position: relative; |
|
|
|
z-index: 0; |
|
|
|
width: 40px; |
|
|
|
height: 30px; |
|
|
|
width: 50px; |
|
|
|
height: 50px; |
|
|
|
background-image: url("../../../../assets/img/modules/communityparty/rili1.png"); |
|
|
|
text-align: center; |
|
|
|
background-color: #eeeeee; |
|
|
|
border-radius: 8px; |
|
|
|
line-height: 30px; |
|
|
|
line-height: 66px; |
|
|
|
color:#666666; |
|
|
|
font-size: 14px; |
|
|
|
font-weight:bold; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.hd-btn { |
|
|
|
margin-top: 6px; |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -762,19 +767,26 @@ $red: #f33; |
|
|
|
|
|
|
|
.tip { |
|
|
|
position: relative; |
|
|
|
margin: 0 3px; |
|
|
|
margin: 0 0px; |
|
|
|
padding: 3px 2px 3px 12px; |
|
|
|
line-height: 16px; |
|
|
|
box-shadow: 0 0 5px 1px #eee; |
|
|
|
line-height: 18px; |
|
|
|
box-shadow: 0 0 10px 5px #eee; |
|
|
|
background-color: #ffffff; |
|
|
|
font-size: 12px; |
|
|
|
border-radius: 4px; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
color: #999999; |
|
|
|
|
|
|
|
color: #666666; |
|
|
|
z-index: 99999; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
.all-list { |
|
|
|
transform: scale(1); |
|
|
|
background:#ffCC00; |
|
|
|
color:#000000; |
|
|
|
font-size:14px; |
|
|
|
border:2px #ff9900 solid; |
|
|
|
border-radius:5px; |
|
|
|
line-height:20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.tip-num { |
|
|
|
@ -783,17 +795,19 @@ $red: #f33; |
|
|
|
top: -7px; |
|
|
|
right: -7px; |
|
|
|
border-radius: 100%; |
|
|
|
width: 14px; |
|
|
|
height: 14px; |
|
|
|
line-height: 14px; |
|
|
|
width: 22px; |
|
|
|
height: 22px; |
|
|
|
line-height: 20px; |
|
|
|
text-align: center; |
|
|
|
font-size: 10px; |
|
|
|
font-size: 12px; |
|
|
|
text-align: center; |
|
|
|
color: #ffffff; |
|
|
|
background-color: #f1ba06; |
|
|
|
background-color: #ff3300; |
|
|
|
border:#ffffff 2px solid; |
|
|
|
} |
|
|
|
.z-on { |
|
|
|
color: $red; |
|
|
|
font-weight:bold; |
|
|
|
} |
|
|
|
.tip-text { |
|
|
|
@include toe; |
|
|
|
@ -807,16 +821,16 @@ $red: #f33; |
|
|
|
|
|
|
|
&::before { |
|
|
|
position: absolute; |
|
|
|
background: url("../../../../assets/img/modules/communityparty/ding.png"); |
|
|
|
content: ""; |
|
|
|
left: 4px; |
|
|
|
top: 0; |
|
|
|
left: -20px; |
|
|
|
top: -23px; |
|
|
|
bottom: 0; |
|
|
|
margin: auto; |
|
|
|
display: block; |
|
|
|
width: 4px; |
|
|
|
height: 4px; |
|
|
|
border-radius: 100%; |
|
|
|
background-color: $red; |
|
|
|
width: 28px; |
|
|
|
height: 28px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -830,29 +844,38 @@ $red: #f33; |
|
|
|
&:hover { |
|
|
|
.all-list { |
|
|
|
transform: scale(1); |
|
|
|
background:#ffCC00; |
|
|
|
color:#000000; |
|
|
|
font-size:14px; |
|
|
|
border:2px #ff9900 solid; |
|
|
|
border-radius:5px; |
|
|
|
line-height:20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.corn-num { |
|
|
|
position: absolute; |
|
|
|
z-index: 10; |
|
|
|
top: -7px; |
|
|
|
right: -7px; |
|
|
|
top: -10px; |
|
|
|
right: -14px; |
|
|
|
border-radius: 100%; |
|
|
|
width: 14px; |
|
|
|
height: 14px; |
|
|
|
line-height: 14px; |
|
|
|
width: 22px; |
|
|
|
height: 22px; |
|
|
|
line-height: 20px; |
|
|
|
text-align: center; |
|
|
|
font-size: 10px; |
|
|
|
font-size: 12px; |
|
|
|
font-weight:bold; |
|
|
|
text-align: center; |
|
|
|
color: #ffffff; |
|
|
|
background-color: #f1ba06; |
|
|
|
background-color: #F56C6C; |
|
|
|
border:#ffffff 2px solid; |
|
|
|
} |
|
|
|
.corn-text { |
|
|
|
position: relative; |
|
|
|
z-index: 1; |
|
|
|
font-size: 12px; |
|
|
|
line-height: 18px; |
|
|
|
padding-right: 3px; |
|
|
|
font-size: 14px; |
|
|
|
line-height: 27px; |
|
|
|
font-weight: bold; |
|
|
|
padding-right: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
&::before { |
|
|
|
@ -864,16 +887,16 @@ $red: #f33; |
|
|
|
right: 0; |
|
|
|
width: 0px; |
|
|
|
height: 0; |
|
|
|
border-top: 17px solid #f33; |
|
|
|
border-right: 25px solid #f33; |
|
|
|
border-bottom: 17px solid transparent; |
|
|
|
border-left: 25px solid transparent; |
|
|
|
border-top: 25px solid #E60000; |
|
|
|
border-right: 28px solid #E60000; |
|
|
|
border-bottom: 25px solid transparent; |
|
|
|
border-left: 28px solid transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.m-sizer { |
|
|
|
.item { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
