兽医PC端经验分享页面构建

chenhai-ui/src/api/vet/article.js

@@ -18,6 +18,17 @@ export function listMyArticle(query) {
   })
 }
 
+// 获取草稿列表
+export function listDraft() {
+  return request({
+    url: '/vet/article/draftList',
+    method: 'get'
+  })
+}
+
+
+
+
 // 查询兽医经验文章详细（包含相关文章）
 export function getArticle(id) {
   return request({
@@ -121,12 +132,13 @@ export function searchArticles(keyword) {
   })
 }
 
-export function getForumHome() {
-  return request({
-    url: '/vet/article/statistics',
-    method: 'get'
-  })
-}
+// 获取论坛统计
+// export function getForumHome() {
+//   return request({
+//     url: '/vet/article/statistics',
+//     method: 'get'
+//   })
+// }
 
 // 论坛文章详情
 export function getForumDetail(id) {

chenhai-ui/src/api/vet/product.js

@@ -42,44 +42,3 @@ export function delProduct(id) {
     method: 'delete'
   })
 }
-
-// 提交审核
-export function submitAudit(id) {
-  return request({
-    url: '/vet/product/submitAudit/' + id,
-    method: 'post'
-  })
-}
-
-// 审核产品
-export function auditProduct(data) {
-  return request({
-    url: '/vet/product/audit',
-    method: 'post',
-    data: data
-  })
-}
-
-// 上架产品
-export function publishProduct(id) {
-  return request({
-    url: '/vet/product/publish/' + id,
-    method: 'post'
-  })
-}
-
-// 下架产品
-export function offlineProduct(id) {
-  return request({
-    url: '/vet/product/offline/' + id,
-    method: 'post'
-  })
-}
-
-// 取消审核
-export function cancelAudit(id) {
-  return request({
-    url: '/vet/product/cancelAudit/' + id,
-    method: 'post'
-  })
-}

chenhai-ui/src/api/vet/qualification.js

@@ -96,6 +96,14 @@ export function getQualification(qualificationId, certId) {
   })
 }
 
