图像评估的功能

.env.development

@@ -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

.env.production

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

src/components/ImagePreview/index.vue

@@ -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 {

src/router/index.js

@@ -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' : '',
 })

src/views/imageCaptioning/image-captioning-library/index.vue

@@ -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 {

src/views/imageCaptioning/image-captioning/components/ImageResults.vue

@@ -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 {

src/views/imageCaptioning/image-captioning/components/ImageResultsUn.vue

@@ -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 {

src/views/imageCaptioning/image-evaluate-library/index.vue

@@ -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 {

src/views/imageCaptioning/image-evaluate/index.vue

@@ -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);
           });

vue.config.js

@@ -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]: '',