From cb4180122175abdedc818a5f6a5165c5000923bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=A6=8D=E6=B4=81?=
 <16391855+wang-yanjie1218@user.noreply.gitee.com>
Date: Fri, 27 Feb 2026 11:51:44 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86PC=E7=AB=AF=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 chenhai-ui/src/api/vet/training.js            |    2 -
 chenhai-ui/src/views/gld.vue                  | 1000 ++++++++++-
 .../src/views/muhu/consultation/index.vue     | 1487 +++++++++++++++--
 chenhai-ui/src/views/system/base/index.vue    |  161 +-
 .../src/views/system/infoRelease/index.vue    |  152 +-
 .../src/views/system/interpretation/index.vue |  149 +-
 chenhai-ui/src/views/system/vacInfo/index.vue |  279 +++-
 .../src/views/system/vet/aduit/index.vue      |  432 ++++-
 chenhai-ui/src/views/vet/article/index.vue    |    2 +-
 chenhai-ui/src/views/vet/comments/index.vue   |   28 +-
 chenhai-ui/src/views/vet/experts/index.vue    |    8 +-
 chenhai-ui/src/views/vet/info/index.vue       |    3 +-
 chenhai-ui/src/views/vet/knowledge/index.vue  |   24 +-
 chenhai-ui/src/views/vet/merchant/index.vue   |    2 +-
 chenhai-ui/src/views/vet/product/index.vue    |  344 ++--
 .../src/views/vet/qualification/index.vue     |    2 +-
 chenhai-ui/src/views/vet/training/index.vue   |    2 +-
 17 files changed, 3561 insertions(+), 516 deletions(-)

diff --git a/chenhai-ui/src/api/vet/training.js b/chenhai-ui/src/api/vet/training.js
index 0cd96d4..3da069f 100644
--- a/chenhai-ui/src/api/vet/training.js
+++ b/chenhai-ui/src/api/vet/training.js
@@ -55,8 +55,6 @@ export function uploadVideo(data) {
   })
 }
 
