2026
/
Herding_Hub
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

管理PC端部分页面优化

master
王妍洁 2 months ago
parent
5fcfa28a4c
commit
cb41801221
17 changed files with 3561 additions and 516 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      chenhai-ui/src/api/vet/training.js
  2. 998
      chenhai-ui/src/views/gld.vue
  3. 1465
      chenhai-ui/src/views/muhu/consultation/index.vue
  4. 145
      chenhai-ui/src/views/system/base/index.vue
  5. 138
      chenhai-ui/src/views/system/infoRelease/index.vue
  6. 135
      chenhai-ui/src/views/system/interpretation/index.vue
  7. 265
      chenhai-ui/src/views/system/vacInfo/index.vue
  8. 422
      chenhai-ui/src/views/system/vet/aduit/index.vue
  9. 2
      chenhai-ui/src/views/vet/article/index.vue
  10. 28
      chenhai-ui/src/views/vet/comments/index.vue
  11. 8
      chenhai-ui/src/views/vet/experts/index.vue
  12. 3
      chenhai-ui/src/views/vet/info/index.vue
  13. 24
      chenhai-ui/src/views/vet/knowledge/index.vue
  14. 2
      chenhai-ui/src/views/vet/merchant/index.vue
  15. 36
      chenhai-ui/src/views/vet/product/index.vue
  16. 2
      chenhai-ui/src/views/vet/qualification/index.vue
  17. 2
      chenhai-ui/src/views/vet/training/index.vue

2
chenhai-ui/src/api/vet/training.js
View File

