fix:首页样式优化

Merge branch 'dev' of https://gitea.aiotagro.com/liupengcheng/admin-jxn-testing into dev
修改文案
2024-09-23 16:25:01 +08:00 · 2024-09-23 14:25:29 +08:00 · 2024-09-23 14:25:22 +08:00 · 2024-09-23 14:23:36 +08:00
3 changed files with 82 additions and 55 deletions
--- a/src/views/breedMgmt/BLUP.vue
+++ b/src/views/breedMgmt/BLUP.vue
@@ -49,14 +49,14 @@
        <el-table-column prop="b" label="标记编号"></el-table-column>
        <el-table-column prop="c" label="性别"></el-table-column>
        <el-table-column prop="d" label="外貌评分"></el-table-column>
-        <el-table-column prop="e" label="18月龄体高(CM)"></el-table-column>
-        <el-table-column prop="f" label="18月龄体长(CM)"></el-table-column>
-        <el-table-column prop="g" label="18月龄胸围(CM)"></el-table-column>
-        <el-table-column prop="h" label="18月龄官维(CM)"></el-table-column>
-        <el-table-column prop="i" label="18月龄体重(KG)"></el-table-column>
-        <el-table-column prop="j" label="18月龄背膘厚度(MM)"></el-table-column>
-        <el-table-column prop="k" label="18月龄眼肌面积(MM)"></el-table-column>
-        <el-table-column prop="l" label="平均产奶量(KG)"></el-table-column>
+        <el-table-column prop="e" label="18月龄体高(cm)"></el-table-column>
+        <el-table-column prop="f" label="18月龄体长(cm)"></el-table-column>
+        <el-table-column prop="g" label="18月龄胸围(cm)"></el-table-column>
+        <el-table-column prop="h" label="18月龄官维(cm)"></el-table-column>
+        <el-table-column prop="i" label="18月龄体重(kg)"></el-table-column>
+        <el-table-column prop="j" label="18月龄背膘厚度(mm)"></el-table-column>
+        <el-table-column prop="k" label="18月龄眼肌面积(mm)"></el-table-column>
+        <el-table-column prop="l" label="平均产奶量(kg)"></el-table-column>
        <el-table-column prop="m" label="平均乳脂率(%)"></el-table-column>
        <el-table-column prop="n" label="平均乳蛋白率(%)"></el-table-column>
        <el-table-column
--- a/src/views/disease-resistance/disease-resistance.vue
+++ b/src/views/disease-resistance/disease-resistance.vue
@@ -45,7 +45,7 @@
        <el-table-column prop="farm" label="养殖场"></el-table-column>
        <el-table-column prop="number" label="标记编号"></el-table-column>
        <el-table-column prop="age" label="月龄"></el-table-column>
-        <el-table-column prop="result" label="监测结果"></el-table-column>
+        <el-table-column prop="result" label="检测结果"></el-table-column>
        <el-table-column label="详情">
          <template slot-scope="scope">
            <el-button
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -4,6 +4,18 @@
    <div class="layouts">
      <div class="layoutsdiv">
        <div class="tile">总资源展示</div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 104%;
+            justify-content: space-around;
+            padding-top: 24px;
+          "
+        >
+          <div>种质资源</div>
+          <div>基因数据资源</div>
+        </div>
        <div class="echartsdiv">
          <!-- 总资源展示两个图表 -->
          <div id="Inventory" class="chartstyle"></div>
@@ -11,7 +23,20 @@
        </div>
      </div>
      <div class="layoutsdiv">
-        <div class="tile">综合育种植</div>
+        <div class="tile">综合育种值</div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 100%;
+            padding-top: 24px;
+          "
+        >
+          <div style="width: 50%; text-align: left; padding-left: 1%">
+            育种值
+          </div>
+          <div style="width: 35%; text-align: center">平均育种值</div>
+        </div>
        <div style="display: flex">
          <div
            class="echartsdiv"
@@ -19,11 +44,13 @@
          >
            <!-- 综合育种植图表 -->
            <div id="Inventory2" class="chartstyle2"></div>
-            <div style="font-weight: 600; width: 100%">群体育种值趋势图</div>
+            <!-- <div style="font-weight: 600; width: 100%">群体育种值趋势图</div> -->
          </div>
          <div class="flexdiv">
            <div style="width: 100%; display: flex; justify-content: center">
-              <div style="font-weight: bold; width: 70%">平均育种值</div>
+              <!-- <div style="font-weight: bold; width: 70%; padding-top: 4px">
+                平均育种值
+              </div> -->
            </div>
            <div class="tabsdata">
              <div class="tabs">
@@ -34,40 +61,49 @@
            <div style="text-align: center">
              <img
                style="width: 100%"
-                src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/30581be380a8e407b6a193bc04d1a5f52a.jpg"
+                src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/eebaca34a02b3398edaf107b1ae7415e.png"
                alt=""
              />
            </div>
          </div>
        </div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 104%;
