|
|
@@ -70,38 +70,37 @@ import { useRouter, useRoute } from "vue-router";
|
|
|
const router = useRouter();
|
|
|
const route = useRoute();
|
|
|
const productList = ref([
|
|
|
- { name: "请选择您的果园土壤类型", items: [{ name: "砂质土" }, { name: "黏质土" }, { name: "壤土" }] },
|
|
|
- { name: "请选择您的灌溉方式", items: [{ name: "砂质土" }, { name: "黏质土" }, { name: "壤土" }] },
|
|
|
+ { name: "请选择您的果园土壤类型", items: [{ name: "红壤" }, { name: "壤土" }, { name: "冲积土" }] },
|
|
|
+ { name: "请选择您的灌溉方式", items: [{ name: "滴灌" }, { name: "穴灌" }, { name: "微喷灌" }] },
|
|
|
{ name: "是否需要改良土壤", items: [{ name: "需要" }, { name: "不需要" }] },
|
|
|
]);
|
|
|
const outputList = ref([
|
|
|
- { name: "灾害1" },
|
|
|
- { name: "灾害2" },
|
|
|
- { name: "灾害3" },
|
|
|
- { name: "灾害4" },
|
|
|
- { name: "灾害5" },
|
|
|
- { name: "灾害6" },
|
|
|
+ { name: "低温冻害" },
|
|
|
+ { name: "干旱" },
|
|
|
+ { name: "暴雨渍水" },
|
|
|
+ { name: "病虫害" },
|
|
|
+ { name: "阴天寡照" },
|
|
|
]);
|
|
|
// 默认选中前两项
|
|
|
-const outputVal = ref(outputList.value.length >= 2
|
|
|
- ? [outputList.value[0].name, outputList.value[1].name]
|
|
|
- : outputList.value.length === 1
|
|
|
- ? [outputList.value[0].name]
|
|
|
- : []);
|
|
|
+const outputVal = ref([]);
|
|
|
const disasterDesc = ref("");
|
|
|
// 初始化默认选中第一项
|
|
|
onActivated(() => {
|
|
|
+ // outputVal.value = outputList.value.length >= 2
|
|
|
+ // ? [outputList.value[0].name, outputList.value[1].name]
|
|
|
+ // : outputList.value.length === 1
|
|
|
+ // ? [outputList.value[0].name]
|
|
|
+ // : []
|
|
|
+ if (route.query.speciesName === '籼稻') {
|
|
|
+ productList.value[0].items = [{ name: "黏质土" }, { name: "壤土" }, { name: "冲积土" }];
|
|
|
+ productList.value[1].items = [{ name: "漫灌" }, { name: "间歇灌溉" }, { name: "喷灌" }];
|
|
|
+ }
|
|
|
// 为 productList 的每个 group 设置默认选中第一项
|
|
|
productList.value.forEach((group) => {
|
|
|
if (group.items && group.items.length > 0 && !group.checked) {
|
|
|
group.checked = group.items[0].name;
|
|
|
}
|
|
|
});
|
|
|
- // outputVal.value = outputList.value.length >= 2
|
|
|
- // ? [outputList.value[0].name, outputList.value[1].name]
|
|
|
- // : outputList.value.length === 1
|
|
|
- // ? [outputList.value[0].name]
|
|
|
- // : []
|
|
|
});
|
|
|
|
|
|
const goBack = () => {
|
|
|
@@ -207,7 +206,7 @@ const handlePage = () => {
|
|
|
border: none;
|
|
|
background: #f1f1f1;
|
|
|
border-radius: 8px;
|
|
|
- padding: 13px 30px;
|
|
|
+ padding: 13px 24px;
|
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
|
color: #000000;
|
|
|
font-size: 15px;
|