1125

ruoyi-screen/.env.development

@@ -8,7 +8,7 @@ ENV=development
 VITE_APP_BASE_API=/dev-api
 
 # 仅本地 Vite 开发服务器使用，不会打进前端包
-VITE_PROXY_TARGET=http://192.168.1.18:8010
+VITE_PROXY_TARGET=http://192.168.1.6:8010
 
 # 天启气象（前端直连 gfeljm.tianqiapi.com）
 VITE_WEATHER_APP_ID=36793262

ruoyi-screen/src/views/livestockResources/index.vue

@@ -1,29 +1,406 @@
 <template>
-  <div class="screen-page screen-page--placeholder">
-    <p class="placeholder__zh">畜牧资源大屏开发中</p>
-    <p class="placeholder__bo">སྐྱེས་ཁམས་ཐོན་ཁུངས་ཆེ་ཙལ་གསར་སྤེལ་བཞིན་པ།</p>
+  <div class="screen-page ts-page" :class="{ 'is-loading': loading }">
+    <div v-if="loadError" class="ts-error">{{ loadError }}</div>
+
+    <!-- <div class="ts-year-bar">
+      <label class="ts-year-bar__label">统计年份</label>
+      <select
+        v-model="statYear"
+        class="ts-year-bar__select"
+        :disabled="loading"
+        @change="onYearChange"
+      >
+        <option v-for="y in availableYears" :key="y" :value="String(y)">{{ y }}年</option>
+      </select>
+      <span v-if="statDate" class="ts-year-bar__date">统计日 {{ statDate }}</span>
+    </div> -->
+
+    <!-- 左栏：核心数据总览（ -->
+    <div class="screen-page--home-column">
+      <div class="screen-page--home-column-top">
+        <div class="top_title">核心数据总览 གཙོ་བོའི་གནས་ཚད་བསྡུས་གསལ།</div>
+        <div class="ts-overview-grid">
+          <div
+            v-for="item in liveStock"
+            :key="item.key"
+            class="ts-overview-cell"
+            :class="{ 'ts-overview-cell--placeholder': item.placeholder }"
+          >
+            <div class="content_title"><div>{{ item.label }}</div></div>
+            <div class="content_num">
+              <strong class="content_num__value">{{ item.value }}</strong>
+              <span v-if="item.unit" class="content_num__unit">{{ item.unit }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="screen-page--home-column-flex">
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">活跃度趋势 འགྲོ་འདུག་གོམ་སྟངས་རྒྱུན་སྟངས།</div>
+          <div class="flex_content flex_content--quote">
+           
+            <div class="quote-chart">
+              
+            </div>
+          </div>
+        </div>
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">用户结构分析 སྤྱོད་མིའི་གོ་སྐབས་དཔྱད་པ།</div>
+          <div class="flex_content">
+           
+          </div>
+        </div>
+      </div>
+
+      <div class="screen-page--home-column-flex">
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">提问分类占比 དྲིས་ལན་དབྱེ་རྩིས་བགོ་སྟངས།</div>
+          <div class="flex_content">
+          
+          </div>
+        </div>
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">模型调用分析 དཔེ་གཞི་འབྲི་རྩོམ་དཔྱད་པ།</div>
+          <div class="flex_content">
+           
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 右栏：农资商城本期不实现，保留占位 -->
+    <div class="screen-page--home-column">
+      <div class="screen-page--home-column-right ts-mall-panel">
+        <div class="top_title">分时使用热度 དུས་སྐོར་སྤྱོད་སྟོབས་ཚད།</div>
+        
+      </div>
+      <div class="screen-page--home-column-flex">
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">会话提问数量分布 གོ་སྐབས་དྲིས་གྲངས་ཁྱབ་སྤེལ།</div>
+          <div class="flex_content flex_content--placeholder">
+          
+          </div>
+        </div>
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">会话状态分布 གོ་སྐབས་གནས་སྟངས་ཁྱབ་སྤེལ།</div>
+          <div class="flex_content flex_content--placeholder">
+          
+          </div>
+        </div>
+      </div>
+      <div class="screen-page--home-column-flex">
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">热门问题榜单 ཡོངས་གྲགས་དྲིས་ལན་གསལ་ཐོ།</div>
+          <div class="flex_content flex_content--placeholder">
+           
+          </div>
+        </div>
+        <div class="screen-page--home-column-flex-item">
+          <div class="flex_title">高频关键词 མང་དུ་སྦྱོང་བའི་ཚིག་གཙོ།</div>
+          <div class="flex_content flex_content--placeholder">
+           
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import ScreenChart from '@/components/ScreenChart.vue'
+
+const loading = ref(false)
+const loadError = ref('')
+const statYear = ref(String(new Date().getFullYear()))
+const statDate = ref('')
+
+const liveStock = ref([])
+
+
+</script>
+
 <style scoped>
-.screen-page--placeholder {
+.ts-page {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 20px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.ts-page.is-loading {
+  opacity: 0.92;
+}
+
+.ts-error {
+  position: absolute;
+  top: 4px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+  padding: 4px 12px;
+  font-size: 12px;
+  color: #ffb4b4;
+  background: rgba(80, 20, 20, 0.75);
+  border-radius: 4px;
+}
+
+.ts-year-bar {
+  position: absolute;
+  top: 8px;
+  right: 24px;
+  z-index: 5;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.ts-year-bar__label {
+  font-size: 12px;
+  color: var(--screen-text-secondary, #a8d4c8);
+}
+
+.ts-year-bar__select {
+  min-width: 88px;
+  height: 28px;
+  padding: 0 8px;
+  font-size: 13px;
+  color: #e8eef5;
+  background: rgba(4, 48, 40, 0.85);
+  border: 1px solid var(--screen-line-dim, rgba(61, 217, 176, 0.42));
+  border-radius: 4px;
+  outline: none;
+}
+
+.ts-year-bar__date {
+  font-size: 11px;
+  color: rgba(168, 212, 200, 0.75);
+}
+
+.screen-page--home-column {
+  width: 617px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.screen-page--home-column-top {
+  width: 617px;
+  height: 201px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  background: url('../../assets/sale/sale.png') no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.screen-page--home-column-right {
+  width: 617px;
+  height: 201px;
+  background: url('../../assets/pro/pro.png') no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.ts-mall-panel {
+  display: flex;
+  flex-direction: column;
+}
+
+.ts-placeholder {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 24px;
+  text-align: center;
+  font-size: 14px;
+  color: rgba(168, 212, 200, 0.75);
+}
+
+.ts-placeholder--sm {
+  font-size: 13px;
+}
+
+.screen-page--home-column-flex {
+  width: 617px;
+  height: 223px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.screen-page--home-column-flex-item {
+  width: 304px;
+  height: 223px;
+  background: url('../../assets/home/mini_box.png') no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.top_title {
+  width: 100%;
+  height: 35px;
+  box-sizing: border-box;
+  font-size: 18px;
+  color: #fff;
+  line-height: 35px;
+  padding-left: 100px;
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.ts-overview-grid {
+  flex: 1;
+  min-height: 0;
+  box-sizing: border-box;
+  padding: 6px 20px 14px 32px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 4px 40px;
+}
+
+.ts-overview-cell {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  min-height: 0;
+  width: 100%;
+  text-align: right;
+  box-sizing: border-box;
+  padding-right: 10px;
+}
+
+.ts-overview-cell .content_title {
+  width: 100%;
+  text-align: right;
+}
+
+.ts-overview-cell .content_num {
+  width: 100%;
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  gap: 6px;
+  margin: 4px 0 0;
+  line-height: 1.3;
+}
+
+.content_num__value {
+  flex: 1;
+  min-width: 0;
+  text-align: right;
+  font-size: 24px;
+  font-weight: 600;
+  background: linear-gradient(to bottom, #98e9aa, #ecd27b);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.content_num__unit {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: #a8d4c8;
+  line-height: 1.2;
+  text-align: right;
+}
+
+.ts-overview-cell--placeholder .content_num__value {
+  font-size: 18px;
+  background: none;
+  -webkit-background-clip: unset;
+  background-clip: unset;
+  color: #6a9f90;
+}
+
+.content_title {
+
+  font-size: 11px;
+  color: #a8d4c8;
+  line-height: 1.3;
+}
+
+.flex_title {
+  width: 100%;
+  box-sizing: border-box;
+  height: 35px;
+  font-size: 16px;
+  color: #fff;
+  line-height: 35px;
+  padding-left: 45px;
+  margin-bottom: 5px;
+}
+
+.flex_content {
+  width: 100%;
+  height: 180px;
+  box-sizing: border-box;
+  padding: 5px;
+}
+
+.flex_content--quote {
+  display: flex;
+  flex-direction: column;
+  padding: 4px 6px;
+}
+
+.quote-summary {
+  display: flex;
+  flex-direction: row;
+  gap: 6px;
+  height: 42px;
+  flex-shrink: 0;
+}
+
+.quote-summary__item {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 8px;
-  color: #9aa8b4;
+  background: rgba(4, 48, 40, 0.45);
+  border-radius: 4px;
+  border: 1px solid rgba(61, 217, 176, 0.2);
 }
 
-.placeholder__zh {
-  margin: 0;
-  font-size: 15px;
+.quote-summary__label {
+  font-size: 10px;
+  color: #a8d4c8;
 }
 
-.placeholder__bo {
-  margin: 0;
-  font-size: 13px;
-  color: #7d8fa3;
+.quote-summary__val {
+  font-size: 11px;
+  color: #fff;
+}
+
+.quote-summary__val strong {
+  font-size: 14px;
+  background: linear-gradient(to bottom, #98e9aa, #ecd27b);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.quote-summary__unit {
+  font-size: 10px;
+  color: #a8d4c8;
+  margin-left: 2px;
+}
+
+.quote-chart {
+  flex: 1;
+  min-height: 0;
+}
+
+.flex_content--placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>

ruoyi-screen/vite.config.js

@@ -10,7 +10,7 @@ export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
 
   const baseApi = env.VITE_APP_BASE_API || '/dev-api'
-  const proxyTarget = (env.VITE_PROXY_TARGET || 'http://192.168.1.18:8010').replace(/\/$/, '')
+  const proxyTarget = (env.VITE_PROXY_TARGET || 'http://192.168.1.6:8010').replace(/\/$/, '')
 
   const proxy = {
     [baseApi]: {

ruoyi-ui-app/config/index.js

@@ -13,7 +13,7 @@
  */
 
 /** 与 ruoyi-ui/vue.config.js 中 baseUrl 一致 */
-export const DEV_API_HOST = 'http://192.168.1.10:8010'
+export const DEV_API_HOST = 'http://192.168.1.6:8010'
 
 /**
  * H5 是否走 /dev-api 开发代理（需 vite.config.js 的 rewrite，manifest 的 pathRewrite 在 Vue3 常不生效）

ruoyi-ui-app/locale/bo.js

@@ -131,6 +131,9 @@ export default {
     modelFeeding: 'ཟས་སྦྱོར་ལག་རོགས',
     modelFeedingShort: 'ཟས་སྦྱོར',
     modelFeedingDesc: 'ཟས་སྦྱོར་གཞི་སྒྲིག',
+    modelGrowth: 'འཕེལ་རྒྱས་ལག་རོགས',
+    modelGrowthShort: 'འཕེལ་རྒྱས',
+    modelGrowthDesc: 'འབྲོང་སྐྱེས་སྟོབས་འཕེལ་རྒྱས་བརྟག་ཞིབ་དང་སྔོན་དཔྱད',
     pickModel: 'དཔེ་གཞི་འདེམས'
   },
   messagePage: {

ruoyi-ui-app/locale/zh.js

@@ -126,6 +126,9 @@ export default {
     modelFeeding: '饲喂决策助手',
     modelFeedingShort: '饲喂',
     modelFeedingDesc: '饲喂方案与营养决策',
+    modelGrowth: '养殖生长助手',
+    modelGrowthShort: '生长',
+    modelGrowthDesc: '牦牛生长发育监测与预测',
     pickModel: '选择模型'
   },
   messagePage: {

ruoyi-ui-app/utils/aiLlmChat.js

@@ -7,7 +7,8 @@ export const MODEL_OPTION_DEFS = [
   { value: 'auto', labelKey: 'modelAuto', shortKey: 'modelAutoShort', descKey: 'modelAutoDesc', icon: 'grid-fill' },
   { value: 'yak-disease', labelKey: 'modelDisease', shortKey: 'modelDiseaseShort', descKey: 'modelDiseaseDesc', icon: 'order' },
   { value: 'yak-general', labelKey: 'modelGeneral', shortKey: 'modelGeneralShort', descKey: 'modelGeneralDesc', icon: 'chat' },
-  { value: 'yak-feeding', labelKey: 'modelFeeding', shortKey: 'modelFeedingShort', descKey: 'modelFeedingDesc', icon: 'shopping-cart' }
+  { value: 'yak-feeding', labelKey: 'modelFeeding', shortKey: 'modelFeedingShort', descKey: 'modelFeedingDesc', icon: 'shopping-cart' },
+  { value: 'yak-growth', labelKey: 'modelGrowth', shortKey: 'modelGrowthShort', descKey: 'modelGrowthDesc', icon: 'chat' }
 ]
 
 export const MEDIA_RULES = {

ruoyi-ui/src/lang/bo/diseaseTreatment.js

@@ -203,7 +203,10 @@ export default {
     modelGeneralDesc: "སྤྱིར་བཏང་ལན་འདྲི",
     modelFeeding: "ཟས་ལག་རོགས",
     modelFeedingShort: "ཟས",
-    modelFeedingDesc: "ཟས་སྦྱོར་གཞི་ཀློག"
+    modelFeedingDesc: "ཟས་སྦྱོར་གཞི་ཀློག",
+    modelGrowth: "འཕེལ་རྒྱས་ལག་རོགས",
+    modelGrowthShort: "འཕེལ་རྒྱས",
+    modelGrowthDesc: "འབྲོང་སྐྱེས་སྟོབས་འཕེལ་རྒྱས་བརྟག་ཞིབ་དང་སྔོན་དཔྱད"
   },
   vetOnlineConsult: {
     queryAskerName: "བརྟག་དཔྱད་མཁན།",

ruoyi-ui/src/lang/zh/diseaseTreatment.js

@@ -203,7 +203,10 @@ export default {
     modelGeneralDesc: "日常养殖与综合问答",
     modelFeeding: "饲喂决策助手",
     modelFeedingShort: "饲喂",
-    modelFeedingDesc: "饲喂方案与营养决策"
+    modelFeedingDesc: "饲喂方案与营养决策",
+    modelGrowth: "养殖生长助手",
+    modelGrowthShort: "生长",
+    modelGrowthDesc: "牦牛生长发育监测与预测",
   },
   vetOnlineConsult: {
     queryAskerName: "问诊人",

ruoyi-ui/src/views/diseaseTreatment/onlineConsult/ai/index.vue

@@ -311,7 +311,8 @@ const MODEL_OPTION_DEFS = [
   { value: "auto", labelKey: "modelAuto", shortKey: "modelAutoShort", descKey: "modelAutoDesc", icon: "el-icon-cpu" },
   { value: "yak-disease", labelKey: "modelDisease", shortKey: "modelDiseaseShort", descKey: "modelDiseaseDesc", icon: "el-icon-s-flag" },
   { value: "yak-general", labelKey: "modelGeneral", shortKey: "modelGeneralShort", descKey: "modelGeneralDesc", icon: "el-icon-chat-dot-round" },
-  { value: "yak-feeding", labelKey: "modelFeeding", shortKey: "modelFeedingShort", descKey: "modelFeedingDesc", icon: "el-icon-s-goods" }
+  { value: "yak-feeding", labelKey: "modelFeeding", shortKey: "modelFeedingShort", descKey: "modelFeedingDesc", icon: "el-icon-s-goods" },
+  { value: "yak-growth", labelKey: "modelGrowth", shortKey: "modelGrowth", descKey: "modelGrowthDesc", icon: "el-icon-s-flag" },
 ]
 
 
@@ -1542,24 +1543,30 @@ export default {
 }
 
 .chat-bubble {
-  max-width: 72%;
+  box-sizing: border-box;
   padding: 8px 12px;
   border-radius: 10px;
   font-size: 14px;
   line-height: 1.5;
 
   &.is-ai {
+    width: 680px;
+    max-width: calc(100% - 46px);
     background: #e8f4ff;
     color: #1d3a5c;
     border: 1px solid #b3d8ff;
   }
 
   &.is-user {
+    width: 360px;
+    max-width: calc(100% - 46px);
     background: #52c41a;
     color: #fff;
   }
 
   &.chat-bubble--thinking {
+    width: auto;
+    max-width: none;
     min-width: 72px;
     min-height: 40px;
     display: flex;

ruoyi-ui/vue.config.js

@@ -9,7 +9,7 @@ const CompressionPlugin = require('compression-webpack-plugin')
 
 const name = process.env.VUE_APP_TITLE || '巴青管理系统' // 网页标题
 
-const baseUrl = 'http://192.168.1.10:8010' // 后端接口
+const baseUrl = 'http://192.168.1.6:8010' // 后端接口
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口