+            justify-content: space-around;
+            padding-bottom: 20px;
+            position: relative;
+            margin-top: -40px;
+          "
+        >
+          <div>群体育种值趋势图</div>
+          <div>育种牛图</div>
+        </div>
      </div>
      <div class="layoutsdiv">
        <div class="tile">系谱分析</div>
        <div style="display: flex">
          <img
            style="width: 100%"
-            src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/3045dfe9ebb60507a75748a7c58393a0da.jpg"
+            src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/8efcf4aa9ab05f1a4937a081a20a52d5.png"
            alt=""
          />
-          <!-- <div
-            class="echartsdiv"
-            style="display: flex; flex-direction: column; width: 100%"
-          >
-            <div
-              id="Inventory2"
-              style="height: 350px; text-align: center; width: 100%"
-            ></div>
-            <div style="font-weight: 600; width: 100%">群体系统发育NJ树</div>
-          </div>
-          <div style="width: 100%">
-            <div style="text-align: center">
-              <img
-                style="width: 80%"
-                src=""
-                alt=""
-              />
-            </div>
-          </div> -->
+        </div>
+        <div
+          style="
+            display: flex;
+            font-weight: bold;
+            width: 100%;
+            justify-content: space-around;
+            padding-bottom: 20px;
+            position: relative;
+            margin-top: -38px;
+          "
+        >
+          <div>群体系统发育NJ树</div>
+          <div>分布位置展示</div>
        </div>
      </div>
      <div class="layoutsdiv">
@@ -80,22 +116,13 @@
            <!-- 遗传病风险警告图表 -->
            <div id="Inventory3" class="chartstyle3"></div>
            <div style="font-weight: 600; width: 100%">
-              群体遗传比风险概览图
+              群体遗传病风险概览图
            </div>
          </div>
-          <div class="flexdiv">
-            <!-- <div style="width: 100%; display: flex; justify-content: center">
-              <div style="font-weight: bold; width: 70%">群体遗传病风险数量统计表</div>
-            </div> -->
-            <!-- <div class="tabsdata">
-              <div class="tabs">
-                <div>平均育种值</div>
-                <div>132</div>
-              </div>
-            </div> -->
+          <div class="flexdiv" style="display: flex">
            <img
-              style="width: 100%"
-              src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/iot_breed/farm/2024/08/30ed0c054a729a918a324a884a4e920ca7.jpg"
+              style="width: 110%"
+              src="https://smart-1251449951.cos.ap-guangzhou.myqcloud.com/ymc_travel/2024/09/23/eea6e208048409a1a951756239081ab7.png"
              alt=""
            />
          </div>
@@ -138,7 +165,6 @@ export default {
        },
        series: [
          {
-            name: '种质资源',
            type: 'bar',
            data: [35, 140, 300, 420]
          }
@@ -147,7 +173,6 @@ export default {
      var myChart1 = echarts.init(document.getElementById('Inventory1'))
      myChart1.setOption({
        title: {
-          text: '基因数据资源',
          left: 'center'
        },
        tooltip: {
@@ -156,7 +181,7 @@ export default {
        },
        legend: {
          left: 'center',
-          top: 'bottom',
+          top: 'bottom'
        },
        series: [
          {
@@ -175,9 +200,7 @@ export default {
      })
      var myChart2 = echarts.init(document.getElementById('Inventory2'))
      myChart2.setOption({
-        title: {
-          text: '育种值'
-        },
+        title: {},
        tooltip: {},
        xAxis: {
          type: 'category',
@@ -269,11 +292,11 @@ export default {
  .echartsdiv {
    display: flex;
    .chartstyle {
-      height: 400px;
+      height: 350px;
      text-align: center;
    }
    .chartstylepc {
-      height: 400px;
+      height: 350px;
      text-align: center;
    }
    .chartstyle2 {
@@ -305,6 +328,7 @@ export default {
      justify-content: space-between;
      color: #468ce7;
      background: #f2f6fb;
+      margin-top: 26px;
    }
    .tabs div {
      border: 1px solid #a6c5ee;
@@ -331,11 +355,14 @@ export default {
    height: 380px !important;
  }
  .chartstyle2 {
-    height: 310px !important;
+    height: 340px !important;
  }
  .chartstyle3 {
    height: 270px !important;
  }
+  .tabsdata {
+    padding-top: 0px;
+  }
 }
 </style>
Author	SHA1	Message	Date
wuzhihao	450b4ba9bc	fix:首页样式优化	2024-09-23 16:25:01 +08:00
lijinxuan123	9452ea6811	Merge branch 'dev' of https://gitea.aiotagro.com/liupengcheng/admin-jxn-testing into dev	2024-09-23 14:25:29 +08:00
lijinxuan123	8d7af8871e	修改文案	2024-09-23 14:25:22 +08:00
liupengcheng	b0313a37c7	遗传病风险字段修改	2024-09-23 14:23:36 +08:00