修改跳转链接

src/views/enterprisePurchase/index.vue

@@ -75,7 +75,7 @@
               <div class="hot-words-config">
                 <div v-for="(item, index) in form.hotWordsList" :key="index" class="hot-word-row">
                   <el-input v-model="item.name" placeholder="热词名称" class="hot-word-input-name" />
-                  <el-input v-model="item.link" placeholder="跳转地址" class="hot-word-input-link" />
+                  <WebLinkInput v-model="item.link" placeholder="跳转地址" class="hot-word-input-link"/>
                   <el-button type="danger" icon="Delete" circle plain size="small" @click="removeHotWord(index)" />
                 </div>
                 <el-button type="primary" icon="Plus" link @click="addHotWord" class="add-hotword-btn">添加热词</el-button>
@@ -92,7 +92,7 @@
             </el-form-item>
 
             <el-form-item label="跳转地址：">
-              <el-input v-model="form.rightBtnLink" placeholder="请输入跳转地址" class="settings-input" />
+              <WebLinkInput v-model="form.rightBtnLink" placeholder="请输入跳转地址" class="settings-input"/>
             </el-form-item>
 
             <el-form-item label="主题色：">
@@ -133,7 +133,7 @@
             <div class="left-ad-settings" v-if="leftAdForm.leftAdImage">
               <el-form label-width="90px" label-position="left">
                 <el-form-item label="跳转地址：">
-                  <el-input v-model="leftAdForm.leftAdLink" placeholder="请输入以 http:// 或 https:// 开头的地址" class="settings-input-ad" />
+                  <WebLinkInput v-model="leftAdForm.leftAdLink" placeholder="请输入以 http:// 或 https:// 开头的地址" class="settings-input-ad"/>
                 </el-form-item>
               </el-form>
               <div class="left-ad-tip">
@@ -274,7 +274,7 @@
                 <el-input v-model="quickEntrySettings.moduleName" placeholder="如：企业工作台" />
               </el-form-item>
               <el-form-item label="跳转地址：">
-                <el-input v-model="quickEntrySettings.jumpLink" placeholder="标题点击跳转地址" style="width: 300px" />
+                <WebLinkInput v-model="quickEntrySettings.jumpLink" placeholder="标题点击跳转地址" style="width: 300px"/>
               </el-form-item>
             </el-form>
           </div>
@@ -714,7 +714,7 @@
                 <el-input v-model="scenarioSettings.btnText" placeholder="请输入按钮文字" style="width: 400px" />
               </el-form-item>
               <el-form-item label="跳转链接：">
-                <el-input v-model="scenarioSettings.jumpLink" placeholder="请输入跳转地址" style="width: 400px" />
+                <WebLinkInput v-model="scenarioSettings.jumpLink" placeholder="请输入跳转地址" style="width: 400px"/>
               </el-form-item>
               <el-form-item label="主题背景色：">
                 <div class="theme-color-setting-pro">
@@ -947,7 +947,7 @@
             <el-table-column label="排行标签" width="220">
               <template #default="{ row }">
                 <el-input v-model="row.tagText" placeholder="标签文字" size="small" class="m-b-5" />
-                <el-input v-model="row.tagLink" placeholder="跳转链接" size="small" />
+                <WebLinkInput v-model="row.tagLink" placeholder="跳转链接" size="small"/>
               </template>
             </el-table-column>
             <el-table-column label="销量数据" width="130">
@@ -1102,7 +1102,7 @@
               <div class="notes-config-list">
                 <div v-for="(tag, index) in categoryForm.tags" :key="index" class="note-config-row">
                   <el-input v-model="tag.name" placeholder="标签名称" style="width: 120px" />
-                  <el-input v-model="tag.link" placeholder="跳转地址" style="flex: 1" />
+                  <WebLinkInput v-model="tag.link" placeholder="跳转地址" style="flex: 1"/>
                   <el-button type="danger" icon="Delete" circle plain size="small" @click="removeCategoryTag(index)" />
                 </div>
                 <el-button type="primary" icon="Plus" link @click="addCategoryTag">添加标签</el-button>
@@ -1134,7 +1134,7 @@
                 <div class="notes-config-list">
                   <div v-for="(note, index) in categoryForm.panelData.notes" :key="index" class="note-config-row">
                     <el-input v-model="note.name" placeholder="便签名称" style="width: 120px" />
-                    <el-input v-model="note.link" placeholder="跳转地址" style="flex: 1" />
+                    <WebLinkInput v-model="note.link" placeholder="跳转地址" style="flex: 1" />
                     <el-button type="danger" icon="Delete" circle plain size="small" @click="removePanelNote(index)" />
                   </div>
                   <el-button type="primary" icon="Plus" link @click="addPanelNote">添加便签</el-button>
@@ -1166,7 +1166,7 @@
           <div class="upload-tip">建议尺寸：20*20，透明背景 PNG</div>
         </el-form-item>
         <el-form-item label="跳转地址：">
-          <el-input v-model="headerForm.link" placeholder="请输入跳转链接" />
+          <WebLinkInput v-model="headerForm.link" placeholder="请输入跳转链接" />
         </el-form-item>
         <el-form-item label="打开方式：">
           <el-radio-group v-model="headerForm.openMode">
@@ -1373,7 +1373,7 @@
           <div class="upload-tip">建议尺寸：272 * 80</div>
         </el-form-item>
         <el-form-item label="跳转链接：">
-          <el-input v-model="scenarioForm.link" placeholder="请输入跳转地址" />
+          <WebLinkInput v-model="scenarioForm.link" placeholder="请输入跳转地址" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -1447,7 +1447,7 @@
           <div class="field-tip">显示在图标右上角的红色气泡，留空则不显示</div>
         </el-form-item>
         <el-form-item label="跳转地址：">
-          <el-input v-model="quickEntryForm.link" placeholder="请输入跳转地址" />
+          <WebLinkInput v-model="quickEntryForm.link" placeholder="请输入跳转地址" />
         </el-form-item>
         <el-form-item label="启用状态：">
           <el-switch v-model="quickEntryForm.status" :active-value="1" :inactive-value="0" />
@@ -1468,6 +1468,7 @@
 
 <script lang="ts" setup>
 import UploadImage from '@/components/upload-image/index.vue';
+import WebLinkInput from '@/components/WebLinkInput/index.vue';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 import { ref, reactive, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';