From 14c8ee028aeba1956419dd0d5226a3393d81bc90 Mon Sep 17 00:00:00 2001
From: quantulr <35954003+quantulr@users.noreply.github.com>
Date: Mon, 11 Dec 2023 15:25:14 +0800
Subject: [PATCH] update

---
 src/components/ImagePreview/index.vue         |  28 +-
 src/store/modules/user.js                     | 328 +++++++++---------
 src/utils/uri.js                              |   9 +
 src/views/website/siteSet/banner/index.vue    | 227 ++++++------
 src/views/website/solution/service/index.vue  | 179 +++++-----
 .../website/solution/serviceCase/index.vue    |   3 +-
 vite.config.js                                |   2 +-
 7 files changed, 405 insertions(+), 371 deletions(-)
 create mode 100644 src/utils/uri.js

diff --git a/src/components/ImagePreview/index.vue b/src/components/ImagePreview/index.vue
index f402470..a234edd 100644
--- a/src/components/ImagePreview/index.vue
+++ b/src/components/ImagePreview/index.vue
@@ -1,21 +1,24 @@
 <template>
   <el-image
-    :src="`${realSrc}`"
-    fit="cover"
-    :style="`width:${realWidth};height:${realHeight};`"
-    :preview-src-list="realSrcList"
-    :preview-teleported="true"
+      :src="`${realSrc}`"
+      fit="cover"
+      :style="`width:${realWidth};height:${realHeight};`"
+      :preview-src-list="realSrcList"
+      :preview-teleported="true"
   >
     <template #error>
       <div class="image-slot">
-        <el-icon><picture-filled /></el-icon>
+        <el-icon>
+          <picture-filled/>
+        </el-icon>
       </div>
     </template>
   </el-image>
 </template>
 
 <script setup>