@ -55,8 +55,6 @@ export function uploadVideo(data) {
}) })
} }
// ============ 已有的其他接口（如果存在的话） ============
// 提交审核 // 提交审核
export function submitForAudit(id) { export function submitForAudit(id) {
return request({ return request({

998
chenhai-ui/src/views/gld.vue
File diff suppressed because it is too large
View File

1465
chenhai-ui/src/views/muhu/consultation/index.vue
File diff suppressed because it is too large
View File

145
chenhai-ui/src/views/system/base/index.vue
View File

@ -63,33 +63,44 @@
<el-table v-loading="loading" :data="baseList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="baseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
style="color: #42B983"
v-hasPermi="['system:base:edit']" v-hasPermi="['system:base:edit']"
class="info-btn alter-btn"
>修改</el-button> >修改</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
style="color: #f56c6c"
v-hasPermi="['system:base:remove']" v-hasPermi="['system:base:remove']"
class="info-btn delete-btn"
>删除</el-button> >删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagestyle">
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
@ -97,9 +108,10 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @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 ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="知识标题" prop="title"> <el-form-item label="知识标题" prop="title">
<el-input v-model="form.title" placeholder="请输入知识标题" /> <el-input v-model="form.title" placeholder="请输入知识标题" />
@ -292,7 +304,122 @@ export default {
this.download('system/base/export', { this.download('system/base/export', {
...this.queryParams ...this.queryParams
}, `base_${new Date().getTime()}.xlsx`) }, `base_${new Date().getTime()}.xlsx`)
},
// 状态标签
getSeverityLevelType(category) {
const map = {
"重度": 'danger',
"中度": 'warning',
"轻度": 'success',
} }
return map[category] || ''
},
} }
} }
</script> </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>

138
chenhai-ui/src/views/system/infoRelease/index.vue
View File

@ -103,9 +103,13 @@
<el-table v-loading="loading" :data="infoReleaseList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="infoReleaseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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="category" />
<el-table-column label="上架状态" align="center" prop="publishStatus"> <el-table-column label="上架状态" align="center" prop="publishStatus">
<template slot-scope="scope"> <template slot-scope="scope">
@ -120,7 +124,9 @@
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
style="color: #42B983"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
class="info-btn alter-btn"
v-hasPermi="['system:infoRelease:edit']" v-hasPermi="['system:infoRelease:edit']"
>修改</el-button> >修改</el-button>
<el-button <el-button
@ -130,6 +136,7 @@
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:infoRelease:remove']" v-hasPermi="['system:infoRelease:remove']"
style="color: #F56C6C;" style="color: #F56C6C;"
class="info-btn delete-btn"
>删除</el-button> >删除</el-button>
<el-button <el-button
size="mini" size="mini"
@ -138,7 +145,8 @@
@click="handlePublish(scope.row)" @click="handlePublish(scope.row)"
v-if="scope.row.publishStatus === '0'" v-if="scope.row.publishStatus === '0'"
v-hasPermi="['system:infoRelease:publish']" v-hasPermi="['system:infoRelease:publish']"
style="color: #67C23A;"
style="color: #f46a0c"
class="info-btn publish-btn"
>上架</el-button> >上架</el-button>
<el-button <el-button
size="mini" size="mini"
@ -147,12 +155,14 @@
@click="handleRemove(scope.row)" @click="handleRemove(scope.row)"
v-if="scope.row.publishStatus === '1'" v-if="scope.row.publishStatus === '1'"
v-hasPermi="['system:infoRelease:remove']" v-hasPermi="['system:infoRelease:remove']"
style="color: #E6A23C;"
style="color: #636361"
class="info-btn offline-btn"
>下架</el-button> >下架</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagestyle">
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
@ -160,9 +170,10 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @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 ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" /> <el-input v-model="form.title" placeholder="请输入标题" />
@ -193,7 +204,7 @@
</el-dialog> </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 ref="removeForm" :model="removeForm" label-width="80px">
<el-form-item label="下架原因"> <el-form-item label="下架原因">
<el-input <el-input
@ -438,4 +449,117 @@ export default {
color: #f78989 !important; color: #f78989 !important;
background-color: rgba(245, 108, 108, 0.1); 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> </style>

135
chenhai-ui/src/views/system/interpretation/index.vue
View File

@ -111,7 +111,7 @@
<el-table v-loading="loading" :data="interpretationList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="interpretationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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"> <el-table-column label="政策文件" align="center" prop="policyFile" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -129,13 +129,13 @@
<span>{{ parseTime(scope.row.releaseDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.releaseDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </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"> <el-table-column label="解读内容" align="center" prop="content" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-html="scope.row.content ? scope.row.content.substring(0, 50) + '...' : '-'"></div> <div v-html="scope.row.content ? scope.row.content.substring(0, 50) + '...' : '-'"></div>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<dict-tag :options="dict.type.policy_category" :value="scope.row.policyCategory"/> <dict-tag :options="dict.type.policy_category" :value="scope.row.policyCategory"/>
</template> </template>
@ -145,26 +145,30 @@
<dict-tag :options="dict.type.sys_publish_status" :value="scope.row.publishStatus"/> <dict-tag :options="dict.type.sys_publish_status" :value="scope.row.publishStatus"/>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span>{{ scope.row.removalReason || '-' }}</span> <span>{{ scope.row.removalReason || '-' }}</span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
style="color: #42B983"
v-hasPermi="['system:interpretation:edit']" v-hasPermi="['system:interpretation:edit']"
class="info-btn alter-btn"
>修改</el-button> >修改</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-top" icon="el-icon-top"
@click="handleSinglePublish(scope.row)" @click="handleSinglePublish(scope.row)"
style="color: #f46a0c"
v-hasPermi="['system:interpretation:publish']" v-hasPermi="['system:interpretation:publish']"
class="info-btn publish-btn"
v-if="scope.row.publishStatus === '0'" v-if="scope.row.publishStatus === '0'"
>上架</el-button> >上架</el-button>
<el-button <el-button
@ -172,20 +176,25 @@
type="text" type="text"
icon="el-icon-bottom" icon="el-icon-bottom"
@click="handleSingleUnpublish(scope.row)" @click="handleSingleUnpublish(scope.row)"
style="color: #636361"
v-hasPermi="['system:interpretation:unpublish']" v-hasPermi="['system:interpretation:unpublish']"
v-if="scope.row.publishStatus === '1'" v-if="scope.row.publishStatus === '1'"
class="info-btn offline-btn"
>下架</el-button> >下架</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
style="color: #f56c6c"
v-hasPermi="['system:interpretation:remove']" v-hasPermi="['system:interpretation:remove']"
class="info-btn delete-btn"
>删除</el-button> >删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagestyle">
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
@ -193,9 +202,10 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @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 ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" /> <el-input v-model="form.title" placeholder="请输入标题" />
@ -520,4 +530,117 @@ export default {
.el-table { .el-table {
margin-top: 20px; 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> </style>

265
chenhai-ui/src/views/system/vacInfo/index.vue
View File

@ -9,7 +9,6 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- 新增：牲畜类型查询条件 -->
<el-form-item label="牲畜类型" prop="livestockType"> <el-form-item label="牲畜类型" prop="livestockType">
<el-select v-model="queryParams.livestockType" placeholder="请选择牲畜类型" clearable> <el-select v-model="queryParams.livestockType" placeholder="请选择牲畜类型" clearable>
<el-option <el-option
@ -20,10 +19,20 @@
/> />
</el-select> </el-select>
</el-form-item> </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 <el-option
v-for="dict in dict.type.vaccine_type"
v-for="dict in dict.type.vaccine_info_status"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
@ -46,6 +55,14 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </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-form-item label="可预约数量" prop="availableSlots">
<el-input <el-input
v-model="queryParams.availableSlots" v-model="queryParams.availableSlots"
@ -62,32 +79,14 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </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-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <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> <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 v-loading="loading" :data="vacInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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"> <template slot-scope="scope">
<dict-tag :options="dict.type.livestock_type" :value="scope.row.livestockType"/> <dict-tag :options="dict.type.livestock_type" :value="scope.row.livestockType"/>
</template> </template>
</el-table-column> </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"> <el-table-column label="接种日期" align="center" prop="vaccinationDate" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.vaccinationDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.vaccinationDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </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"> <el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.vaccine_info_status" :value="scope.row.status"/> <dict-tag :options="dict.type.vaccine_info_status" :value="scope.row.status"/>
@ -180,12 +179,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="remark" /> <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"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
style="color: #42B983"
class="info-btn alter-btn"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:vacInfo:edit']" v-hasPermi="['system:vacInfo:edit']"
>修改</el-button> >修改</el-button>
@ -193,14 +194,17 @@
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
style="color: #f56c6c"
class="info-btn delete-btn"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:vacInfo:remove']" v-hasPermi="['system:vacInfo:remove']"
>删除</el-button> >删除</el-button>
<!-- 新增预约列表按钮 -->
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-s-order" icon="el-icon-s-order"
style="color: rgb(92 169 179)"
class="info-btn reservation-btn"
@click="handleRegistrationList(scope.row)" @click="handleRegistrationList(scope.row)"
v-hasPermi="['system:vacInfo:list']" v-hasPermi="['system:vacInfo:list']"
>预约列表</el-button> >预约列表</el-button>
@ -208,6 +212,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagestyle">
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
@ -215,9 +220,10 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @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-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -273,15 +279,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="接种日期" prop="vaccinationDate"> <el-form-item label="接种日期" prop="vaccinationDate">
@ -313,33 +310,39 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="发布时间" prop="publishTime">
<el-form-item label="报名截止期" prop="endTime">
<el-date-picker clearable <el-date-picker clearable
v-model="form.publishTime"
v-model="form.endTime"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="请选择发布时间"
placeholder="请选择报名截止时间"
style="width: 100%;"> style="width: 100%;">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="报名截止时间" prop="endTime">
<el-form-item label="发布时间" prop="publishTime">
<el-date-picker clearable <el-date-picker clearable
v-model="form.endTime"
v-model="form.publishTime"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="请选择报名截止时间"
placeholder="请选择发布时间"
style="width: 100%;"> style="width: 100%;">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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 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> <div style="font-weight: bold; margin-bottom: 10px; color: #409EFF;">疫苗详细信息</div>
<el-descriptions :column="2" border size="small"> <el-descriptions :column="2" border size="small">
@ -397,12 +400,11 @@
<el-dialog <el-dialog
:title="registrationDialogTitle" :title="registrationDialogTitle"
:visible.sync="registrationDialogVisible" :visible.sync="registrationDialogVisible"
width="1600px"
width="80%"
append-to-body append-to-body
@close="handleRegistrationClose" @close="handleRegistrationClose"
class="registration-dialog" class="registration-dialog"
> >
<!-- 直接引入第一个文件作为组件 -->
<div v-if="registrationDialogVisible" style="height: 70vh; overflow-y: auto;"> <div v-if="registrationDialogVisible" style="height: 70vh; overflow-y: auto;">
<VacRegistration <VacRegistration
:key="currentVaccineId" :key="currentVaccineId"
@ -420,7 +422,6 @@
<script> <script>
import { listVacInfo, getVacInfo, delVacInfo, addVacInfo, updateVacInfo } from "@/api/system/vacInfo" import { listVacInfo, getVacInfo, delVacInfo, addVacInfo, updateVacInfo } from "@/api/system/vacInfo"
import { getVacCategorylist } from "@/api/system/vacInfo" import { getVacCategorylist } from "@/api/system/vacInfo"
// 直接引入第一个文件的组件 - 假设第一个文件在同一个目录下，命名为index.vue
import VacRegistration from '@/views/system/VacRegistration/index.vue' import VacRegistration from '@/views/system/VacRegistration/index.vue'
export default { export default {
@ -732,3 +733,133 @@ export default {
overflow-y: auto; overflow-y: auto;
} }
</style> </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>

422
chenhai-ui/src/views/system/vet/aduit/index.vue
View File

@ -98,24 +98,24 @@
<!-- 表格部分 --> <!-- 表格部分 -->
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.birthday, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </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"> <el-table-column label="审核状态" align="center" prop="auditStatus" width="100" class-name="audit-status-column">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag :type="getAuditStatusTagType(scope.row.auditStatus)" size="small"> <el-tag :type="getAuditStatusTagType(scope.row.auditStatus)" size="small">
@ -129,7 +129,6 @@
size="mini" size="mini"
type="text" type="text"
icon="el-icon-view" icon="el-icon-view"
style="color: #e6a23c"
class="info-btn view-btn" class="info-btn view-btn"
@click="handleView(scope.row)" @click="handleView(scope.row)"
v-hasPermi="['sys:vetAudit:view']" v-hasPermi="['sys:vetAudit:view']"
@ -138,7 +137,7 @@
size="mini" size="mini"
type="text" type="text"
icon="el-icon-check" icon="el-icon-check"
style="color: #409EFF"
style="color: #072eed"
class="info-btn audit-btn" class="info-btn audit-btn"
@click="handleAudit(scope.row)" @click="handleAudit(scope.row)"
v-hasPermi="['sys:vetAudit:auditVetPersonalInfo']" v-hasPermi="['sys:vetAudit:auditVetPersonalInfo']"
@ -147,6 +146,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagestyle">
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
@ -154,12 +154,13 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
</div>
<!-- 审核对话框 --> <!-- 审核对话框 -->
<el-dialog <el-dialog
:title="auditTitle" :title="auditTitle"
:visible.sync="auditVisible" :visible.sync="auditVisible"
width="1200px"
width="80%"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
class="audit-dialog" class="audit-dialog"
@ -267,9 +268,33 @@
<div class="cert-header"> <div class="cert-header">
<div class="cert-title"> <div class="cert-title">
<span>{{ cert.certName || cert.qualificationType || '未命名证书' }}</span> <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>
<div class="cert-info"> <div class="cert-info">
<span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span> <span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span>
@ -305,7 +330,14 @@
<strong>其他附件：</strong> <strong>其他附件：</strong>
</div> </div>
<div class="files-list"> <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> </div>
</div> </div>
@ -368,7 +400,7 @@
<el-dialog <el-dialog
:title="detailTitle" :title="detailTitle"
:visible.sync="detailVisible" :visible.sync="detailVisible"
width="1100px"
width="80%"
append-to-body append-to-body
> >
<div v-if="loadingDetail" class="tab-loading"> <div v-if="loadingDetail" class="tab-loading">
@ -425,9 +457,33 @@
<div class="cert-header"> <div class="cert-header">
<div class="cert-title"> <div class="cert-title">
<span>{{ cert.certName || cert.qualificationType || '未命名证书' }}</span> <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>
<div class="cert-info"> <div class="cert-info">
<span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span> <span><strong>证书编号：</strong>{{ cert.certificateNo || '-' }}</span>
@ -470,7 +526,14 @@
<strong>其他附件：</strong> <strong>其他附件：</strong>
</div> </div>
<div class="files-list"> <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> </div>
</div> </div>
@ -491,6 +554,7 @@
<script> <script>
import { listInfo, getInfo, auditBasicInfo, auditCertificate, listQualification } from "@/api/system/vetAduit" import { listInfo, getInfo, auditBasicInfo, auditCertificate, listQualification } from "@/api/system/vetAduit"
import axios from 'axios'
export default { export default {
name: "Info", name: "Info",
@ -851,7 +915,6 @@ export default {
if (response.code === 200) { if (response.code === 200) {
this.detailData = response.data this.detailData = response.data
// 详情页使用和审核页相同的逻辑加载证书
if (response.data.userId) { if (response.data.userId) {
const queryParams = { const queryParams = {
userId: response.data.userId, userId: response.data.userId,
@ -1001,11 +1064,68 @@ export default {
expertType: null, expertType: null,
} }
this.resetForm("form") 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> </script>
<style scoped>
::v-deep .pagestyle .el-input{
width: auto !important;
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.audit-dialog { .audit-dialog {
:deep(.el-dialog__body) { :deep(.el-dialog__body) {
@ -1133,30 +1253,30 @@ export default {
margin-bottom: 15px; margin-bottom: 15px;
span { span {
font-size: 18px;
font-size: 13px;
font-weight: 600; font-weight: 600;
color: #303133; color: #303133;
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);
}
}
//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);
// }
//}
} }
.cert-info { .cert-info {
@ -1243,6 +1363,24 @@ export default {
.files-list { .files-list {
color: #606266; color: #606266;
font-size: 13px; 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) { :deep(.dialog-footer) {
.el-button { .el-button {
@ -1344,4 +1482,142 @@ export default {
border-color: rgba(230, 162, 60, 0.2); 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> </style>

2
chenhai-ui/src/views/vet/article/index.vue
View File

@ -1687,7 +1687,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

28
chenhai-ui/src/views/vet/comments/index.vue
View File

@ -7,17 +7,17 @@
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-form>--> <!-- </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-col :span="1.5">-->
<!-- <el-button--> <!-- <el-button-->
<!-- type="success"--> <!-- type="success"-->
@ -50,8 +50,8 @@
<!-- v-hasPermi="['vet:comments:export']"--> <!-- v-hasPermi="['vet:comments:export']"-->
<!-- >导出</el-button>--> <!-- >导出</el-button>-->
<!-- </el-col>--> <!-- </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 v-loading="loading" :data="commentsList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
@ -364,7 +364,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

8
chenhai-ui/src/views/vet/experts/index.vue
View File

@ -147,6 +147,9 @@
<!-- 添加或修改专家信息对话框 --> <!-- 添加或修改专家信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" 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 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-form-item label="真实姓名" prop="realName">
<el-input v-model="form.realName" placeholder="请输入真实姓名" /> <el-input v-model="form.realName" placeholder="请输入真实姓名" />
</el-form-item> </el-form-item>
@ -249,6 +252,7 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
userId: null, userId: null,
avatar: null,
realName: null, realName: null,
expertiseArea: null, expertiseArea: null,
isOnline: null, isOnline: null,
@ -259,6 +263,7 @@ export default {
form: { form: {
expertId: null, expertId: null,
userId: null, userId: null,
avatar: null,
realName: null, realName: null,
expertiseArea: null, expertiseArea: null,
iphone: null, iphone: null,
@ -309,6 +314,7 @@ export default {
this.form = { this.form = {
expertId: null, expertId: null,
userId: null, userId: null,
avatar: null,
realName: null, realName: null,
expertiseArea: null, expertiseArea: null,
contactInfo: null, contactInfo: null,
@ -518,7 +524,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

3
chenhai-ui/src/views/vet/info/index.vue
View File

@ -597,6 +597,7 @@ export default {
this.$modal.msgSuccess("修改成功") this.$modal.msgSuccess("修改成功")
this.open = false this.open = false
this.getList() this.getList()
this.$router.go(0)
}) })
} else { } else {
addInfo(this.form).then(response => { addInfo(this.form).then(response => {
@ -715,7 +716,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

24
chenhai-ui/src/views/vet/knowledge/index.vue
View File

@ -295,6 +295,25 @@
<!-- 新增/修改文章对话框 --> <!-- 新增/修改文章对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" 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 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-form-item label="推荐专家" prop="expertId">
<el-select <el-select
v-model="form.expertId" v-model="form.expertId"
@ -314,9 +333,6 @@
提示：选择为您推荐药品的专家 提示：选择为您推荐药品的专家
</div> </div>
</el-form-item> </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"> <el-form-item label="封面" prop="coverImage">
<image-upload v-model="form.coverImage" /> <image-upload v-model="form.coverImage" />
</el-form-item> </el-form-item>
@ -994,7 +1010,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

2
chenhai-ui/src/views/vet/merchant/index.vue
View File

@ -561,7 +561,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

36
chenhai-ui/src/views/vet/product/index.vue
View File

@ -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() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
@ -1132,8 +1104,8 @@ export default {
<style scoped> <style scoped>
::v-deep .el-descriptions-item__cell { ::v-deep .el-descriptions-item__cell {
width: 90px; width: 90px;
} }
::v-deep .el-descriptions-row th { ::v-deep .el-descriptions-row th {
text-align: center !important; text-align: center !important;
} }
@ -1142,9 +1114,7 @@ export default {
width: auto !important; width: auto !important;
} }
::v-deep .pagestyle .pagination-container{
background-color: #f8fafc;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -1236,7 +1206,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

2
chenhai-ui/src/views/vet/qualification/index.vue
View File

@ -1107,7 +1107,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

2
chenhai-ui/src/views/vet/training/index.vue
View File

@ -1251,7 +1251,7 @@ export default {
} }
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: linear-gradient(135deg, #42b983 0%, #83df92 100%);
background: linear-gradient(135deg, #2c7a4d 0%, #42b983 100%);
padding: 18px 24px; padding: 18px 24px;
border-bottom: none; border-bottom: none;
position: relative; position: relative;

Write Preview
Loading…
Cancel
Save