|
|
@@ -182,8 +182,9 @@
|
|
|
</template> -->
|
|
|
<div class="dialog-loading-warp">
|
|
|
<div class="steps">
|
|
|
- <div v-for="item in 4" :key="item" :class="{ 'step-selected': curStep >= item }">
|
|
|
+ <div v-for="item in 4" :key="item" :class="{ 'step-item': true, 'step-selected': curStep >= item }">
|
|
|
<span @click="stepClick(item)">{{ item }}</span>
|
|
|
+ <p v-if="(item == 2 && firstHtml != '') || (item == 4 && valueHtml != '')">报告已生成</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-show="curStep == 1">
|
|
|
@@ -1447,32 +1448,51 @@ const delEventDepts = (index) => {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
padding: 20px 0;
|
|
|
-
|
|
|
- > div span {
|
|
|
- width: 35px;
|
|
|
- height: 35px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border: 2px solid #1890ff;
|
|
|
- color: #1890ff;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 700;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
-
|
|
|
- > div:not(:last-child) {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
- &::after {
|
|
|
- content: '';
|
|
|
+ .step-item {
|
|
|
+ position: relative;
|
|
|
+ p {
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ left: -10px;
|
|
|
+ color: #1890ff;
|
|
|
+ font-size: 12px;
|
|
|
width: 100px;
|
|
|
- height: 0;
|
|
|
- margin: 0 20px;
|
|
|
- border: 0.5px solid #a6a6a6;
|
|
|
+ }
|
|
|
+ span {
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border: 2px solid #1890ff;
|
|
|
+ color: #1890ff;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ border-radius: 50%;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ &:not(:last-child) {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ width: 100px;
|
|
|
+ height: 0;
|
|
|
+ margin: 0 20px;
|
|
|
+ border: 0.5px solid #a6a6a6;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+ // > div {
|
|
|
+ // // position: relative;
|
|
|
+ // // p {
|
|
|
+ // // position: absolute;
|
|
|
+ // // left: 0;
|
|
|
+ // // }
|
|
|
+
|
|
|
+ // }
|
|
|
+ // > div > div
|
|
|
|
|
|
.step-selected span {
|
|
|
background: #1890ff;
|
