|
@@ -13,9 +13,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="fertilizer-list">
|
|
<div class="fertilizer-list">
|
|
|
- <div class="fertilizer-card" @click.stop="handleEdit(item)" v-for="(item, index) in 4" :key="index">
|
|
|
|
|
|
|
+ <div class="fertilizer-card" @click.stop="handleEdit(item)" v-for="(item, index) in priceList" :key="index">
|
|
|
<div class="card-header">
|
|
<div class="card-header">
|
|
|
- <div class="title">乙烯利乙烯利乙烯利</div>
|
|
|
|
|
|
|
+ <div class="title">{{ item.name }}</div>
|
|
|
<div class="action-btn">
|
|
<div class="action-btn">
|
|
|
<el-icon @click.stop="handleEdit(item)" color="#2199F8" size="18"><Edit /></el-icon>
|
|
<el-icon @click.stop="handleEdit(item)" color="#2199F8" size="18"><Edit /></el-icon>
|
|
|
<!-- <el-icon @click.stop="openDelete" color="#E04C4C" size="18"><Delete /></el-icon> -->
|
|
<!-- <el-icon @click.stop="openDelete" color="#E04C4C" size="18"><Delete /></el-icon> -->
|
|
@@ -24,31 +24,30 @@
|
|
|
<div class="info">
|
|
<div class="info">
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">药物品牌</span>
|
|
<span class="label">药物品牌</span>
|
|
|
- <span class="value">国光国光国光</span>
|
|
|
|
|
|
|
+ <span class="value">{{ item.brand }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">药费类型</span>
|
|
<span class="label">药费类型</span>
|
|
|
- <span class="value">农药类/杀虫剂/胃毒性</span>
|
|
|
|
|
|
|
+ <span class="value">{{ item.typeName }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">施用方式</span>
|
|
<span class="label">施用方式</span>
|
|
|
- <span class="value">叶面施</span>
|
|
|
|
|
|
|
+ <span class="value">{{ item.useMode }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<transition name="collapse">
|
|
<transition name="collapse">
|
|
|
<div class="extra-info" v-show="isExpanded(index)">
|
|
<div class="extra-info" v-show="isExpanded(index)">
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">计量单位</span>
|
|
<span class="label">计量单位</span>
|
|
|
- <span class="value">克</span>
|
|
|
|
|
|
|
+ <span class="value">{{ item.unit }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">单位兑水量</span>
|
|
<span class="label">单位兑水量</span>
|
|
|
- <span class="value">1000ml-2000ml</span>
|
|
|
|
|
|
|
+ <span class="value">{{ item.unitUsage }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<span class="label">适用品类</span>
|
|
<span class="label">适用品类</span>
|
|
|
<span class="value tag-group">
|
|
<span class="value tag-group">
|
|
|
- <span class="tag-item">荔枝</span>
|
|
|
|
|
- <span class="tag-item">龙眼</span>
|
|
|
|
|
|
|
+ <span class="tag-item">{{ item.unitWaterAmount }}</span>
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -60,15 +59,15 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="stats">
|
|
<div class="stats">
|
|
|
<div class="col">
|
|
<div class="col">
|
|
|
- <div class="num">1258<span class="unit"> 元/克</span></div>
|
|
|
|
|
|
|
+ <div class="num">{{ item.price }}<span class="unit"> 元/{{ item.unit }}</span></div>
|
|
|
<div class="desc">成本</div>
|
|
<div class="desc">成本</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="col">
|
|
<div class="col">
|
|
|
- <div class="num">1258<span class="unit"> 元/克</span></div>
|
|
|
|
|
|
|
+ <div class="num">{{ item.cost }}<span class="unit"> 元/{{ item.unit }}</span></div>
|
|
|
<div class="desc">报价</div>
|
|
<div class="desc">报价</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="col">
|
|
<div class="col">
|
|
|
- <div class="num">12222<span class="unit"> 克</span></div>
|
|
|
|
|
|
|
+ <div class="num">{{ item.stock }}<span class="unit"> {{ item.unit }}</span></div>
|
|
|
<div class="desc">库存</div>
|
|
<div class="desc">库存</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -94,6 +93,15 @@ const activePlanIndex = ref(0);
|
|
|
// 记录已展开卡片索引的集合
|
|
// 记录已展开卡片索引的集合
|
|
|
const expandedSet = ref(new Set());
|
|
const expandedSet = ref(new Set());
|
|
|
|
|
|
|
|
|
|
+const priceList = ref([
|
|
|
|
|
+ { name: "46%尿素", brand: "东巨", typeName: "农药类/杀虫剂/胃毒性", useMode: "根部施", unit: "克", unitUsage: "5-7.5公斤", unitWaterAmount: "水稻", price: "0.02", cost: '0.007', stock: "43015" },
|
|
|
|
|
+ { name: "硫酸铵", brand: "东巨", typeName: "农药类/杀虫剂/胃毒性", useMode: "根部施", unit: "克", unitUsage: "5-7.5公斤", unitWaterAmount: "水稻", price: "0.01", cost: '0.005', stock: "33426" },
|
|
|
|
|
+ { name: "磷酸钙", brand: "兴发", typeName: "农药类/杀虫剂/胃毒性", useMode: "根部施", unit: "千克", unitUsage: "10-15公斤", unitWaterAmount: "水稻", price: "1.6", cost: '1.2', stock: "6745" },
|
|
|
|
|
+ { name: "0.2%磷酸二氢钾溶液", brand: "亚泰", typeName: "农药类/杀虫剂/胃毒性", useMode: "叶面施", unit: "克", unitUsage: "50-100克", unitWaterAmount: "水稻", price: "0.04", cost: '0.01', stock: "17236" },
|
|
|
|
|
+ { name: "0.15%-0.25%矮壮素", brand: "瑞普生", price: "0.03", cost: '0.01', stock: "2542", unit: "毫升", unitUsage: "按使用说明", typeName: "农药类/杀虫剂/胃毒性", useMode: "叶面施", unitWaterAmount: "水稻" },
|
|
|
|
|
+ { name: "20%氯虫苯甲酰胺悬浮剂", brand: "立占", price: "0.08", cost: '0.02', stock: "3125", unit: "克", unitUsage: "10-15毫升", typeName: "农药类/杀虫剂/胃毒性", useMode: "叶面施", unitWaterAmount: "水稻" },
|
|
|
|
|
+]);
|
|
|
|
|
+
|
|
|
const handlePlanClick = (index) => {
|
|
const handlePlanClick = (index) => {
|
|
|
activePlanIndex.value = index;
|
|
activePlanIndex.value = index;
|
|
|
};
|
|
};
|