|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="adopt-list" :class="{ 'has-btn': isManySetting }">
|
|
|
- <div class="select-wrap">
|
|
|
+ <div class="select-wrap common-select">
|
|
|
<el-select class="select-item" v-model="areaVal" placeholder="全区" style="width: 116px">
|
|
|
<el-option v-for="item in areaOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
@@ -11,7 +11,7 @@
|
|
|
<el-option v-for="item in ageOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class="select-wrap select-b">
|
|
|
+ <div class="select-wrap select-b common-select">
|
|
|
<el-select class="select-item" v-model="allVal" placeholder="综合评分" style="width: 116px">
|
|
|
<el-option v-for="item in allOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
@@ -47,9 +47,8 @@
|
|
|
<div class="list-item" v-for="(item, index) in displayedAdoptList" :key="index">
|
|
|
<div class="list-info">
|
|
|
<div class="tree-icon">
|
|
|
- <div class="tree-tag" v-show="item.status === 0">{{ ROLE == 1 ? "未定价" : "可团购"}}</div>
|
|
|
- <div class="tree-tag wait" v-show="item.status === 1">{{ ROLE == 1 ? "待认养" : "可团购"}}</div>
|
|
|
- <div class="tree-tag done" v-show="item.status === 2">{{ ROLE == 1 ? "已认养" : "已认养"}}</div>
|
|
|
+ <div class="tree-tag" v-show="item.status === 0">未守护</div>
|
|
|
+ <div class="tree-tag wait" v-show="item.status === 1">已守护</div>
|
|
|
<!-- <img class="tree-img" src="@/assets/images/foster-home/tree-item.png" alt="" /> -->
|
|
|
<img class="tree-img" :src="require(`@/assets/images/foster-home/list/${index < 7 ? index : 0}.png`)" alt="" />
|
|
|
<div class="tree-type-name-tag">白糖罂</div>
|
|
@@ -57,11 +56,11 @@
|
|
|
<div class="item-center">
|
|
|
<div class="center-t">
|
|
|
{{item.bm ? item.bm : "BTY-A3"+index}}
|
|
|
- <span class="type-tag">综合:{{item.zh||94}}分</span>
|
|
|
- <span class="type-tag">生态:{{item.st||92}}分</span>
|
|
|
+ <!-- <span class="type-tag">综合:{{item.zh||94}}分</span>
|
|
|
+ <span class="type-tag">生态:{{item.st||92}}分</span> -->
|
|
|
</div>
|
|
|
- <!-- 批量设置单价 -->
|
|
|
- <div class="center-item" v-show="isManySetting && settingType !== 'price'">单价:<span class="unit">{{item.price||12}}元/斤</span></div>
|
|
|
+ <!-- 批量设置栽种时间 -->
|
|
|
+ <div class="center-item" v-show="isManySetting && settingType !== 'price'">栽种时间:<span class="unit">{{item.time}}</span></div>
|
|
|
|
|
|
<!-- 批量设置树龄或单项设置 -->
|
|
|
<div class="center-item p-t-2 has-input" v-show="(isManySetting && settingType === 'age') || item.settingPrice">
|
|
@@ -93,17 +92,13 @@
|
|
|
<el-input-number @change="settingSinglePrice" class="number-input" :controls="false" v-model="item.total" :min="0" />
|
|
|
<span class="unit">斤</span>
|
|
|
</div>
|
|
|
- <!-- 团长角色 -->
|
|
|
- <div class="center-item p-t-2 progress-wrap" v-show="ROLE==2 && item.status !== 2">
|
|
|
- 剩余可购:
|
|
|
- <el-progress :percentage="60" color="#FFD887"><span class="progress-text"><span class="over">150</span>/215斤</span></el-progress>
|
|
|
- </div>
|
|
|
- <div class="center-item p-t-2 progress-wrap" v-show="ROLE==2 && item.status === 2">
|
|
|
- 权属人:
|
|
|
+
|
|
|
+ <div class="center-item p-t-2 progress-wrap" v-show="item.status === 1">
|
|
|
+ 守护人:
|
|
|
<span class="unit">
|
|
|
<div class="user-item">
|
|
|
<div class="user-detail" v-for="(owner, oI) in owners" :key="oI">
|
|
|
- {{ owner.userName }}({{ owner.value }}斤)
|
|
|
+ {{ owner.userName }}
|
|
|
<span v-show="oI<owners.length-1">/</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -177,18 +172,18 @@ const statusOptions = ref([
|
|
|
]);
|
|
|
|
|
|
const adoptList = ref([
|
|
|
- { status: 0, price: 10, bm: "BTY-A21", pz: "白糖罂", zh: 94, st: 92, sl: 5, total: 215 },
|
|
|
- { status: 0, price: 12, bm: "BTY-A22", pz: "白糖罂", zh: 92, st: 94, sl: 6, total: 201 },
|
|
|
- { status: 0, price: 8, bm: "BTY-A25", pz: "白糖罂", zh: 92, st: 94, sl: 4, total: 220 },
|
|
|
- { status: 1, price: 13, bm: "BTY-A31", pz: "白糖罂", zh: 90, st: 92, sl: 6, total: 202 },
|
|
|
- { status: 1, price: 10, bm: "BTY-A33", pz: "白糖罂", zh: 90, st: 96, sl: 7, total: 190 },
|
|
|
- { status: 1, price: 16 },
|
|
|
- { status: 1, price: 16 },
|
|
|
- { status: 2, price: 16 },
|
|
|
- { status: 2, price: 16 },
|
|
|
+ { status: 0, price: 10, bm: "BTY-A21", pz: "白糖罂", zh: 94, st: 92, sl: 5, total: 215, time: "2022.02.15", },
|
|
|
+ { status: 0, price: 12, bm: "BTY-A22", pz: "白糖罂", zh: 92, st: 94, sl: 6, total: 201, time: "2022.02.15" },
|
|
|
+ { status: 0, price: 8, bm: "BTY-A25", pz: "白糖罂", zh: 92, st: 94, sl: 4, total: 220, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 13, bm: "BTY-A31", pz: "白糖罂", zh: 90, st: 92, sl: 6, total: 202, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 10, bm: "BTY-A33", pz: "白糖罂", zh: 90, st: 96, sl: 7, total: 190, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 16, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 16, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 16, time: "2022.02.15" },
|
|
|
+ { status: 1, price: 16, time: "2022.02.15" },
|
|
|
]);
|
|
|
|
|
|
-const owners = ref([{userName: "王丽丽", value: 50}, {userName: "张山", value: 30}])
|
|
|
+const owners = ref([{userName: "王丽丽", value: 50}])
|
|
|
|
|
|
const displayedAdoptList = ref([...adoptList.value]); // 初始时显示完整列表
|
|
|
|
|
@@ -248,23 +243,23 @@ function settingSinglePrice() {
|
|
|
.select-wrap {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- ::v-deep {
|
|
|
- .el-select__wrapper {
|
|
|
- background: rgba(255, 212, 137, 0.06);
|
|
|
- box-shadow: 0 0 0 1px rgba(255, 212, 137, 0.3) inset;
|
|
|
- font-size: 13px;
|
|
|
- .el-select__input {
|
|
|
- color: #ffd489;
|
|
|
- }
|
|
|
- .el-select__placeholder {
|
|
|
- color: #ffd489;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .el-select__suffix {
|
|
|
- color: #ffd489;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ // ::v-deep {
|
|
|
+ // .el-select__wrapper {
|
|
|
+ // background: rgba(255, 212, 137, 0.06);
|
|
|
+ // box-shadow: 0 0 0 1px rgba(255, 212, 137, 0.3) inset;
|
|
|
+ // font-size: 13px;
|
|
|
+ // .el-select__input {
|
|
|
+ // color: #ffd489;
|
|
|
+ // }
|
|
|
+ // .el-select__placeholder {
|
|
|
+ // color: #ffd489;
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
+ // .el-select__suffix {
|
|
|
+ // color: #ffd489;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
.select-item + .select-item {
|
|
|
margin-left: 5px;
|
|
|
}
|
|
@@ -306,13 +301,13 @@ function settingSinglePrice() {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
- background: #0accbf;
|
|
|
+ background: rgba(33, 153, 248, 0.7);
|
|
|
border-radius: 5px 0 5px 0;
|
|
|
color: #fff;
|
|
|
padding: 1px 6px;
|
|
|
font-size: 10px;
|
|
|
&.wait {
|
|
|
- background: #f0ac37;
|
|
|
+ background: rgba(106, 106, 106, 0.7);
|
|
|
}
|
|
|
&.done {
|
|
|
background: #757575;
|
|
@@ -327,8 +322,10 @@ function settingSinglePrice() {
|
|
|
font-size: 10px;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
- padding: 1px;
|
|
|
- backdrop-filter: blur(2px);
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ backdrop-filter: blur(4px);
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.tree-img {
|
|
|
width: 63px;
|
|
@@ -340,7 +337,7 @@ function settingSinglePrice() {
|
|
|
.item-center {
|
|
|
flex: 1;
|
|
|
padding: 0 12px;
|
|
|
- color: #fff;
|
|
|
+ color: #000000;
|
|
|
.center-t {
|
|
|
font-size: 14px;
|
|
|
}
|
|
@@ -381,7 +378,7 @@ function settingSinglePrice() {
|
|
|
margin: 0 10px;
|
|
|
height: 10px;
|
|
|
width: 1px;
|
|
|
- background: #6C6C6C;
|
|
|
+ background: rgba(0, 0, 0, 0.66);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -407,7 +404,7 @@ function settingSinglePrice() {
|
|
|
}
|
|
|
.unit {
|
|
|
padding-left: 5px;
|
|
|
- color: #fff;
|
|
|
+ color: #000000;
|
|
|
}
|
|
|
.many-setting {
|
|
|
background: rgba(255, 212, 137, 0.08);
|