+// 查看证书详情
+export function listQualificationCertificates(qualificationId) {
+  return request({
+    url: '/vet/qualification/certificate/' + qualificationId + '/list',
+    method: 'get'
+  })
+}
+
 // 证书详情
 export function getQualificationCertificate(certId) {
   return request({

chenhai-ui/src/layout/components/Navbar.vue

@@ -119,7 +119,7 @@ export default {
       }).then(() => {
         const userRole = this.$store.state.user.roles[0];
         this.$store.dispatch('LogOut').then(() => {
-          if (userRole === 'vetnotshenhe') {
+          if (userRole === 'vet' || userRole === 'vetnotshenhe') {
             location.href = '/login';
           } else {
             location.href = '/loginGld';

chenhai-ui/src/views/index.vue

@@ -1,8 +1,10 @@
 <template>
   <!--  跳转首页  -->
   <div class="type">
-    <Syd v-if = "userRole === 'vetnotshenhe'"></Syd>
-    <Gld v-else></Gld>
+    <Syd v-if = "userRole === 'vet' || userRole === 'vetnotshenhe'"></Syd>
+<!--    <Gld v-else></Gld>-->
+    <Gld v-else-if="userRole"></Gld>
+    <div v-else></div>
   </div>
 </template>
 
@@ -21,8 +23,12 @@ export default {
     }
   },
   computed: {
+    // userRole() {
+    //   return this.$store.state.user.roles[0];
+    // }
     userRole() {
-      return this.$store.state.user.roles[0];
+      const roles = this.$store.state.user?.roles || [];
+      return roles[0] || '';
     }
   },
   methods: {

chenhai-ui/src/views/loginGld.vue

@@ -205,8 +205,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
-/*  登录页  */
+// 登录页
 .login {
   display: flex;
   justify-content: center;
@@ -218,7 +217,7 @@ export default {
   position: relative;
 }
 
-/*  登录模块  */
+// 登录模块
 .login-form {
   display: flex;
   width: 760px;
@@ -233,7 +232,7 @@ export default {
   border: 1px solid rgba(82, 196, 26, 0.2);
 }
 
-/*  左侧登录部分  */
+// 左侧登录部分
 .login-left {
   flex: 1;
   background: linear-gradient(135deg, rgba(82, 196, 26, 0.9) 0%, rgba(24, 144, 255, 0.9) 100%);

chenhai-ui/src/views/syd.vue

@@ -58,17 +58,15 @@
         <el-step title="提交审核"></el-step>
       </el-steps>
 
-      <!-- 选择经营范围 -->
+      <!-- 第一步：选择经营范围 -->
       <div v-if="activeStep === 0">
         <el-form ref="qualificationForm" :model="qualificationForm" :rules="rules" label-width="100px">
           <el-form-item label="真实姓名" prop="realName">
             <el-input v-model="qualificationForm.realName" placeholder="请输入您的真实姓名" />
           </el-form-item>
-
           <el-form-item label="身份证号" prop="idCard">
             <el-input v-model="qualificationForm.idCard" placeholder="请输入身份证号" />
           </el-form-item>
-
           <el-form-item label="资质类型" prop="qualificationType">
             <el-select
               v-model="qualificationForm.qualificationType"
@@ -83,7 +81,6 @@
               />
             </el-select>
           </el-form-item>
-
           <el-form-item label="经营范围" prop="scopeIds">
             <el-select
               v-model="qualificationForm.scopeIds"
@@ -105,21 +102,12 @@
         </el-form>
       </div>
 
-      <!-- 上传资质 -->
+      <!-- 第二步：上传资质 -->
       <div v-if="activeStep === 1">
         <div class="step-summary">
           <div class="summary-item">
             <span class="summary-label">资质类型：</span>
             <div class="scope-tags">
-<!--              <el-tag-->
-<!--                v-for="qualificationType in qualificationForm.qualificationType"-->
-<!--                :key="qualificationType"-->
-<!--                type="info"-->
-<!--                size="small"-->
-<!--                class="scope-tag"-->
-<!--              >-->
-<!--                {{ getQualificationTypeLabel(qualificationForm.qualificationType) }}-->
-<!--              </el-tag>-->
               <el-tag
                 type="info"
                 size="small"
@@ -179,7 +167,6 @@
                     </el-form-item>
                   </el-col>
                 </el-row>
-
                 <el-row :gutter="20">
                   <el-col :span="24">
                     <el-form-item label="证书编号" :prop="'certificateslist.' + index + '.certificateNo'">
@@ -235,7 +222,7 @@
         </el-form>
       </div>
 
-      <!-- 提交审核 -->
+      <!-- 第三步：提交审核 -->
       <div v-if="activeStep === 2">
         <div style="text-align: center; margin-bottom: 30px;">
           <i class="el-icon-circle-check" style="font-size: 60px; color: #67C23A;"></i>
@@ -355,12 +342,9 @@ export default {
   name: "Syd",
   data() {
     return {
-      // 消息通知
-      tjzs: {},
-      // 资质弹窗
+      tjzs: {},  // 消息通知
       title: "兽医资质审核",
-      // flag: true,
-      flag: false,
+      flag: false,  // 资质弹窗
       loading: false,
       activeStep: 0,
       qualificationForm: {
@@ -382,7 +366,6 @@ export default {
       },
       scopeOptions: [],
       qualificationTypeOptions: [],
-
       rules: {
         realName: [
           {required: true, message: "请输入真实姓名", trigger: "blur"}
@@ -405,14 +388,14 @@ export default {
     this.getQualStatusAndHandle();
   },
   methods: {
-    // 获取通知数据
+    /** 获取通知数据 */
     getcountSummary() {
       getStatsCard().then(res => {
         this.tjzs = res.data
       })
     },
 
-    // 初始化选项
+    /** 初始化选项 */
     initOptions() {
       const fetchData = async () => {
         const qtypeRes = await getQualificationTypeOptions();
@@ -424,26 +407,26 @@ export default {
       fetchData();
     },
 
-    // 获取资质类型标签
+    /** 获取资质类型标签 */
     getQualificationTypeLabel(value) {
       const option = this.qualificationTypeOptions.find(item => item.value === value);
       return option ? option.label : value;
     },
 
-    // 获取经营范围标签
+    /** 获取经营范围标签 */
     getScopeLabel(scopeId) {
       const scope = this.scopeOptions.find(item => item.value === scopeId);
       return scope ? scope.label : scopeId;
     },
 
-    // 上一步
+    /** 上一步 */
     prevStep() {
       if (this.activeStep > 0) {
         this.activeStep--
       }
     },
 
-    // 下一步
+    /** 下一步 */
     nextStep() {
       if (this.activeStep === 0) {
         this.$refs.qualificationForm.validate(valid => {
@@ -468,7 +451,7 @@ export default {
       }
     },
 
-    // 获取资质状态
+    /** 获取资质状态 */
     getQualStatusAndHandle() {
       getQualificationStatus()
         .then(res => {
@@ -479,7 +462,7 @@ export default {
         })
     },
 
-    // 提交审核
+    /** 提交审核 */
     submitQualification() {
       this.loading = true;
 
@@ -500,21 +483,25 @@ export default {
         certificates: certificates,
       };
 
-      submitAuditQualification(requestData)
-        .then(response => {
-          this.$message.success('提交成功，请等待审核');
-          this.flag = false;
-          setTimeout(() => {
-            this.$router.push('/VetQualification');
-          }, 300);
-        })
-        .catch(error => {
-          console.error('提交失败:', error);
-          this.$message.error(error.response?.data?.message || '提交失败，请重试');
-        })
-        .finally(() => {
-          this.loading = false;
-        });
+      submitAuditQualification(requestData).then(response => {
+        this.$message.success('提交成功，请等待审核');
+        this.flag = false;
+        setTimeout(() => {
+          // this.$router.push('/vet-info/VetPersonallnfo');
+          // this.$message.warning('请完善您的个人信息')
+          this.$router.push({
+            path: '/vet-info/VetPersonallnfo',
+            query: { needCompleteInfo: 'true' }
+          });
+        }, 300);
+      })
+      .catch(error => {
+        console.error('提交失败:', error);
+        this.$message.error(error.response?.data?.message || '提交失败，请重试');
+      })
+      .finally(() => {
+        this.loading = false;
+      });
     },
 
     // 移除证书
@@ -582,12 +569,7 @@ export default {
 
 .shake {
   animation: cardShake 1s infinite linear;
-  background-color: #fffde6 !important;
-
-  &:hover {
-    animation-play-state: paused;
-    background-color: #edeacd !important;
-  }
+  background-color: #f4b1bc !important;
 }
 
 .info-card .info-icon {
@@ -598,7 +580,7 @@ export default {
 .info-card .info-title {
   font-size: 28px;
   font-weight: bold;
-  color: #42B983;
+  color: #06358c;
   margin-bottom: 0;
   text-align: center;
   cursor: pointer;
@@ -796,15 +778,6 @@ export default {
   }
 }
 
-//.shake {
-//  animation: cardShake 1s infinite linear;
-//
-//  &:hover {
-//    animation-play-state: paused;
-//  }
-//}
-
-
 /* 证书上传样式 */
 .certificate-upload-container {
   max-height: 500px;

chenhai-ui/src/views/system/recommendation/index.vue

@@ -10,24 +10,24 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="规格" prop="specification">
-        <el-input
-          v-model="queryParams.specification"
-          placeholder="请输入规格"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="当前价格" prop="price">
-        <el-input
-          v-model="queryParams.price"
-          placeholder="请输入当前价格"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<!--      <el-form-item label="规格" prop="specification">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.specification"-->
+<!--          placeholder="请输入规格"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="当前价格" prop="price">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.price"-->
+<!--          placeholder="请输入当前价格"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item label="店铺名称" prop="storeName">
         <el-input
           v-model="queryParams.storeName"
@@ -98,6 +98,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
+
     <el-table v-loading="loading" :data="recommendationList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="药品图片" align="center" prop="images" width="100">
@@ -137,7 +138,7 @@
       <el-table-column label="适用症状" align="center" prop="indications" :show-overflow-tooltip="true" />
       <el-table-column label="生产厂家" align="center" prop="manufacturer" :show-overflow-tooltip="true" />
 
-      <el-table-column label="专家推荐" align="center" width="200">
+      <el-table-column label="专家推荐" align="center" width="100">
         <template slot-scope="scope">
           <div v-if="scope.row.expertId">
             <div style="font-weight: bold;">{{ scope.row.expertName }}</div>
@@ -147,7 +148,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="推荐店铺" align="center" width="200">
+      <el-table-column label="推荐店铺" align="center" width="260">
         <template slot-scope="scope">
           <div v-if="scope.row.storeName">
             <div style="font-weight: bold;">{{ scope.row.storeName }}</div>
@@ -157,21 +158,33 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleView(scope.row)"
+            v-hasPermi="['system:recommendation:query']"
+            class="info-btn view-btn"
+          >查看</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
+            style="color: #42B983"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:recommendation:edit']"
+            class="info-btn alter-btn"
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
+            style="color: #f28888"
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:recommendation:remove']"
+            class = "info-btn delete-btn"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -185,6 +198,48 @@
       @pagination="getList"
     />
 
+    <!-- 详情弹窗 -->
+    <el-dialog title="药品详情" :visible.sync="detailViews" width="600px" append-to-body>
+      <el-descriptions class="product-detail-desc" :column="2" border v-loading="detailLoading">
+        <el-descriptions-item label="药品名称">
+          {{ currentDetail.medicineName || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="产品类型">
+          {{ currentDetail.medicineType || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="规格">
+          {{ currentDetail.specification || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="当前价格">
+          {{ currentDetail.price || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="原价">
+          {{ currentDetail.originalPrice || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="已售数量">
+          {{ currentDetail.soldQuantity || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="销售类型">
+          {{ currentDetail.salesType || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="适用症状">
+          {{ currentDetail.indications || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item :span="2" label="生产厂家">
+          {{ currentDetail.manufacturer || '--' }}
+        </el-descriptions-item>
+        <el-descriptions-item label="推荐店铺">
+          <div v-if="currentDetail.storeName">
+            <div style="font-weight: bold;">{{ currentDetail.storeName }}</div>
+            <div style="font-size: 12px; color: #999;">{{ currentDetail.storeAddress || '-' }}</div>
+          </div>
+        </el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailViews = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+
     <!-- 添加或修改药品推荐对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
@@ -460,6 +515,7 @@ export default {
     return {
       // 遮罩层
       loading: true,
+      detailLoading: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -478,6 +534,11 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      detailViews: false,
+
+      // 当前查看的详情
+      currentDetail: {},
+
       // 当前激活的标签页
       activeTab: "basic",
 
@@ -897,6 +958,25 @@ export default {
       this.multiple = !selection.length;
     },
 
+    // 详情按钮
+
+    handleView(row) {
+      this.detailViews = true;
+      this.detailLoading = true;
+      this.currentDetail = {};
+
+      const id = row.id;
+      getRecommendation(id).then(response => {
+        if (response.code === 200) {
+          this.currentDetail = response.data;
+        } else {
+          this.$modal.msgError("获取详情失败");
+        }
+        this.detailLoading = false;
+      });
+    },
+
+
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
@@ -1009,4 +1089,27 @@ export default {
   width: 100px;
   height: 100px;
 }
+
+/* 操作按钮 */
+.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);
+}
+
+.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);
+}
 </style>

chenhai-ui/src/views/vet/info/index.vue

@@ -87,16 +87,16 @@
     <!-- 表格部分 -->
     <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="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="birthday" width="100">
         <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="idCard"  width="130"/>
+      <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"/>
@@ -105,17 +105,16 @@
       <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" class-name="small-padding fixed-width" fixed="right" width="180">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-view"
-            style="color: #e6a23c"
             class = "info-btn view-btn"
             @click="handleView(scope.row)"
             v-hasPermi="['vet:info:view']"
-          >详情</el-button>
+          >查看</el-button>
           <el-button
             size="mini"
             type="text"
@@ -345,6 +344,16 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    // 显示完善信息的提示
+    if (this.$route.query.needCompleteInfo === 'true') {
+      this.$message.warning('请完善您的个人信息');
+      this.$router.replace({
+        ...this.$route,
+        query: {}
+      });
+    }
+  },
   methods: {
     /** 查询兽医个人信息列表 */
     getList() {
@@ -416,25 +425,19 @@ export default {
       getfull(id).then(response => {
         if (response.code === 200) {
           const data = response.data
-          console.log('详情返回数据:', data) // 调试用
+          console.log('详情返回数据:', data)
 
-          // 根据你的返回数据结构调整
-          // 数据在 data.vetInfo 中
           if (data.vetInfo) {
             this.detailData = data.vetInfo
-            // 使用 qualifications 字段作为证书数据
             this.certificateList = data.qualifications || []
           } else if (data.personalInfo) {
-            // 如果是旧的接口格式
             this.detailData = data.personalInfo
             this.certificateList = data.certificates || data.qualifications || []
           } else {
-            // 如果是其他格式，直接使用 data
             this.detailData = data
             this.certificateList = data.qualifications || []
           }
 
-          // 如果没有证书数据，显示提示
           if (this.certificateList.length === 0) {
             console.log('没有证书数据')
           }
@@ -546,8 +549,8 @@ export default {
   transition: all 0.3s ease;
 }
 
-.view-btn:hover{
-  background-color: rgba(243, 239, 231, 100);
+.view-btn:hover {
+  background-color: rgb(216, 238, 248);
   transform: translateY(-1px);
 }
 

chenhai-ui/src/views/vet/knowledge/index.vue

@@ -62,11 +62,11 @@
         <el-button
           type="primary"
           plain
-          icon="el-icon-plus"
+          icon="el-icon-finished"
           size="mini"
           @click="handleAdd"
           v-hasPermi="['vet:knowledge:add']"
-        >新增文章</el-button>
+        >发布文章</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -90,38 +90,38 @@
           v-hasPermi="['vet:knowledge:audit']"
         >审核</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-check"
-          size="mini"
-          :disabled="single"
-          @click="handlePublish"
-          v-hasPermi="['vet:knowledge:publish']"
-        >发布文章</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="['vet:knowledge:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="info"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['vet:knowledge:export']"
-        >导出</el-button>
-      </el-col>
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="success"-->
+<!--          plain-->
+<!--          icon="el-icon-check"-->
+<!--          size="mini"-->
+<!--          :disabled="single"-->
+<!--          @click="handlePublish"-->
+<!--          v-hasPermi="['vet:knowledge:publish']"-->
+<!--        >发布文章</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="['vet:knowledge:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="info"-->
+<!--          plain-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['vet:knowledge:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -140,9 +140,14 @@
           <image-preview :src="scope.row.coverImage" :width="50" :height="50" />
         </template>
       </el-table-column>
-      <el-table-column label="文章标题" align="center" prop="title" min-width="200" show-overflow-tooltip />
-      <el-table-column label="文章副标题" align="center" prop="subtitle" min-width="200" show-overflow-tooltip />
-      <el-table-column label="文章内容" align="center" prop="content" min-width="200" show-overflow-tooltip />
+      <el-table-column label="文章标题" align="center" prop="title" min-width="100" show-overflow-tooltip/>
+      <el-table-column label="文章副标题" align="center" prop="subtitle" min-width="100" show-overflow-tooltip />
+<!--      <el-table-column label="文章内容" align="center" prop="content" min-width="200" show-overflow-tooltip />-->
+      <el-table-column label="文章内容" align="center" prop="content" min-width="200" show-overflow-tooltip>
+        <template #default="scope">
+          <div v-html="scope.row.content"></div>
+        </template>
+      </el-table-column>
       <el-table-column label="发布时间" align="center" prop="publishTime" min-width="200" show-overflow-tooltip />
       <el-table-column label="查看次数" align="center" prop="viewCount" min-width="200" show-overflow-tooltip />
 
@@ -179,21 +184,24 @@
           <span v-else>-</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="280">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="280">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-view"
             @click="handleView(scope.row)"
+            class="info-btn view-btn"
           >查看</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
+            style="color: #42B983"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['vet:knowledge:edit']"
             v-if="scope.row.articleStatus === '0' && scope.row.auditStatus === '0'"
+            class="info-btn alter-btn"
           >修改</el-button>
           <el-button
             size="mini"
@@ -228,6 +236,7 @@
             @click="handleOffline(scope.row)"
             v-hasPermi="['vet:knowledge:publish']"
             v-if="scope.row.articleStatus === '1'"
+            class="info-btn offline-btn"
           >下架</el-button>
           <!-- 上架按钮：已下架状态显示 -->
           <el-button
@@ -243,9 +252,11 @@
             size="mini"
             type="text"
             icon="el-icon-delete"
+            style="color: #f28888"
             @click="handleDelete(scope.row)"
             v-hasPermi="['vet:knowledge:remove']"
             v-if="scope.row.articleStatus === '0'"
+            class="info-btn delete-btn"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -262,25 +273,25 @@
     <!-- 新增/修改文章对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="800px" 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"
+            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="coverImage">
           <image-upload v-model="form.coverImage" />
         </el-form-item>
@@ -877,4 +888,32 @@ export default {
   max-height: 400px;
   overflow-y: auto;
 }
+
+/* 操作按钮 */
+.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);
+}
+
+.offline-btn:hover{
+  background-color: rgba(243, 239, 231, 100);
+  transform: translateY(-1px);
+}
+
+.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);
+}
 </style>

chenhai-ui/src/views/vet/notification/index.vue

@@ -513,8 +513,8 @@ export default {
   }
 
   .info-icon {
-    width: 30px;
-    height: 30px;
+    width: 40px;
+    height: 40px;
     margin-right: 15px;
     filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
   }

chenhai-ui/src/views/vet/qualification/index.vue

@@ -64,39 +64,39 @@
       </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:qualification: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="['vet:qualification: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="['vet:qualification:remove']"
-        >删除</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:qualification: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="['vet:qualification: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="['vet:qualification:remove']"-->
+<!--        >删除</el-button>-->
+<!--      </el-col>-->
       <!--      <el-col :span="1.5">-->
       <!--        <el-button-->
       <!--          type="warning"-->
@@ -107,9 +107,10 @@
       <!--          v-hasPermi="['vet:qualification: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="qualificationList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <!--      <el-table-column label="资质ID" align="center" prop="qualificationId" v-if="false" />-->
@@ -121,7 +122,7 @@
           <span v-else style="color: #909399">-</span>
         </template>
       </el-table-column>
-      <el-table-column label="身份证号" align="center" prop="idCard" width="150">
+      <el-table-column label="身份证号" align="center" prop="idCard" width="180">
         <template slot-scope="scope">
           <span v-if="scope.row.idCard">{{ scope.row.idCard }}</span>
           <span v-else style="color: #909399">-</span>
@@ -192,7 +193,7 @@
         </template>
       </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
-      <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="200">
         <template slot-scope="scope">
           <!-- 查看按钮 -->
           <el-button
@@ -201,6 +202,7 @@
             icon="el-icon-view"
             @click="handleView(scope.row)"
             v-hasPermi="['vet:qualification:query']"
+            class="info-btn view-btn"
           >查看证书详情</el-button>
 
           <!-- 修改按钮 -->
@@ -269,7 +271,7 @@
       @pagination="getList"
     />
 
-    <!--  显示资质证书信息  -->
+    <!--  显示资质证书信息弹窗  -->
     <el-dialog :title="title" :visible.sync="openDetail" width="800px" append-to-body>
       <div v-if="detailData" style="padding: 20px;">
         <div style="margin-top: 30px;">
@@ -344,17 +346,18 @@
                 </el-tag>
               </template>
             </el-table-column>
-            <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="100">
               <template slot-scope="scope">
               <!--  修改按钮  -->
                 <el-button
-                  v-if="!scope.row.auditStatus || scope.row.auditStatus === '0' || scope.row.auditStatus === '2'"
+                  v-if="!detailData.auditStatus || detailData.auditStatus === '0' || detailData.auditStatus === '2'"
                   size="mini"
                   type="text"
                   icon="el-icon-edit"
                   style="color: #42B983"
                   @click="handleUpdate(scope.row)"
                   v-hasPermi="['vet:qualification:edit']"
+                  class = "info-btn alter-btn"
                 >修改</el-button>
               </template>
             </el-table-column>
@@ -366,6 +369,7 @@
       </div>
     </el-dialog>
 
+    <!-- 图片预览弹窗 -->
     <el-dialog :visible.sync="previewDialogVisible" width="60%" append-to-body>
       <div style="text-align: center; padding: 20px;">
         <img
@@ -377,8 +381,7 @@
       </div>
     </el-dialog>
 
-
-    <!-- 添加或修改兽医资质对话框 -->
+    <!-- 添加或修改兽医资质弹窗 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <!--        <el-form-item label="真实姓名" prop="realName">-->
@@ -456,6 +459,7 @@
 
 <script>
 import { listQualification, getQualificationCertificate, delQualification, getQualificationCertificates, updateAndSubmitQualification} from "@/api/vet/qualification"
+import {listQualificationCertificates} from "../../../api/vet/qualification";
 
 export default {
   name: "Qualification",
@@ -542,7 +546,7 @@ export default {
     this.getList()
   },
   methods: {
-    /** 查询兽医资质列表 */
+    // 查询兽医资质列表
     getList() {
       this.loading = true
       listQualification(this.queryParams).then(response => {
@@ -552,7 +556,7 @@ export default {
       })
     },
 
-    /** 获取证书状态标签 */
+    // 获取证书状态标签
     getCertStatusLabel(status) {
       const map = {
         '0': '正常',
@@ -562,7 +566,7 @@ export default {
       return map[status] || status || '-'
     },
 
-    /** 获取证书状态标签类型 */
+    // 获取证书状态标签类型
     getCertStatusType(status) {
       const map = {
         '0': 'success',
@@ -572,7 +576,7 @@ export default {
       return map[status] || 'info'
     },
 
-    /** 获取审核状态标签类型 */
+    // 获取审核状态标签类型
     getAuditStatusType(status) {
       const map = {
         '0': 'info',     // 待审核 - 蓝色
@@ -583,7 +587,7 @@ export default {
       return map[status] || 'info'
     },
 
-    /** 格式化资质类型显示 */
+    // 格式化资质类型显示
     formatQualificationType(status) {
       const map = {
         '1': '执业兽医师',
@@ -594,11 +598,12 @@ export default {
       return map[status] || 'info'
     },
 
-    /** 获取完整的图片URL */
+    // 获取完整的图片URL
     getImageUrl(filePath) {
       return `${this.baseUrl}${filePath}`
     },
 
+    // 判断是否为图片文件
     isImageFile(filePath) {
       if (!filePath) return false;
       const imageExts = ['.png','.jpg','.jpeg'];
@@ -606,20 +611,20 @@ export default {
       return imageExts.includes(ext);
     },
 
-    /** 判断是否为PDF文件 */
+    // 判断是否为PDF文件
     isPdfFile(filePath) {
       if (!filePath) return false;
       const ext = filePath.substring(filePath.lastIndexOf('.')).toLowerCase();
       return ext === '.pdf';
     },
 
-    /** 预览图片 */
+    // 预览图片
     previewCertificate(filePath) {
       this.previewFileUrl = filePath;
       this.previewDialogVisible = true;
     },
 
-    /** 下载文件 */
+    // 下载文件
     downloadFile(filePath) {
       const fullUrl = this.getImageUrl(filePath);
       const link = document.createElement('a');
@@ -726,7 +731,7 @@ export default {
     //   })
     // },
 
-    /** 重新提交审核 */
+    // 重新提交审核
     resubmitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
@@ -854,14 +859,14 @@ export default {
     //   })
     // },
 
-    /** 资质证书详情 */
+    // 资质证书详情
     handleView(row) {
       this.openDetail = true
       this.detailData = row
       this.title = "资质证书详情"
       this.certificateList = []
       this.detailLoading = true
-      getQualificationCertificates(row.qualificationId).then(response => {
+      listQualificationCertificates(row.qualificationId).then(response => {
         this.detailLoading = false
         if (response.code === 200) {
           this.certificateList = response.rows || [];
@@ -912,13 +917,13 @@ export default {
       this.resetForm("form")
     },
 
-    /** 搜索按钮操作 */
+    // 搜索按钮操作
     handleQuery() {
       this.queryParams.pageNum = 1
       this.getList()
     },
 
-    /** 重置按钮操作 */
+    // 重置按钮操作
     resetQuery() {
       this.resetForm("queryForm")
       this.handleQuery()
@@ -931,7 +936,7 @@ export default {
       this.multiple = !selection.length
     },
 
-    /** 新增按钮操作 */
+    // 新增按钮操作
     handleAdd() {
       this.reset()
       this.open = true
@@ -939,7 +944,7 @@ export default {
       this.form.auditStatus = null
     },
 
-    /** 修改按钮操作 */
+    // 修改按钮操作
     handleUpdate(row) {
       this.reset()
       let certId = row.certId || row.certificateId || row.id
@@ -989,7 +994,7 @@ export default {
     //   })
     // },
 
-    /** 删除按钮操作 */
+    // 删除按钮操作
     handleDelete(row) {
       const qualificationIds = row.qualificationId || this.ids
       this.$modal.confirm('是否确认删除兽医资质编号为"' + qualificationIds + '"的数据项？').then(function() {
@@ -1000,14 +1005,14 @@ export default {
       }).catch(() => {})
     },
 
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download('vet/qualification/export', {
-        ...this.queryParams
-      }, `qualification_${new Date().getTime()}.xlsx`)
-    },
+    // 导出按钮操作
+    // handleExport() {
+    //   this.download('vet/qualification/export', {
+    //     ...this.queryParams
+    //   }, `qualification_${new Date().getTime()}.xlsx`)
+    // },
 
-    /** 根据字典值获取标签 */
+    // 根据字典值获取标签
     getDictLabel(dictType, value) {
       const dict = this.dict.type[dictType]
       if (dict && value) {
@@ -1021,7 +1026,7 @@ export default {
 </script>
 
 <style scoped>
-/* 操作按钮样式优化 */
+/* 操作按钮样式 */
 .el-button--text {
   padding: 6px 10px;
   margin: 0 2px;
@@ -1046,4 +1051,22 @@ export default {
 ::v-deep .qualification-detail-dialog table tr:last-child td {
   border-bottom: none;
 }
+
+/* 操作按钮 */
+.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);
+}
+
+.alter-btn:hover{
+  background-color: rgb(230, 255, 238);
+  transform: translateY(-1px);
+}
 </style>

chenhai-ui/src/views/vet/training/index.vue

@@ -93,8 +93,8 @@
           <span>{{ scope.row.publisherName || '-' }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="视频标题" align="center" prop="title" />
-      <el-table-column label="视频描述" align="center" prop="description" />
+      <el-table-column label="视频标题" align="center" prop="title" show-overflow-tooltip/>
+      <el-table-column label="视频描述" align="center" prop="description" show-overflow-tooltip/>
       <el-table-column label="视频地址" align="center" prop="videoUrl" width="180" />
       <el-table-column label="封面图片" align="center" prop="coverImage" width="100">
         <template slot-scope="scope">
@@ -135,15 +135,17 @@
       </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"
+            style="color: #42B983"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['vet:training:edit']"
+            class="info-btn alter-btn"
           >修改</el-button>
 
           <!-- 提交审核按钮：审核拒绝或无需审核状态 -->
@@ -185,6 +187,7 @@
             @click="handleOffline(scope.row.id)"
             v-hasPermi="['vet:training:offline']"
             v-if="scope.row.status === '1'"
+            class="info-btn offline-btn"
           >下架</el-button>
 
           <!-- 取消审核按钮 -->
@@ -203,8 +206,10 @@
             size="mini"
             type="text"
             icon="el-icon-delete"
+            style="color: #f28888"
             @click="handleDelete(scope.row)"
             v-hasPermi="['vet:training:remove']"
+            class="info-btn delete-btn"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -1104,7 +1109,6 @@ export default {
 </script>
 
 <style scoped>
-/* 添加一些必要的样式 */
 .video-url-cell {
   display: flex;
   align-items: center;
@@ -1117,4 +1121,26 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+.info-btn {
+  padding: 6px 10px;
+  border-radius: 4px;
+  margin: 0 10px;
+  transition: all 0.3s ease;
+}
+
+.offline-btn:hover{
+  background-color: rgba(243, 239, 231, 100);
+  transform: translateY(-1px);
+}
+
+.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);
+}
 </style>