|
@@ -32,10 +32,13 @@
|
|
<div>生态指标</div>
|
|
<div>生态指标</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="progress-wrap" v-show="ROLE == 2">
|
|
|
|
|
|
+ <div class="progress-wrap" v-show="ROLE == 2 && isProgress === 1">
|
|
<div class="progress-text"><span class="over">150</span>/215</div>
|
|
<div class="progress-text"><span class="over">150</span>/215</div>
|
|
<el-progress class="progress-val" :percentage="60" color="#FFD887"></el-progress>
|
|
<el-progress class="progress-val" :percentage="60" color="#FFD887"></el-progress>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="progress-wrap done-progress" v-show="ROLE == 2 && isProgress === 0">
|
|
|
|
+ <div class="progress-text">团购/认养已结束</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<img class="tree" src="@/assets/images/foster-home/tree.png" alt="" />
|
|
<img class="tree" src="@/assets/images/foster-home/tree.png" alt="" />
|
|
<div class="photo-box">
|
|
<div class="photo-box">
|
|
@@ -121,6 +124,8 @@ import { useStore } from "vuex";
|
|
let store = useStore();
|
|
let store = useStore();
|
|
|
|
|
|
const ROLE = store.state.home.userRole;
|
|
const ROLE = store.state.home.userRole;
|
|
|
|
+// 认养进度-1以结束/0进行中
|
|
|
|
+const isProgress = ref(1);
|
|
|
|
|
|
const active = ref(0);
|
|
const active = ref(0);
|
|
const tabsList = ["全部", "标准", "气象"];
|
|
const tabsList = ["全部", "标准", "气象"];
|
|
@@ -386,6 +391,12 @@ const handleMore = () => {
|
|
left: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
width: 110px;
|
|
width: 110px;
|
|
|
|
+ &.done-progress {
|
|
|
|
+ top: 50px;
|
|
|
|
+ .progress-text {
|
|
|
|
+ color: #CFCFCF;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.progress-text {
|
|
.progress-text {
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
color: #999999;
|
|
color: #999999;
|