|
@@ -27,9 +27,18 @@
|
|
|
<el-table-column prop="name" label="企业名称" />
|
|
|
<el-table-column prop="area" label="覆盖范围" show-overflow-tooltip />
|
|
|
<el-table-column prop="step" label="完成进度" show-overflow-tooltip />
|
|
|
- <el-table-column prop="rate" label="系统/信用评分" show-overflow-tooltip />
|
|
|
+ <el-table-column prop="rate" label="系统农事成效评分" show-overflow-tooltip />
|
|
|
<el-table-column prop="farmRate" label="农户评价" show-overflow-tooltip />
|
|
|
- <el-table-column prop="result" label="成效" show-overflow-tooltip />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="table-wrap" v-if="msg.text.name === '当前高州的作物分布和物候期?' && msg.loadEnd">
|
|
|
+ <el-table :data="tableData3" border style="width: 100%">
|
|
|
+ <el-table-column prop="name" label="农作物类型" />
|
|
|
+ <el-table-column prop="area" label="播种面积(亩)">
|
|
|
+ <template #default="scope">
|
|
|
+ {{ scope.row.area }}亩
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -64,7 +73,7 @@
|
|
|
<div class="bubble">
|
|
|
<div class="ask-title">你可以试着问我</div>
|
|
|
<div class="ask-list">
|
|
|
- <div class="to-map" v-for="(ask, askI) in msg.text.content" :key="askI" @click="toMapLayer(ask)">
|
|
|
+ <div class="to-map" v-for="(ask, askI) in msg.text.content" :key="askI" @click="toMapLayer(ask, msg.text)">
|
|
|
<li>
|
|
|
{{ ask }}
|
|
|
</li>
|
|
@@ -150,60 +159,82 @@ const tableData = ref([
|
|
|
])
|
|
|
|
|
|
const tableData2 = ref([
|
|
|
- {name: "天合股份", area: "广东省及周边省份,100家配送中心", step: "2024年上半年服务243.71万亩,带动增收1.11亿元;2025年目标完成率约24%", rate: "未明确评分", farmRate: "服务超6万户,节本增收显著", result: "绿色农资全覆盖,建立“耕、种、管、收”全程服务体系"},
|
|
|
- {name: "大炎农业", area: "广东省及周边", step: "承担17.84万亩水稻、6.17万亩蔬菜物化补贴;带动654户农户销售226.1吨", rate: "绿色补贴覆盖率100%", farmRate: "合作社带动增收,农户组织化程度提高", result: "助农销售1.3亿元,建立稳定增收渠道"},
|
|
|
- {name: "美荔公司", area: "广东省及周边", step: "完成30万亩次测土配方施肥目标", rate: "A级信用评定", farmRate: "守信经营,服务标准化受认可", result: "保障农资质量安全,推动化肥减量增效,覆盖本地10家A级企业"},
|
|
|
+ {name: "天*股份", area: "广东省及周边省份,100家配送中心", step: "此次花期统防统治接收任务28个,完成进度64%。", rate: "90分", farmRate: "89分"},
|
|
|
+ {name: "大*农业", area: "广东省及周边省份", step: "此次花期统防统治接收任务17个,完成进度80%。", rate: "95分", farmRate: "92分"},
|
|
|
+ {name: "美*公司", area: "广东省及周边省份", step: "此次花期统防统治接收任务13个,完成进度59%。", rate: "89分", farmRate: "90分"},
|
|
|
+ {name: "盛*农业", area: "广东省、广西省,50家配送中心", step: "此次花期统防统治接收任务25个,完成进度72%", rate: "91分", farmRate: "88分"},
|
|
|
+ {name: "宝*公司", area: "广东省及周边省份", step: "此次花期统防统治接收任务20个,完成进度67%", rate: "90分", farmRate: "92分"},
|
|
|
+ {name: "优*农业", area: "广东省、福建省,30家配送中心", step: "此次花期统防统治接收任务15个,完成进度85%", rate: "94分", farmRate: "93分"},
|
|
|
+ {name: "新*科技", area: "广东省及周边省份", step: "此次花期统防统治接收任务18个,完成进度70%", rate: "87分", farmRate: "86分"},
|
|
|
+ {name: "海*农资", area: "广东省及周边省份", step: "此次花期统防统治接收任务21个,完成进度91%", rate: "96分", farmRate: "94分"},
|
|
|
+ {name: "丰*公司", area: "广东省、海南省", step: "此次花期统防统治接收任务20个,完成进度68%", rate: "88分", farmRate: "85分"},
|
|
|
+ {name: "绿*农业", area: "广东省、广西省,70家配送中心", step: "此次花期统防统治接收任务30个,完成进度75%", rate: "91分", farmRate: "93分"},
|
|
|
+ {name: "亮*集团", area: "广东省、云南省 ", step: "此次花期统防统治接收任务16个,完成进度70%", rate: "91分", farmRate: "89分"},
|
|
|
+])
|
|
|
+
|
|
|
+const tableData3 = ref([
|
|
|
+ {name: "水稻", area: "839884"},
|
|
|
+ {name: "玉米", area: "16079"},
|
|
|
+ {name: "番薯", area: "39467"},
|
|
|
+ {name: "花生", area: "121093"},
|
|
|
+ {name: "中草药材", area: "72357"},
|
|
|
+ {name: "蔬菜", area: "407695"},
|
|
|
+ {name: "荔枝", area: "590322"},
|
|
|
+ {name: "龙眼", area: "324390"},
|
|
|
+ {name: "香蕉", area: "258688"},
|
|
|
+ {name: "柚子", area: "14527"},
|
|
|
+ {name: "黄皮", area: "48020"},
|
|
|
])
|
|
|
|
|
|
const steps = [
|
|
|
- { type: "auto", text: { header: "您好,飞鸟智慧种植大脑是您的私人管家" }, loadEnd: false },
|
|
|
+ { type: "auto", text: { header: "您好,飞鸟智慧种植大脑是您的私人管家" } },
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
- askHeader: "当前高州的作物分布",
|
|
|
- askContent: ["当前高州的作物分布",],
|
|
|
+ mapName: "分散种植",
|
|
|
+ askHeader: "当前高州的作物分布和物候期?",
|
|
|
+ askContent: ["当前高州的作物分布和物候期?",],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
+ mapName: "爆花态势",
|
|
|
askHeader: "当前区域荔枝有什么生长风险?",
|
|
|
askContent: ["当前区域荔枝有什么生长风险?"],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
- askHeader: "当前区域哪些有荔枝地块有病虫害",
|
|
|
- askContent: ["当前区域哪些有荔枝地块有病虫害"],
|
|
|
+ mapName: "病虫态势",
|
|
|
+ askHeader: "当前区域哪些有荔枝地块病虫害风险较高",
|
|
|
+ askContent: ["当前区域哪些有荔枝地块病虫害风险较高"],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
+ mapName: "农情需求",
|
|
|
askHeader: "现在哪些地方有农情需求",
|
|
|
askContent: ["现在哪些地方有农情需求"],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
+ mapName: "植保机",
|
|
|
askHeader: "哪些地方有植保机",
|
|
|
askContent: ["哪些地方有植保机"],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
{
|
|
|
type: "ask",
|
|
|
text: {
|
|
|
+ mapName: "",
|
|
|
askHeader: "花期统防统治报表,有没有与农资对接",
|
|
|
askContent: ["花期统防统治报表,有没有与农资对接"],
|
|
|
},
|
|
|
- loadEnd: false
|
|
|
},
|
|
|
];
|
|
|
|
|
@@ -243,9 +274,9 @@ const loadState = () => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const toMapLayer = (name) => {
|
|
|
- eventBus.emit("chat:showMapLayer", name)
|
|
|
+const toMapLayer = (name, text) => {
|
|
|
askText(name)
|
|
|
+ eventBus.emit("chat:showMapLayer", {name, mapName: text.mapName})
|
|
|
// addSystemReply('system', {header: name, content: '', name}, () => {
|
|
|
// steps[stepIndex.value].loadEnd = true
|
|
|
// });
|
|
@@ -269,7 +300,6 @@ const sendMessage = () => {
|
|
|
|
|
|
// 模拟系统回复
|
|
|
// setTimeout(() => {
|
|
|
- // console.log("userInput", userText);
|
|
|
// messages.value.push({ text: "系统回复: " + userText, type: "system" });
|
|
|
// }, 500);
|
|
|
|
|
@@ -310,15 +340,13 @@ const sendMessage = () => {
|
|
|
userInput.value = "";
|
|
|
};
|
|
|
|
|
|
-const loadEnd = ref(false);
|
|
|
-
|
|
|
// **逐字显示系统回复(header 和 content)**
|
|
|
const addSystemReply = (type = "system", textObject, callback) => {
|
|
|
isProcessing.value = true
|
|
|
let currentHeader = "";
|
|
|
let currentContent = "";
|
|
|
if (type === "ask") {
|
|
|
- messages.value.push({ text: { header: textObject.askHeader, content: textObject.askContent, }, type });
|
|
|
+ messages.value.push({ text: { header: textObject.askHeader, content: textObject.askContent, mapName: textObject.mapName }, type });
|
|
|
} else {
|
|
|
messages.value.push({ text: { header: currentHeader, content: currentContent, name: textObject.name }, type });
|
|
|
}
|
|
@@ -422,7 +450,7 @@ onMounted(() => {
|
|
|
});
|
|
|
|
|
|
eventBus.on("chat:hideMapLayer", () => {
|
|
|
- setTimeout(triggerNextStep, 2000);
|
|
|
+ // setTimeout(triggerNextStep, 2000);
|
|
|
})
|
|
|
|
|
|
// **滚动到底部**
|
|
@@ -491,12 +519,15 @@ const scrollToBottom = () => {
|
|
|
border-bottom-color: #555555;
|
|
|
border-right-color: #555555;
|
|
|
}
|
|
|
+ .el-table .el-table__body tr:hover > td {
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
.el-table {
|
|
|
color: #fff;
|
|
|
}
|
|
|
.el-table tr {
|
|
|
background: #2F2F2F;
|
|
|
- pointer-events: none;
|
|
|
+ // pointer-events: none;
|
|
|
}
|
|
|
.el-table thead {
|
|
|
color: #999999;
|