-// ============ 已有的其他接口（如果存在的话） ============
-
 // 提交审核
 export function submitForAudit(id) {
   return request({
diff --git a/chenhai-ui/src/views/gld.vue b/chenhai-ui/src/views/gld.vue
index 6f7adf1..952a679 100644
--- a/chenhai-ui/src/views/gld.vue
+++ b/chenhai-ui/src/views/gld.vue
@@ -1,18 +1,1004 @@
 <template>
-  <h1 class="admin-title">管理端</h1>
+  <div class="dashboard-container">
+    <!-- 关键运营指标卡片 -->
+    <div class="cards">
+      <div class="stat-cards">
+        <div class="stat-card horizontal">
+          <div class="stat-icon-wrapper" style="background: rgba(64,158,255,0.1); color: #409EFF">
+            <i class="el-icon-user"></i>
+          </div>
+          <div class="stat-content-wrapper">
+            <div class="stat-title">平台用户</div>
+            <div class="stat-value">{{ platformUserValue.toLocaleString() }}</div>
+            <div class="stat-trend">
+              <i class="el-icon-top"></i>7.2%
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="stat-cards">
+        <div class="stat-card horizontal">
+          <div class="stat-icon-wrapper" style="background: rgba(103,194,58,0.1); color: #67C23A">
+            <i class="el-icon-house"></i>
+          </div>
+          <div class="stat-content-wrapper">
+            <div class="stat-title">牧户人数</div>
+            <div class="stat-value">{{ herdsmanCount }}</div>
+            <div class="stat-trend">
+              <i class="el-icon-top"></i>3.5%
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="stat-cards">
+        <div class="stat-card horizontal">
+          <div class="stat-icon-wrapper" style="background: rgba(230,162,60,0.1); color: #E6A23C">
+            <i class="el-icon-medal-1"></i>
+          </div>
+          <div class="stat-content-wrapper">
+            <div class="stat-title">兽医人数</div>
+            <div class="stat-value">{{ vetCount }}</div>
+            <div class="stat-trend">
+              <i class="el-icon-top"></i>11.2%
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="stat-cards">
+        <div class="stat-card horizontal">
+          <div class="stat-icon-wrapper" style="background: rgba(245,108,108,0.1); color: #F56C6C">
+            <i class="el-icon-s-shop"></i>
+          </div>
+          <div class="stat-content-wrapper">
+            <div class="stat-title">店铺数量</div>
+            <div class="stat-value">{{ shopCount }}</div>
+            <div class="stat-trend">
+              <i class="el-icon-top"></i>5.8%
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 待办任务 -->
+    <el-row :gutter="20" class="chart-row">
+      <el-col :xs="24" :lg="24">
+        <el-card shadow="hover">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-s-order"></i> 待办任务</span>
+          </div>
+          <el-timeline>
+            <el-timeline-item
+              v-for="(task, index) in currentPageTasks"
+              :key="index"
+              :timestamp="task.time"
+              :color="task.color"
+              placement="top"
+            >
+              <el-card shadow="never" class="task-card-inner">
+                <div class="task-content">
+                  <div class="task-info">
+                    <h4>{{ task.title }}</h4>
+                    <p>{{ task.desc }}  ·  {{ task.pasture }}</p>
+                  </div>
+                  <el-button type="primary" size="mini" plain @click="handleTask(task)">去处理</el-button>
+                </div>
+              </el-card>
+            </el-timeline-item>
+            <div v-if="currentPageTasks.length === 0" class="no-task">
+              <i class="el-icon-success"></i> 暂无待办任务
+            </div>
+          </el-timeline>
+
+          <!-- 分页 -->
+          <div class="task-pagination">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              :page-sizes="[5, 10, 15, 20]"
+              :page-size="pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="taskList.length"
+              background
+              size="small"
+            >
+            </el-pagination>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 资质申请趋势 + 兽医评分/用户活跃排行 -->
+    <el-row :gutter="20" class="chart-row">
+      <!-- 资质申请趋势（按天显示） -->
+      <el-col :xs="24" :lg="18">
+        <el-card shadow="hover" class="chart-card">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-data-line" style="color: #8E44AD"></i> 兽医资质申请趋势（按天）</span>
+            <el-radio-group v-model="applyTrendRange" size="small" @change="handleTrendRangeChange">
+              <el-radio-button label="90">近3个月</el-radio-button>
+              <el-radio-button label="180">近6个月</el-radio-button>
+              <el-radio-button label="270">近9个月</el-radio-button>
+              <el-radio-button label="365">近一年</el-radio-button>
+            </el-radio-group>
+          </div>
+          <div ref="trendChart" class="chart-container" style="height:300px;"></div>
+        </el-card>
+      </el-col>
+
+      <!-- 兽医评分和用户活跃 -->
+      <el-col :xs="24" :lg="6">
+        <el-card shadow="hover" class="rank-card">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-trophy" style="color: #E6A23C"></i> 核心排行</span>
+          </div>
+          <!-- 兽医评分前三名 -->
+          <div class="rank-section">
+            <h4 class="rank-title">
+              <i class="el-icon-user-solid" style="color: #2d8dfa; padding-right: 5px"></i>兽医评分TOP3
+            </h4>
+            <ul class="rank-list">
+              <li v-for="(item, index) in topVetScores" :key="index" class="rank-item">
+                <span class="rank-num" :class="`rank-${index+1}`">{{ index+1 }}</span>
+                <div class="rank-info">
+                  <span class="rank-name">{{ item.name }}</span>
+                  <span class="rank-score">评分：{{ item.score }}</span>
+                </div>
+              </li>
+            </ul>
+          </div>
+
+          <div class="rank-divider"></div>
+
+          <!-- 用户活跃TOP -->
+          <div class="rank-section">
+            <h4 class="rank-title">
+              <i class="el-icon-star-on" style="color: #f66b2e;padding-right: 5px"></i> 用户活跃TOP
+            </h4>
+            <ul class="rank-list">
+              <li v-for="(item, index) in topActiveUsers" :key="index" class="rank-item">
+                <span class="rank-num" :class="`rank-${index+1}`">{{ index+1 }}</span>
+                <div class="rank-info">
+                  <span class="rank-name">{{ item.name }}</span>
+                  <span class="rank-active">活跃度：{{ item.activeRate }}%</span>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 统计 -->
+    <el-row :gutter="20" class="chart-row">
+      <!-- 兽医资质占比 -->
+      <el-col :xs="24" :lg="13">
+        <el-card shadow="hover" class="chart-card">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-pie-chart" style="color: #409EFF"></i> 资质类型分布</span>
+            <el-tag size="small" type="info">执业兽医占比最高</el-tag>
+          </div>
+          <div ref="qualificationPieChart" class="chart-container" style="height:300px;"></div>
+          <div class="pie-legend-hint">
+            <span><span class="dot" style="background:#5470c6;"></span> 执业兽医师</span>
+            <span><span class="dot" style="background:#fac858;"></span> 助理兽医师</span>
+            <span><span class="dot" style="background:#ee6666;"></span> 高级兽医师</span>
+            <span><span class="dot" style="background:#73c0de;"></span> 乡村兽医</span>
+          </div>
+        </el-card>
+      </el-col>
+      <!-- 用户分布 -->
+      <el-col :xs="24" :lg="11">
+        <el-card shadow="hover">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-location-outline" style="color: #F56C6C"></i> 阿拉善盟用户地理分布</span>
+            <el-tag size="small" type="danger">阿拉善左旗用户最多</el-tag>
+          </div>
+          <div ref="heatMapChart" class="chart-container" style="height:300px;"></div>
+          <div class="pie-legend-hint">
+            <span><span class="dot" style="background:#5470c6;"></span>阿拉善左旗</span>
+            <span><span class="dot" style="background:#fac858;"></span>阿拉善右旗</span>
+            <span><span class="dot" style="background:#ee6666;"></span>额济纳旗</span>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
+import * as echarts from 'echarts';
+
 export default {
-  name: "Gld",
-  props: {
+  name: 'AlashanDashboard',
+  data() {
+    return {
+      // 关键指标数据
+      platformUserValue: 12589,
+      herdsmanCount: 4562,
+      vetCount: 895,
+      shopCount: 521,
+
+      // 资质趋势时间范围
+      applyTrendRange: '90',
+
+      // ECharts实例
+      trendChart: null,
+      qualificationPieChart: null,
+      heatMapChart: null,
+
+      // 待办任务
+      taskList: [
+        {
+          title: '执业兽医师资格审核',
+          desc: '张明申请执业兽医师资格',
+          pasture: '阿拉善左旗阳光牧场',
+          time: '10:25',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+        {
+          title: '店铺资质年检',
+          desc: '阳光牧场店铺年检',
+          pasture: '阿拉善右旗草原牧场',
+          time: '昨天',
+          color: '#E6A23C',
+          assignee: '李四'
+        },
+        {
+          title: '高级兽医师职称复核',
+          desc: '王芳申请高级职称复核',
+          pasture: '额济纳旗康源养殖',
+          time: '昨天',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+        {
+          title: '助理兽医师注册',
+          desc: '赵岩助理兽医师注册',
+          pasture: '阿拉善左旗绿野牧业',
+          time: '2025-03-09',
+          color: '#909399',
+          assignee: '王五'
+        },
+        {
+          title: '兽医执业地点变更',
+          desc: '李华申请执业地点变更',
+          pasture: '阿拉善右旗新希望牧场',
+          time: '2025-03-08',
+          color: '#E6A23C',
+          assignee: '张三'
+        },
+        {
+          title: '牧场防疫检查',
+          desc: '春季防疫检查安排',
+          pasture: '额济纳旗兴旺牧场',
+          time: '2025-03-07',
+          color: '#409EFF',
+          assignee: '李四'
+        },
+        {
+          title: '兽药经营许可证续期',
+          desc: '草原兽药站许可证续期',
+          pasture: '阿拉善左旗草原兽药站',
+          time: '2025-03-06',
+          color: '#67C23A',
+          assignee: '王五'
+        },
+        {
+          title: '执业兽医师资格审核',
+          desc: '张明申请执业兽医师资格',
+          pasture: '阿拉善左旗阳光牧场',
+          time: '10:25',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+        {
+          title: '店铺资质年检',
+          desc: '阳光牧场店铺年检',
+          pasture: '阿拉善右旗草原牧场',
+          time: '昨天',
+          color: '#E6A23C',
+          assignee: '李四'
+        },
+        {
+          title: '高级兽医师职称复核',
+          desc: '王芳申请高级职称复核',
+          pasture: '额济纳旗康源养殖',
+          time: '昨天',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+        {
+          title: '助理兽医师注册',
+          desc: '赵岩助理兽医师注册',
+          pasture: '阿拉善左旗绿野牧业',
+          time: '2025-03-09',
+          color: '#909399',
+          assignee: '王五'
+        },
+        {
+          title: '兽医执业地点变更',
+          desc: '李华申请执业地点变更',
+          pasture: '阿拉善右旗新希望牧场',
+          time: '2025-03-08',
+          color: '#E6A23C',
+          assignee: '张三'
+        },
+        {
+          title: '牧场防疫检查',
+          desc: '春季防疫检查安排',
+          pasture: '额济纳旗兴旺牧场',
+          time: '2025-03-07',
+          color: '#409EFF',
+          assignee: '李四'
+        },
+        {
+          title: '兽药经营许可证续期',
+          desc: '草原兽药站许可证续期',
+          pasture: '阿拉善左旗草原兽药站',
+          time: '2025-03-06',
+          color: '#67C23A',
+          assignee: '王五'
+        },
+        {
+          title: '执业兽医师资格审核',
+          desc: '张明申请执业兽医师资格',
+          pasture: '阿拉善左旗阳光牧场',
+          time: '10:25',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+        {
+          title: '店铺资质年检',
+          desc: '阳光牧场店铺年检',
+          pasture: '阿拉善右旗草原牧场',
+          time: '昨天',
+          color: '#E6A23C',
+          assignee: '李四'
+        },
+        {
+          title: '高级兽医师职称复核',
+          desc: '王芳申请高级职称复核',
+          pasture: '额济纳旗康源养殖',
+          time: '昨天',
+          color: '#F56C6C',
+          assignee: '张三'
+        },
+      ],
+
+      // 分页
+      currentPage: 1,
+      pageSize: 5,
+
+      // 阿拉善盟区域数据
+      alashanRegionData: [
+        { name: '阿拉善左旗', value: 1685, itemStyle: { color: '#5470c6' } },
+        { name: '阿拉善右旗', value: 1000, itemStyle: { color: '#fac858' } },
+        { name: '额济纳旗', value: 1567, itemStyle: { color: '#ee6666' } }
+      ],
+
+      // 兽医评分前三名数据
+      topVetScores: [
+        { name: '王建国', score: 9.8, pasture: '阿拉善左旗中心兽医站' },
+        { name: '李红梅', score: 9.7, pasture: '额济纳旗康源养殖' },
+        { name: '张建军', score: 9.6, pasture: '阿拉善右旗草原牧场' }
+      ],
+
+      // 用户活跃数据
+      topActiveUsers: [
+        { name: '赵晓峰', activeRate: 98.5, type: '牧户' },
+      ]
+    };
   },
-}
+  computed: {
+    // 计算当前页显示的任务列表
+    currentPageTasks() {
+      const start = (this.currentPage - 1) * this.pageSize;
+      const end = start + this.pageSize;
+      return this.taskList.slice(start, end);
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initTrendChart();
+      this.initQualificationPieChart();
+      this.initHeatMapChart();
+    });
+    window.addEventListener('resize', this.handleResize);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize);
+    if (this.trendChart) this.trendChart.dispose();
+    if (this.qualificationPieChart) this.qualificationPieChart.dispose();
+    if (this.heatMapChart) this.heatMapChart.dispose();
+  },
+  methods: {
+    // 初始化资质申请趋势柱状图
+    initTrendChart() {
+      const chartDom = this.$refs.trendChart;
+      if (!chartDom) return;
+      this.trendChart = echarts.init(chartDom);
+      this.updateTrendChartData(this.applyTrendRange);
+    },
+
+    // 根据时间范围更新趋势图数据
+    updateTrendChartData(days) {
+      let xAxisData = [];
+      let seriesData = [];
+      const today = new Date();
+
+      // 生成对应天数的日期数据（按天显示）
+      const generateDateLabels = (count) => {
+        const labels = [];
+        for (let i = count - 1; i >= 0; i--) {
+          const date = new Date(today);
+          date.setDate(today.getDate() - i);
+          const month = date.getMonth() + 1;
+          const day = date.getDate();
+          labels.push(`${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`);
+        }
+        return labels;
+      };
+
+      const generateRandomData = (count, base, range) => {
+        return Array(count).fill(0).map(() => Math.floor(base + Math.random() * range));
+      };
+
+      switch (days) {
+        case '90':
+          xAxisData = generateDateLabels(30);
+          seriesData = generateRandomData(30, 30, 40);
+          break;
+        case '180':
+          xAxisData = generateDateLabels(60);
+          seriesData = generateRandomData(60, 40, 50);
+          break;
+        case '270':
+          xAxisData = generateDateLabels(90);
+          seriesData = generateRandomData(90, 50, 60);
+          break;
+        case '365':
+          xAxisData = generateDateLabels(120);
+          seriesData = generateRandomData(120, 60, 70);
+          break;
+      }
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {type: 'shadow'}
+        },
+        grid: {
+          left: '5%',
+          right: '8%',
+          top: 30,
+          bottom: 50,
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          data: xAxisData,
+          axisLabel: {
+            show: false,
+            fontWeight: 'normal',
+            rotate: 45,
+            fontSize: 10
+          },
+          axisLine: {lineStyle: {color: '#ddd'}}
+        },
+        yAxis: {
+          type: 'value',
+          name: '申请数量 (份)',
+          nameTextStyle: {color: '#909399'},
+          splitLine: {lineStyle: {type: 'dashed', color: '#eee'}}
+        },
+        series: [
+          {
+            name: '资质申请量',
+            type: 'bar',
+            data: seriesData,
+            barWidth: '60%',
+            itemStyle: {
+              color: '#8E44AD',
+              borderRadius: [6, 6, 0, 0],
+              shadowColor: 'rgba(142, 68, 173, 0.3)',
+              shadowBlur: 6
+            },
+            label: {
+              show: false,
+              position: 'top',
+              color: '#5a5a5a',
+              fontWeight: 500
+            }
+          }
+        ],
+        dataZoom: days !== '7' ? [{
+          type: 'slider',
+          start: 0,
+          end: 30,
+          bottom: 10,
+        }] : []
+      };
+
+      this.trendChart.setOption(option);
+    },
+
+    // 初始化资质类型分布环形图
+    initQualificationPieChart() {
+      const chartDom = this.$refs.qualificationPieChart;
+      if (!chartDom) return;
+      this.qualificationPieChart = echarts.init(chartDom);
+      const option = {
+        tooltip: {trigger: 'item'},
+        legend: {show: false},
+        series: [
+          {
+            name: '资质分布',
+            type: 'pie',
+            radius: ['45%', '70%'], // 环形图
+            avoidLabelOverlap: false,
+            itemStyle: {borderRadius: 8, borderColor: '#fff', borderWidth: 2},
+            label: {show: true, position: 'outside', formatter: '{b}: {d}%'},
+            emphasis: {scale: true},
+            data: [
+              {value: 428, name: '执业兽医师', itemStyle: {color: '#5470c6'}},
+              {value: 210, name: '助理兽医师', itemStyle: {color: '#fac858'}},
+              {value: 98, name: '高级兽医师', itemStyle: {color: '#ee6666'}},
+              {value: 176, name: '乡村兽医', itemStyle: {color: '#73c0de'}}
+            ]
+          }
+        ]
+      };
+      this.qualificationPieChart.setOption(option);
+    },
+
+    // 初始化阿拉善盟用户地理分布条形图
+    initHeatMapChart() {
+      const chartDom = this.$refs.heatMapChart;
+      if (!chartDom) return;
+      this.heatMapChart = echarts.init(chartDom);
+
+      // 提取区域名称和数值
+      const regionNames = this.alashanRegionData.map(item => item.name);
+      const regionValues = this.alashanRegionData.map(item => item.value);
+      const regionColors = this.alashanRegionData.map(item => item.itemStyle.color);
+
+      const option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {type: 'shadow'},
+          formatter: '{b}: {c} 人'
+        },
+        grid: {
+          left: '3%',
+          right: '18%',
+          top: '10%',
+          bottom: '10%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'value',
+          name: '用户量 (人)',
+          nameTextStyle: {color: '#909399', fontSize: 12},
+          splitLine: {lineStyle: {type: 'dashed', color: '#eee'}},
+          axisLine: {lineStyle: {color: '#887f7f'}}
+        },
+        yAxis: {
+          type: 'category',
+          data: regionNames,
+          axisLine: {lineStyle: {color: '#887f7f'}},
+          axisLabel: {fontSize: 12}
+        },
+        series: [
+          {
+            name: '用户数',
+            type: 'bar',
+            barWidth: '40%',
+            data: regionValues.map((value, index) => ({
+              value,
+              itemStyle: {
+                color: regionColors[index],
+                borderRadius: [0, 6, 6, 0],
+                shadowColor: 'rgba(0,0,0,0.1)',
+                shadowBlur: 3
+              }
+            })),
+            label: {
+              show: true,
+              position: 'right',
+              color: '#303133',
+              fontSize: 12,
+              formatter: '{c}'
+            }
+          }
+        ]
+      };
+
+      this.heatMapChart.setOption(option);
+    },
+
+    // 处理窗口大小变化
+    handleResize() {
+      if (this.trendChart) this.trendChart.resize();
+      if (this.qualificationPieChart) this.qualificationPieChart.resize();
+      if (this.heatMapChart) this.heatMapChart.resize();
+    },
+
+    // 趋势范围切换
+    handleTrendRangeChange(val) {
+      this.updateTrendChartData(val);
+    },
+
+    // 处理待办任务
+    handleTask(task) {
+      this.$message.info(`正在处理: ${task.title} - ${task.pasture}`);
+    },
+
+    // 分页相关方法
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.currentPage = 1;
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+    }
+  },
+  watch: {
+    applyTrendRange(newVal) {
+      this.updateTrendChartData(newVal);
+    }
+  }
+};
 </script>
+
 <style scoped>
-.admin-title {
-  text-align: center;
-  color: #42B983;
+::v-deep .task-pagination .el-input {
+  width: 100px !important;
+}
+
+::v-deep .el-pagination__total {
+  margin-right: 5px;
+}
+
+::v-deep .el-pagination__jump {
+  margin-left: 5px;
+}
+
+::v-deep .el-pagination.is-background .el-pager li {
+  margin: 0 2px;
+}
+
+::v-deep .el-pagination.is-background .btn-prev {
+  margin: 0 2px;
+}
+
+::v-deep .el-pagination.is-background .btn-next {
+  margin: 0 2px;
 }
 </style>
 
+<style scoped lang="scss">
+.dashboard-container {
+  padding: 20px;
+  background-color: #f5f7fa;
+  min-height: 100vh;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+/* 关键指标卡片样式 */
+.cards {
+  display: flex;
+  justify-content: space-around;
+  border-radius: 4px;
+}
+
+.stat-cards {
+  margin-bottom: 20px;
+  background: white;
+  width: 24%;
+  border-radius: 4px;
+}
+
+.stat-card.horizontal {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  border: none;
+  transition: all 0.2s;
+  border-left: 4px solid transparent;
+}
+
+.stat-card.horizontal:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
+}
+
+.stat-icon-wrapper {
+  width: 64px;
+  height: 64px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+
+.stat-icon-wrapper i {
+  font-size: 32px;
+}
+
+.stat-content-wrapper {
+  flex: 1;
+}
+
+.stat-title {
+  color: #909399;
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: 700;
+  color: #303133;
+  line-height: 1.2;
+  margin-bottom: 4px;
+}
+
+.stat-trend {
+  font-size: 12px;
+  color: #909399;
+}
+
+.trend-up {
+  color: #67C23A;
+  margin-right: 4px;
+}
+
+/* 图表行样式 */
+.chart-row {
+  margin-bottom: 20px;
+  border-radius: 10px;
+}
+
+.chart-card .el-card__header {
+  padding: 12px 20px;
+  border-bottom: 1px solid #f0f2f5;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px;
+}
+
+.card-header span i {
+  margin-right: 6px;
+}
+
+.chart-container {
+  width: 100%;
+  height: 300px;
+}
+
+/* 环形图图例 */
+.pie-legend-hint {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 12px;
+  font-size: 12px;
+  color: #606266;
+}
+
+.pie-legend-hint .dot {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+
+/* 待办任务样式 */
+.task-card-inner {
+  margin-bottom: 0;
+  padding: 10px;
+
+  .task-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+
+    .task-info {
+      flex: 1;
+      overflow: hidden;
+
+      h4 {
+        margin: 0 0 8px 0;
+        font-size: 16px;
+        color: #303133;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      p {
+        margin: 0;
+        color: #606266;
+        font-size: 14px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .el-button {
+      margin-left: 15px;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.no-task {
+  text-align: center;
+  padding: 30px;
+  color: #67C23A;
+  background: #f9f9f9;
+  border-radius: 8px;
+}
+
+/* 任务分页样式 */
+.task-pagination {
+  margin-top: 20px;
+  text-align: right;
+  padding-right: 10px;
+}
+
+/* 阿拉善盟区域统计 */
+.region-stats {
+  padding: 10px;
+}
+
+.region-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.region-item:last-child {
+  border-bottom: none;
+}
+
+.region-name {
+  color: #303133;
+  font-size: 13px;
+}
+
+.region-count {
+  color: #F56C6C;
+  font-weight: 600;
+  font-size: 13px;
+}
+
+/* 时间轴样式 */
+.el-timeline {
+  padding-left: 8px;
+}
+
+.el-timeline-item__content {
+  padding-bottom: 8px;
+}
+
+/* 响应式适配 */
+@media (max-width: 768px) {
+  .dashboard-container {
+    padding: 12px;
+  }
+
+  .chart-container {
+    height: 250px;
+  }
+
+  .stat-card.horizontal {
+    padding: 12px;
+  }
+
+  .stat-icon-wrapper {
+    width: 52px;
+    height: 52px;
+  }
+
+  .stat-icon-wrapper i {
+    font-size: 26px;
+  }
+
+  .stat-value {
+    font-size: 22px;
+  }
+}
+
+/* 排行卡片样式 */
+.rank-card {
+  height: 100%;
+
+  .rank-section {
+    padding: 6px 15px;
+
+    .rank-title {
+      font-size: 15px;
+      color: #303133;
+      margin: 0 0 10px 0;
+      font-weight: 600;
+    }
+
+    .rank-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      .rank-item {
+        display: flex;
+        align-items: center;
+        padding: 8px 0;
+
+        &:last-child {
+          border-bottom: none;
+        }
+
+        .rank-num {
+          display: inline-block;
+          width: 24px;
+          height: 24px;
+          line-height: 24px;
+          text-align: center;
+          border-radius: 50%;
+          background: #e6e6e6;
+          color: #fff;
+          font-size: 12px;
+          margin-right: 10px;
+          flex-shrink: 0;
+
+          &.rank-1 {
+            background: #F56C6C;
+          }
+
+          &.rank-2 {
+            background: #E6A23C;
+          }
+
+          &.rank-3 {
+            background: #67C23A;
+          }
+        }
+
+        .rank-info {
+          flex: 1;
+
+          .rank-name {
+            display: block;
+            font-size: 14px;
+            color: #303133;
+            margin-bottom: 2px;
+          }
+
+          .rank-score, .rank-active {
+            font-size: 12px;
+            color: #909399;
+          }
+        }
+      }
+    }
+  }
+
+  .rank-divider {
+    height: 1px;
+    background: #f0f2f5;
+    margin: 5px 15px;
+  }
+}
+</style>
diff --git a/chenhai-ui/src/views/muhu/consultation/index.vue b/chenhai-ui/src/views/muhu/consultation/index.vue
index 0489d57..4d00695 100644
--- a/chenhai-ui/src/views/muhu/consultation/index.vue
+++ b/chenhai-ui/src/views/muhu/consultation/index.vue
@@ -9,22 +9,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-<!--      <el-form-item label="是否含敏感词" prop="isSensitive">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.isSensitive"-->
-<!--          placeholder="请输入是否含敏感词"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-<!--      </el-form-item>-->
-<!--      <el-form-item label="查看次数" prop="viewCount">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.viewCount"-->
-<!--          placeholder="请输入查看次数"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-<!--      </el-form-item>-->
       <el-form-item label="回复数量" prop="replyCount">
         <el-input
           v-model="queryParams.replyCount"
@@ -50,38 +34,6 @@
           v-hasPermi="['muhu:consultation:add']"
         >发布</el-button>
       </el-col>
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="success"-->
-<!--          plain-->
-<!--          icon="el-icon-edit"-->
-<!--          size="mini"-->
-<!--          :disabled="single"-->
-<!--          @click="handleUpdate"-->
-<!--          v-hasPermi="['muhu:consultation:edit']"-->
-<!--        >修改</el-button>-->
-<!--      </el-col>-->
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="danger"-->
-<!--          plain-->
-<!--          icon="el-icon-delete"-->
-<!--          size="mini"-->
-<!--          :disabled="multiple"-->
-<!--          @click="handleDelete"-->
-<!--          v-hasPermi="['muhu:consultation:remove']"-->
-<!--        >删除</el-button>-->
-<!--      </el-col>-->
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="warning"-->
-<!--          plain-->
-<!--          icon="el-icon-download"-->
-<!--          size="mini"-->
-<!--          @click="handleExport"-->
-<!--          v-hasPermi="['muhu:consultation:export']"-->
-<!--        >导出</el-button>-->
-<!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -94,10 +46,6 @@
       </el-table-column>
       <el-table-column label="发布者" align="center" prop="farmerName" width="150" :show-overflow-tooltip="true"/>
       <el-table-column label="问诊标题" align="center" prop="title" width="150" :show-overflow-tooltip="true"/>
-<!--      <el-table-column label="病情描述" align="center" prop="description" />-->
-<!--      <el-table-column label="牲畜种类" align="center" prop="animalType" />-->
-<!--      <el-table-column label="牲畜年龄" align="center" prop="animalAge" />-->
-<!--      <el-table-column label="牲畜性别" align="center" prop="animalGender" />-->
       <el-table-column label="症状照片" align="center" prop="images" width="100">
         <template slot-scope="scope">
           <image-preview :src="scope.row.images" :width="50" :height="50" />
@@ -106,7 +54,7 @@
       <el-table-column label="回复状态" align="center" prop="status" />
       <el-table-column label="回复条数" align="center" prop="replyCount"/>
       <el-table-column label="问诊时间" align="center" prop="createdTime" width="200"/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="350">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -125,6 +73,15 @@
             v-hasPermi="['vet:comments:list']"
             class="info-btn chat-btn"
           >回复</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-menu"
+            @click="planFormulation(scope.row)"
+            style="color: #181819"
+            v-hasPermi="['vet:plan:list']"
+            class="info-btn plan-btn"
+          >方案制定</el-button>
           <el-button
             size="mini"
             type="text"
@@ -185,6 +142,108 @@
       </div>
     </el-dialog>
 
+    <!-- 回复弹窗 -->
+    <el-dialog
+      title="回复问题"
+      :visible.sync="replyFormOpen"
+      width="80%"
+      append-to-body
+      class="reply-dialog"
+      :close-on-click-modal="false"
+    >
+      <!-- 问题内容 -->
+      <div class="reply-question-content" v-if="currentRow">
+        <div class="reply-question-sidebar">
+          <div class="reply-user-avatar-wrapper">
+            <image-preview :src="currentRow.avatar" :width="70" :height="70" class="reply-user-avatar" />
+          </div>
+          <div class="reply-user-name">{{ currentRow.farmerName || '匿名用户' }}</div>
+        </div>
+        <div class="reply-question-main">
+          <div class="reply-question-status-bar">
+            <span class="reply-question-tag">问题详情</span>
+            <span class="reply-question-time">
+              <i class="el-icon-time"></i>
+              {{ currentRow.createdTime || '未知时间' }}
+            </span>
+          </div>
+          <div class="reply-question-title-section">
+            <h3 class="reply-question-title">
+              <i class="el-icon-document"></i>
+              {{ currentRow.title || '无标题' }}
+            </h3>
+          </div>
+          <div class="reply-description-card">
+            <div class="reply-card-header">
+              <i class="el-icon-info"></i>
+              <span>病情描述</span>
+            </div>
+            <div class="reply-card-content">
+              {{ currentRow.description || '暂无病情描述' }}
+            </div>
+          </div>
+          <div class="reply-animal-info-card">
+            <div class="reply-card-header">
+              <i class="el-icon-menu"></i>
+              <span>牲畜信息</span>
+            </div>
+            <div class="reply-card-content reply-animal-attributes">
+              <!-- 种类单独占一行 -->
+              <div class="reply-attribute-item full-width">
+                <span class="reply-attr-label">种类：</span>
+                <span class="reply-attr-value">{{ currentRow.animalType || '未填写' }}</span>
+              </div>
+              <div class="reply-attribute-row">
+                <div class="reply-attribute-item half-width">
+                  <span class="reply-attr-label">年龄：</span>
+                  <span class="reply-attr-value">{{ currentRow.animalAge || '未填写' }}</span>
+                </div>
+                <div class="reply-attribute-item half-width">
+                  <span class="reply-attr-label">性别：</span>
+                  <span class="reply-attr-value">{{ currentRow.animalGender || '未填写' }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="reply-images-card" v-if="currentRow.images">
+            <div class="reply-card-header">
+              <i class="el-icon-picture"></i>
+              <span>症状照片</span>
+            </div>
+            <div class="reply-card-content">
+              <image-preview :src="currentRow.images" :width="120" :height="120" class="reply-symptom-image" />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 回复区域 -->
+      <div class="reply-form-container">
+        <div class="reply-header">
+          <i class="el-icon-chat-line-round"></i>
+          <span>我的回复</span>
+        </div>
+        <el-form ref="replyForm" :model="replyForm" :rules="replyRules" label-width="80px">
+          <el-form-item label="回复内容" prop="content">
+            <el-input
+              v-model="replyForm.content"
+              placeholder="请输入回复内容..."
+              type="textarea"
+              :rows="5"
+            />
+          </el-form-item>
+          <el-form-item label="回复图片" prop="images">
+            <image-upload v-model="replyForm.images" />
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div slot="footer" class="dialog-footer reply-footer">
+        <el-button type="primary" @click="submitReply" class="reply-submit-btn">提交回复</el-button>
+        <el-button @click="cancelReply">取 消</el-button>
+      </div>
+    </el-dialog>
+
     <!-- 回复管理对话框 -->
     <el-dialog
       title="回复"
@@ -200,45 +259,242 @@
     </el-dialog>
 
     <!-- 详情弹窗 -->
-    <el-dialog title="咨询详情" :visible.sync="detailViews" width="80%" append-to-body>
-      <el-descriptions :column="3" border v-loading="detailLoading" >
-        <el-descriptions-item label="问诊标题" :span="3">
-          {{ currentDetail.title || '--' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="病情描述" :span="3">
-          {{ currentDetail.description || '--' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="牲畜种类">
-          {{ currentDetail.animalType || '--' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="牲畜年龄">
-          {{ currentDetail.animalAge || '--' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="牲畜性别">
-          {{ currentDetail.animalGender || '--' }}
-        </el-descriptions-item>
-        <el-descriptions-item label="症状照片" :span="1">
-          <image-preview :src="currentDetail.images" :width="50" :height="50" />
-        </el-descriptions-item>
-        <el-descriptions-item label="问诊时间" :span="2">
-          {{ currentDetail.createdTime || '--' }}
-        </el-descriptions-item>
-      </el-descriptions>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="detailViews = false">关 闭</el-button>
+    <el-dialog
+      title="详情"
+      :visible.sync="detailViews"
+      width="80%"
+      append-to-body
+      class="medical-detail-dialog"
+      :close-on-click-modal="false"
+    >
+      <div class="medical-detail-container" v-loading="detailLoading">
+        <div class="medical-header">
+          <div class="medical-title">
+            <i class="el-icon-document"></i>
+            <span>咨询详情</span>
+          </div>
+        </div>
+
+        <div class="medical-info-card">
+          <div class="medical-info-header">
+            <i class="el-icon-s-custom"></i>
+            <span>基本信息</span>
+          </div>
+          <el-row :gutter="24" class="medical-info-row">
+            <el-col :span="8">
+              <div class="medical-info-item">
+                <span class="medical-info-label">发布者：</span>
+                <span class="medical-info-value">
+                  {{ currentDetail.farmerName || '匿名用户' }}
+                </span>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <div class="medical-info-item">
+                <span class="medical-info-label">问诊时间：</span>
+                <span class="medical-info-value">{{ currentDetail.createdTime || '--' }}</span>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+
+        <div class="medical-info-card">
+          <div class="medical-info-header">
+            <i class="el-icon-info"></i>
+            <span>牲畜信息</span>
+          </div>
+          <el-row :gutter="24" class="medical-info-row">
+            <el-col :span="24">
+              <div class="medical-info-item full-width">
+                <span class="medical-info-label">种类：</span>
+                <span class="medical-info-value">{{ currentDetail.animalType || '--' }}</span>
+              </div>
+            </el-col>
+          </el-row>
+          <el-row :gutter="24" class="medical-info-row">
+            <el-col :span="12">
+              <div class="medical-info-item">
+                <span class="medical-info-label">年龄：</span>
+                <span class="medical-info-value">{{ currentDetail.animalAge || '--' }}</span>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="medical-info-item">
+                <span class="medical-info-label">性别：</span>
+                <span class="medical-info-value">{{ currentDetail.animalGender || '--' }}</span>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+
+        <div class="medical-title-card">
+          <div class="medical-title-header">
+            <i class="el-icon-edit-outline"></i>
+            <span>问诊标题</span>
+          </div>
+          <div class="medical-title-content">
+            {{ currentDetail.title || '无标题' }}
+          </div>
+        </div>
+        <div class="medical-description-card">
+          <div class="medical-description-header">
+            <i class="el-icon-document-copy"></i>
+            <span>病情描述</span>
+          </div>
+          <div class="medical-description-content">
+            {{ currentDetail.description || '暂无病情描述' }}
+          </div>
+        </div>
+        <div class="medical-images-card" v-if="currentDetail.images">
+          <div class="medical-images-header">
+            <i class="el-icon-picture-outline"></i>
+            <span>症状照片</span>
+          </div>
+          <div class="medical-images-content">
+            <image-preview :src="currentDetail.images" :width="150" :height="150" class="medical-symptom-image"/>
+          </div>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer medical-footer">
+        <el-button @click="detailViews = false" class="medical-close-btn">关 闭</el-button>
       </div>
     </el-dialog>
+
+    <!-- 方案制定弹窗 -->
+    <el-dialog
+      title="方案制定"
+      :visible.sync="planFormOpen"
+      width="80%"
+      append-to-body
+      class="plan-dialog"
+      :close-on-click-modal="false"
+    >
+      <div class="plan-layout-container">
+        <!-- 问题区域 -->
+        <div class="plan-question-section" v-if="currentRow">
+          <div class="plan-section-header">
+            <i class="el-icon-info"></i>
+            <span>问题详情</span>
+          </div>
+          <div class="plan-question-content">
+            <div class="plan-user-info">
+              <div class="plan-user-avatar-wrapper">
+                <image-preview :src="currentRow.avatar" :width="50" :height="50" class="plan-user-avatar"/>
+              </div>
+              <div class="plan-user-detail">
+                <div class="plan-user-name">{{ currentRow.farmerName || '匿名用户' }}</div>
+                <div class="plan-question-time">
+                  <i class="el-icon-time"></i>
+                  {{ currentRow.createdTime || '未知时间' }}
+                </div>
+              </div>
+            </div>
+            <div class="plan-detail-card">
+              <div class="plan-card-header">
+                <i class="el-icon-menu"></i>
+                <span>牲畜信息</span>
+              </div>
+              <div class="plan-card-content plan-animal-attributes">
+                <!-- 种类单独占一行 -->
+                <div class="plan-attribute-item full-width">
+                  <span class="plan-attr-label">种类：</span>
+                  <span class="plan-attr-value">{{ currentRow.animalType || '未填写' }}</span>
+                </div>
+                <div class="plan-attribute-row">
+                  <div class="plan-attribute-item half-width">
+                    <span class="plan-attr-label">年龄：</span>
+                    <span class="plan-attr-value">{{ currentRow.animalAge || '未填写' }}</span>
+                  </div>
+                  <div class="plan-attribute-item half-width">
+                    <span class="plan-attr-label">性别：</span>
+                    <span class="plan-attr-value">{{ currentRow.animalGender || '未填写' }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="plan-detail-card">
+              <div class="plan-card-header">
+                <i class="el-icon-info"></i>
+                <span>病情描述</span>
+              </div>
+              <div class="plan-card-content plan-description-content">{{
+                  currentRow.description || '暂无病情描述'
+                }}
+              </div>
+            </div>
+            <div class="plan-detail-card" v-if="currentRow.images">
+              <div class="plan-card-header">
+                <i class="el-icon-picture"></i>
+                <span>症状照片</span>
+              </div>
+              <div class="plan-card-content">
+                <image-preview :src="currentRow.images" :width="100" :height="100" class="plan-symptom-image"/>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 方案制定表单 -->
+        <div class="plan-form-section">
+          <div class="plan-section-header">
+            <i class="el-icon-menu"></i>
+            <span>治疗方案制定</span>
+          </div>
+          <el-form ref="planForm" :model="planForm" :rules="planRules" label-width="100px" class="plan-form">
+            <el-form-item label="方案标题" prop="title">
+              <el-input v-model="planForm.title" placeholder="请输入方案标题"/>
+            </el-form-item>
+            <el-form-item label="诊断结果" prop="diagnosis">
+              <el-input v-model="planForm.diagnosis" type="textarea" placeholder="请输入诊断结果" :rows="2"/>
+            </el-form-item>
+            <el-form-item label="治疗方式" prop="treatmentMethod">
+              <el-input v-model="planForm.treatmentMethod" placeholder="请输入治疗方式"/>
+            </el-form-item>
+            <el-form-item label="治疗方案" prop="treatmentDesc">
+              <el-input v-model="planForm.treatmentDesc" type="textarea" placeholder="请输入治疗方案" :rows="3"/>
+            </el-form-item>
+            <el-form-item label="注意事项" prop="precautions">
+              <el-input v-model="planForm.precautions" placeholder="请输入注意事项"/>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer plan-footer">
+        <el-button type="primary" @click="submitPlan" class="plan-submit-btn">提交方案</el-button>
+        <el-button @click="cancelPlan">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 方案制定管理对话框 -->
+    <el-dialog
+      title="方案"
+      :visible.sync="planOpen"
+      width="80%"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <plan-list
+        :consultation-id="currentConsultationId"
+        v-if="planOpen"
+      />
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listConsultation, getConsultation, delConsultation, addConsultation, updateConsultation } from "@/api/muhu/consultation"
+import { listConsultation, getConsultation, delConsultation, addConsultation, updateConsultation} from "@/api/muhu/consultation"
 import CommentsList from '@/views/vet/comments/index.vue';
+import PlanList from "@/views/vet/plan/index.vue";
+import {addComments} from "@/api/vet/comments"
+import {addPlan} from "@/api/vet/plan"
 
 export default {
   name: "Consultation",
   components: {
-    CommentsList
+    CommentsList,
+    PlanList,
   },
   data() {
     return {
@@ -259,8 +515,16 @@ export default {
       consultationList: [],
       // 当前问诊ID（用于回复）
       currentConsultationId: null,
-      // 是否显示回复对话框
+      // 当前选中的行数据
+      currentRow: null,
+      // 是否显示回复弹窗
+      replyFormOpen: false,
+      // 是否显示回复表单
       replyOpen: false,
+      // 方案制定弹窗
+      planFormOpen: false,
+      // 方案制定表单
+      planOpen: false,
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -285,18 +549,71 @@ export default {
       },
       // 表单参数
       form: {},
+      // 回复表单数据
+      replyForm: {
+        consultationId: null,
+        content: null,
+        images: null
+      },
+      // 方案制定数据
+      planForm: {
+        consultationId: null,
+        planNo: null,
+        title: null,
+        farmerName: null,
+        animalType: null,
+        symptoms: null,
+        diagnosis: null,
+        treatmentMethod: null,
+        treatmentDesc: null,
+        precautions: null,
+        userId: null,
+      },
       // 表单校验
       rules: {
         farmerId: [
-          { required: true, message: "发布者ID不能为空", trigger: "blur" }
+          {required: true, message: "发布者ID不能为空", trigger: "blur"}
         ],
         title: [
-          { required: true, message: "问诊标题不能为空", trigger: "blur" }
+          {required: true, message: "问诊标题不能为空", trigger: "blur"}
         ],
         description: [
-          { required: true, message: "病情描述不能为空", trigger: "blur" }
+          {required: true, message: "病情描述不能为空", trigger: "blur"}
         ],
-      }
+        animalType: [
+          {required: true, message: "牲畜种类不能为空", trigger: "blur"}
+        ],
+        animalAge: [
+          {required: true, message: "牲畜年龄不能为空", trigger: "blur"}
+        ],
+        animalGender: [
+          {required: true, message: "牲畜性别不能为空", trigger: "blur"}
+        ]
+      },
+      // 回复表单校验规则
+      replyRules: {
+        content: [
+          {required: true, message: "回复内容不能为空", trigger: "blur"}
+        ]
+      },
+      // 方案表单校验规则
+      planRules: {
+        planNo: [
+          {required: true, message: "方案编号不能为空", trigger: "blur"}
+        ],
+        title: [
+          {required: true, message: "方案标题不能为空", trigger: "blur"}
+        ],
+        diagnosis: [
+          {required: true, message: "诊断结果不能为空", trigger: "blur"}
+        ],
+        treatmentMethod: [
+          {required: true, message: "治疗方式不能为空", trigger: "blur"}
+        ],
+        treatmentDesc: [
+          {required: true, message: "治疗方案描述不能为空", trigger: "blur"}
+        ]
+      },
     }
   },
   created() {
@@ -347,19 +664,104 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.formId)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
+
     /** 回复按钮操作 */
     handleReply(row) {
       this.currentRow = row
       this.currentConsultationId = row.formId
-      this.replyOpen = true
+      this.replyFormOpen = true
+      this.replyForm = {
+        consultationId: row.formId,
+        content: null,
+        images: null
+      }
+    },
+
+    // 回复表单提交方法
+    submitReply() {
+      this.$refs["replyForm"].validate(valid => {
+        if (valid) {
+          addComments(this.replyForm).then(response => {
+            this.$modal.msgSuccess("回复成功")
+            this.replyFormOpen = false
+            this.replyOpen = true
+          }).catch(() => {
+            this.$modal.msgError("回复失败")
+          })
+        }
+      })
+    },
+
+    // 回复表单取消方法
+    cancelReply() {
+      this.replyFormOpen = false
+      this.replyForm = {
+        consultationId: null,
+        content: null,
+        images: null
+      }
+      this.currentRow = null
+      this.resetForm("replyForm")
+    },
+
+    // 方案制定按钮操作
+    planFormulation(row) {
+      this.currentRow = row
+      this.currentConsultationId = row.formId
+      this.planFormOpen = true
+      this.planForm = {
+        consultationId: row.formId,
+        planNo: '',
+        title: '',
+        farmerName: row.farmerName || '',
+        animalType: row.animalType || '',
+        symptoms: row.description || '',
+        diagnosis: '',
+        treatmentMethod: '',
+        treatmentDesc: '',
+        precautions: '',
+        userId: '',
+      }
+    },
 
-      // 调试信息
-      console.log('点击回复，问诊单ID:', row.formId)
-      console.log('当前currentConsultationId:', this.currentConsultationId)
+    // 方案制定表单提交
+    submitPlan() {
+      this.$refs["planForm"].validate(valid => {
+        if (valid) {
+          addPlan(this.planForm).then(response => {
+            this.$modal.msgSuccess("方案提交成功")
+            this.planFormOpen = false
+            this.planOpen = true
+          }).catch(() => {
+            this.$modal.msgError("方案提交失败")
+          })
+        }
+      })
     },
+
+    // 方案表单取消方法
+    cancelPlan() {
+      this.planFormOpen = false
+      this.planForm = {
+        consultationId: null,
+        planNo: null,
+        title: null,
+        farmerName: null,
+        animalType: null,
+        symptoms: null,
+        diagnosis: null,
+        treatmentMethod: null,
+        treatmentDesc: null,
+        precautions: null,
+        userId: null,
+      }
+      this.currentRow = null
+      this.resetForm("planForm")
+    },
+
     /** 详情按钮操作 */
     handleView(row) {
       this.detailViews = true;
@@ -370,10 +772,16 @@ export default {
       getConsultation(formId).then(response => {
         if (response.code === 200) {
           this.currentDetail = response.data;
+          if (!this.currentDetail.farmerName && row.farmerName) {
+            this.$set(this.currentDetail, 'farmerName', row.farmerName);
+          }
         } else {
           this.$modal.msgError("获取详情失败");
         }
         this.detailLoading = false;
+      }).catch(() => {
+        this.detailLoading = false;
+        this.$modal.msgError("获取详情失败");
       });
     },
     /** 新增按钮操作 */
@@ -415,12 +823,13 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const formIds = row.formId || this.ids
-      this.$modal.confirm('是否确认删除问诊单编号为"' + formIds + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除问诊单编号为"' + formIds + '"的数据项？').then(function () {
         return delConsultation(formIds)
       }).then(() => {
         this.getList()
         this.$modal.msgSuccess("删除成功")
-      }).catch(() => {})
+      }).catch(() => {
+      })
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -433,12 +842,13 @@ export default {
 </script>
 
 <style scoped>
-::v-deep .el-descriptions-item__cell{
+::v-deep .el-descriptions-item__cell {
   width: 90px;
-
 }
-::v-deep .el-descriptions-row th{
-  text-align: center !important;color: #7b7c7f;
+
+::v-deep .el-descriptions-row th {
+  text-align: center !important;
+  color: #7b7c7f;
   background: #faf7f7;
 }
 
@@ -447,7 +857,7 @@ export default {
   padding: 12px 10px;
 }
 
-::v-deep .pagestyle .el-input{
+::v-deep .pagestyle .el-input {
   width: auto !important;
 }
 </style>
@@ -471,7 +881,7 @@ export default {
   transform: translateY(-1px);
 }
 
-.alter-btn:hover{
+.alter-btn:hover {
   background-color: rgb(230, 255, 238);
   transform: translateY(-1px);
 }
@@ -481,6 +891,11 @@ export default {
   transform: translateY(-1px);
 }
 
+.plan-btn:hover {
+  background-color: rgba(32, 31, 31, 0.12);
+  transform: translateY(-1px);
+}
+
 // 新增/修改的弹窗
 ::v-deep .el-dialog {
   border-radius: 12px;
@@ -490,7 +905,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
@@ -559,4 +974,876 @@ export default {
   border-top: 1px solid #eef2f7;
   border-radius: 0 0 12px 12px;
 }
+
+// 回复弹窗
+::v-deep .reply-dialog {
+  .el-dialog__header {
+    background: linear-gradient(135deg, #36b37e 0%, #57d9a3 100%);
+  }
+
+  .el-dialog__body {
+    padding: 0;
+    background-color: #ffffff;
+    max-height: 80vh;
+    overflow: hidden;
+  }
+
+  .el-dialog__footer {
+    background-color: #f9fefb;
+    border-top: 1px solid #e6f7ef;
+  }
+}
+
+.reply-question-content {
+  display: flex;
+  padding: 24px;
+  background-color: #f1fef4;
+  border-bottom: 1px solid #e6f7ef;
+  gap: 24px;
+
+  .reply-question-sidebar {
+    flex-shrink: 0;
+    width: 100px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .reply-user-avatar-wrapper {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      overflow: hidden;
+      border: 3px solid #36b37e;
+      box-shadow: 0 4px 12px rgba(54, 179, 126, 0.2);
+      margin-bottom: 10px;
+
+      .reply-user-avatar {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    .reply-user-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: #2d3748;
+      text-align: center;
+      word-break: break-word;
+    }
+  }
+
+  .reply-question-main {
+    flex: 1;
+    min-width: 0;
+
+    .reply-question-status-bar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+      padding-bottom: 12px;
+      border-bottom: 2px solid #e6f7ef;
+
+      .reply-question-tag {
+        font-size: 18px;
+        font-weight: 700;
+        color: #36b37e;
+        letter-spacing: 1px;
+        position: relative;
+        padding-left: 12px;
+
+        &::before {
+          content: '';
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translateY(-50%);
+          width: 4px;
+          height: 18px;
+          background: #36b37e;
+          border-radius: 2px;
+        }
+      }
+
+      .reply-question-time {
+        font-size: 13px;
+        color: #718096;
+        display: flex;
+        align-items: center;
+
+        i {
+          margin-right: 4px;
+          color: #36b37e;
+        }
+      }
+    }
+
+    .reply-question-title-section {
+      margin-bottom: 20px;
+
+      .reply-question-title {
+        font-size: 20px;
+        font-weight: 700;
+        color: #1a202c;
+        margin: 0;
+        display: flex;
+        align-items: center;
+        line-height: 1.4;
+
+        i {
+          color: #36b37e;
+          margin-right: 10px;
+          font-size: 22px;
+        }
+      }
+    }
+
+    .reply-description-card,
+    .reply-animal-info-card,
+    .reply-images-card {
+      background: white;
+      border-radius: 12px;
+      padding: 16px;
+      margin-bottom: 20px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      border: 1px solid #e6f7ef;
+      transition: all 0.3s ease;
+
+      &:hover {
+        box-shadow: 0 8px 16px rgba(54, 179, 126, 0.1);
+        transform: translateY(-2px);
+      }
+
+      .reply-card-header {
+        display: flex;
+        align-items: center;
+        margin-bottom: 12px;
+
+        i {
+          font-size: 18px;
+          color: #36b37e;
+          margin-right: 8px;
+        }
+
+        span {
+          font-size: 16px;
+          font-weight: 600;
+          color: #2d3748;
+        }
+      }
+
+      .reply-card-content {
+        color: #4a5568;
+        line-height: 1.8;
+        font-size: 15px;
+      }
+    }
+
+    .reply-description-card .reply-card-content {
+      background: #f8fafc;
+      padding: 16px;
+      border-radius: 8px;
+      border-left: 4px solid #36b37e;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .reply-animal-info-card {
+      .reply-animal-attributes {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+
+        .full-width {
+          width: 100%;
+        }
+
+        .reply-attribute-row {
+          display: flex;
+          gap: 20px;
+          width: 100%;
+
+          .half-width {
+            flex: 1;
+          }
+        }
+
+        .reply-attribute-item {
+          padding: 8px 12px;
+          background: #f8fafc;
+          border-radius: 20px;
+          display: flex;
+          align-items: center;
+
+          .reply-attr-label {
+            font-weight: 600;
+            color: #36b37e;
+            margin-right: 6px;
+          }
+
+          .reply-attr-value {
+            color: #4a5568;
+          }
+        }
+      }
+    }
+
+    .reply-images-card {
+      .reply-card-content {
+        display: flex;
+        gap: 12px;
+        flex-wrap: wrap;
+
+        .reply-symptom-image {
+          border-radius: 8px;
+          border: 2px solid #e6f7ef;
+          transition: all 0.3s ease;
+          object-fit: cover;
+
+          &:hover {
+            transform: scale(1.05);
+            border-color: #36b37e;
+            box-shadow: 0 4px 12px rgba(54, 179, 126, 0.3);
+          }
+        }
+      }
+    }
+  }
+}
+
+.reply-form-container {
+  padding: 24px;
+
+  .reply-header {
+    font-size: 18px;
+    font-weight: 700;
+    color: #36b37e;
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+    letter-spacing: 0.5px;
+
+    i {
+      margin-right: 10px;
+      font-size: 20px;
+    }
+  }
+}
+
+.reply-footer {
+  .reply-submit-btn {
+    background-color: #36b37e;
+    border-color: #36b37e;
+    padding: 12px 24px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+
+    &:hover {
+      background-color: #28a745;
+      border-color: #28a745;
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(54, 179, 126, 0.3);
+    }
+  }
+}
+
+// 详情弹窗
+::v-deep .medical-detail-dialog {
+  .el-dialog__header {
+    background: linear-gradient(135deg, #36b37e 0%, #57d9a3 100%);
+    padding: 18px 24px;
+    border-bottom: none;
+  }
+
+  .el-dialog__title {
+    font-size: 18px;
+    font-weight: 600;
+    color: white;
+    letter-spacing: 0.5px;
+  }
+
+  .el-dialog__body {
+    padding: 0;
+    background-color: #f0f7f3;
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+
+  .el-dialog__footer {
+    background-color: #f9fefb;
+    border-top: 1px solid #e6f7ef;
+    padding: 16px 24px;
+  }
+}
+
+.medical-detail-container {
+  padding: 24px;
+}
+
+.medical-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+  border-bottom: 2px solid #36b37e;
+
+  .medical-title {
+    font-size: 20px;
+    font-weight: 700;
+    color: #1e293b;
+    display: flex;
+    align-items: center;
+
+    i {
+      color: #36b37e;
+      margin-right: 10px;
+      font-size: 24px;
+    }
+  }
+
+  .medical-number {
+    font-size: 14px;
+    color: #64748b;
+    background: #e6f7ef;
+    padding: 6px 15px;
+    border-radius: 20px;
+    font-weight: 500;
+  }
+}
+
+.medical-info-card {
+  background: white;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  border: 1px solid #d9f0e3;
+
+  .medical-info-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #e6f7ef;
+
+    i {
+      font-size: 20px;
+      color: #36b37e;
+      margin-right: 10px;
+    }
+
+    span {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1e293b;
+    }
+  }
+
+  .medical-info-row {
+    margin-bottom: 10px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .medical-info-item {
+    display: flex;
+    align-items: center;
+    padding: 12px 15px;
+    background: #f8fafc;
+    border-radius: 8px;
+    border-left: 4px solid #36b37e;
+
+    &.full-width {
+      width: 100%;
+    }
+
+    .medical-info-label {
+      font-weight: 600;
+      color: #475569;
+      min-width: 70px;
+      font-size: 14px;
+    }
+
+    .medical-info-value {
+      color: #1e293b;
+      font-size: 15px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .medical-info-avatar {
+      border: 2px solid #36b37e;
+    }
+
+    .medical-badge {
+      background: #36b37e;
+      color: white;
+      padding: 2px 12px;
+      border-radius: 20px;
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+}
+
+.medical-title-card {
+  background: white;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  border: 1px solid #d9f0e3;
+
+  .medical-title-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #e6f7ef;
+
+    i {
+      font-size: 20px;
+      color: #36b37e;
+      margin-right: 10px;
+    }
+
+    span {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1e293b;
+    }
+  }
+
+  .medical-title-content {
+    font-size: 18px;
+    font-weight: 600;
+    color: #1e293b;
+    padding: 10px 15px;
+    background: #f8fafc;
+    border-radius: 8px;
+    border-left: 4px solid #36b37e;
+  }
+}
+
+.medical-description-card {
+  background: white;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  border: 1px solid #d9f0e3;
+
+  .medical-description-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #e6f7ef;
+
+    i {
+      font-size: 20px;
+      color: #36b37e;
+      margin-right: 10px;
+    }
+
+    span {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1e293b;
+    }
+  }
+
+  .medical-description-content {
+    min-height: 150px;
+    padding: 20px;
+    background: #f8fafc;
+    border-radius: 8px;
+    border-left: 4px solid #36b37e;
+    font-size: 16px;
+    line-height: 1.8;
+    color: #334155;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+}
+
+.medical-images-card {
+  background: white;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  border: 1px solid #d9f0e3;
+
+  .medical-images-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #e6f7ef;
+
+    i {
+      font-size: 20px;
+      color: #36b37e;
+      margin-right: 10px;
+    }
+
+    span {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1e293b;
+    }
+  }
+
+  .medical-images-content {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+
+    .medical-symptom-image {
+      border-radius: 8px;
+      border: 2px solid #e6f7ef;
+      transition: all 0.3s ease;
+      object-fit: cover;
+
+      &:hover {
+        transform: scale(1.05);
+        border-color: #36b37e;
+        box-shadow: 0 4px 12px rgba(54, 179, 126, 0.3);
+      }
+    }
+  }
+}
+
+.medical-footer {
+  .medical-close-btn {
+    background: linear-gradient(135deg, #36b37e, #57d9a3);
+    border: none;
+    padding: 10px 30px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+    border-radius: 6px;
+    color: white;
+    font-size: 15px;
+
+    &:hover {
+      background: linear-gradient(135deg, #2e9a6b, #36b37e);
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(54, 179, 126, 0.3);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
+  }
+}
+
+// 方案制定弹窗
+::v-deep .plan-dialog {
+  .el-dialog__header {
+    background: linear-gradient(135deg, #36b37e 0%, #57d9a3 100%);
+  }
+
+  .el-dialog__body {
+    padding: 0;
+    background-color: #ffffff;
+    max-height: 80vh;
+    overflow: hidden;
+  }
+
+  .el-dialog__footer {
+    background-color: #f9fefb;
+    border-top: 1px solid #e6f7ef;
+  }
+}
+
+.plan-layout-container {
+  display: flex;
+  height: calc(80vh - 100px);
+  overflow: hidden;
+
+  .plan-question-section {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+    background-color: #f8fafc;
+  }
+
+  .plan-form-section {
+    flex: 1.2;
+    background-color: #ffffff;
+    overflow-y: auto;
+    padding: 20px;
+  }
+}
+
+.plan-section-header {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  letter-spacing: 0.5px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #e6f7ef;
+  color: #36b37e;
+
+  i {
+    margin-right: 10px;
+    font-size: 20px;
+    color: #36b37e;
+  }
+}
+
+.plan-question-content {
+  .plan-user-info {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    padding: 15px;
+    background: white;
+    border-radius: 12px;
+    box-shadow: 0 2px 8px rgba(54, 179, 126, 0.08);
+    border: 1px solid #e6f7ef;
+
+    .plan-user-avatar-wrapper {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+      overflow: hidden;
+      border: 2px solid #36b37e;
+      margin-right: 15px;
+
+      .plan-user-avatar {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    .plan-user-detail {
+      .plan-user-name {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1e293b;
+        margin-bottom: 5px;
+      }
+
+      .plan-question-time {
+        font-size: 13px;
+        color: #64748b;
+        display: flex;
+        align-items: center;
+
+        i {
+          margin-right: 4px;
+          color: #36b37e;
+        }
+      }
+    }
+  }
+
+  .plan-detail-card {
+    background: white;
+    border-radius: 12px;
+    padding: 16px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    border: 1px solid #e6f7ef;
+    transition: all 0.3s ease;
+
+    &:hover {
+      box-shadow: 0 8px 16px rgba(54, 179, 126, 0.1);
+      transform: translateY(-2px);
+    }
+
+    .plan-card-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 12px;
+
+      i {
+        font-size: 18px;
+        color: #36b37e;
+        margin-right: 8px;
+      }
+
+      span {
+        font-size: 16px;
+        font-weight: 600;
+        color: #2d3748;
+      }
+    }
+
+    .plan-card-content {
+      color: #4a5568;
+      line-height: 1.8;
+      font-size: 15px;
+      word-break: break-word;
+
+      &.plan-description-content {
+        background: #f8fafc;
+        padding: 16px;
+        border-radius: 8px;
+        border-left: 4px solid #36b37e;
+        white-space: pre-wrap;
+      }
+    }
+
+    .plan-animal-attributes {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+
+      .full-width {
+        width: 100%;
+      }
+
+      .plan-attribute-row {
+        display: flex;
+        gap: 20px;
+        width: 100%;
+
+        .half-width {
+          flex: 1;
+        }
+      }
+
+      .plan-attribute-item {
+        padding: 8px 16px;
+        background: #f8fafc;
+        border-radius: 20px;
+        display: flex;
+        align-items: center;
+
+        .plan-attr-label {
+          font-weight: 600;
+          color: #36b37e;
+          margin-right: 6px;
+        }
+
+        .plan-attr-value {
+          color: #4a5568;
+        }
+      }
+    }
+
+    .plan-symptom-image {
+      border-radius: 8px;
+      border: 2px solid #e6f7ef;
+      transition: all 0.3s ease;
+      object-fit: cover;
+
+      &:hover {
+        transform: scale(1.05);
+        border-color: #36b37e;
+        box-shadow: 0 4px 12px rgba(54, 179, 126, 0.3);
+      }
+    }
+  }
+}
+
+.plan-form {
+  .el-form-item {
+    margin-bottom: 18px;
+
+    ::v-deep .el-form-item__label {
+      color: #1e293b;
+      font-weight: 500;
+    }
+
+    ::v-deep .el-input__inner,
+    ::v-deep .el-textarea__inner {
+      border-color: #e6f7ef;
+
+      &:focus {
+        border-color: #36b37e;
+        box-shadow: 0 0 0 3px rgba(54, 179, 126, 0.1);
+      }
+    }
+  }
+}
+
+.plan-footer {
+  .plan-submit-btn {
+    background: linear-gradient(135deg, #36b37e, #57d9a3);
+    border: none;
+    padding: 12px 28px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    border-radius: 8px;
+
+    &:hover {
+      background: linear-gradient(135deg, #2e9a6b, #36b37e);
+      transform: translateY(-2px);
+      box-shadow: 0 6px 16px rgba(54, 179, 126, 0.4);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
+  }
+}
+
+@keyframes dialogFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+// 移动端适配
+@media (max-width: 768px) {
+  .plan-layout-container {
+    flex-direction: column;
+    height: auto;
+
+    .plan-question-section,
+    .plan-form-section {
+      width: 100%;
+      height: auto;
+      max-height: 50vh;
+    }
+
+    .plan-question-section {
+      border-right: none;
+      border-bottom: 2px solid #e6f7ef;
+    }
+  }
+
+  .reply-question-content {
+    flex-direction: column;
+    align-items: center;
+
+    .reply-question-sidebar {
+      width: 100%;
+      margin-bottom: 16px;
+    }
+
+    .reply-question-main {
+      width: 100%;
+    }
+  }
+
+  .medical-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .medical-info-item {
+    flex-direction: column;
+    align-items: flex-start !important;
+    gap: 5px;
+  }
+}
 </style>
diff --git a/chenhai-ui/src/views/system/base/index.vue b/chenhai-ui/src/views/system/base/index.vue
index 0b7a549..8a38804 100644
--- a/chenhai-ui/src/views/system/base/index.vue
+++ b/chenhai-ui/src/views/system/base/index.vue
@@ -63,43 +63,55 @@
 
     <el-table v-loading="loading" :data="baseList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="知识标题" align="center" prop="title" />
-      <el-table-column label="关键词" align="center" prop="keywords" />
-      <el-table-column label="可能病症" align="center" prop="possibleDiseases" />
-      <el-table-column label="严重程度" align="center" prop="severityLevel" />
-      <el-table-column label="建议措施" align="center" prop="suggestions" />
-      <el-table-column label="详细内容" align="center" prop="content" />
-      <el-table-column label="适用物种" align="center" prop="suitableSpecies" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="知识标题" align="center" prop="title" width="300px" :show-overflow-tooltip="true"/>
+      <el-table-column label="关键词" align="center" prop="keywords" width="200px"/>
+      <el-table-column label="可能病症" align="center" prop="possibleDiseases" width="300px" :show-overflow-tooltip="true"/>
+      <el-table-column label="严重程度" align="center" prop="severityLevel" width="120px">
+        <template slot-scope="scope">
+          <el-tag :type="getSeverityLevelType(scope.row.severityLevel)" size="small">
+            {{ scope.row.severityLevel }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="建议措施" align="center" prop="suggestions" width="300px" :show-overflow-tooltip="true"/>
+      <el-table-column label="详细内容" align="center" prop="content" width="300px" :show-overflow-tooltip="true"/>
+      <el-table-column label="适用物种" align="center" prop="suitableSpecies" width="200px"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
+            style="color: #42B983"
             v-hasPermi="['system:base:edit']"
+            class="info-btn alter-btn"
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
+            style="color: #f56c6c"
             v-hasPermi="['system:base:remove']"
+            class="info-btn delete-btn"
           >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <div class="pagestyle">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
 
     <!-- 添加或修改知识库对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="知识标题" prop="title">
           <el-input v-model="form.title" placeholder="请输入知识标题" />
@@ -292,7 +304,122 @@ export default {
       this.download('system/base/export', {
         ...this.queryParams
       }, `base_${new Date().getTime()}.xlsx`)
-    }
+    },
+
+    // 状态标签
+    getSeverityLevelType(category) {
+      const map = {
+        "重度": 'danger',
+        "中度": 'warning',
+        "轻度": 'success',
+      }
+      return map[category] || ''
+    },
   }
 }
 </script>
+
+<style scoped>
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+</style>
+
+<style scoped lang="scss">
+// 操作按钮样式
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.alter-btn:hover{
+  background-color: rgb(230, 255, 238);
+  transform: translateY(-1px);
+}
+
+.delete-btn:hover {
+  background-color: rgba(245, 108, 108, 0.1);
+  transform: translateY(-1px);
+}
+
+// 新增/修改的弹窗
+::v-deep .el-dialog {
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  animation: dialogFadeIn 0.3s ease;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+  padding: 18px 24px;
+  border-bottom: none;
+  position: relative;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 17px;
+  font-weight: 600;
+  color: white;
+  letter-spacing: 0.5px;
+}
+
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: #ffd04b;
+  transform: rotate(90deg);
+}
+
+::v-deep .el-dialog__body {
+  padding: 28px 24px 20px;
+  background-color: #f8fafc;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+  transition: all 0.3s;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #2d3748;
+  font-size: 14px;
+  transition: color 0.3s;
+}
+
+::v-deep .el-input,
+::v-deep .el-textarea,
+::v-deep .el-select {
+  width: 100%;
+}
+
+::v-deep .el-input__inner,
+::v-deep .el-textarea__inner {
+  border-radius: 8px;
+  border: 1px solid #dcdfe6;
+  font-size: 14px;
+  transition: all 0.3s;
+  background-color: #fcfdfe;
+}
+
+::v-deep .el-input__inner:focus,
+::v-deep .el-textarea__inner:focus {
+  border-color: #42B983;
+  box-shadow: 0 0 0 3px rgb(230, 255, 238);
+  background-color: white;
+}
+
+::v-deep .el-select .el-input__inner {
+  padding-right: 35px;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 20px 24px;
+  background-color: #f8fafc;
+  border-top: 1px solid #eef2f7;
+  border-radius: 0 0 12px 12px;
+}
+</style>
diff --git a/chenhai-ui/src/views/system/infoRelease/index.vue b/chenhai-ui/src/views/system/infoRelease/index.vue
index 0e798f8..47b4550 100644
--- a/chenhai-ui/src/views/system/infoRelease/index.vue
+++ b/chenhai-ui/src/views/system/infoRelease/index.vue
@@ -103,9 +103,13 @@
 
     <el-table v-loading="loading" :data="infoReleaseList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="标题" align="center" prop="title" />
-      <el-table-column label="内容" align="center" prop="content" :show-overflow-tooltip="true" />
+<!--      <el-table-column label="主键" align="center" prop="id" />-->
+      <el-table-column label="标题" align="center" prop="title" width="200"/>
+      <el-table-column label="内容" align="center" prop="content" width="100" :show-overflow-tooltip="true">
+        <template slot-scope="scope">
+          <div v-html="scope.row.content"></div>
+        </template>
+      </el-table-column>
       <el-table-column label="分类" align="center" prop="category" />
       <el-table-column label="上架状态" align="center" prop="publishStatus">
         <template slot-scope="scope">
@@ -120,7 +124,9 @@
             size="mini"
             type="text"
             icon="el-icon-edit"
+            style="color: #42B983"
             @click="handleUpdate(scope.row)"
+            class="info-btn alter-btn"
             v-hasPermi="['system:infoRelease:edit']"
           >修改</el-button>
           <el-button
@@ -130,6 +136,7 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:infoRelease:remove']"
             style="color: #F56C6C;"
+            class="info-btn delete-btn"
           >删除</el-button>
           <el-button
             size="mini"
@@ -138,7 +145,8 @@
             @click="handlePublish(scope.row)"
             v-if="scope.row.publishStatus === '0'"
             v-hasPermi="['system:infoRelease:publish']"
-            style="color: #67C23A;"
+            style="color: #f46a0c"
+            class="info-btn publish-btn"
           >上架</el-button>
           <el-button
             size="mini"
@@ -147,22 +155,25 @@
             @click="handleRemove(scope.row)"
             v-if="scope.row.publishStatus === '1'"
             v-hasPermi="['system:infoRelease:remove']"
-            style="color: #E6A23C;"
+            style="color: #636361"
+            class="info-btn offline-btn"
           >下架</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <div class="pagestyle">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
 
     <!-- 添加或修改资讯发布对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="标题" prop="title">
           <el-input v-model="form.title" placeholder="请输入标题" />
@@ -193,7 +204,7 @@
     </el-dialog>
 
     <!-- 下架原因对话框 -->
-    <el-dialog title="下架原因" :visible.sync="removeOpen" width="400px" append-to-body>
+    <el-dialog title="下架原因" :visible.sync="removeOpen" width="80%" append-to-body>
       <el-form ref="removeForm" :model="removeForm" label-width="80px">
         <el-form-item label="下架原因">
           <el-input
@@ -438,4 +449,117 @@ export default {
   color: #f78989 !important;
   background-color: rgba(245, 108, 108, 0.1);
 }
+
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+
+</style>
+
+<style scoped lang="scss">
+// 操作按钮样式
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.alter-btn:hover{
+  background-color: rgb(230, 255, 238);
+  transform: translateY(-1px);
+}
+
+.delete-btn:hover {
+  background-color: rgba(245, 108, 108, 0.1);
+  transform: translateY(-1px);
+}
+.publish-btn:hover {
+  background-color: rgb(253, 238, 228);
+  transform: translateY(-1px);
+}
+
+.offline-btn:hover {
+  background-color: rgb(237, 237, 235);
+  transform: translateY(-1px);
+}
+
+// 新增/修改的弹窗
+::v-deep .el-dialog {
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  animation: dialogFadeIn 0.3s ease;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+  padding: 18px 24px;
+  border-bottom: none;
+  position: relative;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 17px;
+  font-weight: 600;
+  color: white;
+  letter-spacing: 0.5px;
+}
+
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: #ffd04b;
+  transform: rotate(90deg);
+}
+
+::v-deep .el-dialog__body {
+  padding: 28px 24px 20px;
+  background-color: #f8fafc;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+  transition: all 0.3s;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #2d3748;
+  font-size: 14px;
+  transition: color 0.3s;
+}
+
+::v-deep .el-input,
+::v-deep .el-textarea,
+::v-deep .el-select {
+  width: 100%;
+}
+
+::v-deep .el-input__inner,
+::v-deep .el-textarea__inner {
+  border-radius: 8px;
+  border: 1px solid #dcdfe6;
+  font-size: 14px;
+  transition: all 0.3s;
+  background-color: #fcfdfe;
+}
+
+::v-deep .el-input__inner:focus,
+::v-deep .el-textarea__inner:focus {
+  border-color: #42B983;
+  box-shadow: 0 0 0 3px rgb(230, 255, 238);
+  background-color: white;
+}
+
+::v-deep .el-select .el-input__inner {
+  padding-right: 35px;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 20px 24px;
+  background-color: #f8fafc;
+  border-top: 1px solid #eef2f7;
+  border-radius: 0 0 12px 12px;
+}
 </style>
diff --git a/chenhai-ui/src/views/system/interpretation/index.vue b/chenhai-ui/src/views/system/interpretation/index.vue
index 3d4d8a8..424a74f 100644
--- a/chenhai-ui/src/views/system/interpretation/index.vue
+++ b/chenhai-ui/src/views/system/interpretation/index.vue
@@ -111,7 +111,7 @@
 
     <el-table v-loading="loading" :data="interpretationList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="标题" align="center" prop="title" />
+      <el-table-column label="标题" align="center" prop="title" width="100" :show-overflow-tooltip="true"/>
       <el-table-column label="政策文件" align="center" prop="policyFile" width="120">
         <template slot-scope="scope">
           <el-button
@@ -129,13 +129,13 @@
           <span>{{ parseTime(scope.row.releaseDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="发布单位" align="center" prop="issuingAgency" />
+      <el-table-column label="发布单位" align="center" prop="issuingAgency" width="200"/>
       <el-table-column label="解读内容" align="center" prop="content" width="200">
         <template slot-scope="scope">
           <div v-html="scope.row.content ? scope.row.content.substring(0, 50) + '...' : '-'"></div>
         </template>
       </el-table-column>
-      <el-table-column label="政策分类" align="center" prop="policyCategory" width="100">
+      <el-table-column label="政策分类" align="center" prop="policyCategory" width="280">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.policy_category" :value="scope.row.policyCategory"/>
         </template>
@@ -145,26 +145,30 @@
           <dict-tag :options="dict.type.sys_publish_status" :value="scope.row.publishStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="下架原因" align="center" prop="removalReason" width="150">
+      <el-table-column label="下架原因" align="center" prop="removalReason" width="100" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <span>{{ scope.row.removalReason || '-' }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
+            style="color: #42B983"
             v-hasPermi="['system:interpretation:edit']"
+            class="info-btn alter-btn"
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-top"
             @click="handleSinglePublish(scope.row)"
+            style="color: #f46a0c"
             v-hasPermi="['system:interpretation:publish']"
+            class="info-btn publish-btn"
             v-if="scope.row.publishStatus === '0'"
           >上架</el-button>
           <el-button
@@ -172,30 +176,36 @@
             type="text"
             icon="el-icon-bottom"
             @click="handleSingleUnpublish(scope.row)"
+            style="color: #636361"
             v-hasPermi="['system:interpretation:unpublish']"
             v-if="scope.row.publishStatus === '1'"
+            class="info-btn offline-btn"
           >下架</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
+            style="color: #f56c6c"
             v-hasPermi="['system:interpretation:remove']"
+            class="info-btn delete-btn"
           >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <div class="pagestyle">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
 
     <!-- 添加或修改政策解读对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="标题" prop="title">
           <el-input v-model="form.title" placeholder="请输入标题" />
@@ -520,4 +530,117 @@ export default {
 .el-table {
   margin-top: 20px;
 }
+
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+</style>
+
+<style scoped lang="scss">
+// 操作按钮样式
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.alter-btn:hover{
+  background-color: rgb(230, 255, 238);
+  transform: translateY(-1px);
+}
+
+.delete-btn:hover {
+  background-color: rgba(245, 108, 108, 0.1);
+  transform: translateY(-1px);
+}
+
+.publish-btn:hover {
+  background-color: rgb(253, 238, 228);
+  transform: translateY(-1px);
+}
+
+.offline-btn:hover {
+  background-color: rgb(237, 237, 235);
+  transform: translateY(-1px);
+}
+
+// 新增/修改的弹窗
+::v-deep .el-dialog {
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  animation: dialogFadeIn 0.3s ease;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+  padding: 18px 24px;
+  border-bottom: none;
+  position: relative;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 17px;
+  font-weight: 600;
+  color: white;
+  letter-spacing: 0.5px;
+}
+
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: #ffd04b;
+  transform: rotate(90deg);
+}
+
+::v-deep .el-dialog__body {
+  padding: 28px 24px 20px;
+  background-color: #f8fafc;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+  transition: all 0.3s;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #2d3748;
+  font-size: 14px;
+  transition: color 0.3s;
+}
+
+::v-deep .el-input,
+::v-deep .el-textarea,
+::v-deep .el-select {
+  width: 100%;
+}
+
+::v-deep .el-input__inner,
+::v-deep .el-textarea__inner {
+  border-radius: 8px;
+  border: 1px solid #dcdfe6;
+  font-size: 14px;
+  transition: all 0.3s;
+  background-color: #fcfdfe;
+}
+
+::v-deep .el-input__inner:focus,
+::v-deep .el-textarea__inner:focus {
+  border-color: #42B983;
+  box-shadow: 0 0 0 3px rgb(230, 255, 238);
+  background-color: white;
+}
+
+::v-deep .el-select .el-input__inner {
+  padding-right: 35px;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 20px 24px;
+  background-color: #f8fafc;
+  border-top: 1px solid #eef2f7;
+  border-radius: 0 0 12px 12px;
+}
 </style>
diff --git a/chenhai-ui/src/views/system/vacInfo/index.vue b/chenhai-ui/src/views/system/vacInfo/index.vue
index afc4291..bf2c784 100644
--- a/chenhai-ui/src/views/system/vacInfo/index.vue
+++ b/chenhai-ui/src/views/system/vacInfo/index.vue
@@ -9,7 +9,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <!-- 新增：牲畜类型查询条件 -->
       <el-form-item label="牲畜类型" prop="livestockType">
         <el-select v-model="queryParams.livestockType" placeholder="请选择牲畜类型" clearable>
           <el-option
@@ -20,10 +19,20 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="疫苗类型" prop="vaccineType">
-        <el-select v-model="queryParams.vaccineType" placeholder="请选择疫苗类型" clearable>
+<!--      <el-form-item label="疫苗类型" prop="vaccineType">-->
+<!--        <el-select v-model="queryParams.vaccineType" placeholder="请选择疫苗类型" clearable>-->
+<!--          <el-option-->
+<!--            v-for="dict in dict.type.vaccine_type"-->
+<!--            :key="dict.value"-->
+<!--            :label="dict.label"-->
+<!--            :value="dict.value"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
           <el-option
-            v-for="dict in dict.type.vaccine_type"
+            v-for="dict in dict.type.vaccine_info_status"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
@@ -46,6 +55,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="报名截止时间" prop="endTime">
+        <el-date-picker clearable
+                        v-model="queryParams.endTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="请选择报名截止时间">
+        </el-date-picker>
+      </el-form-item>
       <el-form-item label="可预约数量" prop="availableSlots">
         <el-input
           v-model="queryParams.availableSlots"
@@ -62,32 +79,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
-          <el-option
-            v-for="dict in dict.type.vaccine_info_status"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="发布时间" prop="publishTime">
-        <el-date-picker clearable
-                        v-model="queryParams.publishTime"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择发布时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="报名截止时间" prop="endTime">
-        <el-date-picker clearable
-                        v-model="queryParams.endTime"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择报名截止时间">
-        </el-date-picker>
-      </el-form-item>
+<!--      <el-form-item label="发布时间" prop="publishTime">-->
+<!--        <el-date-picker clearable-->
+<!--                        v-model="queryParams.publishTime"-->
+<!--                        type="date"-->
+<!--                        value-format="yyyy-MM-dd"-->
+<!--                        placeholder="请选择发布时间">-->
+<!--        </el-date-picker>-->
+<!--      </el-form-item>-->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -142,28 +141,28 @@
 
     <el-table v-loading="loading" :data="vacInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="疫苗信息ID" align="center" prop="id" />
-      <el-table-column label="疫苗标题" align="center" prop="title" />
-      <!-- 新增：牲畜类型列 -->
-      <el-table-column label="牲畜类型" align="center" prop="livestockType">
+<!--      <el-table-column label="疫苗信息ID" align="center" prop="id" />-->
+      <el-table-column label="疫苗标题" align="center" prop="title" width="200px" :show-overflow-tooltip="true"/>
+      <el-table-column label="牲畜类型" align="center" prop="livestockType" width="100px">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.livestock_type" :value="scope.row.livestockType"/>
         </template>
       </el-table-column>
-      <el-table-column label="疫苗类型" align="center" prop="vaccineType">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.vaccine_type" :value="scope.row.vaccineType"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="详细描述" align="center" prop="description" />
+<!--      <el-table-column label="疫苗类型" align="center" prop="vaccineType" width="200px">-->
+<!--        <template slot-scope="scope">-->
+<!--          <dict-tag :options="dict.type.vaccine_type" :value="scope.row.vaccineType"/>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+      <el-table-column label="疫苗类型" align="center" prop="vaccineType" width="200px" :show-overflow-tooltip="true"/>
+      <el-table-column label="详细描述" align="center" prop="description" width="300px" :show-overflow-tooltip="true"/>
       <el-table-column label="接种日期" align="center" prop="vaccinationDate" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.vaccinationDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="接种地点" align="center" prop="vaccinationLocation" />
-      <el-table-column label="可预约数量" align="center" prop="availableSlots" />
-      <el-table-column label="总数量" align="center" prop="totalSlots" />
+      <el-table-column label="接种地点" align="center" prop="vaccinationLocation" width="200px"/>
+      <el-table-column label="可预约数量" align="center" prop="availableSlots" width="200px"/>
+      <el-table-column label="总数量" align="center" prop="totalSlots" width="200px"/>
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.vaccine_info_status" :value="scope.row.status"/>
@@ -180,12 +179,14 @@
         </template>
       </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
+            style="color: #42B983"
+            class="info-btn alter-btn"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:vacInfo:edit']"
           >修改</el-button>
@@ -193,14 +194,17 @@
             size="mini"
             type="text"
             icon="el-icon-delete"
+            style="color: #f56c6c"
+            class="info-btn delete-btn"
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:vacInfo:remove']"
           >删除</el-button>
-          <!-- 新增预约列表按钮 -->
           <el-button
             size="mini"
             type="text"
             icon="el-icon-s-order"
+            style="color: rgb(92 169 179)"
+            class="info-btn reservation-btn"
             @click="handleRegistrationList(scope.row)"
             v-hasPermi="['system:vacInfo:list']"
           >预约列表</el-button>
@@ -208,16 +212,18 @@
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <div class="pagestyle">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
 
-    <!-- 添加或修改疫苗信息对话框（加宽到800px） -->
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+    <!-- 添加或修改疫苗信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row>
           <el-col :span="12">
@@ -273,15 +279,6 @@
             </el-form-item>
           </el-col>
         </el-row>
-
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="详细描述">
-              <editor v-model="form.description" :min-height="192"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
         <el-row>
           <el-col :span="12">
             <el-form-item label="接种日期" prop="vaccinationDate">
@@ -313,33 +310,39 @@
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="12">
-            <el-form-item label="发布时间" prop="publishTime">
+            <el-form-item label="报名截止期" prop="endTime">
               <el-date-picker clearable
-                              v-model="form.publishTime"
+                              v-model="form.endTime"
                               type="date"
                               value-format="yyyy-MM-dd"
-                              placeholder="请选择发布时间"
+                              placeholder="请选择报名截止时间"
                               style="width: 100%;">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="报名截止时间" prop="endTime">
+            <el-form-item label="发布时间" prop="publishTime">
               <el-date-picker clearable
-                              v-model="form.endTime"
+                              v-model="form.publishTime"
                               type="date"
                               value-format="yyyy-MM-dd"
-                              placeholder="请选择报名截止时间"
+                              placeholder="请选择发布时间"
                               style="width: 100%;">
               </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="详细描述">
+              <editor v-model="form.description" :min-height="192"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-        <!-- 疫苗详细信息展示（当选择了疫苗时显示） -->
+        <!-- 疫苗详细信息展示 -->
         <div v-if="selectedVaccine" style="margin: 20px 0; border: 1px solid #ebeef5; border-radius: 4px; padding: 15px;">
           <div style="font-weight: bold; margin-bottom: 10px; color: #409EFF;">疫苗详细信息</div>
           <el-descriptions :column="2" border size="small">
@@ -397,12 +400,11 @@
     <el-dialog
       :title="registrationDialogTitle"
       :visible.sync="registrationDialogVisible"
-      width="1600px"
+      width="80%"
       append-to-body
       @close="handleRegistrationClose"
       class="registration-dialog"
     >
-      <!-- 直接引入第一个文件作为组件 -->
       <div v-if="registrationDialogVisible" style="height: 70vh; overflow-y: auto;">
         <VacRegistration
           :key="currentVaccineId"
@@ -420,7 +422,6 @@
 <script>
 import { listVacInfo, getVacInfo, delVacInfo, addVacInfo, updateVacInfo } from "@/api/system/vacInfo"
 import { getVacCategorylist } from "@/api/system/vacInfo"
-// 直接引入第一个文件的组件 - 假设第一个文件在同一个目录下，命名为index.vue
 import VacRegistration from '@/views/system/VacRegistration/index.vue'
 
 export default {
@@ -732,3 +733,133 @@ export default {
   overflow-y: auto;
 }
 </style>
+
+<style scoped>
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+</style>
+
+<style scoped lang="scss">
+// 操作按钮样式
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.alter-btn:hover{
+  background-color: rgb(230, 255, 238);
+  transform: translateY(-1px);
+}
+
+.delete-btn:hover {
+  background-color: rgba(245, 108, 108, 0.1);
+  transform: translateY(-1px);
+}
+
+.reservation-btn:hover {
+  background-color: rgb(219, 244, 244);
+  transform: translateY(-1px);
+}
+
+// 新增/修改的弹窗
+::v-deep .el-dialog {
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  animation: dialogFadeIn 0.3s ease;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+  padding: 18px 24px;
+  border-bottom: none;
+  position: relative;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 17px;
+  font-weight: 600;
+  color: white;
+  letter-spacing: 0.5px;
+}
+
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: #ffd04b;
+  transform: rotate(90deg);
+}
+
+::v-deep .el-dialog__body {
+  padding: 28px 24px 20px;
+  background-color: #f8fafc;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+  transition: all 0.3s;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #2d3748;
+  font-size: 14px;
+  transition: color 0.3s;
+}
+
+::v-deep .el-input,
+::v-deep .el-textarea,
+::v-deep .el-select {
+  width: 100%;
+}
+
+::v-deep .el-input__inner,
+::v-deep .el-textarea__inner {
+  border-radius: 8px;
+  border: 1px solid #dcdfe6;
+  font-size: 14px;
+  transition: all 0.3s;
+  background-color: #fcfdfe;
+}
+
+::v-deep .el-input__inner:focus,
+::v-deep .el-textarea__inner:focus {
+  border-color: #42B983;
+  box-shadow: 0 0 0 3px rgb(230, 255, 238);
+  background-color: white;
+}
+
+::v-deep .el-select .el-input__inner {
+  padding-right: 35px;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 20px 24px;
+  background-color: #f8fafc;
+  border-top: 1px solid #eef2f7;
+  border-radius: 0 0 12px 12px;
+}
+</style>
+
+<style scoped>
+::v-deep .el-descriptions-item__cell{
+  width: 90px;
+}
+
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+
+::v-deep .el-descriptions-row th{
+  text-align: center !important;color: #7b7c7f;
+  background: #faf7f7;
+}
+
+::v-deep .el-descriptions .is-bordered .el-descriptions-item__cell {
+  border: 1px solid #bcbbbb;
+  padding: 12px 10px;
+}
+</style>
diff --git a/chenhai-ui/src/views/system/vet/aduit/index.vue b/chenhai-ui/src/views/system/vet/aduit/index.vue
index 04d9010..76e0d43 100644
--- a/chenhai-ui/src/views/system/vet/aduit/index.vue
+++ b/chenhai-ui/src/views/system/vet/aduit/index.vue
@@ -98,24 +98,24 @@
     <!-- 表格部分 -->
     <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="用户昵称" align="center" prop="nickName" />
-      <el-table-column label="真实姓名" align="center" prop="realName" />
-      <el-table-column label="性别" align="center" prop="gender" />
-      <el-table-column label="出生日期" align="center" prop="birthday">
+      <el-table-column label="用户昵称" align="center" prop="nickName" width="200px"/>
+      <el-table-column label="真实姓名" align="center" prop="realName" width="200px"/>
+      <el-table-column label="性别" align="center" prop="gender" width="100px"/>
+      <el-table-column label="出生日期" align="center" prop="birthday" width="200px">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="身份证号" align="center" prop="idCard" width="180"/>
-      <el-table-column label="擅长领域" align="center" prop="specialty" />
-      <el-table-column label="工作经验" align="center" prop="workExperience"/>
-      <el-table-column label="职称" align="center" prop="title"/>
-      <el-table-column label="联系电话" align="center" prop="phone"/>
-      <el-table-column label="电子邮箱" align="center" prop="email"/>
-      <el-table-column label="专家类型" align="center" prop="expertType"/>
-      <el-table-column label="所属医院" align="center" prop="hospital" />
-      <el-table-column label="联系地址" align="center" prop="address" />
-      <el-table-column label="个人简介" align="center" prop="introduction" />
+      <el-table-column label="身份证号" align="center" prop="idCard" width="200px"/>
+      <!--      <el-table-column label="擅长领域" align="center" prop="specialty" width="300px" :show-overflow-tooltip="true"/>-->
+      <!--      <el-table-column label="工作经验" align="center" prop="workExperience" width="100px"/>-->
+      <el-table-column label="职称" align="center" prop="title" width="200px"/>
+      <el-table-column label="联系电话" align="center" prop="phone" width="200px"/>
+      <!--      <el-table-column label="电子邮箱" align="center" prop="email"/>-->
+      <el-table-column label="专家类型" align="center" prop="expertType" width="200px"/>
+      <el-table-column label="所属医院" align="center" prop="hospital" width="300px" :show-overflow-tooltip="true"/>
+      <!--      <el-table-column label="联系地址" align="center" prop="address" />-->
+      <!--      <el-table-column label="个人简介" align="center" prop="introduction" />-->
       <el-table-column label="审核状态" align="center" prop="auditStatus" width="100" class-name="audit-status-column">
         <template slot-scope="scope">
           <el-tag :type="getAuditStatusTagType(scope.row.auditStatus)" size="small">
@@ -129,7 +129,6 @@
             size="mini"
             type="text"
             icon="el-icon-view"
-            style="color: #e6a23c"
             class="info-btn view-btn"
             @click="handleView(scope.row)"
             v-hasPermi="['sys:vetAudit:view']"
@@ -138,7 +137,7 @@
             size="mini"
             type="text"
             icon="el-icon-check"
-            style="color: #409EFF"
+            style="color: #072eed"
             class="info-btn audit-btn"
             @click="handleAudit(scope.row)"
             v-hasPermi="['sys:vetAudit:auditVetPersonalInfo']"
@@ -147,19 +146,21 @@
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <div class="pagestyle">
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
 
     <!-- 审核对话框 -->
     <el-dialog
       :title="auditTitle"
       :visible.sync="auditVisible"
-      width="1200px"
+      width="80%"
       append-to-body
       :close-on-click-modal="false"
       class="audit-dialog"
@@ -267,9 +268,33 @@
                     <div class="cert-header">
                       <div class="cert-title">
                         <span>{{ cert.certName || cert.qualificationType || '未命名证书' }}</span>
-                        <el-tag v-if="cert.auditStatus === '1'" type="success" size="mini">✓ 已通过</el-tag>
-                        <el-tag v-if="cert.auditStatus === '2'" type="danger" size="mini">✗ 未通过</el-tag>
-                        <el-tag v-if="!cert.auditStatus || cert.auditStatus === '0'" type="warning" size="mini">待审核</el-tag>
+                        <el-tag
+                          v-if="cert.auditStatus === '1'"
+                          type="success"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-success"></i> 已通过
+                        </el-tag>
+                        <el-tag
+                          v-if="cert.auditStatus === '2'"
+                          type="danger"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-error"></i> 未通过
+                        </el-tag>
+                        <el-tag
+                          v-if="!cert.auditStatus || cert.auditStatus === '0'"
+                          type="warning"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-time"></i> 待审核
+                        </el-tag>
                       </div>
                       <div class="cert-info">
                         <span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span>
@@ -305,7 +330,14 @@
                           <strong>其他附件：</strong>
                         </div>
                         <div class="files-list">
-                          <span>{{ cert.certificateFiles }}</span>
+                          <el-button
+                            type="text"
+                            icon="el-icon-download"
+                            @click="downloadFile(cert.certificateFiles)"
+                            class="download-btn"
+                          >
+                            {{ getFileName(cert.certificateFiles) }}
+                          </el-button>
                         </div>
                       </div>
                     </div>
@@ -368,7 +400,7 @@
     <el-dialog
       :title="detailTitle"
       :visible.sync="detailVisible"
-      width="1100px"
+      width="80%"
       append-to-body
     >
       <div v-if="loadingDetail" class="tab-loading">
@@ -425,9 +457,33 @@
                     <div class="cert-header">
                       <div class="cert-title">
                         <span>{{ cert.certName || cert.qualificationType || '未命名证书' }}</span>
-                        <el-tag v-if="cert.auditStatus === '1'" type="success" size="mini">✓ 已通过</el-tag>
-                        <el-tag v-if="cert.auditStatus === '2'" type="danger" size="mini">✗ 未通过</el-tag>
-                        <el-tag v-if="!cert.auditStatus || cert.auditStatus === '0'" type="warning" size="mini">待审核</el-tag>
+                        <el-tag
+                          v-if="cert.auditStatus === '1'"
+                          type="success"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-success"></i> 已通过
+                        </el-tag>
+                        <el-tag
+                          v-if="cert.auditStatus === '2'"
+                          type="danger"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-error"></i> 未通过
+                        </el-tag>
+                        <el-tag
+                          v-if="!cert.auditStatus || cert.auditStatus === '0'"
+                          type="warning"
+                          size="small"
+                          class="cert-status-tag"
+                          effect="dark"
+                        >
+                          <i class="el-icon-time"></i> 待审核
+                        </el-tag>
                       </div>
                       <div class="cert-info">
                         <span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span>
@@ -470,7 +526,14 @@
                           <strong>其他附件：</strong>
                         </div>
                         <div class="files-list">
-                          <span>{{ cert.certificateFiles }}</span>
+                          <el-button
+                            type="text"
+                            icon="el-icon-download"
+                            @click="downloadFile(cert.certificateFiles)"
+                            class="download-btn"
+                          >
+                            {{ getFileName(cert.certificateFiles) }}
+                          </el-button>
                         </div>
                       </div>
                     </div>
@@ -491,6 +554,7 @@
 
 <script>
 import { listInfo, getInfo, auditBasicInfo, auditCertificate, listQualification } from "@/api/system/vetAduit"
+import axios from 'axios'
 
 export default {
   name: "Info",
@@ -851,7 +915,6 @@ export default {
         if (response.code === 200) {
           this.detailData = response.data
 
-          // 详情页使用和审核页相同的逻辑加载证书
           if (response.data.userId) {
             const queryParams = {
               userId: response.data.userId,
@@ -1001,11 +1064,68 @@ export default {
         expertType: null,
       }
       this.resetForm("form")
+    },
+
+    // 文件下载方法
+    downloadFile(filePath) {
+      if (!filePath) {
+        this.$message.warning('文件路径为空，无法下载')
+        return
+      }
+
+      const loading = this.$loading({
+        lock: true,
+        text: '正在下载文件...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+
+      const fullUrl = this.baseUrl + filePath
+
+      axios({
+        method: 'get',
+        url: fullUrl,
+        responseType: 'blob', // 关键：设置响应类型为blob
+        headers: {
+        }
+      }).then(response => {
+        const blob = new Blob([response.data])
+        const downloadUrl = window.URL.createObjectURL(blob)
+        const a = document.createElement('a')
+
+        a.download = this.getFileName(filePath)
+        a.href = downloadUrl
+        document.body.appendChild(a)
+        a.click()
+
+        window.URL.revokeObjectURL(downloadUrl)
+        document.body.removeChild(a)
+
+        this.$message.success('文件下载成功')
+      }).catch(error => {
+        console.error('文件下载失败:', error)
+        this.$message.error('文件下载失败，请重试')
+      }).finally(() => {
+        loading.close()
+      })
+    },
+
+    getFileName(filePath) {
+      if (!filePath) return '未知文件'
+      const parts = filePath.split(/[\\/]/)
+      const fileName = parts.pop() || '未知文件'
+      return fileName
     }
   }
 }
 </script>
 
+<style scoped>
+::v-deep .pagestyle .el-input{
+  width: auto !important;
+}
+</style>
+
 <style scoped lang="scss">
 .audit-dialog {
   :deep(.el-dialog__body) {
@@ -1133,30 +1253,30 @@ export default {
   margin-bottom: 15px;
 
   span {
-    font-size: 18px;
+    font-size: 13px;
     font-weight: 600;
     color: #303133;
-    flex: 1;
+    //flex: 1;
   }
 
-  .el-tag {
-    font-weight: 500;
-
-    &.el-tag--success {
-      background-color: rgba(103, 194, 58, 0.1);
-      border-color: rgba(103, 194, 58, 0.2);
-    }
-
-    &.el-tag--danger {
-      background-color: rgba(245, 108, 108, 0.1);
-      border-color: rgba(245, 108, 108, 0.2);
-    }
-
-    &.el-tag--warning {
-      background-color: rgba(230, 162, 60, 0.1);
-      border-color: rgba(230, 162, 60, 0.2);
-    }
-  }
+  //.el-tag {
+  //  font-weight: 500;
+  //
+  //  &.el-tag--success {
+  //    background-color: rgba(103, 194, 58, 0.1);
+  //    border-color: rgba(103, 194, 58, 0.2);
+  //  }
+  //
+  //  &.el-tag--danger {
+  //    background-color: rgba(245, 108, 108, 0.1);
+  //    border-color: rgba(245, 108, 108, 0.2);
+  //  }
+  //
+  //  &.el-tag--warning {
+  //    background-color: rgba(230, 162, 60, 0.1);
+  //    border-color: rgba(230, 162, 60, 0.2);
+  //  }
+  //}
 }
 
 .cert-info {
@@ -1243,6 +1363,24 @@ export default {
   .files-list {
     color: #606266;
     font-size: 13px;
+
+    // 新增：下载按钮样式
+    .download-btn {
+      color: #409EFF;
+      padding: 0;
+      height: auto;
+      line-height: 1;
+
+      &:hover {
+        color: #66b1ff;
+        text-decoration: underline;
+      }
+
+      i {
+        margin-right: 5px;
+        font-size: 12px;
+      }
+    }
   }
 }
 
@@ -1280,30 +1418,30 @@ export default {
   }
 }
 
-.info-btn {
-  padding: 6px 12px;
-  border-radius: 4px;
-  margin: 0 4px;
-  transition: all 0.3s ease;
-  font-weight: 500;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-}
-
-.view-btn:hover {
-  background-color: rgba(243, 239, 231, 0.9);
-  border-color: #e6a23c;
-  color: #e6a23c;
-}
-
-.audit-btn:hover {
-  background-color: rgba(64, 158, 255, 0.15);
-  border-color: #409eff;
-  color: #409eff;
-}
+//.info-btn {
+//  padding: 6px 12px;
+//  border-radius: 4px;
+//  margin: 0 4px;
+//  transition: all 0.3s ease;
+//  font-weight: 500;
+//
+//  &:hover {
+//    transform: translateY(-2px);
+//    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+//  }
+//}
+//
+//.view-btn:hover {
+//  background-color: rgba(243, 239, 231, 0.9);
+//  border-color: #e6a23c;
+//  color: #e6a23c;
+//}
+//
+//.audit-btn:hover {
+//  background-color: rgba(64, 158, 255, 0.15);
+//  border-color: #409eff;
+//  color: #409eff;
+//}
 
 :deep(.dialog-footer) {
   .el-button {
@@ -1344,4 +1482,142 @@ export default {
     border-color: rgba(230, 162, 60, 0.2);
   }
 }
+
+// 操作按钮样式
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.view-btn:hover {
+  background-color: rgb(216, 238, 248);
+  transform: translateY(-1px);
+}
+
+.audit-btn:hover {
+  background-color: rgb(215, 223, 246);
+  transform: translateY(-1px);
+}
+
+// 新增/修改的弹窗
+::v-deep .el-dialog {
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+  animation: dialogFadeIn 0.3s ease;
+}
+
+::v-deep .el-dialog__header {
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+  padding: 18px 24px;
+  border-bottom: none;
+  position: relative;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 17px;
+  font-weight: 600;
+  color: white;
+  letter-spacing: 0.5px;
+}
+
+::v-deep .el-dialog__headerbtn:hover .el-dialog__close {
+  color: #ffd04b;
+  transform: rotate(90deg);
+}
+
+::v-deep .el-dialog__body {
+  padding: 28px 24px 20px;
+  background-color: #f8fafc;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 20px;
+  transition: all 0.3s;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #2d3748;
+  font-size: 14px;
+  transition: color 0.3s;
+}
+
+::v-deep .el-input,
+::v-deep .el-textarea,
+::v-deep .el-select {
+  width: 100%;
+}
+
+::v-deep .el-input__inner,
+::v-deep .el-textarea__inner {
+  border-radius: 8px;
+  border: 1px solid #dcdfe6;
+  font-size: 14px;
+  transition: all 0.3s;
+  background-color: #fcfdfe;
+}
+
+::v-deep .el-input__inner:focus,
+::v-deep .el-textarea__inner:focus {
+  border-color: #42B983;
+  box-shadow: 0 0 0 3px rgb(230, 255, 238);
+  background-color: white;
+}
+
+::v-deep .el-select .el-input__inner {
+  padding-right: 35px;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 20px 24px;
+  background-color: #f8fafc;
+  border-top: 1px solid #eef2f7;
+  border-radius: 0 0 12px 12px;
+}
+
+// 证书中的状态标签样式
+.cert-status-tag {
+  min-width: 70px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 0 10px;
+  font-weight: 500;
+  letter-spacing: 0.3px;
+  transition: all 0.3s ease;
+
+  i {
+    margin-right: 4px;
+    font-size: 12px;
+  }
+
+  &:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+  }
+
+  &.el-tag--success {
+    background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
+    border: none;
+    color: white;
+  }
+
+  &.el-tag--danger {
+    background: linear-gradient(135deg, #d9534f 0%, #f56c6c 100%);
+    border: none;
+    color: white;
+  }
+
+  &.el-tag--warning {
+    background: linear-gradient(135deg, #ff8c00 0%, #ffb347 100%);
+    border: none;
+    color: white;
+  }
+}
 </style>
diff --git a/chenhai-ui/src/views/vet/article/index.vue b/chenhai-ui/src/views/vet/article/index.vue
index f5a4012..11dabcc 100644
--- a/chenhai-ui/src/views/vet/article/index.vue
+++ b/chenhai-ui/src/views/vet/article/index.vue
@@ -1687,7 +1687,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/comments/index.vue b/chenhai-ui/src/views/vet/comments/index.vue
index 866b0bc..cc55c1d 100644
--- a/chenhai-ui/src/views/vet/comments/index.vue
+++ b/chenhai-ui/src/views/vet/comments/index.vue
@@ -7,17 +7,17 @@
 <!--      </el-form-item>-->
 <!--    </el-form>-->
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['vet:comments:add']"
-        >新增</el-button>
-      </el-col>
+<!--    <el-row :gutter="10" class="mb8">-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="primary"-->
+<!--          plain-->
+<!--          icon="el-icon-plus"-->
+<!--          size="mini"-->
+<!--          @click="handleAdd"-->
+<!--          v-hasPermi="['vet:comments:add']"-->
+<!--        >新增</el-button>-->
+<!--      </el-col>-->
 <!--      <el-col :span="1.5">-->
 <!--        <el-button-->
 <!--          type="success"-->
@@ -50,8 +50,8 @@
 <!--          v-hasPermi="['vet:comments:export']"-->
 <!--        >导出</el-button>-->
 <!--      </el-col>-->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
+<!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
+<!--    </el-row>-->
 
     <el-table v-loading="loading" :data="commentsList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
@@ -364,7 +364,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/experts/index.vue b/chenhai-ui/src/views/vet/experts/index.vue
index d562bcf..3822ad0 100644
--- a/chenhai-ui/src/views/vet/experts/index.vue
+++ b/chenhai-ui/src/views/vet/experts/index.vue
@@ -147,6 +147,9 @@
     <!-- 添加或修改专家信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="头像" prop="avatar">
+          <image-upload v-model="form.avatar" :limit='1'/>
+        </el-form-item>
         <el-form-item label="真实姓名" prop="realName">
           <el-input v-model="form.realName" placeholder="请输入真实姓名" />
         </el-form-item>
@@ -249,6 +252,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         userId: null,
+        avatar: null,
         realName: null,
         expertiseArea: null,
         isOnline: null,
@@ -259,6 +263,7 @@ export default {
       form: {
         expertId: null,
         userId: null,
+        avatar: null,
         realName: null,
         expertiseArea: null,
         iphone: null,
@@ -309,6 +314,7 @@ export default {
       this.form = {
         expertId: null,
         userId: null,
+        avatar: null,
         realName: null,
         expertiseArea: null,
         contactInfo: null,
@@ -518,7 +524,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/info/index.vue b/chenhai-ui/src/views/vet/info/index.vue
index bdef75c..38ebae6 100644
--- a/chenhai-ui/src/views/vet/info/index.vue
+++ b/chenhai-ui/src/views/vet/info/index.vue
@@ -597,6 +597,7 @@ export default {
               this.$modal.msgSuccess("修改成功")
               this.open = false
               this.getList()
+              this.$router.go(0)
             })
           } else {
             addInfo(this.form).then(response => {
@@ -715,7 +716,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/knowledge/index.vue b/chenhai-ui/src/views/vet/knowledge/index.vue
index 2deaf5a..fb49db8 100644
--- a/chenhai-ui/src/views/vet/knowledge/index.vue
+++ b/chenhai-ui/src/views/vet/knowledge/index.vue
@@ -295,6 +295,25 @@
     <!-- 新增/修改文章对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+<!--        <el-form-item label="推荐专家" prop="expertId">-->
+<!--          <el-select-->
+<!--            v-model="form.expertId"-->
+<!--            placeholder="请选择推荐专家"-->
+<!--            clearable-->
+<!--            filterable-->
+<!--            style="width: 100%;"-->
+<!--          >-->
+<!--            <el-option-->
+<!--              v-for="expert in expertList"-->
+<!--              :key="expert.expertId"-->
+<!--              :label="expert.realName"-->
+<!--              :value="expert.expertId"-->
+<!--            />-->
+<!--          </el-select>-->
+<!--          <div style="font-size: 12px; color: #999; margin-top: 5px;">-->
+<!--            提示：选择为您推荐药品的专家-->
+<!--          </div>-->
+<!--        </el-form-item>-->
         <el-form-item label="推荐专家" prop="expertId">
           <el-select
             v-model="form.expertId"
@@ -314,9 +333,6 @@
             提示：选择为您推荐药品的专家
           </div>
         </el-form-item>
-<!--        <el-form-item label="推荐专家" prop="realName">-->
-<!--          <el-input v-model="form.realName" placeholder="请选择推荐专家" />-->
-<!--        </el-form-item>-->
         <el-form-item label="封面" prop="coverImage">
           <image-upload v-model="form.coverImage" />
         </el-form-item>
@@ -994,7 +1010,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/merchant/index.vue b/chenhai-ui/src/views/vet/merchant/index.vue
index f57b297..7913ced 100644
--- a/chenhai-ui/src/views/vet/merchant/index.vue
+++ b/chenhai-ui/src/views/vet/merchant/index.vue
@@ -561,7 +561,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/product/index.vue b/chenhai-ui/src/views/vet/product/index.vue
index 5080e74..fe86a79 100644
--- a/chenhai-ui/src/views/vet/product/index.vue
+++ b/chenhai-ui/src/views/vet/product/index.vue
@@ -221,16 +221,16 @@
           v-hasPermi="['vet:product:remove']"
         >删除</el-button>
       </el-col>
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="warning"-->
-<!--          plain-->
-<!--          icon="el-icon-download"-->
-<!--          size="mini"-->
-<!--          @click="handleExport"-->
-<!--          v-hasPermi="['vet:product:export']"-->
-<!--        >导出</el-button>-->
-<!--      </el-col>-->
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button-->
+      <!--          type="warning"-->
+      <!--          plain-->
+      <!--          icon="el-icon-download"-->
+      <!--          size="mini"-->
+      <!--          @click="handleExport"-->
+      <!--          v-hasPermi="['vet:product:export']"-->
+      <!--        >导出</el-button>-->
+      <!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -300,51 +300,51 @@
           </el-tag>
         </template>
       </el-table-column>
-<!--      <el-table-column label="批准文号" align="center" prop="approvalNumber" />-->
-<!--      <el-table-column label="主要成分" align="center" prop="ingredients" />-->
-<!--      <el-table-column label="适应症" align="center" prop="indications" />-->
-<!--      <el-table-column label="用法用量" align="center" prop="usageDosage" />-->
-<!--      <el-table-column label="销售价格" align="center" prop="price" />-->
-<!--      <el-table-column label="成本价" align="center" prop="costPrice" />-->
-<!--      <el-table-column label="库存数量" align="center" prop="stock" />-->
-<!--      <el-table-column label="最低库存预警" align="center" prop="minStock" />-->
-<!--      <el-table-column label="多张图片URL，JSON格式" align="center" prop="images" />-->
-<!--      <el-table-column label="适用动物：如犬、猫、猪等" align="center" prop="treatAnimals" />-->
-<!--      <el-table-column label="治疗疾病" align="center" prop="treatDiseases" />-->
-<!--      <el-table-column label="治疗方案/内容" align="center" prop="treatmentContent" />-->
-<!--      <el-table-column label="治疗周期" align="center" prop="treatmentDuration" />-->
-<!--      <el-table-column label="注意事项" align="center" prop="precautions" />-->
-<!--      <el-table-column label="状态：0-草稿/1-上架/2-下架" align="center" prop="status" />-->
-<!--      <el-table-column label="删除标识：0-正常/1-删除" align="center" prop="isDeleted" />-->
-<!--      <el-table-column label="诊所ID" align="center" prop="clinicId" />-->
-<!--      <el-table-column label="兽医ID" align="center" prop="vetId" />-->
-<!--      <el-table-column label="创建时间" align="center" prop="createdAt" width="180">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span>{{ parseTime(scope.row.createdAt, '{y}-{m}-{d}') }}</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
-<!--      <el-table-column label="更新时间" align="center" prop="updatedAt" width="180">-->
-<!--        <template slot-scope="scope">-->
-<!--          <span>{{ parseTime(scope.row.updatedAt, '{y}-{m}-{d}') }}</span>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
+      <!--      <el-table-column label="批准文号" align="center" prop="approvalNumber" />-->
+      <!--      <el-table-column label="主要成分" align="center" prop="ingredients" />-->
+      <!--      <el-table-column label="适应症" align="center" prop="indications" />-->
+      <!--      <el-table-column label="用法用量" align="center" prop="usageDosage" />-->
+      <!--      <el-table-column label="销售价格" align="center" prop="price" />-->
+      <!--      <el-table-column label="成本价" align="center" prop="costPrice" />-->
+      <!--      <el-table-column label="库存数量" align="center" prop="stock" />-->
+      <!--      <el-table-column label="最低库存预警" align="center" prop="minStock" />-->
+      <!--      <el-table-column label="多张图片URL，JSON格式" align="center" prop="images" />-->
+      <!--      <el-table-column label="适用动物：如犬、猫、猪等" align="center" prop="treatAnimals" />-->
+      <!--      <el-table-column label="治疗疾病" align="center" prop="treatDiseases" />-->
+      <!--      <el-table-column label="治疗方案/内容" align="center" prop="treatmentContent" />-->
+      <!--      <el-table-column label="治疗周期" align="center" prop="treatmentDuration" />-->
+      <!--      <el-table-column label="注意事项" align="center" prop="precautions" />-->
+      <!--      <el-table-column label="状态：0-草稿/1-上架/2-下架" align="center" prop="status" />-->
+      <!--      <el-table-column label="删除标识：0-正常/1-删除" align="center" prop="isDeleted" />-->
+      <!--      <el-table-column label="诊所ID" align="center" prop="clinicId" />-->
+      <!--      <el-table-column label="兽医ID" align="center" prop="vetId" />-->
+      <!--      <el-table-column label="创建时间" align="center" prop="createdAt" width="180">-->
+      <!--        <template slot-scope="scope">-->
+      <!--          <span>{{ parseTime(scope.row.createdAt, '{y}-{m}-{d}') }}</span>-->
+      <!--        </template>-->
+      <!--      </el-table-column>-->
+      <!--      <el-table-column label="更新时间" align="center" prop="updatedAt" width="180">-->
+      <!--        <template slot-scope="scope">-->
+      <!--          <span>{{ parseTime(scope.row.updatedAt, '{y}-{m}-{d}') }}</span>-->
+      <!--        </template>-->
+      <!--      </el-table-column>-->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="300">
-<!--        <template slot-scope="scope">-->
-<!--          <el-button-->
-<!--            size="mini"-->
-<!--            type="text"-->
-<!--            icon="el-icon-edit"-->
-<!--            @click="handleUpdate(scope.row)"-->
-<!--            v-hasPermi="['vet:product:edit']"-->
-<!--          >修改</el-button>-->
-<!--          <el-button-->
-<!--            size="mini"-->
-<!--            type="text"-->
-<!--            icon="el-icon-delete"-->
-<!--            @click="handleDelete(scope.row)"-->
-<!--            v-hasPermi="['vet:product:remove']"-->
-<!--          >删除</el-button>-->
-<!--        </template>-->
+        <!--        <template slot-scope="scope">-->
+        <!--          <el-button-->
+        <!--            size="mini"-->
+        <!--            type="text"-->
+        <!--            icon="el-icon-edit"-->
+        <!--            @click="handleUpdate(scope.row)"-->
+        <!--            v-hasPermi="['vet:product:edit']"-->
+        <!--          >修改</el-button>-->
+        <!--          <el-button-->
+        <!--            size="mini"-->
+        <!--            type="text"-->
+        <!--            icon="el-icon-delete"-->
+        <!--            @click="handleDelete(scope.row)"-->
+        <!--            v-hasPermi="['vet:product:remove']"-->
+        <!--          >删除</el-button>-->
+        <!--        </template>-->
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -561,100 +561,100 @@
             </el-row>
           </el-tab-pane>
         </el-tabs>
-<!--    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>-->
-<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
-<!--        <el-form-item label="产品名称" prop="name">-->
-<!--          <el-input v-model="form.name" placeholder="请输入产品名称" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="产品类型" prop="type">-->
-<!--          <el-select v-model="form.type" placeholder="请选择产品类型" clearable>-->
-<!--            <el-option v-for="dict in dict.type.medicine_type" :key="dict.value" :label="dict.label" :value="dict.value" />-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="产品分类" prop="category">-->
-<!--          <el-select v-model="form.category" placeholder="请选择产品分类" clearable>-->
-<!--            <el-option v-for="dict in dict.type.vet_product_category" :key="dict.value" :label="dict.label" :value="dict.value" />-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="规格" prop="specification">-->
-<!--          <el-input v-model="form.specification" placeholder="请输入规格" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="单位" prop="unit">-->
-<!--          <el-input v-model="form.unit" placeholder="请输入单位" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="生产厂家" prop="manufacturer">-->
-<!--          <el-input v-model="form.manufacturer" placeholder="请输入生产厂家" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="批准文号" prop="approvalNumber">-->
-<!--          <el-input v-model="form.approvalNumber" placeholder="请输入批准文号" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="主要成分" prop="ingredients">-->
-<!--          <el-input v-model="form.ingredients" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="适应症" prop="indications">-->
-<!--          <el-input v-model="form.indications" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="用法用量" prop="usageDosage">-->
-<!--          <el-input v-model="form.usageDosage" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="销售价格" prop="price">-->
-<!--          <el-input v-model="form.price" placeholder="请输入销售价格" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="成本价" prop="costPrice">-->
-<!--          <el-input v-model="form.costPrice" placeholder="请输入成本价" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="库存数量" prop="stock">-->
-<!--          <el-input v-model="form.stock" placeholder="请输入库存数量" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="最低库存预警" prop="minStock">-->
-<!--          <el-input v-model="form.minStock" placeholder="请输入最低库存预警" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="相关图片" prop="mainImage">-->
-<!--          <image-upload v-model="form.mainImage"/>-->
-<!--        </el-form-item>-->
-<!--&lt;!&ndash;        <el-form-item label="多张图片URL，JSON格式" prop="images">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-input v-model="form.images" type="textarea" placeholder="请输入内容" />&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
-<!--        <el-form-item label="适用动物：如犬、猫、猪等" prop="treatAnimals">-->
-<!--          <el-input v-model="form.treatAnimals" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="治疗疾病" prop="treatDiseases">-->
-<!--          <el-input v-model="form.treatDiseases" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="治疗方案/内容">-->
-<!--          <editor v-model="form.treatmentContent" :min-height="192"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="治疗周期" prop="treatmentDuration">-->
-<!--          <el-input v-model="form.treatmentDuration" placeholder="请输入治疗周期" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="注意事项" prop="precautions">-->
-<!--          <el-input v-model="form.precautions" type="textarea" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--&lt;!&ndash;        <el-form-item label="删除标识：0-正常/1-删除" prop="isDeleted">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-input v-model="form.isDeleted" placeholder="请输入删除标识：0-正常/1-删除" />&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
-<!--&lt;!&ndash;        <el-form-item label="诊所ID" prop="clinicId">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-input v-model="form.clinicId" placeholder="请输入诊所ID" />&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
-<!--&lt;!&ndash;        <el-form-item label="兽医ID" prop="vetId">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-input v-model="form.vetId" placeholder="请输入兽医ID" />&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
-<!--&lt;!&ndash;        <el-form-item label="创建时间" prop="createdAt">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-date-picker clearable&ndash;&gt;-->
-<!--&lt;!&ndash;                          v-model="form.createdAt"&ndash;&gt;-->
-<!--&lt;!&ndash;                          type="date"&ndash;&gt;-->
-<!--&lt;!&ndash;                          value-format="yyyy-MM-dd"&ndash;&gt;-->
-<!--&lt;!&ndash;                          placeholder="请选择创建时间">&ndash;&gt;-->
-<!--&lt;!&ndash;          </el-date-picker>&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
-<!--&lt;!&ndash;        <el-form-item label="更新时间" prop="updatedAt">&ndash;&gt;-->
-<!--&lt;!&ndash;          <el-date-picker clearable&ndash;&gt;-->
-<!--&lt;!&ndash;                          v-model="form.updatedAt"&ndash;&gt;-->
-<!--&lt;!&ndash;                          type="date"&ndash;&gt;-->
-<!--&lt;!&ndash;                          value-format="yyyy-MM-dd"&ndash;&gt;-->
-<!--&lt;!&ndash;                          placeholder="请选择更新时间">&ndash;&gt;-->
-<!--&lt;!&ndash;          </el-date-picker>&ndash;&gt;-->
-<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>-->
+        <!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
+        <!--        <el-form-item label="产品名称" prop="name">-->
+        <!--          <el-input v-model="form.name" placeholder="请输入产品名称" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="产品类型" prop="type">-->
+        <!--          <el-select v-model="form.type" placeholder="请选择产品类型" clearable>-->
+        <!--            <el-option v-for="dict in dict.type.medicine_type" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+        <!--          </el-select>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="产品分类" prop="category">-->
+        <!--          <el-select v-model="form.category" placeholder="请选择产品分类" clearable>-->
+        <!--            <el-option v-for="dict in dict.type.vet_product_category" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+        <!--          </el-select>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="规格" prop="specification">-->
+        <!--          <el-input v-model="form.specification" placeholder="请输入规格" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="单位" prop="unit">-->
+        <!--          <el-input v-model="form.unit" placeholder="请输入单位" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="生产厂家" prop="manufacturer">-->
+        <!--          <el-input v-model="form.manufacturer" placeholder="请输入生产厂家" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="批准文号" prop="approvalNumber">-->
+        <!--          <el-input v-model="form.approvalNumber" placeholder="请输入批准文号" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="主要成分" prop="ingredients">-->
+        <!--          <el-input v-model="form.ingredients" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="适应症" prop="indications">-->
+        <!--          <el-input v-model="form.indications" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="用法用量" prop="usageDosage">-->
+        <!--          <el-input v-model="form.usageDosage" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="销售价格" prop="price">-->
+        <!--          <el-input v-model="form.price" placeholder="请输入销售价格" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="成本价" prop="costPrice">-->
+        <!--          <el-input v-model="form.costPrice" placeholder="请输入成本价" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="库存数量" prop="stock">-->
+        <!--          <el-input v-model="form.stock" placeholder="请输入库存数量" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="最低库存预警" prop="minStock">-->
+        <!--          <el-input v-model="form.minStock" placeholder="请输入最低库存预警" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="相关图片" prop="mainImage">-->
+        <!--          <image-upload v-model="form.mainImage"/>-->
+        <!--        </el-form-item>-->
+        <!--&lt;!&ndash;        <el-form-item label="多张图片URL，JSON格式" prop="images">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-input v-model="form.images" type="textarea" placeholder="请输入内容" />&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--        <el-form-item label="适用动物：如犬、猫、猪等" prop="treatAnimals">-->
+        <!--          <el-input v-model="form.treatAnimals" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="治疗疾病" prop="treatDiseases">-->
+        <!--          <el-input v-model="form.treatDiseases" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="治疗方案/内容">-->
+        <!--          <editor v-model="form.treatmentContent" :min-height="192"/>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="治疗周期" prop="treatmentDuration">-->
+        <!--          <el-input v-model="form.treatmentDuration" placeholder="请输入治疗周期" />-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="注意事项" prop="precautions">-->
+        <!--          <el-input v-model="form.precautions" type="textarea" placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
+        <!--&lt;!&ndash;        <el-form-item label="删除标识：0-正常/1-删除" prop="isDeleted">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-input v-model="form.isDeleted" placeholder="请输入删除标识：0-正常/1-删除" />&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--&lt;!&ndash;        <el-form-item label="诊所ID" prop="clinicId">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-input v-model="form.clinicId" placeholder="请输入诊所ID" />&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--&lt;!&ndash;        <el-form-item label="兽医ID" prop="vetId">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-input v-model="form.vetId" placeholder="请输入兽医ID" />&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--&lt;!&ndash;        <el-form-item label="创建时间" prop="createdAt">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-date-picker clearable&ndash;&gt;-->
+        <!--&lt;!&ndash;                          v-model="form.createdAt"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          type="date"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          value-format="yyyy-MM-dd"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          placeholder="请选择创建时间">&ndash;&gt;-->
+        <!--&lt;!&ndash;          </el-date-picker>&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
+        <!--&lt;!&ndash;        <el-form-item label="更新时间" prop="updatedAt">&ndash;&gt;-->
+        <!--&lt;!&ndash;          <el-date-picker clearable&ndash;&gt;-->
+        <!--&lt;!&ndash;                          v-model="form.updatedAt"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          type="date"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          value-format="yyyy-MM-dd"&ndash;&gt;-->
+        <!--&lt;!&ndash;                          placeholder="请选择更新时间">&ndash;&gt;-->
+        <!--&lt;!&ndash;          </el-date-picker>&ndash;&gt;-->
+        <!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -943,34 +943,6 @@ export default {
       })
     },
 
-    // // 上一步
-    // prevStep() {
-    //   this.activeStep--;
-    // },
-    // // 下一步
-    // nextStep() {
-    //   if (this.activeStep === 0) {
-    //     this.$refs.form.validate(valid => {
-    //       if (valid) this.activeStep++;
-    //     });
-    //     return;
-    //   }
-    // },
-    // 提交表单
-    // submitForm() {
-    //   this.$refs.productForm.validate((valid) => {
-    //     if (valid) {
-    //       // 表单验证通过，提交数据
-    //       this.$message.success("提交成功");
-    //       // 这里写接口提交逻辑
-    //       // this.$api.product.add(this.form).then(res => { ... })
-    //       this.dialogVisible = false;
-    //     } else {
-    //       this.$message.error("请完善必填信息");
-    //       return false;
-    //     }
-    //   });
-    // },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
@@ -1106,7 +1078,7 @@ export default {
 
 
     // 取消审核
-    handleCancelAudit(row){
+    handleCancelAudit(row) {
       cancelAuditProduct(row.id).then(response => {
         this.$modal.msgSuccess("取消审核成功")
         this.getList()
@@ -1116,7 +1088,7 @@ export default {
     },
 
     // 重新提交审核
-    handleResubmitAudit(row){
+    handleResubmitAudit(row) {
       resubmitAuditProduct(row.id).then(response => {
         this.$modal.msgSuccess("重新提交审核成功")
         this.getList()
@@ -1130,21 +1102,19 @@ export default {
 </script>
 
 <style scoped>
-::v-deep .el-descriptions-item__cell{
+::v-deep .el-descriptions-item__cell {
   width: 90px;
-
 }
-::v-deep .el-descriptions-row th{
+
+::v-deep .el-descriptions-row th {
   text-align: center !important;
 }
 
-::v-deep .pagestyle .el-input{
+::v-deep .pagestyle .el-input {
   width: auto !important;
 }
 
-::v-deep .pagestyle .pagination-container{
-  background-color: #f8fafc;
-}
+
 </style>
 
 <style lang="scss" scoped>
@@ -1192,7 +1162,7 @@ export default {
   transform: translateY(-1px);
 }
 
-.alter-btn:hover{
+.alter-btn:hover {
   background-color: rgb(230, 255, 238);
   transform: translateY(-1px);
 }
@@ -1236,7 +1206,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/qualification/index.vue b/chenhai-ui/src/views/vet/qualification/index.vue
index e19834c..3582377 100644
--- a/chenhai-ui/src/views/vet/qualification/index.vue
+++ b/chenhai-ui/src/views/vet/qualification/index.vue
@@ -1107,7 +1107,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;
diff --git a/chenhai-ui/src/views/vet/training/index.vue b/chenhai-ui/src/views/vet/training/index.vue
index 972430e..b8e340b 100644
--- a/chenhai-ui/src/views/vet/training/index.vue
+++ b/chenhai-ui/src/views/vet/training/index.vue
@@ -1251,7 +1251,7 @@ export default {
 }
 
 ::v-deep .el-dialog__header {
-  background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
+  background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
   padding: 18px 24px;
   border-bottom: none;
   position: relative;