bonus
/
image_captioning_platform_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

图像评估的功能

This commit is contained in:
lSun 2025-10-21 18:50:42 +08:00
parent 9c096b5a5f
commit 92a9ee23cc
10 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -6,7 +6,7 @@ ENV = 'development'
VUE_APP_ENV = 'development'
# 图像评估与自动标注系统/开发环境
VUE_APP_BASE_API = '/image-api'
VUE_APP_BASE_API = '/caption'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

2
.env.production
View File

@ -6,4 +6,4 @@ ENV = 'production'
VUE_APP_ENV = 'production'
# 图像评估与自动标注系统/生产环境
VUE_APP_BASE_API = '/image-api'
VUE_APP_BASE_API = '/caption'

8
src/components/ImagePreview/index.vue
View File

@ -2,7 +2,7 @@
<div>
<el-image
:src="src1"
:style="`width:${realWidth};height:${realHeight};border-radius: ${borderRadius}px;`"
:style="`width:${realWidth};height:${realHeight};border-radius: ${borderRadius}px;object-fit: contain;`"
v-if="!isShowMask"
>
<div slot="error" class="image-slot">
@ -14,7 +14,7 @@
:src="src1"
v-else
:preview-src-list="realSrcList"
:style="`width:${realWidth};height:${realHeight};border-radius: ${borderRadius}px;`"
:style="`width:${realWidth};height:${realHeight};border-radius: ${borderRadius}px;object-fit: contain;`"
>
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
@ -101,10 +101,12 @@ export default {
<style lang="scss" scoped>
.el-image {
// border-radius: 10px;
background-color: #ebeef5;
//background-color: #ebeef5;
// box-shadow: 0 0 5px 1px #ccc;
::v-deep .el-image__inner {
object-fit: contain;
transition: all 0.3s;
cursor: pointer;
&:hover {

2
src/router/index.js
View File

@ -266,5 +266,5 @@ export default new Router({
mode: 'history', // 去掉url中的#
scrollBehavior: () => ({y: 0}),
routes: constantRoutes,
base: process.env.VUE_APP_ENV === 'production' ? '/image' : '',
base: process.env.VUE_APP_ENV === 'production' ? '/zdbz' : '',
})

3
src/views/imageCaptioning/image-captioning-library/index.vue
View File

@ -280,6 +280,7 @@ export default {
display: flex;
justify-content: space-between;
margin: 10px 18px 0 18px;
align-items: center;
}
.name {
@ -289,7 +290,7 @@ export default {
.date {
color: #666;
font-size: 12px;
/*font-size: 12px;*/
}
.tags {

7
src/views/imageCaptioning/image-captioning/components/ImageResults.vue
View File

@ -45,7 +45,7 @@
<div class="card-footer">
<div class="person-info">
<span class="name">综合得分:{{ overallScore }}</span>
<span class="name">{{ result.dictValue }}</span>
<span class="name">{{ dictValue }}</span>
<span class="date">{{ contentImage }}</span>
</div>
<div class="tags">
@ -118,7 +118,7 @@
<div class="card-footer">
<div class="person-info">
<span class="name">综合得分:{{ overallScore }}</span>
<span class="name">{{ result.dictValue }}</span>
<span class="name">{{ dictValue }}</span>
<span class="date">{{ contentImage }}</span>
</div>
<div class="tags">
@ -309,6 +309,7 @@ export default {
display: flex;
justify-content: space-between;
margin: 10px 18px 0 18px;
align-items: center;
}
.name {
@ -318,7 +319,7 @@ export default {
.date {
color: #666;
font-size: 12px;
/*font-size: 12px;*/
}
.tags {

3
src/views/imageCaptioning/image-captioning/components/ImageResultsUn.vue
View File

@ -154,6 +154,7 @@ export default {
display: flex;
justify-content: space-between;
margin: 10px 18px 0 18px;
align-items: center;
}
.name {
@ -163,7 +164,7 @@ export default {
.date {
color: #666;
font-size: 12px;
/*font-size: 12px;*/
}
.tags {

5
src/views/imageCaptioning/image-evaluate-library/index.vue
View File

@ -39,7 +39,7 @@
<div class="card-footer">
<div class="person-info">
<span class="name">综合得分:{{ item.overallScore }}</span>
<span class="name">{{ result.dictValue }}</span>
<span class="name">{{ item.dictValue }}</span>
<span class="date">{{ item.operaName }}</span>
</div>
<!-- <div class="tags">
@ -266,6 +266,7 @@ export default {
display: flex;
justify-content: space-between;
margin: 10px 18px 0 18px;
align-items: center;
}
.name {
@ -275,7 +276,7 @@ export default {
.date {
color: #666;
font-size: 12px;
/*font-size: 12px;*/
}
.tags {

2
src/views/imageCaptioning/image-evaluate/index.vue
View File

@ -173,6 +173,7 @@ export default {
impression: item.impression,
balance: item.balance,
detail: item.detail,
dictValue:item.dictValue
}));
allImageResults = allImageResults.concat(fileResults);
});
@ -288,6 +289,7 @@ export default {
impression: item.impression,
balance: item.balance,
detail: item.detail,
dictValue:item.dictValue
}));
allImageResults = allImageResults.concat(fileResults);
});

4
vue.config.js
View File

@ -19,7 +19,7 @@ module.exports = {
// 部署生产环境和开发环境下的URL。
// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
publicPath: process.env.NODE_ENV === 'production' ? '/image' : '/',
publicPath: process.env.NODE_ENV === 'production' ? '/zdbz' : '/',
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@ -38,7 +38,7 @@ module.exports = {
// target: 'http://192.168.0.7:58080/bnscloud', // 产线环境
// target: 'http://192.168.0.14:1999/bnscloud', // 测试环境
// target: 'http://192.168.0.50:58080/caption', // 本地环境
target: 'http://192.168.0.38:58080/image', // 测试环境
target: 'http://192.168.0.14:6006/caption', // 测试环境
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '',