|
|
@ -116,7 +116,7 @@
|
|
|
|
<a-button @click="handleUnable" type="danger">
|
|
|
|
<a-button @click="handleUnable" type="danger">
|
|
|
|
取消启用
|
|
|
|
取消启用
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
|
<a-button @click="handleSubmitEnable" type="primary">
|
|
|
|
<a-button @click="handleSubmit" type="primary">
|
|
|
|
保存并启用
|
|
|
|
保存并启用
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
|
<a-button @click="handlePub" type="primary">
|
|
|
|
<a-button @click="handlePub" type="primary">
|
|
|
@ -303,24 +303,22 @@
|
|
|
|
<a-spin :spinning="timeLoading">
|
|
|
|
<a-spin :spinning="timeLoading">
|
|
|
|
<div v-if="timeForm.activitiesList && timeForm.activitiesList.length > 0" class="time">
|
|
|
|
<div v-if="timeForm.activitiesList && timeForm.activitiesList.length > 0" class="time">
|
|
|
|
<div class="time-title">{{ this.timeForm.serviceProjectName }}</div>
|
|
|
|
<div class="time-title">{{ this.timeForm.serviceProjectName }}</div>
|
|
|
|
<div style=" position: absolute;top: 10px;left: 51px;display:flex">
|
|
|
|
<div class="item" v-for="(item,index) in timeForm.activitiesList" :key="item.actId">
|
|
|
|
<div class="top" v-for="item in timeForm.activitiesList" :key="item.actId">
|
|
|
|
<div class="top">
|
|
|
|
<div class="right">
|
|
|
|
<div class="line" :class="{active:item.isYield==1}"></div>
|
|
|
|
<div class="line" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
<div class="point" :class="{active:item.isYield==1}"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line" v-if="index!=timeForm.activitiesList.length-1" :class="{active:item.isYield==1}"></div>
|
|
|
|
<div class="left">
|
|
|
|
|
|
|
|
<div class="point" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="item" v-for="item in timeForm.activitiesList" :key="item.actId">
|
|
|
|
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="text"> {{ item.showName }}</div>
|
|
|
|
<div :title="item.showName+item.actDate">{{ item.showName }}</div>
|
|
|
|
<div class="text" v-if="item.isYield == 1"> {{ item.actDate.substring(0, 10) }}</div>
|
|
|
|
<div v-if="item.isYield==1">{{ item.actDate?item.actDate.substring(0,11):'' }}</div>
|
|
|
|
<div class="sub">
|
|
|
|
<div class="subList">
|
|
|
|
<div class="subItem" :key="ite.actId" v-for="ite in item.subList">
|
|
|
|
<div class="sub" v-for="ite in item.subList" :key="ite.actId">
|
|
|
|
<div class="pointSub" :class="{ active: ite.isYield == 1 }"></div>
|
|
|
|
<div :class="{active:ite.isYield==1}" class="subPoint"></div>
|
|
|
|
{{ ite.showName }}
|
|
|
|
<div :title="ite.showName+ite.actDate" class="text">
|
|
|
|
|
|
|
|
<span style="margin-right: 4px;">{{ ite.showName }}</span>
|
|
|
|
|
|
|
|
<span>{{ ite.actDate?ite.actDate.substring(0,11):'' }}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -703,10 +701,10 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleSubmitEnable() {
|
|
|
|
handleSubmitEnable() {
|
|
|
|
const { form: { validateFields } } = this
|
|
|
|
const { form: { validateFields } } = this
|
|
|
|
this.confirmLoading = true
|
|
|
|
|
|
|
|
validateFields((errors, values) => {
|
|
|
|
validateFields((errors, values) => {
|
|
|
|
if (!errors) {
|
|
|
|
if (!errors) {
|
|
|
|
values.pkId = null
|
|
|
|
values.pkId = null
|
|
|
|
|
|
|
|
this.confirmLoading = true
|
|
|
|
StatusSkuBaseSavAndEnable(values).then((res) => {
|
|
|
|
StatusSkuBaseSavAndEnable(values).then((res) => {
|
|
|
|
this.confirmLoading = false
|
|
|
|
this.confirmLoading = false
|
|
|
|
if (res.data.succ) {
|
|
|
|
if (res.data.succ) {
|
|
|
@ -805,7 +803,6 @@ export default {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: flex-start;
|
|
|
|
align-items: flex-start;
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-top: 10px;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.time-title {
|
|
|
|
.time-title {
|
|
|
|
padding: 10px;
|
|
|
|
padding: 10px;
|
|
|
@ -817,86 +814,49 @@ export default {
|
|
|
|
.active {
|
|
|
|
.active {
|
|
|
|
background: rgb(2, 167, 240) !important;
|
|
|
|
background: rgb(2, 167, 240) !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.item{
|
|
|
|
.item {
|
|
|
|
min-width: 120px;
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-right: -3px;
|
|
|
|
&:nth-child(3) {
|
|
|
|
.top{
|
|
|
|
margin-left: 92px;
|
|
|
|
display: flex;
|
|
|
|
margin-right: 50px;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.line{
|
|
|
|
|
|
|
|
width: 45%;
|
|
|
|
&:nth-child(4) {
|
|
|
|
height: 2px;
|
|
|
|
margin-right: 30px;
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.point{
|
|
|
|
&:nth-child(5) {
|
|
|
|
width: 11px;
|
|
|
|
margin-right: 73px;
|
|
|
|
height: 11px;
|
|
|
|
}
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
&:nth-child(6) {
|
|
|
|
margin: 0 3px;
|
|
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(7) {
|
|
|
|
|
|
|
|
margin-right: 55px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bottom{
|
|
|
|
&:nth-child(8) {
|
|
|
|
text-align: center;
|
|
|
|
margin-right: 30px;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.subList{
|
|
|
|
&:nth-child(9) {
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-right: 41px;
|
|
|
|
padding-left: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.sub{
|
|
|
|
|
|
|
|
margin-top: 4px;
|
|
|
|
.line {
|
|
|
|
display: flex;
|
|
|
|
width: 100px;
|
|
|
|
align-items: center;
|
|
|
|
height: 2px;
|
|
|
|
.subPoint{
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
width: 10px;
|
|
|
|
}
|
|
|
|
height: 10px;
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
.point {
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
width: 10px;
|
|
|
|
margin-right: 3px;
|
|
|
|
height: 10px;
|
|
|
|
}
|
|
|
|
border-radius: 50%;
|
|
|
|
.text{
|
|
|
|
margin: 0 6px;
|
|
|
|
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.left {
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.text {
|
|
|
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.right {
|
|
|
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.top {
|
|
|
|
|
|
|
|
display: flex
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.subItem {
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pointSub {
|
|
|
|
|
|
|
|
width: 10px;
|
|
|
|
|
|
|
|
height: 10px;
|
|
|
|
|
|
|
|
background: rgb(215, 215, 215);
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.active {
|
|
|
|
|
|
|
|
background: rgb(2, 167, 240) !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|