fix(enterpriseInfo): 优化图片路径显示逻辑

yuan

4 天以前 e508f0726a84b92af0b08c4ea03cf1ffb97ffc8a

 src/views/basicData/enterpriseInfo/index.vue

@@ -59,7 +59,7 @@
                :show-file-list="false"
                :before-upload="(file) => beforeLogoUpload(file, 'companyLogo')"
                action="#">
                <img v-if="form.companyLogo" :src="'/file/preview?url=' + form.companyLogo" class="uploaded-image" />
                <img v-if="form.companyLogo" :src="form.companyLogo" class="uploaded-image" alt="Image Preview" />
                <div v-else class="upload-placeholder">
                  <el-icon class="upload-icon"><Plus /></el-icon>
                  <span class="upload-text">上传Logo</span>
@@ -67,8 +67,9 @@
              </el-upload>
              <img
                v-else-if="form.companyLogo"
                :src="'/file/preview?url=' + form.companyLogo"
                :src="form.companyLogo"
                class="display-image"
                alt="Image Preview"
              />
              <div v-else class="empty-placeholder">
                <el-icon :size="40"><Picture /></el-icon>
@@ -87,7 +88,7 @@
                :show-file-list="false"
                :before-upload="(file) => beforeLogoUpload(file, 'qrCode')"
                action="#">
                <img v-if="form.qrCode" :src="'/file/preview?url=' + form.qrCode" class="uploaded-image" />
                <img v-if="form.qrCode" :src="form.qrCode" class="uploaded-image" alt="Image Preview" />
                <div v-else class="upload-placeholder">
                  <el-icon class="upload-icon"><Plus /></el-icon>
                  <span class="upload-text">上传二维码</span>
@@ -95,8 +96,9 @@
              </el-upload>
              <img
                v-else-if="form.qrCode"
                :src="'/file/preview?url=' + form.qrCode"
                :src="form.qrCode"
                class="display-image"
                alt="Image Preview"
              />
              <div v-else class="empty-placeholder">
                <el-icon :size="40"><Picture /></el-icon>
@@ -179,7 +181,7 @@
      :destroy-on-close="true">
      <div class="preview-content">
        <div class="preview-header">
          <img v-if="form.companyLogo" :src="'/file/preview?url=' + form.companyLogo" class="preview-logo" />
          <img v-if="form.companyLogo" :src="form.companyLogo" class="preview-logo" alt="Image Preview" />
          <div class="preview-title">
            <h1>{{ form.companyName || '公司名称' }}</h1>
            <p v-if="form.website">{{ form.website }}</p>
@@ -206,7 +208,7 @@
        </div>
        <div v-if="form.qrCode" class="preview-section preview-qr">
          <h4>扫码关注</h4>
          <img :src="'/file/preview?url=' + form.qrCode" class="qr-image" />
          <img :src="form.qrCode" class="qr-image" alt="Image Preview" />
        </div>
      </div>
    </el-dialog>
@@ -249,6 +251,14 @@
    loading.value = true
    getEnterpriseInfo().then(res => {
      if (res.code === 200 && res.data) {
        // 将图片路径拼接为完整地址
        const base = window.location.protocol + '//' + window.location.host
        if (res.data.companyLogo) {
          res.data.companyLogo = base + res.data.companyLogo
        }
        if (res.data.qrCode) {
          res.data.qrCode = base + res.data.qrCode
        }
        Object.assign(form, res.data)
        originalForm = JSON.parse(JSON.stringify(res.data))
      }