il y a 7 mois · 9bf1808b98
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 
				   <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				   <!-- <link rel="stylesheet" href="https://static.fuxicarbon.com/bigModel/js/katex.min.css"> -->
			
 
				   <script src="https://static.fuxicarbon.com/bigModel/js/katex.min.js"></script>
			
 
				-  <title>LibraAI人工智能运营体</title>
			
 
				+  <title>LibraAI智能体运营平台</title>
			
 
				 </head>
			
 
				 
			
 
				 <body>
			
--- a/src/api/control.js
+++ b/src/api/control.js
@@ -0,0 +1,13 @@
 
				+import http from "@/utils/request";
			
 
				+
			
 
				+export const controlApi = {
			
 
				+  /**
			
 
				+   * 碳源投加 获取echart记录 - 数据看板
			
 
				+   */
			
 
				+  getEchartData: (type) => http.get(`/front/bigModel/smartAdd/charList/${type}`),
			
 
				+  
			
 
				+  /**
			
 
				+   * 碳源投加 基础数值数据
			
 
				+   */
			
 
				+  getNumValue: () => http.get(`/front/bigModel/smartAdd/dataInfo`),
			
 
				+}
			
--- a/src/assets/fonts/D-DIN-PRO-700-Bold.otf
+++ b/src/assets/fonts/D-DIN-PRO-700-Bold.otf
--- a/src/assets/images/control/bg-control-top.png
+++ b/src/assets/images/control/bg-control-top.png
--- a/src/assets/images/control/bg-num-bg.png
+++ b/src/assets/images/control/bg-num-bg.png
--- a/src/assets/images/control/bg-num-one.png
+++ b/src/assets/images/control/bg-num-one.png
--- a/src/assets/images/control/img-result-card.png
+++ b/src/assets/images/control/img-result-card.png
--- a/src/assets/styles/common.scss
+++ b/src/assets/styles/common.scss
@@ -8,6 +8,14 @@
 
				   font-style: normal;
			
 
				 }
			
 
				 
			
 
				+@font-face {
			
 
				+  font-display: swap;
			
 
				+  font-family: 'D-DIN-PRO-700-Bold';
			
 
				+  src: url('@/assets/fonts/D-DIN-PRO-700-Bold.otf') format('opentype');
			
 
				+  font-weight: normal;
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+
			
 
				 // chat 布局相关
			
 
				 .chat-ask_icon,
			
 
				 .chat-answer_icon {
			
--- a/src/assets/styles/katex.min.scss
+++ b/src/assets/styles/katex.min.scss
--- a/src/assets/svgs/chat/icon-file-active.svg
+++ b/src/assets/svgs/chat/icon-file-active.svg
@@ -0,0 +1,4 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="29" viewBox="0 0 28 29" fill="none">
			
 
				+    <path d="M11.5693 7.08568L12.2605 6.36294L12.2605 6.36294L11.5693 7.08568ZM10.7686 6.403L11.2742 5.54023H11.2742L10.7686 6.403ZM10.1258 6.14856L9.902 7.1232L10.1258 6.14856ZM16.7838 24.0898C17.3361 24.0898 17.7838 23.6421 17.7838 23.0898C17.7838 22.5376 17.3361 22.0898 16.7838 22.0898V24.0898ZM21.75 12.1252C21.75 12.6775 22.1977 13.1252 22.75 13.1252C23.3023 13.1252 23.75 12.6775 23.75 12.1252H21.75ZM12.1703 7.66031L11.4791 8.38305L12.1703 7.66031ZM13.5525 8.21484V9.21484V8.21484ZM3.75 21.0898V8.08984H1.75V21.0898H3.75ZM12.8614 6.93758L12.2605 6.36294L10.8782 7.80841L11.4791 8.38305L12.8614 6.93758ZM9.05494 5.08984H4.75V7.08984H9.05494V5.08984ZM12.2605 6.36294C11.9095 6.02732 11.6227 5.74446 11.2742 5.54023L10.263 7.26578C10.363 7.32438 10.4605 7.40899 10.8782 7.80841L12.2605 6.36294ZM9.05494 7.08984C9.64413 7.08984 9.78242 7.09575 9.902 7.1232L10.3495 5.17391C9.95761 5.08394 9.55282 5.08984 9.05494 5.08984V7.08984ZM11.2742 5.54023C10.9864 5.37159 10.6739 5.24839 10.3495 5.17391L9.902 7.1232C10.0311 7.15283 10.1531 7.20139 10.263 7.26578L11.2742 5.54023ZM13.5525 9.21484L20.75 9.21484V7.21484L13.5525 7.21484V9.21484ZM16.7838 22.0898H4.75V24.0898H16.7838V22.0898ZM21.75 10.2148V12.1252H23.75V10.2148H21.75ZM11.4791 8.38305C12.0374 8.9169 12.7801 9.21484 13.5525 9.21484V7.21484C13.295 7.21484 13.0475 7.11553 12.8614 6.93758L11.4791 8.38305ZM20.75 9.21484C21.3023 9.21484 21.75 9.66256 21.75 10.2148H23.75C23.75 8.55799 22.4069 7.21484 20.75 7.21484V9.21484ZM3.75 8.08984C3.75 7.53756 4.19771 7.08984 4.75 7.08984V5.08984C3.09314 5.08984 1.75 6.43299 1.75 8.08984H3.75ZM1.75 21.0898C1.75 22.7467 3.09315 24.0898 4.75 24.0898V22.0898C4.19772 22.0898 3.75 21.6421 3.75 21.0898H1.75Z" fill="#2454FF"/>
			
 
				+    <path d="M22.75 15.8481V23.1106M22.75 15.8481L25.25 18.7354M22.75 15.8481L20.25 18.7354" stroke="#2454FF" stroke-width="2" stroke-linecap="round"/>
			
 
				+<script xmlns=""/></svg>
			
--- a/src/assets/svgs/chat/icon-file-default.svg
+++ b/src/assets/svgs/chat/icon-file-default.svg
@@ -0,0 +1,4 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="29" viewBox="0 0 28 29" fill="none">
			
 
				+    <path d="M16.7838 23.0898H4.75C3.64543 23.0898 2.75 22.1944 2.75 21.0898L2.75 8.08984C2.75 6.98527 3.64543 6.08984 4.75 6.08984H9.05494C9.59847 6.08984 9.87001 6.08984 10.1258 6.14856C10.3525 6.20061 10.5697 6.28649 10.7686 6.403C10.9928 6.53442 11.185 6.71816 11.5693 7.08568L12.1703 7.66031C12.5424 8.01621 13.0375 8.21484 13.5525 8.21484L20.75 8.21484C21.8546 8.21484 22.75 9.11027 22.75 10.2148V12.1252" stroke="#4F5866" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
			
 
				+    <path d="M22.75 15.8481V23.1106M22.75 15.8481L25.25 18.7354M22.75 15.8481L20.25 18.7354" stroke="#4F5866" stroke-width="2" stroke-linecap="round" />
			
 
				+<script xmlns=""/></svg>
			
--- a/src/assets/svgs/chat/icon-file.svg
+++ b/src/assets/svgs/chat/icon-file.svg
@@ -0,0 +1,7 @@
 
				+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
			
 
				+<path d="M23.1961 2.25703H9.50625C6.76055 2.25703 4.53867 4.48242 4.53867 7.22461V28.7719C4.53867 31.5176 6.76406 33.7395 9.50625 33.7395H26.5746C29.3203 33.7395 31.5422 31.5141 31.5422 28.7719V10.6066C31.5422 9.48867 31.0992 8.41641 30.3082 7.62187L26.1773 3.49102C25.3863 2.7 24.3141 2.25703 23.1961 2.25703Z" fill="#2454FF"/>
			
 
				+<path d="M30.2941 7.62188L26.1633 3.49102C25.5656 2.89336 24.8098 2.49609 23.9941 2.33438V6.97148C23.9941 8.44453 25.1859 9.63633 26.659 9.63633H31.4191C31.2363 8.87695 30.8531 8.17734 30.2941 7.62188Z" fill="#193FC4"/>
			
 
				+<rect x="8" y="12" width="11" height="3" rx="1.5" fill="white"/>
			
 
				+<rect x="8" y="18" width="20" height="3" rx="1.5" fill="white"/>
			
 
				+<rect x="8" y="24" width="20" height="3" rx="1.5" fill="white"/>
			
 
				+</svg>
			
--- a/src/assets/svgs/control/icon-cancel.svg
+++ b/src/assets/svgs/control/icon-cancel.svg
@@ -0,0 +1,12 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" >
			
 
				+  <g clip-path="url(#clip0_2566_2833)">
			
 
				+    <path d="M8.00004 14.6663C11.6819 14.6663 14.6667 11.6816 14.6667 7.99967C14.6667 4.31777 11.6819 1.33301 8.00004 1.33301C4.31814 1.33301 1.33337 4.31777 1.33337 7.99967C1.33337 11.6816 4.31814 14.6663 8.00004 14.6663Z" stroke-width="1.33333" stroke-linejoin="round"/>
			
 
				+    <path d="M9.88561 6.11426L6.11438 9.88549" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
			
 
				+    <path d="M6.11438 6.11426L9.88561 9.88549" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
			
 
				+  </g>
			
 
				+  <defs>
			
 
				+    <clipPath id="clip0_2566_2833">
			
 
				+      <rect width="16" height="16" />
			
 
				+    </clipPath>
			
 
				+  </defs>
			
 
				+</svg>
			
--- a/src/assets/svgs/control/icon-confirm.svg
+++ b/src/assets/svgs/control/icon-confirm.svg
@@ -0,0 +1,11 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" >
			
 
				+  <g clip-path="url(#clip0_2566_2837)">
			
 
				+    <path d="M8.00004 14.6663C9.84097 14.6663 11.5076 13.9201 12.7141 12.7137C13.9205 11.5073 14.6667 9.84061 14.6667 7.99967C14.6667 6.15874 13.9205 4.49207 12.7141 3.28563C11.5076 2.0792 9.84097 1.33301 8.00004 1.33301C6.15911 1.33301 4.49244 2.0792 3.28599 3.28563C2.07957 4.49207 1.33337 6.15874 1.33337 7.99967C1.33337 9.84061 2.07957 11.5073 3.28599 12.7137C4.49244 13.9201 6.15911 14.6663 8.00004 14.6663Z" stroke-width="1.33333" stroke-linejoin="round"/>
			
 
				+    <path d="M5.33337 8L7.33337 10L11.3334 6" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
			
 
				+  </g>
			
 
				+  <defs>
			
 
				+    <clipPath id="clip0_2566_2837">
			
 
				+      <rect width="16" height="16" fill="white"/>
			
 
				+    </clipPath>
			
 
				+  </defs>
			
 
				+</svg>
			
--- a/src/assets/svgs/control/icon-pump.svg
+++ b/src/assets/svgs/control/icon-pump.svg
--- a/src/assets/svgs/control/icon-result-btn.svg
+++ b/src/assets/svgs/control/icon-result-btn.svg
@@ -0,0 +1,12 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
			
 
				+  <g clip-path="url(#clip0_2566_2950)">
			
 
				+    <path d="M15.9 23.9996C15.4 23.9996 15.1 23.6996 15 23.2996L11.5 12.6996C11.4 12.2996 11.5 11.8996 11.7 11.6996C12 11.3996 12.4 11.2996 12.7 11.4996L23.3 14.9996C23.7 15.0996 24 15.4996 24 15.8996C24 16.2996 23.8 16.6996 23.4 16.8996L18.8 18.8996L16.8 23.4996C16.7 23.7996 16.3 23.9996 15.9 23.9996ZM14 13.9996L16.1 20.1996L17.2 17.6996C17.3 17.4996 17.5 17.2996 17.7 17.1996L20.2 16.0996L14 13.9996Z" fill="white"/>
			
 
				+    <path d="M12 24C8.8 24 5.8 22.8 3.5 20.5C1.2 18.2 0 15.2 0 12C0 8.8 1.2 5.8 3.5 3.5C5.8 1.2 8.8 0 12 0C15.2 0 18.2 1.2 20.5 3.5C22.8 5.8 24 8.8 24 12C24 12.6 23.6 13 23 13C22.4 13 22 12.6 22 12C22 9.3 21 6.8 19.1 4.9C17.2 3 14.7 2 12 2C9.3 2 6.8 3 4.9 4.9C3 6.8 2 9.3 2 12C2 14.7 3 17.2 4.9 19.1C6.8 21 9.3 22 12 22C12.6 22 13 22.4 13 23C13 23.6 12.6 24 12 24Z" fill="white"/>
			
 
				+    <path d="M9.8 17.5C9.7 17.5 9.5 17.5 9.4 17.4C8.8 17.1 8.3 16.7 7.8 16.2C6.6 15.1 6 13.6 6 12C6 10.4 6.6 8.9 7.8 7.8C9 6.7 10.4 6 12 6C13.6 6 15.1 6.6 16.2 7.8C16.7 8.3 17.1 8.8 17.4 9.4C17.6 9.9 17.4 10.5 16.9 10.7C16.4 10.9 15.8 10.7 15.6 10.2C15.4 9.8 15.1 9.4 14.8 9.1C13.3 7.6 10.7 7.6 9.1 9.1C8.4 9.9 8 10.9 8 12C8 13.1 8.4 14.1 9.2 14.8C9.5 15.1 9.9 15.4 10.3 15.6C10.8 15.8 11 16.4 10.8 16.9C10.5 17.3 10.2 17.5 9.8 17.5Z" fill="white"/>
			
 
				+  </g>
			
 
				+  <defs>
			
 
				+    <clipPath id="clip0_2566_2950">
			
 
				+      <rect width="24" height="24" fill="white"/>
			
 
				+    </clipPath>
			
 
				+  </defs>
			
 
				+</svg>
			
--- a/src/assets/svgs/control/icon-tips.svg
+++ b/src/assets/svgs/control/icon-tips.svg
@@ -0,0 +1,17 @@
 
				+
			
 
				+        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
			
 
				+          <g clip-path="url(#clip0_2602_1562)">
			
 
				+            <path
			
 
				+              d="M6 11C7.3807 11 8.6307 10.4404 9.53553 9.53553C10.4404 8.6307 11 7.3807 11 6C11 4.6193 10.4404 3.3693 9.53553 2.46446C8.6307 1.55964 7.3807 1 6 1C4.6193 1 3.3693 1.55964 2.46446 2.46446C1.55964 3.3693 1 4.6193 1 6C1 7.3807 1.55964 8.6307 2.46446 9.53553C3.3693 10.4404 4.6193 11 6 11Z"
			
 
				+              stroke="#9198A1" stroke-linejoin="round" />
			
 
				+            <path fill-rule="evenodd" clip-rule="evenodd"
			
 
				+              d="M6 9.25C6.34518 9.25 6.625 8.97018 6.625 8.625C6.625 8.27983 6.34518 8 6 8C5.65483 8 5.375 8.27983 5.375 8.625C5.375 8.97018 5.65483 9.25 6 9.25Z"
			
 
				+              fill="#9198A1" />
			
 
				+            <path d="M6 3V7" stroke="#9198A1" stroke-linecap="round" stroke-linejoin="round" />
			
 
				+          </g>
			
 
				+          <defs>
			
 
				+            <clipPath id="clip0_2602_1562">
			
 
				+              <rect width="12" height="12" fill="white" />
			
 
				+            </clipPath>
			
 
				+          </defs>
			
 
				+        </svg>
			
--- a/src/components/BaseTable/index.vue
+++ b/src/components/BaseTable/index.vue
@@ -1,7 +1,7 @@
 
				 <!-- 主要用于单独重置 data-table 样式 -->
			
 
				 <script setup lang="ts">
			
 
				-import { DataTableProps, NDataTable } from 'naive-ui'
			
 
				-
			
 
				+import {  NDataTable } from 'naive-ui'
			
 
				+import type { DataTableProps } from 'naive-ui';
			
 
				 type DataTableThemeOverrides = NonNullable<DataTableProps['themeOverrides']>
			
 
				 
			
 
				 defineProps({
			
--- a/src/components/Chat/ChatAgentInput.vue
+++ b/src/components/Chat/ChatAgentInput.vue
@@ -1,6 +1,9 @@
 
				 <script setup>
			
 
				 import { ref, unref, onMounted, onUnmounted, computed, watch } from 'vue';
			
 
				-import { useMessage, NInput, NSwitch, NPopover, NScrollbar } from 'naive-ui';
			
 
				+import { useMessage, NInput, NSwitch, NPopover, NScrollbar, NUpload, NTooltip, NProgress } from 'naive-ui';
			
 
				+import { useUserStore } from '@/stores/modules/userStore';
			
 
				+import { baseURL } from '@/utils/request';
			
 
				+import { getFormatYesterDay } from '@/utils/format';
			
 
				 import { helperApi } from '@/api/helper';
			
 
				 import SvgIcon from '@/components/SvgIcon';
			
 
				 
			
@@ -17,6 +20,8 @@ const emit = defineEmits(['onClick', 'onEnter']);
 
				 
			
 
				 const MAX_NUM = 5;
			
 
				 
			
 
				+const useStore = useUserStore();
			
 
				+
			
 
				 const modelLoading = defineModel('loading');
			
 
				 const switchStatus = defineModel('switch');
			
 
				 
			
@@ -35,10 +40,13 @@ const popoverTriggerRef = ref(null);
 
				 const popoverInnerRef = ref(null);
			
 
				 const scrollRef = ref(null);
			
 
				 
			
 
				+const uploadFileList = ref([]);
			
 
				+const uploadLoading = ref(false);
			
 
				+
			
 
				 const agentOptions = computed(() => helperList.value.filter(({ tools }) => tools));
			
 
				+const lastFileListIndex = computed(() => uploadFileList.value.length == 0 ? 0 : uploadFileList.value.length - 1);
			
 
				 
			
 
				 const focusInput = _ => isFocusState.value = true;
			
 
				-
			
 
				 const blurInput = _ => isFocusState.value = false;
			
 
				 
			
 
				 watch(inpVal, (curVal) => {
			
@@ -78,9 +86,14 @@ const commonEmitEvent = (eventName) => {
 
				     return message.warning('当前对话进行中');
			
 
				   }
			
 
				 
			
 
				-  emit(eventName, { question: val, selectedOption: selectedOption.value || {} });
			
 
				+  if ( uploadLoading.value ) {
			
 
				+    return message.warning('文件上传中，请稍后');
			
 
				+  }
			
 
				+
			
 
				+  emit(eventName, { showVal: val,  question: val, selectedOption: selectedOption.value || {}, uploadFileList: uploadFileList.value });
			
 
				 
			
 
				   inpVal.value = '';
			
 
				+  uploadFileList.value = [];
			
 
				 }
			
 
				 
			
 
				 // 回车事件
			
@@ -158,6 +171,17 @@ const handleKeyDown = (event) => {
 
				   }
			
 
				 }
			
 
				 
			
 
				+const formatFileItem = (file) => {
			
 
				+  const { name } = file;
			
 
				+  return {
			
 
				+    name: name.substring(0, name.lastIndexOf('.')),
			
 
				+    url: "",
			
 
				+    size: (file.file.size / 1024).toFixed(2) + "KB",
			
 
				+    suffix: name.substring( name.lastIndexOf('.') + 1 ).toUpperCase(),
			
 
				+    originSuffix:name.substring( name.lastIndexOf('.') )
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				 // 处理点击空白处关闭
			
 
				 const closePopoverOutside =(event) => {
			
 
				   if (!isOpen.value) return; 
			
@@ -174,9 +198,76 @@ const selectOption = (index) => {
 
				   inpVal.value = selectedOption.value.content;
			
 
				 }
			
 
				 
			
 
				+const beforeUpload = ({ file }) => {
			
 
				+  if (( file.file?.size / ( 1024 * 2 ) ) > 5) {
			
 
				+    message.warning("只能上传.doc、.docx、.txt格式的文件, 请重新上传");
			
 
				+    return false;
			
 
				+  }
			
 
				+
			
 
				+  const index = unref(lastFileListIndex);
			
 
				+  
			
 
				+  uploadFileList.value[index] = {
			
 
				+    ...formatFileItem(file),
			
 
				+    percentage: 0
			
 
				+  }
			
 
				+
			
 
				+  uploadLoading.value = true
			
 
				+
			
 
				+  return true;
			
 
				+}
			
 
				+
			
 
				+// 上传文件
			
 
				+const handleUploadChange = ({ file }) => {
			
 
				+
			
 
				+  if (file.status === 'uploading') {
			
 
				+    uploadFileList.value[lastFileListIndex.value].percentage = file.percentage;
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+// 文件上传完成
			
 
				+const handleFinish = ({ file, event }) => {
			
 
				+
			
 
				+  uploadLoading.value = false
			
 
				+
			
 
				+  try {
			
 
				+
			
 
				+    const res = JSON.parse( (event?.target).response );
			
 
				+
			
 
				+    if ( res.code == 200 ) {
			
 
				+      
			
 
				+      uploadFileList.value[lastFileListIndex.value] = {
			
 
				+        ...uploadFileList.value[lastFileListIndex.value],
			
 
				+        url: res.data,
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+  } catch (error) {
			
 
				+    console.log("上传完成, 但是存在错误", error);
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+// 上传失败
			
 
				+const handleUploadError = (error) => {
			
 
				+  uploadLoading.value = false;
			
 
				+}
			
 
				+
			
 
				+// 删除文件
			
 
				+const onRemoveFile = (i) => {
			
 
				+  uploadFileList.value.splice(i, 1);
			
 
				+}
			
 
				+
			
 
				+const clearFileList = () => {
			
 
				+  uploadFileList.value = [];
			
 
				+}
			
 
				+
			
 
				 onMounted(async () => {
			
 
				   const { data } = await helperApi.getHelperList();
			
 
				-  helperList.value = data;
			
 
				+  
			
 
				+  const result = getFormatYesterDay(data)
			
 
				+
			
 
				+  helperList.value = result;
			
 
				   document.addEventListener('keydown', handleKeyDown);
			
 
				   document.addEventListener('click', closePopoverOutside);
			
 
				 })
			
@@ -187,6 +278,7 @@ onUnmounted(() => {
 
				 })
			
 
				 
			
 
				 defineExpose({
			
 
				+  clearFileList,
			
 
				   clearInpVal,
			
 
				   handleInpFocus,
			
 
				   inpVal,
			
@@ -218,8 +310,54 @@ defineExpose({
 
				               <SvgIcon name="chat-icon-close-btn"></SvgIcon>
			
 
				             </li>
			
 
				           </ul>
			
 
				+
			
 
				+          <ul class="file-list-wrapper" v-show="uploadFileList.length">
			
 
				+            <li class="file-item space-x-[14px]" v-for="(item, index) in uploadFileList" :key="index">
			
 
				+              <div class="file-icon"></div>
			
 
				+              <div class="file-info">
			
 
				+                <p class="title">{{ item.name }}</p>
			
 
				+                <p class="info space-x-[8px]">
			
 
				+                  <span class="suffix">{{ item.suffix }}</span>
			
 
				+                  <span class="size">{{ item.size }}</span>
			
 
				+                </p>
			
 
				+              </div>
			
 
				+              <span class="close" @click="onRemoveFile(i)" v-show="item.percentage == 100">x</span>
			
 
				+              <div class="file-progress" v-if="item.percentage != 100">
			
 
				+                <NProgress
			
 
				+                  type="line"
			
 
				+                  color="#3153f5"
			
 
				+                  :percentage="item.percentage"
			
 
				+                  :show-indicator="false"
			
 
				+                  :height="3"
			
 
				+                ></NProgress>
			
 
				+              </div>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+
			
 
				           <div class="chat-inp-inner">
			
 
				             <div class="inp-wrapper flex-1" @click="handleInpFocus">
			
 
				+              <div class="upload-inner">
			
 
				+                <NUpload
			
 
				+                  accept=".doc, .docx, .txt"
			
 
				+                  :disabled="uploadLoading"
			
 
				+                  :show-file-list="false"
			
 
				+                  :action="baseURL + '/qiniuyun/upLoadImage'"
			
 
				+                  :headers="{
			
 
				+                    'Authorization': 'Bearer' + useStore.token,
			
 
				+                  }"
			
 
				+                  @on-error="handleUploadError"
			
 
				+                  @change="handleUploadChange"
			
 
				+                  @finish="handleFinish"
			
 
				+                  @before-upload="beforeUpload"
			
 
				+                >
			
 
				+                  <NTooltip trigger="hover">
			
 
				+                    <template #trigger>
			
 
				+                      <div class="upload-file-button"></div>
			
 
				+                    </template>
			
 
				+                    <span class="text-[12px]">支持上传文件（每次一个, 大小5MB以内）接受.doc、.docx、.txt等格式的文件</span>
			
 
				+                  </NTooltip>
			
 
				+                </NUpload>
			
 
				+              </div>
			
 
				               <NInput 
			
 
				                 class="flex-1"
			
 
				                 ref="inpRef" 
			
@@ -307,7 +445,25 @@ defineExpose({
 
				     background: #fff;
			
 
				 
			
 
				     .inp-wrapper {
			
 
				-      padding: 17px 0px 17px 34px;
			
 
				+      @include flex(x, start, center);
			
 
				+      padding: 17px 0px 17px 17px;
			
 
				+
			
 
				+      .upload-inner {
			
 
				+        width: 30px;
			
 
				+        height: 30px;
			
 
				+        padding-top: 2px;
			
 
				+
			
 
				+        .upload-file-button {
			
 
				+          width: 30px;
			
 
				+          height: 30px;
			
 
				+          background: url("@/assets/svgs/chat/icon-file-default.svg") center center no-repeat;
			
 
				+          cursor: pointer;
			
 
				+
			
 
				+          &:hover {
			
 
				+            background: url("@/assets/svgs/chat/icon-file-active.svg") center center no-repeat;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				     }
			
 
				 
			
 
				     .submit-btn {
			
@@ -323,6 +479,77 @@ defineExpose({
 
				       }
			
 
				     }
			
 
				   }
			
 
				+  
			
 
				+  .file-list-wrapper {
			
 
				+    padding: 10px;
			
 
				+    padding-bottom: 0px;
			
 
				+    background: #fff;
			
 
				+
			
 
				+    .file-item {
			
 
				+      position: relative;
			
 
				+      @include flex(x, center, start);
			
 
				+      width: 30%;
			
 
				+      // height: 52px;
			
 
				+      padding: 10px;
			
 
				+      border-radius: 4px;
			
 
				+      background: #f5f5f5;
			
 
				+
			
 
				+      .file-icon {
			
 
				+        flex-shrink: 0;
			
 
				+        width: 36px;
			
 
				+        height: 36px;
			
 
				+        background: url("@/assets/svgs/chat/icon-file.svg") center center no-repeat;
			
 
				+      }
			
 
				+
			
 
				+      .file-info {
			
 
				+        flex: 1;
			
 
				+        @include flex(y, start, start);
			
 
				+        font-size: 12px;
			
 
				+        .title {
			
 
				+          width: 170px;
			
 
				+          color: #1a2029;
			
 
				+          text-overflow: ellipsis;
			
 
				+          overflow: hidden;
			
 
				+          word-break: break-all;
			
 
				+          white-space: nowrap;
			
 
				+        }
			
 
				+        .info {
			
 
				+          flex: 1;
			
 
				+          @include flex(x, center, between);
			
 
				+          color: #838a95;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .file-progress {
			
 
				+        position: absolute;
			
 
				+        left: 0;
			
 
				+        bottom: 0;
			
 
				+        width: 100%;
			
 
				+        margin: 0;
			
 
				+      }
			
 
				+
			
 
				+      .close {
			
 
				+        position: absolute;
			
 
				+        top: 0;
			
 
				+        right: 0;
			
 
				+        width: 16px;
			
 
				+        height: 16px;
			
 
				+        border: 1px solid #fff;
			
 
				+        border-radius: 100%;
			
 
				+        transform: translate(40%, -40%);
			
 
				+        background: #c8c8c8;
			
 
				+        font-size: 10px;
			
 
				+        text-align: center;
			
 
				+        line-height: 12px;
			
 
				+        cursor: pointer;
			
 
				+        color: #fff;
			
 
				+
			
 
				+        &:hover {
			
 
				+          background: #b7b7b7;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				 }
			
 
				 
			
 
				 .popover-inner {
			
--- a/src/components/Chat/ChatAsk.vue
+++ b/src/components/Chat/ChatAsk.vue
@@ -9,17 +9,82 @@ defineProps({
 
				   sessionId: {
			
 
				     type: String,
			
 
				     default: ''
			
 
				+  },
			
 
				+  uploadFileList: {
			
 
				+    type: Array,
			
 
				+    default: []
			
 
				   }
			
 
				 })
			
 
				 
			
 
				 </script>
			
 
				 
			
 
				 <template>
			
 
				-  <div class="ask-inner flex items-start justify-start pl-[20px] mb-[20px]">
			
 
				-    <div class="chat-ask_icon">
			
 
				-      <SvgIcon name="chat-avatar" size="20" />
			
 
				+  <div class="ask-wrapper pl-[20px] mb-[20px]">
			
 
				+    <div class="ask-inner flex items-start justify-start">
			
 
				+      <div class="chat-ask_icon">
			
 
				+        <SvgIcon name="chat-avatar" size="20" />
			
 
				+      </div>
			
 
				+      <p class="flex-1 pt-[6px] ml-[16px] text-[15px] font-bold leading-[24px]" v-html="content"></p>
			
 
				+      {{ sessionId }}
			
 
				     </div>
			
 
				-    <p class="flex-1 pt-[6px] ml-[16px] text-[15px] font-bold leading-[24px]" v-html="content"></p>
			
 
				-    {{ sessionId }}
			
 
				+
			
 
				+    <ul class="file-list-wrapper pl-[48px]" v-show="uploadFileList.length">
			
 
				+      <li class="file-item space-x-[14px]" v-for="(item, index) in uploadFileList" :key="index">
			
 
				+        <div class="file-icon"></div>
			
 
				+        <div class="file-info">
			
 
				+          <p class="title">{{ item.name }}</p>
			
 
				+          <p class="info space-x-[8px]">
			
 
				+            <span class="suffix">{{ item.suffix }}</span>
			
 
				+            <span class="size">{{ item.size }}</span>
			
 
				+          </p>
			
 
				+        </div>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+
			
 
				   </div>
			
 
				-</template>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.file-list-wrapper {
			
 
				+  padding: 10px 10px 0 48px;
			
 
				+  padding-bottom: 0px;
			
 
				+
			
 
				+  .file-item {
			
 
				+    position: relative;
			
 
				+    @include flex(x, center, start);
			
 
				+    width: 30%;
			
 
				+    // height: 52px;
			
 
				+    padding: 10px;
			
 
				+    border-radius: 4px;
			
 
				+    background: #fff;
			
 
				+
			
 
				+    .file-icon {
			
 
				+      flex-shrink: 0;
			
 
				+      width: 36px;
			
 
				+      height: 36px;
			
 
				+      background: url("@/assets/svgs/chat/icon-file.svg") center center no-repeat;
			
 
				+    }
			
 
				+
			
 
				+    .file-info {
			
 
				+      flex: 1;
			
 
				+      @include flex(y, start, start);
			
 
				+      font-size: 12px;
			
 
				+
			
 
				+      .title {
			
 
				+        width: 170px;
			
 
				+        color: #1a2029;
			
 
				+        text-overflow: ellipsis;
			
 
				+        overflow: hidden;
			
 
				+        word-break: break-all;
			
 
				+        white-space: nowrap;
			
 
				+      }
			
 
				+
			
 
				+      .info {
			
 
				+        flex: 1;
			
 
				+        @include flex(x, center, between);
			
 
				+        color: #838a95;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/Chat/index.js
+++ b/src/components/Chat/index.js
@@ -2,7 +2,7 @@ import ChatAsk from './ChatAsk';
 
				 import ChatAnswer from './ChatAnswer';
			
 
				 import ChatInput from './ChatInput';
			
 
				 import ChatBaseCard from './ChatBaseCard';
			
 
				-import ChatInputCopy from './ChatInputCopy';
			
 
				+import ChatAgentInput from './ChatAgentInput';
			
 
				 
			
 
				 
			
 
				 export { 
			
@@ -10,5 +10,5 @@ export {
 
				   ChatAnswer,
			
 
				   ChatInput,
			
 
				   ChatBaseCard,
			
 
				-  ChatInputCopy
			
 
				+  ChatAgentInput
			
 
				 };
			
--- a/src/components/Layout/TheChatView.vue
+++ b/src/components/Layout/TheChatView.vue
@@ -11,6 +11,14 @@ defineProps({
 
				   isBackBtn: {
			
 
				     type: Boolean,
			
 
				     default: false
			
 
				+  },
			
 
				+  leftTitle: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  isChatSlot: {
			
 
				+    type: Boolean,
			
 
				+    default: true
			
 
				   }
			
 
				 })
			
 
				 
			
@@ -38,19 +46,23 @@ defineExpose({ targetScrollDom });
 
				       <div class="chat-header flex items-center justify-between py-[24px] px-[18px] ">
			
 
				         <div class="left_inner" @click="handleClickBack">
			
 
				           <span v-if="isBackBtn" class="back-btn"></span>
			
 
				+          <span v-if="leftTitle" class="left_title">{{ leftTitle }}</span>
			
 
				         </div>
			
 
				         <div class="right_inner flex items-center space-x-[16px]">
			
 
				           <UserTop></UserTop>
			
 
				         </div>
			
 
				       </div>
			
 
				-      <main class="chat-main flex flex-1 flex-col justify-between">
			
 
				+      <main class="chat-main flex flex-1 flex-col justify-between" v-if="isChatSlot">
			
 
				         <div class="chat-scroll" ref="targetScrollDom">
			
 
				-          <div class="w-[800px] m-auto ">
			
 
				+          <div class="w-[900px] m-auto ">
			
 
				             <slot></slot>
			
 
				           </div>
			
 
				         </div>
			
 
				       </main>
			
 
				-      <footer class="chat-footer relative w-[800px] m-auto pb-[30px]" v-if="isFooter">
			
 
				+      <main class="control-main" v-if="!isChatSlot">
			
 
				+        <slot name="control"></slot>
			
 
				+      </main>
			
 
				+      <footer class="chat-footer relative w-[900px] m-auto pb-[30px]" v-if="isFooter">
			
 
				         <slot name="footer" />
			
 
				       </footer>
			
 
				     </div>
			
@@ -66,24 +78,25 @@ defineExpose({ targetScrollDom });
 
				     .left_inner {
			
 
				       display: flex;
			
 
				       align-items: center;
			
 
				-      padding: 6px;
			
 
				-      border-radius: 8px;
			
 
				-      cursor: pointer;
			
 
				 
			
 
				-      &:hover {
			
 
				-        background: #dceffe;
			
 
				-      }
			
 
				       .back-btn {
			
 
				         display: inline-block;
			
 
				-        width: 30px;
			
 
				-        height: 30px;
			
 
				+        width: 36px;
			
 
				+        height: 36px;
			
 
				+        border-radius: 8px;
			
 
				         background: url("@/assets/images/chat/back-btn.png") no-repeat;
			
 
				         background-size: cover;
			
 
				+        cursor: pointer;
			
 
				 
			
 
				-        // &:hover {
			
 
				-        //   background: url("@/assets/images/chat/back-btn-active.png") no-repeat;
			
 
				-        //   background-size: cover;
			
 
				-        // }
			
 
				+        &:hover {
			
 
				+          background: #dceffe url("@/assets/images/chat/back-btn.png") no-repeat;
			
 
				+          background-size: cover;
			
 
				+        }
			
 
				+      }
			
 
				+      .left_title {
			
 
				+        font-size: 20px;
			
 
				+        font-weight: bold;
			
 
				+        color: #1A2029;
			
 
				       }
			
 
				     }
			
 
				   }
			
@@ -92,6 +105,12 @@ defineExpose({ targetScrollDom });
 
				     border: 1px solid #fff;
			
 
				     background: linear-gradient(180deg, rgba(238, 253, 255, 0.5) 0%, rgba(231, 243, 252, 0.5) 100%);
			
 
				 
			
 
				+    .control-main {
			
 
				+      // flex: 1;
			
 
				+      height: calc(100vh - 124px);
			
 
				+      padding: 0 24px 24px 24px;
			
 
				+    }
			
 
				+
			
 
				     .chat-main {
			
 
				       min-height: calc(100% - 310px);
			
 
				       color: #1A2029;
			
--- a/src/components/Layout/TheControlView.vue
+++ b/src/components/Layout/TheControlView.vue
@@ -0,0 +1,134 @@
 
				+<script setup>
			
 
				+import { ref, unref, computed } from 'vue';
			
 
				+
			
 
				+import UserTop from './userTop.vue';
			
 
				+
			
 
				+defineProps({
			
 
				+  isFooter: {
			
 
				+    type: Boolean,
			
 
				+    default: true
			
 
				+  },
			
 
				+  isBackBtn: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  },
			
 
				+  leftTitle: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  isControlSlot: {
			
 
				+    type: Boolean,
			
 
				+    default: true
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const emit = defineEmits(['onClickBack'])
			
 
				+
			
 
				+const targetScrollDom = ref(null);
			
 
				+const voiceSwitchStatus = ref(false);
			
 
				+
			
 
				+const voiceName = computed(() => unref(voiceSwitchStatus) ? 'tool-voice-close' : 'tool-voice-open')
			
 
				+
			
 
				+const changeVoiceStatus = () => {
			
 
				+  voiceSwitchStatus.value = !voiceSwitchStatus.value;
			
 
				+}
			
 
				+
			
 
				+const handleClickBack = () => {
			
 
				+  emit("onClickBack");
			
 
				+}
			
 
				+
			
 
				+defineExpose({ targetScrollDom });
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="flex-1 h-full chat-container">
			
 
				+    <div class="chat-wrapper w-full h-full flex flex-col rounded-[20px]">
			
 
				+      <div class="chat-header flex items-center justify-between py-[24px] px-[18px] ">
			
 
				+        <div class="left_inner" @click="handleClickBack">
			
 
				+          <span v-if="isBackBtn" class="back-btn"></span>
			
 
				+          <span v-if="leftTitle" class="left_title">{{ leftTitle }}</span>
			
 
				+        </div>
			
 
				+        <div class="right_inner flex items-center space-x-[16px]">
			
 
				+          <UserTop></UserTop>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <main class="chat-main flex flex-1 flex-col justify-between" v-if="isChatSlot">
			
 
				+        <div class="chat-scroll" ref="targetScrollDom">
			
 
				+          <div class="w-[900px] m-auto ">
			
 
				+            <slot></slot>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </main>
			
 
				+      <main class="control-main" v-if="!isChatSlot">
			
 
				+        <slot name="control"></slot>
			
 
				+      </main>
			
 
				+      <footer class="chat-footer relative w-[900px] m-auto pb-[30px]" v-if="isFooter">
			
 
				+        <slot name="footer" />
			
 
				+      </footer>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.chat-container {
			
 
				+  padding: 20px 20px 20px 0;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  .chat-header {
			
 
				+    .left_inner {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      border-radius: 8px;
			
 
				+
			
 
				+      .back-btn {
			
 
				+        display: inline-block;
			
 
				+        width: 30px;
			
 
				+        height: 30px;
			
 
				+        padding: 6px;
			
 
				+        background: url("@/assets/images/chat/back-btn.png") no-repeat;
			
 
				+        background-size: cover;
			
 
				+        cursor: pointer;
			
 
				+
			
 
				+        &:hover {
			
 
				+          background: #dceffe;
			
 
				+        }
			
 
				+      }
			
 
				+      .left_title {
			
 
				+        font-size: 20px;
			
 
				+        font-weight: bold;
			
 
				+        color: #1A2029;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .chat-wrapper {
			
 
				+    border: 1px solid #fff;
			
 
				+    background: linear-gradient(180deg, rgba(238, 253, 255, 0.5) 0%, rgba(231, 243, 252, 0.5) 100%);
			
 
				+
			
 
				+    .control-main {
			
 
				+      flex: 1;
			
 
				+      padding: 0 24px 24px 24px;
			
 
				+    }
			
 
				+
			
 
				+    .chat-main {
			
 
				+      min-height: calc(100% - 310px);
			
 
				+      color: #1A2029;
			
 
				+
			
 
				+      .chat-scroll {
			
 
				+        overflow-x: hidden;
			
 
				+        overflow-y: auto;
			
 
				+
			
 
				+        &::-webkit-scrollbar-thumb,
			
 
				+        &::-webkit-scrollbar-track {
			
 
				+          background: transparent;
			
 
				+        }
			
 
				+
			
 
				+        &::-webkit-scrollbar {
			
 
				+          width: 0px;
			
 
				+          overflow-y: scroll;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/components/Layout/TheLogo.vue
+++ b/src/components/Layout/TheLogo.vue
@@ -21,7 +21,7 @@ const handleClick = () => router.push('/');
 
				       <div class="w-[28px] h-[28px]">

			
 
				         <SvgIcon name="common-logo" size="28"></SvgIcon>

			
 
				       </div>

			
 
				-      <span class="block w-[70px] font-[10px] text-center">人工智能运营体智慧决策助手</span>

			
 
				+      <span class="block w-[70px] font-[10px] text-left">LibraAI智能体运营平台</span>

			
 
				     </div>

			
 
				     <!-- 图标 -->

			
 
				     <div class="icon-group flex items-center justify-center"  @click="changeCollapse" v-show="!subMenuCollapse">

			
--- a/src/components/Layout/TheMenu.vue
+++ b/src/components/Layout/TheMenu.vue
@@ -74,9 +74,9 @@ const menuOptions = [
 
				     key: '/control',
			
 
				     children: [
			
 
				       {
			
 
				-        label: '智能投药',
			
 
				+        label: '智适应碳源投加',
			
 
				         icon: renderChildrenIcon({ name: 'menu-cost-drug' }),
			
 
				-        key: 'normal-1',
			
 
				+        key: 'medicinal',
			
 
				       },
			
 
				       {
			
 
				         label: '精准曝气',
			
--- a/src/components/RecodeCardItem/index.vue
+++ b/src/components/RecodeCardItem/index.vue
@@ -1,8 +1,5 @@
 
				 <script setup>
			
 
				-import { ref, computed } from 'vue';
			
 
				-import { NPopconfirm, useMessage  } from 'naive-ui';
			
 
				-
			
 
				-import { SvgIcon } from '@/components';
			
 
				+import SvgIcon from '@/components/SvgIcon';
			
 
				 
			
 
				 const props = defineProps({
			
 
				   title: {
			
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -1,7 +1,7 @@
 
				 <template>
			
 
				   <!-- <n-icon :size="size" :color="color"> -->
			
 
				     <svg aria-hidden="true" :width="size" :height="size" class="svg-icon">
			
 
				-      <use :xlink:href="symbolId" fill="currentColor"/>
			
 
				+      <use :xlink:href="symbolId" :fill="fillColor"/>
			
 
				     </svg>
			
 
				   <!-- </n-icon> -->
			
 
				 </template>
			
@@ -23,6 +23,10 @@ const props = defineProps({
 
				     type: String,
			
 
				     default: '#fff'
			
 
				   },
			
 
				+  fillColor: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				   size: {
			
 
				     type: String,
			
 
				     default: '1em'
			
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -5,6 +5,7 @@ import BaseCard from './BaseCard';
 
				 import BaseTable from './BaseTable';
			
 
				 
			
 
				 import TheChatView from './Layout/TheChatView';
			
 
				+import TheControlView from './Layout/TheControlView';
			
 
				 import TheLogo from './Layout/TheLogo';
			
 
				 import TheMenu from './Layout/TheMenu';
			
 
				 import ThePublicLayout from './Layout/ThePublicLayout';
			
@@ -34,6 +35,7 @@ export {
 
				   BaseTable,
			
 
				 
			
 
				   TheChatView,
			
 
				+  TheControlView,
			
 
				   TheLogo,
			
 
				   TheMenu,
			
 
				   ThePublicLayout,
			
--- a/src/permission.js
+++ b/src/permission.js
@@ -3,7 +3,7 @@ import { createDiscreteApi} from 'naive-ui';
 
				 import { useUserStore } from '@/stores/modules/userStore';
			
 
				 
			
 
				 const whiteList = ['/login'];
			
 
				-const TITLE_SUFFIX = ' - LibraAI人工智能运营体';
			
 
				+const TITLE_SUFFIX = ' - LibraAI智能体运营平台';
			
 
				 
			
 
				 const { loadingBar } = createDiscreteApi(['loadingBar'], {
			
 
				   loadingBarProviderProps: {
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,6 +17,12 @@ const constantRouterMap = [
 
				   //     title: "测试建模文件"
			
 
				   //   }
			
 
				   // },
			
 
				+
			
 
				+  /** 
			
 
				+   * 模版筛选使用
			
 
				+   * 注释时间： 2024年08月05日15:03:02
			
 
				+   * 
			
 
				+   * */ 
			
 
				   {
			
 
				     path: '/count1',
			
 
				     name: 'count1',
			
@@ -25,20 +31,28 @@ const constantRouterMap = [
 
				       title: "临时统计1"
			
 
				     }
			
 
				   },
			
 
				+  // {
			
 
				+  //   path: '/count2',
			
 
				+  //   name: 'count2',
			
 
				+  //   component: () => import('@/views/count/index2.vue'),
			
 
				+  //   meta: {
			
 
				+  //     title: "临时统计2"
			
 
				+  //   }
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   path: '/count3',
			
 
				+  //   name: 'count3',
			
 
				+  //   component: () => import('@/views/count/index3.vue'),
			
 
				+  //   meta: {
			
 
				+  //     title: "临时统计3"
			
 
				+  //   }
			
 
				+  // },
			
 
				   {
			
 
				-    path: '/count2',
			
 
				-    name: 'count2',
			
 
				-    component: () => import('@/views/count/index2.vue'),
			
 
				-    meta: {
			
 
				-      title: "临时统计2"
			
 
				-    }
			
 
				-  },
			
 
				-  {
			
 
				-    path: '/count3',
			
 
				-    name: 'count3',
			
 
				-    component: () => import('@/views/count/index3.vue'),
			
 
				+    path: '/env',
			
 
				+    name: 'Env',
			
 
				+    component: () => import('@/views/env/index.vue'),
			
 
				     meta: {
			
 
				-      title: "临时统计3"
			
 
				+      title: "环境区分"
			
 
				     }
			
 
				   },
			
 
				   {
			
@@ -101,7 +115,15 @@ const constantRouterMap = [
 
				         meta: {
			
 
				           title: '智能办公'
			
 
				         }
			
 
				-      }
			
 
				+      },
			
 
				+      {
			
 
				+        path: 'medicinal',
			
 
				+        name: 'MedicinalView',
			
 
				+        component: () => import('@/views/control/MedicinalView.vue'),
			
 
				+        meta: {
			
 
				+          title: '智适应碳源投加'
			
 
				+        }
			
 
				+      },
			
 
				     ]
			
 
				   },
			
 
				   {
			
--- a/src/utils/format.js
+++ b/src/utils/format.js
@@ -1,3 +1,4 @@
 
				+import dayjs from "dayjs";

			
 
				 import { ORDER_OPTION_ENUM } from "./enum";

			
 
				 

			
 
				 

			
@@ -70,3 +71,17 @@ export const colorToRgba = (color, alpha) => {
 
				 export const isNumberComprehensive = (value) => {

			
 
				   return isFinite(value) && !isNaN(parseFloat(value));

			
 
				 }

			
 
				+

			
 
				+

			
 
				+// 获取昨日时间

			
 
				+export const getFormatYesterDay = ( data ) => {

			
 
				+  return data.map(item => {

			
 
				+    const { tools } = item;

			
 
				+    if ( tools === 'work_order' ) {

			
 
				+      const yesterday = dayjs().subtract(1, 'day').format('M月D日');

			
 
				+      item.content = `帮我生成${yesterday}的工单`;

			
 
				+      item.prompt = `帮我生成${yesterday}的工单`;;

			
 
				+    }

			
 
				+    return item;

			
 
				+  })

			
 
				+}
			
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -12,10 +12,9 @@ const { notification } = createDiscreteApi(["notification"]);
 
				 
			
 
				 const useStore = useUserStore();
			
 
				 
			
 
				-const url = import.meta.env.VITE_BASE_URL;
			
 
				-const prefix = import.meta.env.VITE_BASE_PREFIX;
			
 
				-const baseURL = url + prefix;
			
 
				-
			
 
				+export const url = import.meta.env.VITE_BASE_URL;
			
 
				+export const prefix = import.meta.env.VITE_BASE_PREFIX;
			
 
				+export const baseURL = url + prefix;
			
 
				 
			
 
				 enum errorCode {
			
 
				   '请求错误'          = 400,
			
@@ -52,6 +51,12 @@ export class Request {
 
				     this.instance.interceptors.request.use((config: InternalAxiosRequestConfig<Result>) => {
			
 
				       const { token } = useStore.userInfo;
			
 
				       
			
 
				+      /**
			
 
				+       * 环境区分 - 仅限于测试环境使用
			
 
				+       * */
			
 
				+
			
 
				+      config.headers.port = localStorage.getItem("ENV");
			
 
				+
			
 
				       token && (config.headers.Authorization = 'Bearer ' + token);
			
 
				 
			
 
				       return config;
			
@@ -126,5 +131,5 @@ export const streamHttp  = new Request({
 
				 
			
 
				 export default new Request({
			
 
				   baseURL,
			
 
				-  timeout: 10 * 1000
			
 
				+  timeout: 20 * 1000
			
 
				 });
			
--- a/src/utils/tools.js
+++ b/src/utils/tools.js
@@ -141,4 +141,10 @@ export const debounce = (func, wait) => {
 
				       func.apply(context, args);
			
 
				     }, wait);
			
 
				   };
			
 
				+}
			
 
				+
			
 
				+export const objectCopy = (obj) => {
			
 
				+  const newObj = {};
			
 
				+  Object.entries(obj).map(([key, value]) => newObj[key] = value);
			
 
				+  return newObj;
			
 
				 }
			
--- a/src/views/analyse/WaterView.vue
+++ b/src/views/analyse/WaterView.vue
@@ -216,7 +216,7 @@ const handleOpenContent = async ({ id, category, reason:title }) => {
 
				     warnKey: '报警值',
			
 
				     statusVal: !!warningActive.value ? '系统关闭' : basic['状态']
			
 
				   });
			
 
				-
			
 
				+  console.log( "csData", csData );
			
 
				   jsTableData.value = [jsData];
			
 
				   csTableData.value = [csData];
			
 
				 
			
--- a/src/views/analyse/config/echartOptions.js
+++ b/src/views/analyse/config/echartOptions.js
@@ -47,7 +47,7 @@ export const getAreaOptions = ({ xAxisData, seriesList }) => {
 
				       show: true,

			
 
				       formatter: function (params) {

			
 
				         const [item] = params.filter(item => item.value);

			
 
				-        const color = item.dataIndex <= 5 ? '#2185da' : '#2ee055'

			
 
				+        const color = item?.dataIndex <= 5 ? '#2185da' : '#2ee055'

			
 
				         return `

			
 
				           <div class="text-[12px]">

			
 
				             <p>时间：${item.name + ':00'}</p>

			
--- a/src/views/analyse/config/index.jsx
+++ b/src/views/analyse/config/index.jsx
@@ -74,6 +74,15 @@ export const inColumns = [
 
				 ]
			
 
				 
			
 
				 export const outColumns = [
			
 
				+  {
			
 
				+    title: () => renderTooltip(h( 'span', '流量(m³/h)' ), '出水流量 | 在线仪表'),
			
 
				+    key: '流量',
			
 
				+    titleAlign: 'center',
			
 
				+    align: 'center',
			
 
				+    className: 'small',
			
 
				+    width: '80px',
			
 
				+    render: (row) => renderRowDom({ row, key: '流量' })
			
 
				+  },
			
 
				   {
			
 
				     title: () => renderTooltip(h( 'span', 'COD(mg/L)' ), '出水cod | 在线仪表'),
			
 
				     key: 'COD',
			
--- a/src/views/answer/AnswerView.vue
+++ b/src/views/answer/AnswerView.vue
@@ -3,7 +3,7 @@ import { ref, unref, computed, onMounted, onUnmounted } from 'vue';
 
				 import { useMessage } from 'naive-ui';
			
 
				 import { useChatStore } from '@/stores/modules/chatStore';
			
 
				 import { BaseButton, RecodeCardItem, TheSubMenu, TheChatView, ChatWelcome } from '@/components';
			
 
				-import { ChatAsk, ChatAnswer, ChatInputCopy } from '@/components/Chat';
			
 
				+import { ChatAsk, ChatAnswer, ChatAgentInput } from '@/components/Chat';
			
 
				 import { chatApi } from '@/api/chat';
			
 
				 
			
 
				 import { useInfinite, useScroll, useChat, useRecommend } from '@/composables';
			
@@ -36,6 +36,8 @@ const isExistInHistory = computed(() => (recordList.value.findIndex(({ sessionId
 
				 const handleCreateDialog = async () => {
			
 
				   message.destroyAll();
			
 
				 
			
 
				+  inputRef.value.clearFileList();
			
 
				+
			
 
				   if (unref(isLoading)) {
			
 
				     return message.warning('当前对话生成中');
			
 
				   }
			
@@ -64,24 +66,57 @@ const handleChatDetail = async ({ sessionId }) => {
 
				 
			
 
				   const { data } = await chatApi.getAnswerHistoryDetail({ sessionId });
			
 
				 
			
 
				-  chatDataSource.value = data.map(item => ({ ...item, loading: false, }));
			
 
				+  chatDataSource.value = data.map(item => {
			
 
				+
			
 
				+    const uploadFileList = []
			
 
				+
			
 
				+    if ( item.question.includes('file:') ) {
			
 
				+      
			
 
				+      const fileInfo = item.question.split("||");
			
 
				+      const fileArr = fileInfo[0].split(":");
			
 
				+      const file = fileArr[1];
			
 
				+      const url = fileInfo[1];
			
 
				+      const suffix = file.substring( file.lastIndexOf('.') + 1 ).toUpperCase();
			
 
				+      const originSuffix = file.substring( file.lastIndexOf('.') );
			
 
				+      const name = file.substring(0, file.lastIndexOf('.'))
			
 
				+
			
 
				+      uploadFileList.push({
			
 
				+        name,
			
 
				+        originSuffix,
			
 
				+        suffix,
			
 
				+        url
			
 
				+      })
			
 
				+    }
			
 
				+
			
 
				+    return ({ ...item, loading: false, uploadFileList})
			
 
				+  });
			
 
				+
			
 
				   currenSessionId.value = sessionId;
			
 
				 
			
 
				   scrollToBottom();
			
 
				 }
			
 
				 
			
 
				-const onRegenerate = async ({ question, realQuestion, tools }) => {
			
 
				+const onRegenerate = async ({ showVal, question, realQuestion, tools, uploadFileList }) => {
			
 
				   controller = new AbortController();
			
 
				 
			
 
				   const sessionId = unref(currenSessionId);
			
 
				+
			
 
				+  let fileQuestionStr = '';
			
 
				+
			
 
				+  if ( uploadFileList && uploadFileList.length ) {
			
 
				+    const [ fileItem ] = uploadFileList;
			
 
				+    fileQuestionStr = `file:${fileItem.name + fileItem.originSuffix}||${fileItem.url}||${question}`
			
 
				+  }
			
 
				+
			
 
				   const params = {
			
 
				     data: {
			
 
				       sessionId,
			
 
				-      showVal: question,
			
 
				-      question: realQuestion || question,
			
 
				+      showVal: showVal,
			
 
				+      question: realQuestion || fileQuestionStr || question,
			
 
				       module: 0,
			
 
				       isStrong: Number(unref(switchActive)),
			
 
				       tools,
			
 
				+      prompt: null
			
 
				       // TODO: 后续大概率需要删除
			
 
				       // topP: 0.9,
			
 
				       // temperature: 0.7
			
@@ -94,10 +129,12 @@ const onRegenerate = async ({ question, realQuestion, tools }) => {
 
				 
			
 
				       updateChat({
			
 
				         sessionId,
			
 
				+        showVal: showVal,
			
 
				         question,
			
 
				         answer,
			
 
				         loading: true,
			
 
				-        delayLoading: false
			
 
				+        delayLoading: false,
			
 
				+        uploadFileList
			
 
				       })
			
 
				 
			
 
				       scrollToBottomIfAtBottom();
			
@@ -111,11 +148,13 @@ const onRegenerate = async ({ question, realQuestion, tools }) => {
 
				 
			
 
				     updateChat({
			
 
				       id,
			
 
				+      showVal: showVal,
			
 
				       sessionId,
			
 
				       question,
			
 
				       answer,
			
 
				       loading: false,
			
 
				-      delayLoading: false
			
 
				+      delayLoading: false,
			
 
				+      uploadFileList
			
 
				     })
			
 
				 
			
 
				     scrollToBottomIfAtBottom();
			
@@ -129,7 +168,7 @@ const onRegenerate = async ({ question, realQuestion, tools }) => {
 
				   }
			
 
				 }
			
 
				 // 提交问题
			
 
				-const handleSubmit = async ({question, selectedOption, realQuestion = ''}) => {
			
 
				+const handleSubmit = async ({ showVal, question, selectedOption, realQuestion = '', uploadFileList = []}) => {
			
 
				   // 用于模拟 - 内容生成前置等待状态
			
 
				   if (unref(isExistInHistory)) {
			
 
				     const { data: sessionId } = await chatApi.getChatSessionTag();
			
@@ -140,21 +179,23 @@ const handleSubmit = async ({question, selectedOption, realQuestion = ''}) => {
 
				 
			
 
				   addChat({
			
 
				     sessionId: unref(currenSessionId),
			
 
				+    showVal,
			
 
				     question,
			
 
				     realQuestion,
			
 
				     answer: '',
			
 
				     loading: true,
			
 
				-    delayLoading: true
			
 
				+    delayLoading: true,
			
 
				+    uploadFileList
			
 
				   })
			
 
				 
			
 
				   scrollToBottom();
			
 
				 
			
 
				-  setTimeout(() => onRegenerate({ question, realQuestion, tools: selectedOption?.tools || null }), 2 * 1000);
			
 
				+  setTimeout(() => onRegenerate({ showVal, question, realQuestion, tools: selectedOption?.tools || null, uploadFileList }), 2 * 1000);
			
 
				 }
			
 
				 
			
 
				 // 处理推荐问题
			
 
				 const handleWelcomeRecommend = ({ question, realQuestion }) => {
			
 
				-  handleSubmit({question, realQuestion});
			
 
				+  handleSubmit({showVal: question, question, realQuestion});
			
 
				 }
			
 
				 
			
 
				 // 删除历史对话
			
@@ -172,8 +213,10 @@ const onStopChatStream  = async ({ sessionId }) => {
 
				 }
			
 
				 
			
 
				 // 重新生成问题
			
 
				-const onChatResetStream = ({ question }) => {
			
 
				-  handleSubmit({question});
			
 
				+const onChatResetStream = (item) => {
			
 
				+  const { question, uploadFileList, showVal } = item;
			
 
				+  console.log(item);
			
 
				+  handleSubmit({showVal, question, uploadFileList});
			
 
				 }
			
 
				 
			
 
				 onMounted(() => {
			
@@ -214,7 +257,7 @@ onUnmounted(() => {
 
				 
			
 
				       <div class="conversation-item" v-if="chatDataSource.length">
			
 
				         <template v-for="item, index in chatDataSource" :key="item.id">
			
 
				-          <ChatAsk :content="item.question" :sessionId="item.sessionId"></ChatAsk>
			
 
				+          <ChatAsk :content="item.showVal" :sessionId="item.sessionId" :uploadFileList="item.uploadFileList"></ChatAsk>
			
 
				           <ChatAnswer
			
 
				             :id="item.id"
			
 
				             :content="item.answer"
			
@@ -232,16 +275,14 @@ onUnmounted(() => {
 
				       </div>
			
 
				 
			
 
				       <template #footer>
			
 
				-        <ChatInputCopy
			
 
				+        <ChatAgentInput
			
 
				           :active-item="activeItem"
			
 
				           ref="inputRef"
			
 
				           v-model:loading="isLoading"
			
 
				           v-model:switch="switchActive"
			
 
				           @on-click="handleSubmit"
			
 
				           @on-enter="handleSubmit"
			
 
				-        ></ChatInputCopy>
			
 
				-        <!-- <ChatInput ref="inputRef" v-model:loading="isLoading" v-model:switch="switchActive" @on-click="handleSubmit"
			
 
				-          @on-enter="handleSubmit"></ChatInput> -->
			
 
				+        ></ChatAgentInput>
			
 
				       </template>
			
 
				     </TheChatView>
			
 
				   </section>
			
--- a/src/views/control/MedicinalView.vue
+++ b/src/views/control/MedicinalView.vue
@@ -0,0 +1,468 @@
 
				+<script setup>
			
 
				+import { ref, onMounted, watch } from 'vue';
			
 
				+import { NScrollbar, useMessage } from 'naive-ui';
			
 
				+import { objectCopy } from '@/utils/tools';
			
 
				+import { TheChatView } from '@/components';
			
 
				+
			
 
				+import { controlApi } from "@/api/control";
			
 
				+
			
 
				+import BaseButton from './components/BaseButton.vue';
			
 
				+import BaseTitle from './components/BaseTitle.vue';
			
 
				+import BaseRadioCard from './components/BaseRadioCard.vue';
			
 
				+import BaseCard from './components/BaseCard.vue';
			
 
				+import BaseRadioGroup from './components/BaseRadioGroup.vue';
			
 
				+import BaseChooseItem from './components/BaseChooseItem.vue';
			
 
				+import BaseInput from './components/BaseInput.vue';
			
 
				+
			
 
				+import TheResultPanel from './components/TheResultPanel.vue';
			
 
				+import TheEchartPanel from './components/TheEchartPanel.vue';
			
 
				+
			
 
				+const message = useMessage();
			
 
				+const isVisibleBtn = ref(true);
			
 
				+const dataSource = ref({});
			
 
				+const chooseItemRef = ref([]);
			
 
				+
			
 
				+const columnData = [
			
 
				+  { label: '后反馈设定',    key: 'hfksd' },
			
 
				+  { label: '基准系数',      key: 'jzxs' },
			
 
				+  { label: '修正系数',      key: 'xzxs' },
			
 
				+  { label: '控制系数',      key: 'kzxs' },
			
 
				+  { label: '水量分配系数',  key: 'sffpxs' },
			
 
				+  { label: '碳源当量',      key: 'tydl' },
			
 
				+  { label: '转换系数',      key: 'zhxs' },
			
 
				+  { label: '稀释配属',      key: 'xsbs' },
			
 
				+  { label: '药剂密度',      key: 'yjmd' },
			
 
				+  { label: '最小启动流量',   key: 'zxqdll' },
			
 
				+  { label: '碳氮比',        key: 'tdb' }
			
 
				+]
			
 
				+
			
 
				+// 基础参数 - 按钮选择
			
 
				+const paramData = ref({
			
 
				+  pump: 0,           // 加药泵
			
 
				+  running: 0,        // 运行方式
			
 
				+  pond:0,            // 池组手自动方式
			
 
				+  setting: 0,        // 智适应碳源设置 1# 2#
			
 
				+  jslYB: null,        // 进水流量
			
 
				+  jscod: null,       // 进水COD
			
 
				+  hycxsy: null,      // 好氧池硝酸盐
			
 
				+  qycxsy: null,      // 缺氧池硝酸盐
			
 
				+  qycad: null,       // 缺氧池氨氮
			
 
				+  jszd: null         // 进水总氮
			
 
				+})
			
 
				+
			
 
				+// 基础系数 - input输入
			
 
				+const factorData = ref({
			
 
				+  hfksd: 12.00,   // 后反馈设置定
			
 
				+  jzxs: 3.10,     // 基准系数
			
 
				+  xzxs: 1.00,     // 修正系数
			
 
				+  kzxs: 5.20,     // 控制系数
			
 
				+  sffpxs: 1.00,   // 水量分配系数
			
 
				+  tydl: 0.90,     // 碳源当量
			
 
				+  zhxs: 0.50,     // 转换系数
			
 
				+  xsbs: 1.00,     // 稀释倍数
			
 
				+  yjmd: 1.10,     // 药剂密度
			
 
				+  zxqdll: 0.02,   // 最小启动流量
			
 
				+  tdb: 3.54       // 碳氮比
			
 
				+})
			
 
				+
			
 
				+const originParamData = objectCopy(paramData.value);
			
 
				+const originFactorData = objectCopy(factorData.value);
			
 
				+
			
 
				+const factorInpData = ref(objectCopy(factorData.value));
			
 
				+
			
 
				+const doseNum = ref(null);
			
 
				+const flowNum = ref(null);
			
 
				+
			
 
				+watch(() => paramData.value.setting, () => {
			
 
				+  handelReset("变化了");
			
 
				+});
			
 
				+
			
 
				+// 重置
			
 
				+const handelReset = () => {
			
 
				+
			
 
				+  if ( !isVisibleBtn.value ) {
			
 
				+    return message.warning("设定参数系数的值未保存")
			
 
				+  }
			
 
				+
			
 
				+  chooseItemRef.value.forEach(item => item.resetInpVal() );
			
 
				+
			
 
				+  paramData.value = objectCopy({...originParamData, setting: paramData.value.setting});
			
 
				+  factorData.value = objectCopy(originFactorData);
			
 
				+  factorInpData.value = objectCopy(originFactorData);
			
 
				+
			
 
				+  doseNum.value = '';
			
 
				+  flowNum.value = '';
			
 
				+}
			
 
				+
			
 
				+// 计算最终结果
			
 
				+const handleResult = () => {
			
 
				+
			
 
				+  if ( !isVisibleBtn.value ) {
			
 
				+    return message.warning("设定参数系数的值未保存")
			
 
				+  }
			
 
				+
			
 
				+  const codeSetEnum = {
			
 
				+    jslYB: '进水流量',
			
 
				+    jscod: '进水COD',
			
 
				+    hycxsy: '好氧池硝酸盐',
			
 
				+    qycxsy: '缺氧池硝酸盐',
			
 
				+    qycad: '缺氧池氨氮',
			
 
				+    jszd: '进水总氮',
			
 
				+
			
 
				+    hfksd: '后反馈设置',
			
 
				+    jzxs: '基准系数',
			
 
				+    xzxs: '修正系数',
			
 
				+    kzxs: '控制系数',
			
 
				+    sffpxs: '水量分配系数',
			
 
				+    tydl: '碳源当量',
			
 
				+    zhxs: '转换系数',
			
 
				+    xsbs: '稀释倍数',
			
 
				+    yjmd: '药剂密度',
			
 
				+    zxqdll: '最小启动流量',
			
 
				+    tdb: '碳氮比'
			
 
				+  }
			
 
				+  const whitelist = [ 'pump', 'running', 'pond', 'setting' ];
			
 
				+  const mergeData = { ...paramData.value, ...factorData.value };
			
 
				+  const keyList = Object.keys(mergeData);
			
 
				+  let isErrorItem = null;
			
 
				+
			
 
				+  for (let i = 0; i < keyList.length; i++) {
			
 
				+    const key = keyList[i];
			
 
				+    const val = mergeData[key]
			
 
				+    
			
 
				+    if (!val && !whitelist.includes(key)) {
			
 
				+      isErrorItem = { key, val, label: codeSetEnum[key]  }
			
 
				+      break
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  if ( isErrorItem ) {
			
 
				+    return message.warning(`${isErrorItem.label}未填写`)
			
 
				+  }
			
 
				+
			
 
				+  const stepOne = ((( 2 * paramData.value.hycxsy - factorData.value.hfksd)+((paramData.value.qycad + paramData.value.qycxsy) * factorData.value.xzxs - factorData.value.hfksd)) * (factorData.value.jzxs - 1)) * (paramData.value.jslYB * factorData.value.sffpxs) / 1000
			
 
				+
			
 
				+  const setpTwo = ( stepOne * factorData.value.kzxs - ( paramData.value.jslYB * factorData.value.sffpxs * paramData.value.jscod * factorData.value.zhxs / 1000)) / factorData.value.tydl
			
 
				+
			
 
				+  const setpThree = setpTwo / factorData.value.yjmd / 1000 * factorData.value.xsbs
			
 
				+
			
 
				+  doseNum.value = setpThree.toFixed(3);
			
 
				+  flowNum.value = paramData.value.jslYB;
			
 
				+}
			
 
				+
			
 
				+const onEditConfirm = () => {
			
 
				+  const keys = Object.keys(factorInpData.value);
			
 
				+  let isError = false;
			
 
				+
			
 
				+  for (let i = 0; i < keys.length; i++) {
			
 
				+    const key = keys[i];
			
 
				+    const val = factorInpData.value[key];
			
 
				+    if ( !val || val === Infinity) {
			
 
				+      message.warning("数据来源填写有误，请检查")
			
 
				+      isError = true;
			
 
				+      break;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  if ( isError ) return;
			
 
				+
			
 
				+  isVisibleBtn.value = true;
			
 
				+  factorData.value = JSON.parse(JSON.stringify(factorInpData.value));
			
 
				+}
			
 
				+
			
 
				+const onEditCancel = () => {
			
 
				+  isVisibleBtn.value = true;
			
 
				+  factorInpData.value = JSON.parse(JSON.stringify(factorData.value));
			
 
				+}
			
 
				+
			
 
				+const onFinalResult = () => {
			
 
				+  if ( !flowNum.value ) {
			
 
				+    return message.warning('您还未完成投加计算，请完成后再试');
			
 
				+  }
			
 
				+  message.warning('您还未接入组态系统，请接入后再试');
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  const { data } = await controlApi.getNumValue();
			
 
				+  let result = {};
			
 
				+  Object.entries(data).forEach(([key, val]) => {
			
 
				+    result[key] = val ? Number(val.toFixed(2)) : val;
			
 
				+  });
			
 
				+  dataSource.value = result;
			
 
				+})
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <section class="flex items-start h-full">
			
 
				+    <TheChatView leftTitle="智适应碳源投加" :isChatSlot="false" :isFooter="false">
			
 
				+      <template #control>
			
 
				+        <div class="control-container space-x-[12px]">
			
 
				+          <div class="left-section">
			
 
				+
			
 
				+            <BaseTitle title="智能投加计算">
			
 
				+              <template #right>
			
 
				+                <BaseButton @click="handelReset">重置</BaseButton>
			
 
				+                <BaseButton type="gradual" @on-click="handleResult">投加计算</BaseButton>
			
 
				+              </template>
			
 
				+            </BaseTitle>
			
 
				+
			
 
				+            <n-scrollbar class="scrollbar" style="height: 100%;">
			
 
				+              <div class="form-content">
			
 
				+                <BaseCard title="选择加药泵">
			
 
				+                  <BaseRadioCard v-model="paramData.pump"></BaseRadioCard>
			
 
				+                </BaseCard>
			
 
				+
			
 
				+                <BaseCard title="选择运行方式">
			
 
				+                  <BaseRadioGroup :data="['自动', '手动']" v-model="paramData.running"></BaseRadioGroup>
			
 
				+                </BaseCard>
			
 
				+
			
 
				+                <BaseCard title="选择池组手自动方式">
			
 
				+                  <BaseRadioGroup :data="['自动', '手动']" v-model="paramData.pond"></BaseRadioGroup>
			
 
				+                </BaseCard>
			
 
				+
			
 
				+                <BaseCard title="确定智适应碳源设置">
			
 
				+                  <BaseRadioGroup :data="['1号池', '2号池']" v-model="paramData.setting"></BaseRadioGroup>
			
 
				+                </BaseCard>
			
 
				+                
			
 
				+                <BaseCard :title="paramData.setting == 0  ? '1号池设定数据来源' : '2号池设定数据来源'">
			
 
				+                  <div class="space-y-[12px]">
			
 
				+                    <BaseChooseItem
			
 
				+                      title="进水流量"
			
 
				+                      v-model="paramData.jslYB"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand', value: '' },
			
 
				+                        { label: '仪表', key: 'laboratory', value: dataSource.jslYB },
			
 
				+                      ]"
			
 
				+                      unit="m³"
			
 
				+                      :ref="el=> chooseItemRef[0] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+
			
 
				+                    <BaseChooseItem
			
 
				+                      title="进水COD"
			
 
				+                      v-model="paramData.jscod"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand' },
			
 
				+                        { label: '仪表', key: 'laboratory', value: dataSource.jsCodYB },
			
 
				+                        { label: '化验', key: 'assay', value: dataSource.jsCodHY },
			
 
				+                      ]"
			
 
				+                      unit="mg/L"
			
 
				+                      :ref="el=> chooseItemRef[1] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+  
			
 
				+                    <BaseChooseItem
			
 
				+                      title="好氧池硝酸盐"
			
 
				+                      v-model="paramData.hycxsy"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand', value: '' },
			
 
				+                        { label: '化验', key: 'forecast', value: dataSource[paramData.setting === 0 ? 'hyXsyHYOne' : 'hyXsyHYTwo'] },
			
 
				+                        { label: '预测', key: 'forecast', value: dataSource[paramData.setting === 0 ? 'hyXsyYCOne' : 'hyXsyYCTwo'] },
			
 
				+                      ]"
			
 
				+                      unit="mg/L"
			
 
				+                      :ref="el=> chooseItemRef[2] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+  
			
 
				+                    <BaseChooseItem
			
 
				+                      title="缺氧池硝酸盐"
			
 
				+                      v-model="paramData.qycxsy"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand', value: ''},
			
 
				+                        { label: '化验', key: 'forecast', value: dataSource[paramData.setting === 0 ? 'qyXsyHYOne' : 'qyXsyHYTwo'] },
			
 
				+                      ]"
			
 
				+                      unit="mg/L"
			
 
				+                      :ref="el=> chooseItemRef[3] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+  
			
 
				+                    <BaseChooseItem
			
 
				+                      title="缺氧池氨氮"
			
 
				+                      v-model="paramData.qycad"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand', value:'' },
			
 
				+                        { label: '化验', key: 'forecast', value: dataSource[paramData.setting === 0 ? 'qyAdHYOne' : 'qyAdHYTwo'] },
			
 
				+                      ]"
			
 
				+                      unit="mg/L"
			
 
				+                      :ref="el=> chooseItemRef[4] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+  
			
 
				+                    <BaseChooseItem
			
 
				+                      title="进水总氮"
			
 
				+                      v-model="paramData.jszd"
			
 
				+                      :btn-group="[
			
 
				+                        { label: '手动', key: 'hand', value: '' },
			
 
				+                        { label: '仪表', key: 'laboratory', value: dataSource.jsTnYB}
			
 
				+                      ]"
			
 
				+                      unit="mg/L"
			
 
				+                      :ref="el=> chooseItemRef[5] = el"
			
 
				+                    ></BaseChooseItem>
			
 
				+                  </div>
			
 
				+                </BaseCard>
			
 
				+
			
 
				+                <BaseCard title="设定参数系数" style="margin: 0" tips="建议使用默认值，非必要不修改">
			
 
				+                  <template #titleRight>
			
 
				+                    <div>
			
 
				+                      <div
			
 
				+                        class="flex items-center space-x-[4px] cursor-pointer text-[#2454FF] text-[13px]"
			
 
				+                        v-show="isVisibleBtn"
			
 
				+                        @click="isVisibleBtn = false
			
 
				+                      ">
			
 
				+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
			
 
				+                          <path d="M2.33337 14H14.3334" stroke="#2454FF" stroke-linecap="round" stroke-linejoin="round" />
			
 
				+                          <path d="M3.66663 8.90663V11.3333H6.10569L13 4.43603L10.565 2L3.66663 8.90663Z" stroke="#2454FF"
			
 
				+                            stroke-linejoin="round" />
			
 
				+                        </svg>
			
 
				+                        <span>编辑</span>
			
 
				+                      </div>
			
 
				+                      <ul class="flex items-center text-[13px] space-x-[8px] cursor-pointer" v-show="!isVisibleBtn">
			
 
				+                        <li class="cursor-pointer" @click="onEditConfirm" style="color: #2454FF">确定</li>
			
 
				+                        <li class="cursor-pointer text-[#B0B7C0]" @click="onEditCancel">取消</li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </template>
			
 
				+                  <ul class="data-source-list space-y-[12px]">
			
 
				+                    <li class="data-soruce-item" v-for="item, index in columnData">
			
 
				+                      <span>{{ item.label }}:</span>
			
 
				+                      <span class="unit" v-show="isVisibleBtn">
			
 
				+                        {{ factorData[item.key].toFixed(2) }}
			
 
				+                        {{ index === 0 ? 'mg/L' : '' }}
			
 
				+                      </span>
			
 
				+                      <div style="width: 140px;" v-show="!isVisibleBtn">
			
 
				+                        <BaseInput :unit="index === 0 ? 'mg/L' : '' " size='small' :isNeedFlotBtn="false"  v-model="factorInpData[item.key]" isCenter placeholder=""></BaseInput>
			
 
				+                      </div>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </BaseCard>
			
 
				+              </div>
			
 
				+            </n-scrollbar>
			
 
				+          </div>
			
 
				+          <div class="right-section">
			
 
				+            <TheResultPanel :doseNum="doseNum" :flowNum="flowNum" @on-click="onFinalResult"></TheResultPanel>
			
 
				+            <TheEchartPanel></TheEchartPanel>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </template>
			
 
				+    </TheChatView>
			
 
				+  </section>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.control-container {
			
 
				+  @include flex(x, start, start);
			
 
				+  height: 100%;
			
 
				+
			
 
				+  .left-section {
			
 
				+    display: flex;
			
 
				+    flex-flow: column;
			
 
				+    width: 400px;
			
 
				+    height: 100%;
			
 
				+    border-radius: 10px;
			
 
				+    background: #fff;
			
 
				+
			
 
				+    .scrollbar {
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+
			
 
				+    .form-content {
			
 
				+      padding: 24px 16px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .data-source-list {
			
 
				+    .data-soruce-item {
			
 
				+      @include flex(x, center, between);
			
 
				+      .inp-inner {
			
 
				+        width: 112px;
			
 
				+      }
			
 
				+      .unit {
			
 
				+        font-family: "D-DIN-PRO-700-Bold";
			
 
				+        font-weight: bold;
			
 
				+        font-size: 14px;
			
 
				+        color: #333;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.right-section {
			
 
				+  display: flex;
			
 
				+  flex-flow: column;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+
			
 
				+  .top {
			
 
				+    flex-shrink: 1;
			
 
				+    height: 214px;
			
 
				+    border-radius: 8px;
			
 
				+    border: 0.5px solid #FFF;
			
 
				+    background: linear-gradient(90deg, #E0E8FC 0%, #F2F4FF 100%);
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    height: 100%;
			
 
				+    background: pink;
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+
			
 
				+
			
 
				+// 通用区域的样式
			
 
				+
			
 
				+.btn {
			
 
				+  width: 80px;
			
 
				+  height: 32px;
			
 
				+  border-radius: 4px;
			
 
				+  border: 1px solid #D3D7DD;
			
 
				+  text-align: center;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 32px;
			
 
				+  color: #1A2029;
			
 
				+}
			
 
				+
			
 
				+.btn-primary {
			
 
				+  border: 0;
			
 
				+  background: var(--Linear, linear-gradient(270deg, #3BD6E3 0%, #019AFE 100%));
			
 
				+  font-weight: bold;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+
			
 
				+.btn-info {
			
 
				+  width: 44px;
			
 
				+  height: 28px;
			
 
				+  border-radius: 4px;
			
 
				+  border: 1px solid #D3D7DD;
			
 
				+  background: #fff;
			
 
				+  font-size: 12px;
			
 
				+  text-align: center;
			
 
				+  line-height: 28px;
			
 
				+  color: #1A2029;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.btn-info_active {
			
 
				+  color: #2454FF;
			
 
				+  border: 1px solid #2454FF;
			
 
				+  background: #EBF0FF;
			
 
				+}
			
 
				+
			
 
				+.radio {
			
 
				+  display: block;
			
 
				+  width: 12px;
			
 
				+  height: 12px;
			
 
				+  border-radius: 100%;
			
 
				+  border: 1px solid #ccc;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.radio_big {
			
 
				+  width: 16px;
			
 
				+  height: 16px;
			
 
				+}
			
 
				+
			
 
				+.radio-active {
			
 
				+  transition: all .1s;
			
 
				+  border: 3px solid #2454FF;
			
 
				+}
			
 
				+
			
 
				+.radio_big.radio-active {
			
 
				+  border: 4px solid #2454FF;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseButton.vue
+++ b/src/views/control/components/BaseButton.vue
@@ -0,0 +1,73 @@
 
				+<script setup>
			
 
				+defineProps({
			
 
				+  type: {
			
 
				+    type: String,
			
 
				+    default: 'default'
			
 
				+  },
			
 
				+  isActive: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const emit = defineEmits(['on-click']);
			
 
				+
			
 
				+const emitClickEvent = () => emit('on-click');
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <button
			
 
				+    :class="[
			
 
				+      'custom-button',
			
 
				+      'button-type_' + type, 
			
 
				+      {'type_active': isActive}
			
 
				+    ]"
			
 
				+    @click="emitClickEvent"
			
 
				+  >
			
 
				+    <slot></slot>
			
 
				+  </button>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.custom-button {
			
 
				+  width: 80px;
			
 
				+  height: 32px;
			
 
				+  border-radius: 4px;
			
 
				+  border: 1px solid #D3D7DD;
			
 
				+  text-align: center;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 32px;
			
 
				+  color: #1A2029;
			
 
				+}
			
 
				+
			
 
				+.button-type_default {
			
 
				+  background: #fff;
			
 
				+}
			
 
				+
			
 
				+.button-type_gradual {
			
 
				+  border: 0;
			
 
				+  background: var(--Linear, linear-gradient(270deg, #3BD6E3 0%, #019AFE 100%));
			
 
				+  font-weight: bold;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+
			
 
				+.button-type_info {
			
 
				+  width: 44px;
			
 
				+  height: 28px;
			
 
				+  border-radius: 4px;
			
 
				+  border: 1px solid #D3D7DD;
			
 
				+  background: #fff;
			
 
				+  font-size: 12px;
			
 
				+  text-align: center;
			
 
				+  line-height: 28px;
			
 
				+  color: #1A2029;
			
 
				+  cursor: pointer;
			
 
				+
			
 
				+  @at-root .type_active {
			
 
				+    color: #2454FF;
			
 
				+    border: 1px solid #2454FF;
			
 
				+    background: #EBF0FF;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseCard.vue
+++ b/src/views/control/components/BaseCard.vue
@@ -0,0 +1,58 @@
 
				+<script setup>
			
 
				+import { NTooltip } from 'naive-ui';
			
 
				+import { SvgIcon } from '@/components';
			
 
				+defineProps({
			
 
				+  title: {
			
 
				+    type: String,
			
 
				+    default: ""
			
 
				+  },
			
 
				+  tips: {
			
 
				+    type: String,
			
 
				+    default: ""
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="base-card_view">
			
 
				+    <div class="title-wrapper">
			
 
				+      <h4 class="title space-x-4">
			
 
				+        <span>{{ title }}</span>
			
 
				+        <template v-if="tips">
			
 
				+          <n-tooltip placement="bottom" trigger="hover">
			
 
				+            <template #trigger>
			
 
				+              <SvgIcon name="control-icon-tips"></SvgIcon>
			
 
				+            </template>
			
 
				+            <span>{{ tips }}</span>
			
 
				+          </n-tooltip>
			
 
				+        </template>
			
 
				+      </h4>
			
 
				+      <slot name="titleRight"></slot>
			
 
				+    </div>
			
 
				+    <slot />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.base-card_view {
			
 
				+  margin-bottom: 24px;
			
 
				+
			
 
				+  .title-wrapper {
			
 
				+    @include flex(x, center, between);
			
 
				+    margin-bottom: 16px;
			
 
				+
			
 
				+    .title {
			
 
				+      @include flex(x, center, start);
			
 
				+      height: 30px;
			
 
				+      padding-left: 9px;
			
 
				+      line-height: 30px;
			
 
				+      border-radius: 4px;
			
 
				+      background: linear-gradient(90deg, #F6F7F9 0%, #FFF 100%);
			
 
				+      font-size: 14px;
			
 
				+      font-weight: bold;
			
 
				+      color: #1A2029;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseChooseItem.vue
+++ b/src/views/control/components/BaseChooseItem.vue
@@ -0,0 +1,194 @@
 
				+<script setup>
			
 
				+import { ref, computed, unref } from 'vue';
			
 
				+import { useMessage } from 'naive-ui';
			
 
				+
			
 
				+import BaseButton from './BaseButton.vue';
			
 
				+import BaseInput from './BaseInput.vue';
			
 
				+
			
 
				+const message = useMessage();
			
 
				+
			
 
				+const activeIndex = ref(-1);
			
 
				+const inpVal = ref();
			
 
				+const modelValue = defineModel();
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  title: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  btnGroup: {
			
 
				+    type: Array,
			
 
				+    default: false
			
 
				+  },
			
 
				+  unit: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const currentNumValue = computed(() => {
			
 
				+  const curIndex = props.btnGroup.length === 1 ? 0 : unref(activeIndex.value);
			
 
				+  return curIndex < 0
			
 
				+    ? "" : curIndex === 0
			
 
				+      ? modelValue.value: props.btnGroup[curIndex].value
			
 
				+});
			
 
				+
			
 
				+const onInpCancel = (val) => {
			
 
				+  inpVal.value = val;
			
 
				+}
			
 
				+
			
 
				+const onInpConfirm = (num) => {
			
 
				+  if (num === Infinity || num === -Infinity) {
			
 
				+    modelValue.value = null
			
 
				+    return message.warning(`${props.title}的数值填写有误, 请检查`);
			
 
				+  }
			
 
				+  modelValue.value = num;
			
 
				+}
			
 
				+
			
 
				+const onInput = (val) => {
			
 
				+  inpVal.value = val
			
 
				+}
			
 
				+
			
 
				+const onBlur = () => {
			
 
				+  if (inpVal.value === Infinity || inpVal.value === -Infinity) {
			
 
				+    modelValue.value = null;
			
 
				+    inpVal.value = null;
			
 
				+    return message.warning(`${props.title}的数值填写有误, 请检查`);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const changeActive = (item, index) => {
			
 
				+  activeIndex.value = index;
			
 
				+  modelValue.value = index != 0 ? item.value : (inpVal.value || null);
			
 
				+}
			
 
				+
			
 
				+const resetInpVal = () => {
			
 
				+  inpVal.value = null;
			
 
				+  activeIndex.value = -1;
			
 
				+}
			
 
				+
			
 
				+defineExpose({
			
 
				+  resetInpVal
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="base-chooseItem_view">
			
 
				+    <span class="label-inner">{{ title }}:</span>
			
 
				+    <div class="choose-inner">
			
 
				+      <div class="top-box">
			
 
				+        <ul class="btn-group space-x-[4px]">
			
 
				+          <BaseButton type="info" :key="item.key" :isActive="activeIndex === index || btnGroup.length === 1" v-for="item, index in btnGroup"
			
 
				+            @click="changeActive(item, index)">
			
 
				+            {{ item.label }}
			
 
				+          </BaseButton>
			
 
				+        </ul>
			
 
				+        <span class="unit">{{ currentNumValue }} {{ unit }}</span>
			
 
				+      </div>
			
 
				+      <BaseInput
			
 
				+        v-show="!activeIndex || btnGroup.length === 1"
			
 
				+        default-value=""
			
 
				+        :placeholder="'请输入' + props.title"
			
 
				+        :unit="unit"
			
 
				+        v-model="modelValue"
			
 
				+        @click:confirm="onInpConfirm"
			
 
				+        @click:cancel="onInpCancel"
			
 
				+        @on-input="onInput"
			
 
				+        @on-blur="onBlur"
			
 
				+      ></BaseInput>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.base-chooseItem_view {
			
 
				+  @include flex(x, start, start);
			
 
				+
			
 
				+  .label-inner {
			
 
				+    width: 160px;
			
 
				+    flex-shrink: 1;
			
 
				+    line-height: 28px;
			
 
				+  }
			
 
				+
			
 
				+  .choose-inner {
			
 
				+    width: 100%;
			
 
				+
			
 
				+    .top-box {
			
 
				+      @include flex(x, center, between);
			
 
				+
			
 
				+      .btn-group {
			
 
				+        @include flex(x, center, center);
			
 
				+      }
			
 
				+
			
 
				+      .unit {
			
 
				+        font-family: "D-DIN-PRO-700-Bold";
			
 
				+        font-weight: bold;
			
 
				+        font-size: 14px;
			
 
				+        color: #333;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .bottom-box {
			
 
				+      position: relative;
			
 
				+      @include flex(x, center, between);
			
 
				+      margin-top: 4px;
			
 
				+
			
 
				+      .inp {
			
 
				+        width: 100%;
			
 
				+        height: 28px;
			
 
				+        padding: 0px 56px 0 10px;
			
 
				+        border-radius: 4px 0px 0px 4px;
			
 
				+        border: 1px solid #E6EAEE;
			
 
				+        background: #fff;
			
 
				+        outline: none;
			
 
				+        font-size: 12px;
			
 
				+
			
 
				+        &:focus {
			
 
				+          border: 1px solid #2454FF;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .unit {
			
 
				+        flex-shrink: 1;
			
 
				+        width: 46px;
			
 
				+        height: 28px;
			
 
				+        border-radius: 0px 4px 4px 0px;
			
 
				+        border: 1px solid #E6EAEE;
			
 
				+        border-left: 0;
			
 
				+        background: #F0F2F5;
			
 
				+        text-align: center;
			
 
				+        line-height: 28px;
			
 
				+        font-size: 12px;
			
 
				+        font-weight: bold;
			
 
				+      }
			
 
				+
			
 
				+      .inp-flot_group {
			
 
				+        position: absolute;
			
 
				+        @include flex(x, center, center);
			
 
				+        right: 50px;
			
 
				+        top: 50%;
			
 
				+        transform: translateY(-50%);
			
 
				+
			
 
				+        li {
			
 
				+          width: 16px;
			
 
				+          height: 16px;
			
 
				+          border-radius: 100%;
			
 
				+          color: #DFE2E6;
			
 
				+          cursor: pointer;
			
 
				+
			
 
				+          svg,
			
 
				+          svg path {
			
 
				+            fill: #e0e2e6;
			
 
				+            stroke: #e0e2e6;
			
 
				+          }
			
 
				+
			
 
				+          &:hover svg {
			
 
				+            fill: #b3c4e3;
			
 
				+            stroke: #b3c4e3;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseInput.vue
+++ b/src/views/control/components/BaseInput.vue
@@ -0,0 +1,191 @@
 
				+<script setup>
			
 
				+import { ref, computed } from 'vue';
			
 
				+import { NInputNumber } from 'naive-ui';
			
 
				+import { SvgIcon } from '@/components';
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  placeholder: {
			
 
				+    type: String,
			
 
				+    default: () => ""
			
 
				+  },
			
 
				+  size: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  type: {
			
 
				+    type: String,
			
 
				+    default: 'default'
			
 
				+  },
			
 
				+  isActive: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  },
			
 
				+  unit: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  isNeedFlotBtn: {
			
 
				+    type: Boolean,
			
 
				+    default: true
			
 
				+  },
			
 
				+  isCenter: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const isFocusStatus = ref(false);
			
 
				+
			
 
				+const emit = defineEmits(['click:confirm', 'on-input', 'on-blur', 'click:cancel']);
			
 
				+const modelValue = defineModel();
			
 
				+
			
 
				+const domClassName = computed(() => {
			
 
				+  return [
			
 
				+    'input_wrapper',
			
 
				+    {'input_text_center': props.isCenter },
			
 
				+    'input-' + props.type + "_" + props.size,
			
 
				+    'inpit_' + props.size
			
 
				+  ]
			
 
				+})
			
 
				+
			
 
				+const onFocus = () => {
			
 
				+  isFocusStatus.value = true;
			
 
				+}
			
 
				+
			
 
				+const onBlur = (ev) => {
			
 
				+  isFocusStatus.value = false;
			
 
				+  emit('on-blur');
			
 
				+}
			
 
				+
			
 
				+const onInput = (value) => {
			
 
				+  emit('on-input', value);
			
 
				+  modelValue.value = value;
			
 
				+}
			
 
				+
			
 
				+const handleInpValue = (event, type) => {
			
 
				+  if (type === 'confirm') {
			
 
				+    emit('click:confirm', modelValue.value);
			
 
				+  }
			
 
				+  if (type === 'cancel') {
			
 
				+    event.preventDefault();
			
 
				+    modelValue.value = null;
			
 
				+    emit('click:cancel', null);
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div :class="[domClassName, 'base-input-wrapper']">
			
 
				+    <NInputNumber
			
 
				+      size="small"
			
 
				+      round
			
 
				+      style="width: 100%;"
			
 
				+      :placeholder="placeholder"
			
 
				+      :on-blur="onBlur"
			
 
				+      :on-focus="onFocus"
			
 
				+      :on-update:value="onInput"
			
 
				+      :show-button="false"
			
 
				+      :value="modelValue"
			
 
				+    >
			
 
				+      <template #suffix>
			
 
				+        <div class="unit" v-if="unit">{{ unit }}</div>
			
 
				+      </template>
			
 
				+    </NInputNumber>
			
 
				+    <ul class="inp-flot_group space-x-[4px]" v-show="isFocusStatus && isNeedFlotBtn">
			
 
				+      <!-- <li>
			
 
				+        <SvgIcon name="control-icon-confirm" size="16" @mousedown="handleInpValue($event, 'confirm')"></SvgIcon>
			
 
				+      </li> -->
			
 
				+      <li>
			
 
				+        <SvgIcon name="control-icon-cancel" size="16" @mousedown="handleInpValue($event, 'cancel')"></SvgIcon>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.input_wrapper {
			
 
				+  @include flex(x, center, between);
			
 
				+  position: relative;
			
 
				+  margin-top: 4px;
			
 
				+
			
 
				+  .inp {
			
 
				+    width: 100%;
			
 
				+    height: 28px;
			
 
				+    padding: 0px 56px 0 10px;
			
 
				+    border-radius: 4px 0px 0px 4px;
			
 
				+    border: 1px solid #E6EAEE;
			
 
				+    background: #fff;
			
 
				+    outline: none;
			
 
				+    font-size: 12px;
			
 
				+
			
 
				+    &:focus {
			
 
				+      border: 1px solid #2454FF;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .unit {
			
 
				+    flex-shrink: 1;
			
 
				+    width: 60px;
			
 
				+    height: 28px;
			
 
				+    border-radius: 0px 4px 4px 0px;
			
 
				+    border: 1px solid #E6EAEE;
			
 
				+    border-left: 0;
			
 
				+    background: #F0F2F5;
			
 
				+    text-align: center;
			
 
				+    line-height: 28px;
			
 
				+    font-size: 12px;
			
 
				+    font-weight: bold;
			
 
				+  }
			
 
				+
			
 
				+  .inp-flot_group {
			
 
				+    @include flex(x, center, center);
			
 
				+    position: absolute;
			
 
				+    right: 66px;
			
 
				+    top: 50%;
			
 
				+    transform: translateY(-50%);
			
 
				+
			
 
				+    li {
			
 
				+      width: 16px;
			
 
				+      height: 16px;
			
 
				+      border-radius: 100%;
			
 
				+      color: #DFE2E6;
			
 
				+      cursor: pointer;
			
 
				+
			
 
				+      svg,
			
 
				+      svg path {
			
 
				+        fill: #e0e2e6;
			
 
				+        stroke: #e0e2e6;
			
 
				+      }
			
 
				+
			
 
				+      &:hover svg {
			
 
				+        fill: #b3c4e3;
			
 
				+        stroke: #b3c4e3;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.base-input-wrapper {
			
 
				+  .n-input-wrapper {
			
 
				+    padding-right: 0px;
			
 
				+    border: 1px solid #E6EAEE;
			
 
				+    border-radius: 4px;
			
 
				+    .n-input__input-el, .n-input__placeholder {
			
 
				+      font-size: 12px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.input_text_center {
			
 
				+  .n-input-wrapper {
			
 
				+    .n-input__input-el {
			
 
				+      padding-right: 10px;
			
 
				+      text-align: center;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseRadioCard.vue
+++ b/src/views/control/components/BaseRadioCard.vue
@@ -0,0 +1,74 @@
 
				+<script setup>
			
 
				+import { ref } from 'vue';
			
 
				+import { SvgIcon } from '@/components';
			
 
				+
			
 
				+const modelValue = defineModel();
			
 
				+
			
 
				+const defaultData = [
			
 
				+  { label: '1号加药泵', key: 'first' },
			
 
				+  { label: '2号加药泵', key: 'second' },
			
 
				+  { label: '3号加药泵', key: 'third' },
			
 
				+]
			
 
				+
			
 
				+const activeIndex = ref(0);
			
 
				+
			
 
				+const chageActive = (index) => modelValue.value = index;
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <ul class="radio-card_group space-x-[10px]">
			
 
				+    <li :class="['radio-card_item', { 'card_item_active': index === modelValue }]" v-for="item, index in defaultData"
			
 
				+      :key="item.key" @click="chageActive(index)">
			
 
				+      <div class="radio-wrapper">
			
 
				+        <SvgIcon name="control-icon-pump" size="16" fillColor="#2454FF" />
			
 
				+        <span class="radio radio-active"></span>
			
 
				+      </div>
			
 
				+      <p class="text">{{ item.label }}</p>
			
 
				+    </li>
			
 
				+  </ul>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.radio-card_group {
			
 
				+  @include flex(x, center, between);
			
 
				+  font-size: 11px;
			
 
				+  font-weight: bold;
			
 
				+  line-height: 14px;
			
 
				+  color: #333;
			
 
				+
			
 
				+  .radio-card_item {
			
 
				+    @include flex(y, start, between);
			
 
				+    width: 100px;
			
 
				+    height: 48px;
			
 
				+    padding: 6px;
			
 
				+    border-radius: 4px;
			
 
				+    border: 1px solid #E6EAEE;
			
 
				+    transition: all .3s;
			
 
				+    cursor: pointer;
			
 
				+
			
 
				+    .radio-wrapper {
			
 
				+      @include flex(x, center, between);
			
 
				+      width: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .card_item_active {
			
 
				+    width: 150px;
			
 
				+    border: 1px solid rgba(36, 84, 255, 0.80);
			
 
				+
			
 
				+    .radio {
			
 
				+      transition: all .1s;
			
 
				+      border: 3px solid #2454FF;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .radio {
			
 
				+    display: block;
			
 
				+    width: 12px;
			
 
				+    height: 12px;
			
 
				+    border-radius: 100%;
			
 
				+    border: 1px solid #ccc;
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseRadioGroup.vue
+++ b/src/views/control/components/BaseRadioGroup.vue
@@ -0,0 +1,67 @@
 
				+<script setup>
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  data: {
			
 
				+    type: Array,
			
 
				+    default: () => []
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const modelValue = defineModel();
			
 
				+
			
 
				+const changeActive = (index) => {
			
 
				+  modelValue.value = index;
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <ul class="radio-list_group space-x-[24px]">
			
 
				+    <li class="radio_item space-x-[8px]" v-for="item,index in data" :key="index" @click="changeActive(index)">
			
 
				+      <span
			
 
				+        :class="[
			
 
				+          'radio',
			
 
				+          'radio_big',
			
 
				+          {'radio-active': modelValue === index}
			
 
				+        ]"
			
 
				+        
			
 
				+      ></span>
			
 
				+      <span class="label">{{ item }}</span>
			
 
				+    </li>
			
 
				+  </ul>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.radio-list_group {
			
 
				+  @include flex(x, center, start);
			
 
				+  padding-left: 20px;
			
 
				+
			
 
				+  .radio_item {
			
 
				+    @include flex(x, center, center);
			
 
				+
			
 
				+    .radio {
			
 
				+      display: block;
			
 
				+      width: 12px;
			
 
				+      height: 12px;
			
 
				+      border-radius: 100%;
			
 
				+      border: 1px solid #ccc;
			
 
				+      cursor: pointer;
			
 
				+    }
			
 
				+
			
 
				+    .radio_big {
			
 
				+      width: 16px;
			
 
				+      height: 16px;
			
 
				+    }
			
 
				+
			
 
				+    .radio_big.radio-active {
			
 
				+      border: 4px solid #2454FF;
			
 
				+    }
			
 
				+
			
 
				+    .label {
			
 
				+      min-width: 40px;
			
 
				+      cursor: pointer;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/BaseTitle.vue
+++ b/src/views/control/components/BaseTitle.vue
@@ -0,0 +1,63 @@
 
				+<script setup>
			
 
				+
			
 
				+defineProps({
			
 
				+  title: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  },
			
 
				+  type: {
			
 
				+    type: String,
			
 
				+    default: 'first'
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="header" :style="[{ 'border-bottom': type === 'first' ? '1px solid #eee' : 'none' }]">
			
 
				+    <div class="title">
			
 
				+      <svg xmlns="http://www.w3.org/2000/svg" width="8" height="24" viewBox="0 0 8 24" fill="none" v-if="type === 'first'">
			
 
				+        <path d="M0 6.86197V3.24507L4.21274 0H7.11111L4.45741 24H1.35684L4.01053 3.85352L0 6.86197Z" fill="#2454FF" />
			
 
				+      </svg>
			
 
				+
			
 
				+      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="24" viewBox="0 0 12 24" fill="none" v-else>
			
 
				+        <path d="M7.74366 10.4333C8.43696 9.03333 8.78361 7.76667 8.78361 6.6V6.1C8.78361 5.06667 8.58552 4.26667 8.16459 3.7C7.74366 3.13333 7.19892 2.83333 6.48086 2.83333C5.7628 2.83333 5.21807 3.1 4.8219 3.66667C4.42573 4.23333 4.22764 5.1 4.22764 6.23333V7.16667H1.94966V6.1C1.94966 4.26667 2.37059 2.8 3.18769 1.66667C4.02956 0.566667 5.14379 0 6.53039 0C7.42177 0 8.23887 0.266667 8.93217 0.8C9.62547 1.3 10.1702 2.03333 10.5416 2.96667C10.9378 3.9 11.1111 4.93333 11.1111 6.03333V6.6C11.1111 7.6 10.9873 8.5 10.7149 9.4C10.4673 10.2667 10.0959 11.1667 9.57595 12.1L2.94652 21.1667H9.16145V24H0V21.6L7.74366 10.4333Z" fill="#2454FF"/>
			
 
				+      </svg>
			
 
				+      <span class="text">{{ title }}</span>
			
 
				+    </div>
			
 
				+    <div class="btn-group space-x-[8px]">
			
 
				+      <slot name="right"/>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.header {
			
 
				+  @include flex(x, center, between);
			
 
				+  height: 75px;
			
 
				+  flex-shrink: 1;
			
 
				+  padding: 24px 16px 18px 16px;
			
 
				+  border-bottom: 1px solid #EEE;
			
 
				+  color: #1A2029;
			
 
				+
			
 
				+  .title {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    height: 24px;
			
 
				+
			
 
				+    .text {
			
 
				+      height: 100%;
			
 
				+      padding-left: 13px;
			
 
				+      margin-left: -6px;
			
 
				+      background: linear-gradient(90deg, rgba(36, 84, 255, 0.10) -0.94%, rgba(36, 84, 255, 0.00) 95.3%);
			
 
				+      font-size: 15px;
			
 
				+      font-weight: bold;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .btn-group {
			
 
				+    @include flex(x, center, center);
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/TheEchartPanel.vue
+++ b/src/views/control/components/TheEchartPanel.vue
@@ -0,0 +1,285 @@
 
				+<script setup>
			
 
				+import { ref, watch, computed, onMounted, unref, onUnmounted } from 'vue';
			
 
				+import { NTabs, NTab, NSelect } from "naive-ui";
			
 
				+import * as echarts from 'echarts';
			
 
				+import { controlApi } from "@/api/control"
			
 
				+
			
 
				+let echart = null;
			
 
				+const tabs = ref([]);
			
 
				+const tabActive = ref(null);
			
 
				+const selectValue = ref(0);
			
 
				+const echartDataSource = ref({});
			
 
				+const echartRef = ref(null);
			
 
				+const isEmpty = ref(false);
			
 
				+
			
 
				+const selectOptions = [
			
 
				+  { label: "进水流量", value: 0, style: "font-size: 12px" },
			
 
				+  { label: "#1好氧池硝酸盐", value: 1, style: "font-size: 12px" },
			
 
				+  { label: "#2好氧池硝酸盐", value: 2, style: "font-size: 12px" },
			
 
				+  { label: "#1缺氧池氨氮", value: 3, style: "font-size: 12px" },
			
 
				+  { label: "#2缺氧池氨氮", value: 4, style: "font-size: 12px" },
			
 
				+  { label: "进水COD", value: 5, style: "font-size: 12px" },
			
 
				+  { label: "进水总氮", value: 6, style: "font-size: 12px" },
			
 
				+  { label: "碳源投加量", value: 7, style: "font-size: 12px" }
			
 
				+]
			
 
				+
			
 
				+const seriesName = computed(() => {
			
 
				+  return selectOptions.find(({ value }) => selectValue.value === value).label
			
 
				+})
			
 
				+
			
 
				+const windowResize = () => echart.resize();
			
 
				+
			
 
				+const getEchartOptions = (data) => {
			
 
				+  const option = {
			
 
				+    backgroundColor: '#FFF',
			
 
				+    grid: {
			
 
				+      top: '20px',
			
 
				+      bottom: '50px',
			
 
				+      left: '8%',
			
 
				+      right: '20px'
			
 
				+    },
			
 
				+    tooltip: {
			
 
				+      trigger: 'axis',
			
 
				+      label: {
			
 
				+        show: true
			
 
				+      },
			
 
				+    },
			
 
				+    xAxis: {
			
 
				+      boundaryGap: false,
			
 
				+      axisLine: {
			
 
				+        show: false
			
 
				+      },
			
 
				+      splitLine: {
			
 
				+        show: false
			
 
				+      },
			
 
				+      axisTick: {
			
 
				+        show: false,
			
 
				+        alignWithLabel: true
			
 
				+      },
			
 
				+      data: data.map(({ time }) => time)
			
 
				+    },
			
 
				+    yAxis: {
			
 
				+      axisLine: {
			
 
				+        show: false
			
 
				+      },
			
 
				+      splitLine: {
			
 
				+        show: true,
			
 
				+        lineStyle: {
			
 
				+          type: 'dashed',
			
 
				+          color: '#E5E5E5'
			
 
				+        }
			
 
				+      },
			
 
				+      axisTick: {
			
 
				+        show: false
			
 
				+      },
			
 
				+      splitArea: {
			
 
				+        show: false,
			
 
				+        color: '#fff'
			
 
				+      }
			
 
				+    },
			
 
				+    series: [
			
 
				+      {
			
 
				+        name: seriesName.value,
			
 
				+        showSymbol: false,
			
 
				+        smooth: true,
			
 
				+        type: 'line',
			
 
				+        symbolSize: 10,
			
 
				+        lineStyle: {
			
 
				+          color: '#17a6fa',
			
 
				+          shadowBlur: 12,
			
 
				+          shadowColor: 'rgba(0, 0, 0, 0.12)',
			
 
				+          shadowOffsetX: 0,
			
 
				+          shadowOffsetY: 4,
			
 
				+          width: 2,
			
 
				+        },
			
 
				+        itemStyle: {
			
 
				+          color: '#4080FF',
			
 
				+          borderWidth: 3,
			
 
				+          borderColor: '#4080FF'
			
 
				+        },
			
 
				+        areaStyle: {
			
 
				+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
			
 
				+            offset: 0,
			
 
				+            color: 'rgba(0, 136, 212, 0.2)'
			
 
				+          }, {
			
 
				+            offset: 1,
			
 
				+            color: 'rgba(0, 136, 212, 0)'
			
 
				+          }], false),
			
 
				+        },
			
 
				+        data: data.map(({ val }) => val)
			
 
				+      }
			
 
				+    ]
			
 
				+  };
			
 
				+  return option;
			
 
				+}
			
 
				+
			
 
				+const createEchart = (data) => {
			
 
				+  echart.setOption(getEchartOptions(data));
			
 
				+}
			
 
				+
			
 
				+const onSwitchEchart = (item) => {
			
 
				+  const echartData = echartDataSource.value[item.value];
			
 
				+  isEmpty.value = !!echartData.length
			
 
				+  createEchart(echartData);
			
 
				+}
			
 
				+
			
 
				+const initEchartData = async () => {
			
 
				+  const { data: echartData } = await controlApi.getEchartData(unref(selectValue));
			
 
				+
			
 
				+  const enumSource = {
			
 
				+    YB: '在线仪表',
			
 
				+    HY: '连续检测',
			
 
				+    YC: '预测'
			
 
				+  };
			
 
				+
			
 
				+  tabs.value = Object.keys(echartData).map((key, index) => {
			
 
				+    if (index === 0) {
			
 
				+      tabActive.value = key + '-' + selectValue.value + '-' + index;
			
 
				+    }
			
 
				+    if ( echartData[key].length ) {
			
 
				+      return ({ label: enumSource[key], value: key });
			
 
				+    }
			
 
				+  }).filter(Boolean);
			
 
				+
			
 
				+  echartDataSource.value = echartData;
			
 
				+
			
 
				+  onSwitchEchart({ value: tabActive.value.substring(0, tabActive.value.indexOf('-')) });
			
 
				+}
			
 
				+
			
 
				+watch(selectValue, initEchartData)
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+
			
 
				+  initEchartData();
			
 
				+
			
 
				+  echart = echarts.init(echartRef.value, 'light');
			
 
				+
			
 
				+  window.addEventListener("resize", windowResize);
			
 
				+})
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  window.removeEventListener("resize", windowResize);
			
 
				+  echart && echart.dispose();
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="echart-panel-wrapper">
			
 
				+    <div class="title">
			
 
				+      <div class="left-inner">
			
 
				+        <span class="text">数据看板</span>
			
 
				+        <n-tabs type="segment" animated size="small" class="tabs" v-model:value="tabActive">
			
 
				+          <n-tab v-for="item, index in tabs" :key="item.value" :name="item.value + '-' + selectValue + '-' + index"
			
 
				+            @click="onSwitchEchart(item)">{{ item.label }}</n-tab>
			
 
				+        </n-tabs>
			
 
				+      </div>
			
 
				+      <div class="right-inner">
			
 
				+        <NSelect v-model:value="selectValue" class="w-[180px]" size="small" :options="selectOptions"
			
 
				+          :consistent-menu-width="false" />
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="echart-wrapper">
			
 
				+      <div class="echart" ref="echartRef">echart</div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.echart-panel-wrapper {
			
 
				+  display: flex;
			
 
				+  flex-flow: column;
			
 
				+  height: 100%;
			
 
				+  padding: 25px 16px 0 25px;
			
 
				+  margin-top: 12px;
			
 
				+  border-radius: 10px;
			
 
				+  background: #FFF;
			
 
				+
			
 
				+  .title {
			
 
				+    flex-shrink: 0;
			
 
				+    @include flex(x, center, between);
			
 
				+
			
 
				+    .left-inner {
			
 
				+      @include flex(x, center, start);
			
 
				+
			
 
				+      .text {
			
 
				+        color: #1A2029;
			
 
				+        font-size: 15px;
			
 
				+        font-style: normal;
			
 
				+        font-weight: 500;
			
 
				+        line-height: 24px;
			
 
				+      }
			
 
				+
			
 
				+      .tabs {
			
 
				+        width: 240px;
			
 
				+        margin-left: 16px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .right-inner {
			
 
				+      @include flex(x, center, start);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .echart-wrapper {
			
 
				+    height: 100%;
			
 
				+    padding-top: 16px;
			
 
				+
			
 
				+    .echart, .empty {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+
			
 
				+    .empty {
			
 
				+      @include flex(x, center, center);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.echart-panel-wrapper {
			
 
				+  .tabs {
			
 
				+    .n-tabs-tab--active {
			
 
				+      .n-tabs-tab__label {
			
 
				+        color: #2454FF;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .n-tabs-tab__label {
			
 
				+      font-size: 12px;
			
 
				+      color: #333333;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .right-inner {
			
 
				+    .n-base-selection__border {
			
 
				+      border: 0;
			
 
				+    }
			
 
				+
			
 
				+    .n-base-selection-input__content {
			
 
				+      font-size: 12px;
			
 
				+      color: #1A2029;
			
 
				+    }
			
 
				+
			
 
				+    .n-base-selection-label {
			
 
				+      border: 0;
			
 
				+      border-radius: 0;
			
 
				+      background: #F2F3F5 !important;
			
 
				+    }
			
 
				+
			
 
				+    .n-base-selection__state-border,
			
 
				+    .n-base-selection__border {
			
 
				+      border: 0 !important;
			
 
				+    }
			
 
				+
			
 
				+    .n-base-selection .n-base-selection__border,
			
 
				+    .n-base-selection .n-base-selection__state-border {
			
 
				+      box-shadow: none;
			
 
				+    }
			
 
				+
			
 
				+    .n-base-suffix__arrow {
			
 
				+      color: #4E5969;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/control/components/TheResultPanel.vue
+++ b/src/views/control/components/TheResultPanel.vue
@@ -0,0 +1,146 @@
 
				+<script setup>
			
 
				+import BaseTitle from './BaseTitle.vue';
			
 
				+import { SvgIcon } from '@/components';
			
 
				+
			
 
				+const emit = defineEmits(['on-click']);
			
 
				+const props = defineProps({
			
 
				+  flowNum: {
			
 
				+    type: Number,
			
 
				+    default: 0
			
 
				+  },
			
 
				+  doseNum: {
			
 
				+    type: Number,
			
 
				+    default: ''
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const emitEvent = () => emit('on-click');
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="result-card_view">
			
 
				+    <BaseTitle title="智能投加计算结果" type="second"></BaseTitle>
			
 
				+    <div class="content">
			
 
				+      <div class="reult-list space-y-[4px]">
			
 
				+        <div class="title">
			
 
				+          {{ !doseNum ? '请您完成左侧「1.智能投加计算」' : '根据投加设定，计算结果如下：' }}
			
 
				+          </div>
			
 
				+        <div class="desc" v-show="!doseNum">核算完成后为您生成建议碳源投加量</div>
			
 
				+        <ul class="text" v-show="doseNum">
			
 
				+          <li>
			
 
				+            <span>仪表瞬时流量：</span>
			
 
				+            <i>{{ flowNum }} m³</i>
			
 
				+          </li>
			
 
				+          <li>
			
 
				+            <span>系统加药量：</span>
			
 
				+            <i>{{ doseNum }} m3/h</i>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+      <div :class="['round-btn', { active: doseNum }]" @click="emitEvent">
			
 
				+        <div class="inner space-y-[4px]">
			
 
				+          <SvgIcon name="control-icon-result-btn" size="24" />
			
 
				+          <span>一键投放</span>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.result-card_view {
			
 
				+  display: flex;
			
 
				+  flex-flow: column;
			
 
				+  flex-shrink: 0;
			
 
				+  width: 100%;
			
 
				+  height: 214px;
			
 
				+  padding: 0px 16px 20px 16px;
			
 
				+  border-radius: 8px;
			
 
				+  border: 1px solid #fff;
			
 
				+  background: url('@/assets/images/control/bg-control-top.png') center right no-repeat, linear-gradient(90deg, #E0E8FC 0%, #F2F4FF 100%);
			
 
				+  background-size: auto 90%, auto;
			
 
				+  background-position: top right;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  .content {
			
 
				+    @include flex(x, start, between);
			
 
				+    height: 100%;
			
 
				+    padding: 23px 153px 23px 54px;
			
 
				+    border-radius: 8px;
			
 
				+    background: linear-gradient(90deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.50) 100%);
			
 
				+    backdrop-filter: blur(2px);
			
 
				+
			
 
				+    .reult-list {
			
 
				+      padding-top: 7px;
			
 
				+      overflow: hiddden;
			
 
				+      text-overflow: ellipsis;
			
 
				+      white-space: nowrap;
			
 
				+      .title {
			
 
				+        font-size: 20px;
			
 
				+        background: linear-gradient(92.49deg, #5ABBF2 12.24%, #2454FF 36.2%);
			
 
				+        -webkit-background-clip: text;
			
 
				+        -webkit-text-fill-color: transparent;
			
 
				+        line-height: 24px;
			
 
				+        font-size: 15px;
			
 
				+        font-weight: bold;
			
 
				+      }
			
 
				+
			
 
				+      .desc {
			
 
				+        font-size: 14px;
			
 
				+        color: #1A2029;
			
 
				+      }
			
 
				+
			
 
				+      .text {
			
 
				+        line-height: 24px;
			
 
				+        font-weight: 500;
			
 
				+        font-size: 14px;
			
 
				+        color: #1A2029;
			
 
				+
			
 
				+        li:nth-child(2) span{
			
 
				+          letter-spacing: 2.8px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .round-btn {
			
 
				+      @include flex(x, center, center);
			
 
				+      width: 88px;
			
 
				+      height: 88px;
			
 
				+      border: 2px solid #E6EFFE;
			
 
				+      border-radius: 50%;
			
 
				+      background: #D7DDFF;
			
 
				+      font-size: 10px;
			
 
				+      font-weight: bold;
			
 
				+      color: #fff;
			
 
				+      cursor: pointer;
			
 
				+      transition: all 0.5s;
			
 
				+
			
 
				+      .inner {
			
 
				+        @include flex(x, center, center);
			
 
				+        flex-flow: column;
			
 
				+        width: 74px;
			
 
				+        height: 74px;
			
 
				+        padding: 14px;
			
 
				+        border-radius: 100%;
			
 
				+        background: #8E9EFB;
			
 
				+        transition: all 0.3s;
			
 
				+      }
			
 
				+
			
 
				+      &:hover {
			
 
				+        // background: #898EFE;
			
 
				+        .inner {
			
 
				+          // background: #2454FF;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .active {
			
 
				+      transition: all 0.5s;
			
 
				+      background: #898EFE;
			
 
				+      .inner {
			
 
				+        background: #2454FF;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/env/index.vue
+++ b/src/views/env/index.vue
@@ -0,0 +1,51 @@
 
				+<script setup>
			
 
				+import { ref } from 'vue';
			
 
				+import { NInput, NButton } from 'naive-ui';
			
 
				+
			
 
				+const inpVal = ref('');
			
 
				+
			
 
				+const handleSetEnv = () => {
			
 
				+  localStorage.setItem("ENV", inpVal.value);
			
 
				+  alert("ok~");
			
 
				+}
			
 
				+
			
 
				+const handleClearEnv = () => {
			
 
				+  localStorage.removeItem("ENV");
			
 
				+  alert("remove~")
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="env-container">
			
 
				+    <ul class="env-inner">
			
 
				+      <li>
			
 
				+        <NInput type="text" v-model:value="inpVal"/>
			
 
				+      </li>
			
 
				+      <li class="space-x-[20px]">
			
 
				+        <NButton type="info" @click="handleSetEnv">设置</NButton>
			
 
				+        <NButton @click="handleClearEnv">清除</NButton>
			
 
				+      </li>
			
 
				+    </ul>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.env-container {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  height: 100vh;
			
 
				+
			
 
				+  .env-inner {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: center;
			
 
				+    flex-flow: column;
			
 
				+    width: 300px;
			
 
				+
			
 
				+    .n-input__input {
			
 
				+      border: 1px solid #ccc;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/login/LoginView.vue
+++ b/src/views/login/LoginView.vue
@@ -29,7 +29,7 @@ const handleSubmit = async () => {
 
				 
			
 
				   try {
			
 
				     loading.value = true;
			
 
				-    const { token } = await userApi.postLogin({ username, password });
			
 
				+    const { token } = await userApi.postLogin({ username, password, type: 0 });
			
 
				     userStore.setUserInfo({ token });
			
 
				     const { user } = await userApi.getUserInfo();
			
 
				     errorMsg.value = '';
			
@@ -42,15 +42,15 @@ const handleSubmit = async () => {
 
				   finally {
			
 
				     loading.value = false;
			
 
				   }
			
 
				-
			
 
				 }
			
 
				 
			
 
				 </script>
			
 
				 
			
 
				 <template>
			
 
				   <div class="login-viewport">
			
 
				-    <div class="logo absolute w-[106px] h-[28px] top-[14px] left-[20px]">
			
 
				-      <img src="@/assets/images/login/logo.png" alt="logo" />
			
 
				+    <div class="logo absolute w-[106px] space-x-[6px] h-[28px] top-[14px] left-[20px]">
			
 
				+      <img src="@/assets/svgs/common/logo.svg" alt="logo" />
			
 
				+      <span class="text">LibraAI智能体运营平台</span>
			
 
				     </div>
			
 
				 
			
 
				     <main class="main flex items-center space-x-[98px]">
			
@@ -106,6 +106,16 @@ const handleSubmit = async () => {
 
				   background-size: 100% 100%;
			
 
				   overflow: hidden;
			
 
				 
			
 
				+  .logo {
			
 
				+    @include flex(x, center, center);
			
 
				+    .text {
			
 
				+      font-size: 11px;
			
 
				+      font-family: AlimamaShuHeiTi;
			
 
				+      font-weight: bold;
			
 
				+      line-height: 12px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				   .text-title {
			
 
				     font-family: AlimamaShuHeiTi;
			
 
				     p:nth-child(1) {
			
--- a/src/views/screen/ScreenView.vue
+++ b/src/views/screen/ScreenView.vue
@@ -225,7 +225,7 @@ onBeforeUnmount(() => {
 
				     transform: translate(-50%, -50%);
			
 
				     width: 150rem;
			
 
				     height: 80rem;
			
 
				-    background: url("@assets/images/home/water-work.png") no-repeat;
			
 
				+    // background: url("@assets/images/home/water-work.png") no-repeat;
			
 
				     background: red;
			
 
				   }
			
 
				 
			
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -1,6 +1,6 @@
 
				 <script setup>
			
 
				 import { reactive } from 'vue';
			
 
				-import { TheChatView, contactUs, userEdit } from "@/components";
			
 
				+import { TheChatView, contactUs, userEdit } from "@/components/index";
			
 
				 import { screenApi } from "@/api/screen"
			
 
				 const data = reactive({
			
 
				   tab_action: 0,
			
--- a/src/views/work/WorkView.vue
+++ b/src/views/work/WorkView.vue
@@ -2,7 +2,8 @@
 
				 import { ref, unref, computed, onMounted, onUnmounted } from 'vue';
			
 
				 import { useMessage } from 'naive-ui';
			
 
				 import { BaseButton, RecodeCardItem, TheSubMenu, TheChatView, ChatWelcome, SvgIcon } from '@/components';
			
 
				-import { ChatAsk, ChatAnswer, ChatInputCopy } from '@/components/Chat';
			
 
				+import { ChatAsk, ChatAnswer, ChatAgentInput } from '@/components/Chat';
			
 
				+import { getFormatYesterDay } from '@/utils/format';
			
 
				 import { chatApi } from '@/api/chat';
			
 
				 import { helperApi } from '@/api/helper';
			
 
				 
			
@@ -35,6 +36,8 @@ const isExistInHistory = computed(() => (recordList.value.findIndex(({ sessionId
 
				 const handleCreateDialog = async () => {
			
 
				   message.destroyAll();
			
 
				 
			
 
				+  inputRef.value.clearFileList();
			
 
				+
			
 
				   if (unref(isLoading)) {
			
 
				     return message.warning('当前对话生成中');
			
 
				   }
			
@@ -64,23 +67,50 @@ const handleChatDetail = async ({ sessionId }) => {
 
				 
			
 
				   const { data } = await chatApi.getAnswerHistoryDetail({ sessionId });
			
 
				 
			
 
				-  chatDataSource.value = data.map(item => ({ ...item, loading: false, }));
			
 
				+  chatDataSource.value = data.map(item => {
			
 
				+    const uploadFileList = []
			
 
				+
			
 
				+    if ( item.question.includes('file:') ) {
			
 
				+      
			
 
				+      const fileInfo = item.question.split("||");
			
 
				+      const fileArr = fileInfo[0].split(":");
			
 
				+      const file = fileArr[1];
			
 
				+      const url = fileInfo[1];
			
 
				+      const suffix = file.substring( file.lastIndexOf('.') + 1 ).toUpperCase();
			
 
				+      const originSuffix = file.substring( file.lastIndexOf('.') );
			
 
				+      const name = file.substring(0, file.lastIndexOf('.'))
			
 
				+
			
 
				+      uploadFileList.push({
			
 
				+        name,
			
 
				+        originSuffix,
			
 
				+        suffix,
			
 
				+        url
			
 
				+      })
			
 
				+    }
			
 
				+    return ({ ...item, loading: false, uploadFileList})
			
 
				+  });
			
 
				 
			
 
				   currenSessionId.value = sessionId;
			
 
				 
			
 
				   scrollToBottom();
			
 
				 }
			
 
				 
			
 
				-const onRegenerate = async ({ question, tools }) => {
			
 
				+const onRegenerate = async ({ showVal, question, tools, uploadFileList }) => {
			
 
				   controller = new AbortController();
			
 
				 
			
 
				   const sessionId = unref(currenSessionId);
			
 
				+  let fileQuestionStr = '';
			
 
				+
			
 
				+  if ( uploadFileList && uploadFileList.length ) {
			
 
				+    const [ fileItem ] = uploadFileList;
			
 
				+    fileQuestionStr = `file:${fileItem.name + fileItem.originSuffix}||${fileItem.url}||${question}`
			
 
				+  }
			
 
				 
			
 
				   const params = {
			
 
				     data: {
			
 
				       sessionId,
			
 
				-      showVal: question,
			
 
				-      question: question,
			
 
				+      showVal,                        // 展示问题
			
 
				+      question: fileQuestionStr || question,    // 给大模型的问题
			
 
				       module: 2,
			
 
				       tools: activeItem.value.tools || tools,
			
 
				       isStrong: Number(unref(switchActive))
			
@@ -93,8 +123,10 @@ const onRegenerate = async ({ question, tools }) => {
 
				 
			
 
				       updateChat({
			
 
				         sessionId,
			
 
				+        showVal,   
			
 
				         question,
			
 
				         answer,
			
 
				+        uploadFileList,
			
 
				         loading: true,
			
 
				         delayLoading: false
			
 
				       })
			
@@ -111,8 +143,10 @@ const onRegenerate = async ({ question, tools }) => {
 
				     updateChat({
			
 
				       id,
			
 
				       sessionId,
			
 
				+      showVal,
			
 
				       question,
			
 
				       answer,
			
 
				+      uploadFileList,
			
 
				       loading: false,
			
 
				       delayLoading: false
			
 
				     })
			
@@ -128,7 +162,7 @@ const onRegenerate = async ({ question, tools }) => {
 
				   }
			
 
				 }
			
 
				 // 提交问题
			
 
				-const handleSubmit = async ({question, selectedOption}) => {
			
 
				+const handleSubmit = async ({showVal, question, selectedOption, uploadFileList = []}) => {
			
 
				 
			
 
				   if (unref(isExistInHistory)) {
			
 
				     const { data: sessionId } = await chatApi.getChatSessionTag();
			
@@ -139,15 +173,17 @@ const handleSubmit = async ({question, selectedOption}) => {
 
				 
			
 
				   addChat({
			
 
				     sessionId: unref(currenSessionId),
			
 
				+    showVal: showVal,
			
 
				     question,
			
 
				     answer: '',
			
 
				     loading: true,
			
 
				-    delayLoading: true
			
 
				+    delayLoading: true,
			
 
				+    uploadFileList
			
 
				   })
			
 
				 
			
 
				   scrollToBottom();
			
 
				 
			
 
				-  setTimeout(() => onRegenerate({ question, tools: selectedOption?.tools || null }), 2 * 1000);
			
 
				+  setTimeout(() => onRegenerate({ showVal, question, tools: selectedOption?.tools || null,  uploadFileList}), 2 * 1000);
			
 
				 }
			
 
				 
			
 
				 // 处理推荐问题
			
@@ -182,7 +218,7 @@ const handleback = async () => {
 
				 
			
 
				 onMounted(async () => {
			
 
				   const { data } = await helperApi.getHelperList();
			
 
				-  helperList.value = data;
			
 
				+  helperList.value = getFormatYesterDay(data);
			
 
				 })
			
 
				 
			
 
				 onUnmounted(() => {
			
@@ -217,7 +253,6 @@ onUnmounted(() => {
 
				             <div class="grid-item" v-for="item in helperList" :key="item.id" @click="handleWelcomeRecommend(item)">
			
 
				               <div class="grid-item-icon space-x-[8px]">
			
 
				                 <img :src="item.banner" alt="" class="w-[24px]">
			
 
				-                <!-- <SvgIcon name="tool-report" size="24"></SvgIcon> -->
			
 
				                 <h3 class="grid-item-title">{{ item.title }}</h3>
			
 
				               </div>
			
 
				               <div class="text-[#5E5E5E] mt-[8px] text-justify">
			
@@ -237,21 +272,21 @@ onUnmounted(() => {
 
				 
			
 
				       <div class="conversation-item" v-if="chatDataSource.length">
			
 
				         <template v-for="item in chatDataSource" :key="item.id">
			
 
				-          <ChatAsk :content="item.question" :sessionId="item.sessionId"></ChatAsk>
			
 
				+          <ChatAsk :content="item.showVal" :sessionId="item.sessionId" :uploadFileList="item.uploadFileList"></ChatAsk>
			
 
				           <ChatAnswer :id="item.id" :content="item.answer" :loading="item.loading" :delay-loading="item.delayLoading"
			
 
				             :isSatisfied="item.isSatisfied" @on-click-icon="params => updateById(params)"></ChatAnswer>
			
 
				         </template>
			
 
				       </div>
			
 
				 
			
 
				       <template #footer>
			
 
				-        <ChatInputCopy
			
 
				+        <ChatAgentInput
			
 
				           :active-item="activeItem"
			
 
				           ref="inputRef"
			
 
				           v-model:loading="isLoading"
			
 
				           v-model:switch="switchActive"
			
 
				           @on-click="handleSubmit"
			
 
				           @on-enter="handleSubmit"
			
 
				-        ></ChatInputCopy>
			
 
				+        ></ChatAgentInput>
			
 
				       </template>
			
 
				     </TheChatView>
			
 
				   </section>