-import { isExternal } from "@/utils/validate";
+import {isExternal} from "@/utils/validate";
+import {resolveStaticUrl} from "@/utils/uri";
 
 const props = defineProps({
   src: {
@@ -37,7 +40,7 @@ const realSrc = computed(() => {
   if (isExternal(real_src)) {
     return real_src;
   }
-  return import.meta.env.VITE_APP_BASE_API + real_src;
+  return resolveStaticUrl(real_src)
 });
 
 const realSrcList = computed(() => {
@@ -47,17 +50,17 @@ const realSrcList = computed(() => {
     if (isExternal(item)) {
       return srcList.push(item);
     }
-    return srcList.push(import.meta.env.VITE_APP_BASE_API + item);
+    return srcList.push(resolveStaticUrl(item));
   });
   return srcList;
 });
 
 const realWidth = computed(() =>
-  typeof props.width == "string" ? props.width : `${props.width}px`
+    typeof props.width == "string" ? props.width : `${props.width}px`
 );
 
 const realHeight = computed(() =>
-  typeof props.height == "string" ? props.height : `${props.height}px`
+    typeof props.height == "string" ? props.height : `${props.height}px`
 );
 </script>
 
@@ -66,13 +69,16 @@ const realHeight = computed(() =>
   border-radius: 5px;
   background-color: #ebeef5;
   box-shadow: 0 0 5px 1px #ccc;
+
   :deep(.el-image__inner) {
     transition: all 0.3s;
     cursor: pointer;
+
     &:hover {
       transform: scale(1.2);
     }
   }
+
   :deep(.image-slot) {
     display: flex;
     justify-content: center;
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index bc56801..9bd6560 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,179 +1,179 @@
-import { getInfo, login, logout } from "@/api/login";
-import { getToken, removeToken, setToken } from "@/utils/auth";
+import {getInfo, login, logout} from "@/api/login";
+import {getToken, removeToken, setToken} from "@/utils/auth";
 import defAva from "@/assets/images/profile.jpg";
 import md5 from "js-md5";
-import { companyList } from "@/api/dataList/enterprise";
-import { expertList } from "@/api/expert/expert";
-import { listCasDemand } from "../../api/dataApproval/enterpriseServiceDemand";
-import { expertAchievementList } from "../../api/dataApproval/achivement";
-import { businessList } from "../../api/Businessneeds";
-import { enterpriseProductApprovalList } from "../../api/dataApproval/enterpriseProduct";
+import {companyList} from "@/api/dataList/enterprise";
+import {expertList} from "@/api/expert/expert";
+import {listCasDemand} from "../../api/dataApproval/enterpriseServiceDemand";
+import {expertAchievementList} from "../../api/dataApproval/achivement";
+import {businessList} from "../../api/Businessneeds";
+import {enterpriseProductApprovalList} from "../../api/dataApproval/enterpriseProduct";
 import {
-  getUnApprovalCount,
-  resetUnApprovalCount,
+    getUnApprovalCount,
+    resetUnApprovalCount,
 } from "../../api/dataApproval/count";
-import { casLaboratoryList } from "@/api/dataList/laboratory";
+import {casLaboratoryList} from "@/api/dataList/laboratory";
 
 const useUserStore = defineStore("user", {
-  state: () => ({
-    token: getToken(),
-    name: "",
-    avatar: "",
-    roles: [],
-    permissions: [],
-    unApprovedBusiness: 0,
-    unApprovedExpert: 0,
-    unApprovedAchivement: 0,
-    unApprovedTechnology: 0,
-    unApprovedService: 0,
-    unApprovedProduct: 0,
-    unApprovedLab: 0,
-    serviceDemandTotal: 0,
-    achievementTotal: 0,
-    technologyTotal: 0,
-    productTotal: 0,
-  }),
-  actions: {
-    // 登录
-    login(userInfo) {
-      const username = userInfo.username.trim();
-      const password = md5(userInfo.password);
-      const code = userInfo.code;
-      const uuid = userInfo.uuid;
-      return new Promise((resolve, reject) => {
-        login(username, password, code, uuid)
-          .then((res) => {
-            setToken(res.token);
-            this.token = res.token;
-            resolve();
-          })
-          .catch((error) => {
-            reject(error);
-          });
-      });
-    },
-    // 获取用户信息
-    getInfo() {
-      return new Promise((resolve, reject) => {
-        getInfo()
-          .then((res) => {
-            const user = res.user;
-            const avatar =
-             /* user.avatar == "" || user.avatar == null
-                ? defAva
-                : import.meta.env.VITE_APP_BASE_API + */user.avatar;
+    state: () => ({
+        token: getToken(),
+        name: "",
+        avatar: "",
+        roles: [],
+        permissions: [],
+        unApprovedBusiness: 0,
+        unApprovedExpert: 0,
+        unApprovedAchivement: 0,
+        unApprovedTechnology: 0,
+        unApprovedService: 0,
+        unApprovedProduct: 0,
+        unApprovedLab: 0,
+        serviceDemandTotal: 0,
+        achievementTotal: 0,
+        technologyTotal: 0,
+        productTotal: 0,
+    }),
+    actions: {
+        // 登录
+        login(userInfo) {
+            const username = userInfo.username.trim();
+            const password = md5(userInfo.password);
+            const code = userInfo.code;
+            const uuid = userInfo.uuid;
+            return new Promise((resolve, reject) => {
+                login(username, password, code, uuid)
+                    .then((res) => {
+                        setToken(res.token);
+                        this.token = res.token;
+                        resolve();
+                    })
+                    .catch((error) => {
+                        reject(error);
+                    });
+            });
+        },
+        // 获取用户信息
+        getInfo() {
+            return new Promise((resolve, reject) => {
+                getInfo()
+                    .then((res) => {
+                        const user = res.user;
+                        const avatar =
+                            !user.avatar
+                                ? defAva
+                                : import.meta.env.VITE_APP_BASE_API + user.avatar.substring(user.avatar.indexOf("/file"));
 
-            if (res.roles && res.roles.length > 0) {
-              // 验证返回的roles是否是一个非空数组
-              this.roles = res.roles;
-              this.permissions = res.permissions;
-            } else {
-              this.roles = ["ROLE_DEFAULT"];
-            }
-            this.name = user.userName;
-            this.avatar = avatar;
-            resolve(res);
-            // return res;
-          })
-          .catch((error) => {
-            reject(error);
-          });
-      });
-    },
+                        if (res.roles && res.roles.length > 0) {
+                            // 验证返回的roles是否是一个非空数组
+                            this.roles = res.roles;
+                            this.permissions = res.permissions;
+                        } else {
+                            this.roles = ["ROLE_DEFAULT"];
+                        }
+                        this.name = user.userName;
+                        this.avatar = avatar;
+                        resolve(res);
+                        // return res;
+                    })
+                    .catch((error) => {
+                        reject(error);
+                    });
+            });
+        },
 
-    async getApprovalCount() {
-      this.getUnApprovedBusiness();
-      this.getUnApprovedExpert();
-      this.getUnApprovedAchivement();
-      this.getUnApprovedTechnology();
-      this.getUnApprovedService();
-      this.getUnApprovedProduct();
-      this.getServiceDemandTotal();
-      this.getAchievementTotal();
-      this.getProductTotal();
-      this.getTechnologyTotal();
-      this.getUnApprovedLab();
-    },
+        async getApprovalCount() {
+            this.getUnApprovedBusiness();
+            this.getUnApprovedExpert();
+            this.getUnApprovedAchivement();
+            this.getUnApprovedTechnology();
+            this.getUnApprovedService();
+            this.getUnApprovedProduct();
+            this.getServiceDemandTotal();
+            this.getAchievementTotal();
+            this.getProductTotal();
+            this.getTechnologyTotal();
+            this.getUnApprovedLab();
+        },
 
-    async resetUnApproval(name, field) {
-      await resetUnApprovalCount(name);
-      this[field] = 0;
-    },
+        async resetUnApproval(name, field) {
+            await resetUnApprovalCount(name);
+            this[field] = 0;
+        },
 
-    async getUnApprovedBusiness() {
-      const resp = await companyList({
-        examineStatus: 0,
-        pageSize: 1,
-        pageNum: 10,
-      });
-      this.unApprovedBusiness = resp.total;
-    },
-    async getUnApprovedExpert() {
-      const resp = await expertList({
-        examineStatus: 0,
-        pageSize: 1,
-        pageNum: 10,
-      });
-      this.unApprovedExpert = resp.total;
-    },
-    async getUnApprovedAchivement() {
-      const resp = await getUnApprovalCount("achievement");
-      this.unApprovedAchivement = resp.data ?? 0;
-    },
-    async getUnApprovedTechnology() {
-      const resp = await getUnApprovalCount("technology");
-      this.unApprovedTechnology = resp.data ?? 0;
-    },
-    async getUnApprovedService() {
-      const resp = await getUnApprovalCount("service");
-      this.unApprovedService = resp.data ?? 0;
-    },
-    async getUnApprovedProduct() {
-      const resp = await getUnApprovalCount("product");
-      this.unApprovedProduct = resp.data ?? 0;
-    },
+        async getUnApprovedBusiness() {
+            const resp = await companyList({
+                examineStatus: 0,
+                pageSize: 1,
+                pageNum: 10,
+            });
+            this.unApprovedBusiness = resp.total;
+        },
+        async getUnApprovedExpert() {
+            const resp = await expertList({
+                examineStatus: 0,
+                pageSize: 1,
+                pageNum: 10,
+            });
+            this.unApprovedExpert = resp.total;
+        },
+        async getUnApprovedAchivement() {
+            const resp = await getUnApprovalCount("achievement");
+            this.unApprovedAchivement = resp.data ?? 0;
+        },
+        async getUnApprovedTechnology() {
+            const resp = await getUnApprovalCount("technology");
+            this.unApprovedTechnology = resp.data ?? 0;
+        },
+        async getUnApprovedService() {
+            const resp = await getUnApprovalCount("service");
+            this.unApprovedService = resp.data ?? 0;
+        },
+        async getUnApprovedProduct() {
+            const resp = await getUnApprovalCount("product");
+            this.unApprovedProduct = resp.data ?? 0;
+        },
 
-    async getServiceDemandTotal() {
-      const resp = await listCasDemand();
-      this.serviceDemandTotal = resp.total;
+        async getServiceDemandTotal() {
+            const resp = await listCasDemand();
+            this.serviceDemandTotal = resp.total;
+        },
+        async getAchievementTotal() {
+            const resp = await expertAchievementList();
+            this.achievementTotal = resp.total;
+        },
+        async getTechnologyTotal() {
+            const resp = await businessList();
+            this.technologyTotal = resp.total;
+        },
+        async getProductTotal() {
+            const resp = await enterpriseProductApprovalList();
+            this.productTotal = resp.total;
+        },
+        async getUnApprovedLab() {
+            const resp = await casLaboratoryList({
+                examineStatus: 0,
+                pageSize: 1,
+                pageNum: 10,
+            });
+            this.unApprovedBusiness = resp.total;
+        },
+        // 退出系统
+        logOut() {
+            return new Promise((resolve, reject) => {
+                logout(this.token)
+                    .then(() => {
+                        this.token = "";
+                        this.roles = [];
+                        this.permissions = [];
+                        removeToken();
+                        resolve();
+                    })
+                    .catch((error) => {
+                        reject(error);
+                    });
+            });
+        },
     },
-    async getAchievementTotal() {
-      const resp = await expertAchievementList();
-      this.achievementTotal = resp.total;
-    },
-    async getTechnologyTotal() {
-      const resp = await businessList();
-      this.technologyTotal = resp.total;
-    },
-    async getProductTotal() {
-      const resp = await enterpriseProductApprovalList();
-      this.productTotal = resp.total;
-    },
-    async getUnApprovedLab() {
-      const resp = await casLaboratoryList({
-        examineStatus: 0,
-        pageSize: 1,
-        pageNum: 10,
-      });
-      this.unApprovedBusiness = resp.total;
-    },
-    // 退出系统
-    logOut() {
-      return new Promise((resolve, reject) => {
-        logout(this.token)
-          .then(() => {
-            this.token = "";
-            this.roles = [];
-            this.permissions = [];
-            removeToken();
-            resolve();
-          })
-          .catch((error) => {
-            reject(error);
-          });
-      });
-    },
-  },
 });
 
 export default useUserStore;
diff --git a/src/utils/uri.js b/src/utils/uri.js
new file mode 100644
index 0000000..3a39fe4
--- /dev/null
+++ b/src/utils/uri.js
@@ -0,0 +1,9 @@
+export const resolveStaticUrl = (url) => {
+    const fileIndex = url.indexOf('/file')
+
+    if (fileIndex > 0) {
+        return `${import.meta.env.VITE_APP_BASE_API}/${url.substring(fileIndex)}`
+    } else {
+        return `${import.meta.env.VITE_APP_BASE_API}/file${url}`
+    }
+}
diff --git a/src/views/website/siteSet/banner/index.vue b/src/views/website/siteSet/banner/index.vue
index 0f9ccd8..3358208 100644
--- a/src/views/website/siteSet/banner/index.vue
+++ b/src/views/website/siteSet/banner/index.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="app-container">
     <el-form
-      :model="queryParams"
-      ref="queryFormRef"
-      v-show="showSearch"
-      :inline="true"
-      @submit.native.prevent
+        :model="queryParams"
+        ref="queryFormRef"
+        v-show="showSearch"
+        :inline="true"
+        @submit.native.prevent
     >
       <el-form-item label="所在位置" prop="local">
         <!-- <el-cascader
@@ -21,39 +21,41 @@
         ></el-cascader> -->
 
         <el-input
-          v-model="queryParams.locals"
-          placeholder="请输入所在位置"
-          clearable
-          size="default"
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.locals"
+            placeholder="请输入所在位置"
+            clearable
+            size="default"
+            style="width: 240px"
+            @keyup.enter.native="handleQuery"
         ></el-input>
       </el-form-item>
       <el-form-item label="所属站点" prop="tenantId">
         <el-select
-          v-model="queryParams.tenantId"
-          placeholder="请选择，支持搜索"
-          size="default"
-          filterable
+            v-model="queryParams.tenantId"
+            placeholder="请选择，支持搜索"
+            size="default"
+            filterable
         >
           <el-option
-            v-for="item in siteList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
+              v-for="item in siteList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
           />
         </el-select>
       </el-form-item>
       <el-form-item>
         <el-button
-          type="primary"
-          icon="search"
-          size="default"
-          @click="handleQuery"
-          >搜索</el-button
+            type="primary"
+            icon="search"
+            size="default"
+            @click="handleQuery"
+        >搜索
+        </el-button
         >
         <el-button icon="refresh" size="default" @click="resetQuery"
-          >重置</el-button
+        >重置
+        </el-button
         >
       </el-form-item>
     </el-form>
@@ -61,24 +63,25 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          type="primary"
-          plain
-          icon="plus"
-          size="default"
-          @click="handleAdd"
-          >新增</el-button
+            type="primary"
+            plain
+            icon="plus"
+            size="default"
+            @click="handleAdd"
+        >新增
+        </el-button
         >
       </el-col>
       <right-toolbar
-        v-model:showSearch="showSearch"
-        @queryTable="getList"
+          v-model:showSearch="showSearch"
+          @queryTable="getList"
       ></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="dataList">
-      <el-table-column label="数据编号" prop="id" align="center" />
-      <el-table-column label="banner图名称" prop="title" align="center" />
-      <el-table-column label="所在位置" prop="locals" align="center" />
+      <el-table-column label="数据编号" prop="id" align="center"/>
+      <el-table-column label="banner图名称" prop="title" align="center"/>
+      <el-table-column label="所在位置" prop="locals" align="center"/>
       <el-table-column label="是否显示多图" align="center">
         <template #default="{ row }">
           {{ row.multipleFlag === "1" ? "是" : "否" }}
@@ -86,10 +89,11 @@
       </el-table-column>
       <el-table-column label="图片" prop="images" align="center">
         <template #default="{ row }">
-          <ImagePreview :width="50" :height="50" :src="row.images" />
+          <ImagePreview :width="50" :height="50"
+                        :src="row.images"/>
         </template>
       </el-table-column>
-      <el-table-column label="建议上传图片尺寸" prop="sizes" align="center" />
+      <el-table-column label="建议上传图片尺寸" prop="sizes" align="center"/>
       <el-table-column label="所属站点" prop="area" align="center">
         <template #default="{ row }">
           {{ siteList.find((el) => el.id === row.tenantId)?.name || "无" }}
@@ -101,78 +105,81 @@
         </template>
       </el-table-column>
       <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
       >
         <template #default="{ row }">
           <el-button
-            size="small"
-            type="text"
-            icon="edit"
-            @click="handleUpdate(row)"
-            >编辑</el-button
+              size="small"
+              type="text"
+              icon="edit"
+              @click="handleUpdate(row)"
+          >编辑
+          </el-button
           >
           <el-button
-            size="small"
-            type="text"
-            icon="delete"
-            @click="handleDelete(row)"
-            >删除</el-button
+              size="small"
+              type="text"
+              icon="delete"
+              @click="handleDelete(row)"
+          >删除
+          </el-button
           >
         </template>
       </el-table-column>
     </el-table>
     <pagination
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
     />
     <!-- 添加或修改对话框 -->
     <el-dialog :title="title" v-model="showEditDialog" width="500px">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点:" prop="tenantId">
           <el-select
-            v-model="form.tenantId"
-            placeholder="请选择，支持搜索"
-            size="default"
-            filterable
+              v-model="form.tenantId"
+              placeholder="请选择，支持搜索"
+              size="default"
+              filterable
           >
             <el-option
-              v-for="item in siteList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+                v-for="item in siteList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
             />
           </el-select>
         </el-form-item>
         <el-form-item label="所在位置:" prop="locals">
           <div style="display: flex">
             <el-autocomplete
-              style="flex: 1"
-              v-model="form.locals"
-              :fetch-suggestions="querySearch"
-              placeholder="请输入"
-              value-key="title"
-              @select="handleSelect"
+                style="flex: 1"
+                v-model="form.locals"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入"
+                value-key="title"
+                @select="handleSelect"
             ></el-autocomplete>
             <el-button
-              type="primary"
-              style="margin-left: 15px"
-              @click="addDomain"
-              v-if="form.domains ? (form.domains.length ? false : true) : false"
-              >添加子节点</el-button
+                type="primary"
+                style="margin-left: 15px"
+                @click="addDomain"
+                v-if="form.domains ? (form.domains.length ? false : true) : false"
+            >添加子节点
+            </el-button
             >
           </div>
         </el-form-item>
         <el-form-item
-          v-for="(domain, index) in form.domains"
-          :label="'上级子节点'"
-          :key="domain.key"
-          :prop="'domains.' + index + '.title'"
-          :rules="{
+            v-for="(domain, index) in form.domains"
+            :label="'上级子节点'"
+            :key="domain.key"
+            :prop="'domains.' + index + '.title'"
+            :rules="{
             required: true,
             message: '子节点不能为空',
             trigger: 'blur',
@@ -181,26 +188,28 @@
           <div style="display: flex">
             <el-input v-model="domain.title"></el-input>
             <el-button
-              style="margin-left: 30px"
-              @click.prevent="removeDomain(domain)"
-              >删除</el-button
+                style="margin-left: 30px"
+                @click.prevent="removeDomain(domain)"
+            >删除
+            </el-button
             >
             <el-button
-              v-if="index + 1 == form.domains.length"
-              type="primary"
-              @click="addDomain"
-              >添加</el-button
+                v-if="index + 1 == form.domains.length"
+                type="primary"
+                @click="addDomain"
+            >添加
+            </el-button
             >
           </div>
         </el-form-item>
         <el-form-item label="图片名称:" prop="title">
-          <el-input v-model="form.title" placeholder="请输入banner图名称" />
+          <el-input v-model="form.title" placeholder="请输入banner图名称"/>
         </el-form-item>
         <el-form-item label="建议尺寸:" prop="sizes">
-          <el-input v-model="form.sizes" placeholder="请输入图片建议尺寸" />
+          <el-input v-model="form.sizes" placeholder="请输入图片建议尺寸"/>
         </el-form-item>
         <el-form-item label="图片:" prop="images">
-          <ImageUpload v-model="form.images" :isShowTip="false" :limit="2" />
+          <ImageUpload v-model="form.images" :isShowTip="false" :limit="2"/>
         </el-form-item>
         <el-form-item label="显示多张:" prop="multipleFlag">
           <el-radio v-model="form.multipleFlag" label="1">是</el-radio>
@@ -223,9 +232,10 @@ import {
   bannerEdit,
   bannerDelete,
 } from "@/api/website/siteSet";
-import { tenantSelect } from "@/api/subPlatform/tenant";
-import { reactive, toRefs } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
+import {tenantSelect} from "@/api/subPlatform/tenant";
+import {reactive, toRefs} from "vue";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {resolveStaticUrl} from "@/utils/uri";
 
 const loading = ref(true); // 是否正在加载
 const showSearch = ref(true); // 是否显示搜索栏
@@ -258,9 +268,9 @@ const data = reactive({
         trigger: ["blur", "change"],
       },
     ],
-    local: [{ required: true, message: "所在位置不能为空", trigger: "change" }],
-    title: [{ required: true, message: "数据名称不能为空", trigger: "blur" }],
-    sizes: [{ required: true, message: "建议尺寸不能为空", trigger: "blur" }],
+    local: [{required: true, message: "所在位置不能为空", trigger: "change"}],
+    title: [{required: true, message: "数据名称不能为空", trigger: "blur"}],
+    // sizes: [{required: true, message: "建议尺寸不能为空", trigger: "blur"}],
     images: [
       {
         required: true,
@@ -270,14 +280,14 @@ const data = reactive({
     ],
   },
 });
-const { queryParams, form, rules } = toRefs(data);
+const {queryParams, form, rules} = toRefs(data);
 
 const filterLocal = (data, parentTitle, out) => {
   data.forEach((item) => {
     let title = item.title;
     if (parentTitle != "") title = parentTitle + ">" + item.title;
 
-    out.push({ title: title });
+    out.push({title: title});
 
     if (item.children && item.children.length > 0) {
       this.filterLocal(item.children, title, out);
@@ -344,15 +354,15 @@ const handleAdd = () => {
 const querySearch = (queryString, cb) => {
   let _restaurants = restaurants.value;
   let results = queryString
-    ? _restaurants.filter(createFilter(queryString))
-    : _restaurants;
+      ? _restaurants.filter(createFilter(queryString))
+      : _restaurants;
   // 调用 callback 返回建议列表的数据
   cb(results);
 };
 const createFilter = (queryString) => {
   return (restaurant) => {
     return (
-      restaurant.title.toLowerCase().indexOf(queryString.toLowerCase()) != -1
+        restaurant.title.toLowerCase().indexOf(queryString.toLowerCase()) != -1
     );
   };
 };
@@ -377,7 +387,7 @@ const handleUpdate = (row) => {
   // form.value.local = arr[0];
   form.value.locals = arr[0];
   for (let i = 1; i < arr.length; i++) {
-    form.value.domains.push({ title: arr[i] });
+    form.value.domains.push({title: arr[i]});
   }
   showEditDialog.value = true;
   title.value = "修改";
@@ -406,12 +416,13 @@ const submitForm = async () => {
 /** 删除按钮操作 */
 const handleDelete = (row) => {
   ElMessageBox.confirm(`是否确认删除编号为${row.id}的数据项？`)
-    .then(async () => {
-      await bannerDelete(row.id);
-      getList();
-      ElMessage.success("删除成功");
-    })
-    .catch(() => {});
+      .then(async () => {
+        await bannerDelete(row.id);
+        getList();
+        ElMessage.success("删除成功");
+      })
+      .catch(() => {
+      });
 };
 getList();
 getSiteList();
diff --git a/src/views/website/solution/service/index.vue b/src/views/website/solution/service/index.vue
index 6f43823..7ad79c4 100644
--- a/src/views/website/solution/service/index.vue
+++ b/src/views/website/solution/service/index.vue
@@ -1,30 +1,30 @@
 <template>
   <div class="app-container">
     <el-form
-      :model="queryParams"
-      ref="queryFormRef"
-      v-show="showSearch"
-      :inline="true"
-      @submit.native.prevent
+        :model="queryParams"
+        ref="queryFormRef"
+        v-show="showSearch"
+        :inline="true"
+        @submit.native.prevent
     >
       <el-form-item label="数据名称" prop="title">
         <el-input
-          v-model="queryParams.title"
-          placeholder="请输入关键字"
-          clearable
-          size="default"
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.title"
+            placeholder="请输入关键字"
+            clearable
+            size="default"
+            style="width: 240px"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="归属导航:" prop="mode">
         <el-select
-          size="default"
-          style="width: 240px"
-          v-model="queryParams.mode"
-          placeholder="请选择"
-          clearable
-          @clear="delete queryParams.mode"
+            size="default"
+            style="width: 240px"
+            v-model="queryParams.mode"
+            placeholder="请选择"
+            clearable
+            @clear="delete queryParams.mode"
         >
           <!-- <el-option
             v-for="item in modeOptions"
@@ -34,27 +34,29 @@
           >
           </el-option> -->
           <el-option
-            v-for="item in categoryList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
+              v-for="item in categoryList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
           >
           </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="所属站点" prop="tenantId">
-        <SiteOptions v-model="queryParams.tenantId" :site-list="siteList" />
+        <SiteOptions v-model="queryParams.tenantId" :site-list="siteList"/>
       </el-form-item>
       <el-form-item>
         <el-button
-          type="primary"
-          icon="search"
-          size="default"
-          @click="handleQuery"
-          >搜索</el-button
+            type="primary"
+            icon="search"
+            size="default"
+            @click="handleQuery"
+        >搜索
+        </el-button
         >
         <el-button icon="refresh" size="default" @click="resetQuery"
-          >重置</el-button
+        >重置
+        </el-button
         >
       </el-form-item>
     </el-form>
@@ -62,30 +64,31 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          type="primary"
-          plain
-          icon="plus"
-          size="default"
-          @click="handleAdd"
-          >新增</el-button
+            type="primary"
+            plain
+            icon="plus"
+            size="default"
+            @click="handleAdd"
+        >新增
+        </el-button
         >
       </el-col>
       <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
       ></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="dataList">
-      <el-table-column label="数据编号" prop="id" align="center" />
-      <el-table-column label="数据名称" prop="title" width="120" />
+      <el-table-column label="数据编号" prop="id" align="center"/>
+      <el-table-column label="数据名称" prop="title" width="120"/>
       <el-table-column label="图片" align="center" width="120">
         <template #default="{ row }">
           <div>
             <el-image
-              style="width: 100px; height: 100px"
-              :src="row.image"
-              fit="cover"
+                style="width: 100px; height: 100px"
+                :src="resolveStaticUrl(row.image)"
+                fit="cover"
             ></el-image>
           </div>
         </template>
@@ -107,53 +110,55 @@
         </template>
       </el-table-column>
       <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
       >
         <template #default="{ row }">
           <el-button
-            size="small"
-            type="text"
-            icon="edit"
-            @click="handleUpdate(row)"
-            >编辑</el-button
+              size="small"
+              type="text"
+              icon="edit"
+              @click="handleUpdate(row)"
+          >编辑
+          </el-button
           >
           <el-button
-            size="small"
-            type="text"
-            icon="delete"
-            @click="handleDelete(row)"
-            >删除</el-button
+              size="small"
+              type="text"
+              icon="delete"
+              @click="handleDelete(row)"
+          >删除
+          </el-button
           >
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
     />
 
     <!-- 添加或修改对话框 -->
     <el-dialog :title="title" v-model="showEditDialog" width="500px">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="数据名称:" prop="title">
-          <el-input v-model="form.title" placeholder="请输入数据名称" />
+          <el-input v-model="form.title" placeholder="请输入数据名称"/>
         </el-form-item>
         <el-form-item label="所属站点:" prop="tenantId">
-          <SiteOptions v-model="form.tenantId" :site-list="siteList" />
+          <SiteOptions v-model="form.tenantId" :site-list="siteList"/>
         </el-form-item>
         <el-form-item label="归属导航:" prop="mode">
           <el-select v-model="form.mode" placeholder="请选择">
             <el-option
-              v-for="item in categoryList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+                v-for="item in categoryList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
             >
             </el-option>
             <!-- <el-option
@@ -167,14 +172,14 @@
         </el-form-item>
         <el-form-item label="服务介绍:" prop="description">
           <el-input
-            v-model="form.description"
-            placeholder="请输入服务介绍"
-            type="textarea"
-            :autosize="{ minRows: 2, maxRows: 4 }"
+              v-model="form.description"
+              placeholder="请输入服务介绍"
+              type="textarea"
+              :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
         <el-form-item label="图片:" prop="image">
-          <ImageUpload v-model="form.image" :isShowTip="false" :limit="1" />
+          <ImageUpload v-model="form.image" :isShowTip="false" :limit="1"/>
         </el-form-item>
         <!-- <el-form-item label="关联案例:" prop="name">
           <el-cascader
@@ -196,7 +201,7 @@
   </div>
 </template>
 <script setup name="Service">
-import { reactive, ref, toRefs } from "vue";
+import {reactive, ref, toRefs} from "vue";
 import {
   serviceList,
   serviceAdd,
@@ -210,10 +215,11 @@ import {
   planCategoryDetail,
   planCategoryUpdate,
 } from "@/api/website/solution";
-import { tenantSelect } from "@/api/subPlatform/tenant";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { cloneDeep } from "lodash";
+import {tenantSelect} from "@/api/subPlatform/tenant";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {cloneDeep} from "lodash";
 import SiteOptions from "@/views/components/SiteOptions";
+import {resolveStaticUrl} from "@/utils/uri";
 
 const dataList = ref([]);
 // TODO:isSuper
@@ -247,7 +253,7 @@ const total = ref(0);
 const data = reactive({
   form: {},
   rules: {
-    title: [{ required: true, message: "数据名称不能为空", trigger: "blur" }],
+    title: [{required: true, message: "数据名称不能为空", trigger: "blur"}],
     tenantId: [
       {
         required: true,
@@ -270,7 +276,7 @@ const data = reactive({
       },
     ],
     description: [
-      { required: true, message: "服务介绍不能为空", trigger: "blur" },
+      {required: true, message: "服务介绍不能为空", trigger: "blur"},
     ],
   },
   queryParams: {
@@ -282,7 +288,7 @@ const data = reactive({
   },
 });
 
-const { queryParams, form, rules } = toRefs(data);
+const {queryParams, form, rules} = toRefs(data);
 
 const resetQuery = () => {
   if (queryFormRef.value) {
@@ -307,7 +313,7 @@ const getList = async () => {
 
 // 获取站点列表
 const getSiteList = async () => {
-  const { rows } = await tenantSelect();
+  const {rows} = await tenantSelect();
   siteList.value = rows;
 };
 // 取消按钮
@@ -332,9 +338,9 @@ const reset = () => {
 };
 const categoryList = ref([]);
 const getPlanCategoryList = async () => {
-  const { data } = await planCategoryList();
+  const {data} = await planCategoryList();
   categoryList.value = data.map((el) => {
-    return { ...el, id: el.id.toString() };
+    return {...el, id: el.id.toString()};
   });
 };
 getPlanCategoryList();
@@ -372,12 +378,13 @@ const submitForm = async () => {
 /** 删除按钮操作 */
 const handleDelete = (row) => {
   ElMessageBox.confirm(`是否确认删除名为${row.title}的数据项？`)
-    .then(async () => {
-      await serviceDelete(row.id);
-      getList();
-      ElMessage.success("删除成功");
-    })
-    .catch(() => {});
+      .then(async () => {
+        await serviceDelete(row.id);
+        getList();
+        ElMessage.success("删除成功");
+      })
+      .catch(() => {
+      });
 };
 
 getList();
diff --git a/src/views/website/solution/serviceCase/index.vue b/src/views/website/solution/serviceCase/index.vue
index 9b95c56..84f49c4 100644
--- a/src/views/website/solution/serviceCase/index.vue
+++ b/src/views/website/solution/serviceCase/index.vue
@@ -63,7 +63,7 @@
           <div>
             <el-image
                 style="width: 100px; height: 100px"
-                :src="row.image"
+                :src="resolveStaticUrl(row.image)"
                 fit="cover"
             ></el-image>
           </div>
@@ -185,6 +185,7 @@ import {
 import WangEditor from "@/components/WangEditor/index.vue";
 import SiteOptions from "@/views/components/SiteOptions";
 import {planCategoryList} from "../../../../api/website/solution";
+import {resolveStaticUrl} from "@/utils/uri";
 
 const dataList = ref([]);
 const loading = ref(true);
diff --git a/vite.config.js b/vite.config.js
index 0c85598..022f8de 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -32,7 +32,7 @@ export default defineConfig(({ mode, command }) => {
         // https://cn.vitejs.dev/config/#server-proxy
         "/dev-api": {
           // target: "http://192.168.110.10:1618",
-          target: 'http://101.34.131.16:81/api',
+          target: 'http://119.45.197.174:81/api',
           // target: "http://101.34.251.155:81/api",
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, ""),