fix: 客户群发链接输入框优化&朋友圈链接格式判断

project/src/components/assembly/conTwo.vue

@@ -35,8 +35,9 @@
         <div class="box">
           <div class="itemBox">
             <div class="txt"><em>*</em>图文链接：</div>
-            <div class="conEle">
-              <el-input v-model="linkUrl.link.url" size="mini" placeholder="链接地址请以http或https开头"></el-input>
+            <div class="conEle textInput">
+              <el-input v-model="linkUrl.link.url" size="mini" placeholder="链接地址请以http或https开头" type="textarea" :rows="6"></el-input>
+              <i v-show="linkUrl.link.url" class="clearButton el-input__icon el-icon-circle-close el-input__clear" @click.prevent="linkUrl.link.url=''" />
             </div>
           </div>
           <div class="itemBox">
@@ -442,4 +443,24 @@ export default {
   margin-top: 10px;
   line-height: 16px;
 }
+.textInput {
+  position: relative;
+
+  .clearButton {
+    position: absolute;
+    border-radius: 5px;
+    right: -2px;
+    z-index: 9;
+    border: none;
+    top: -4px;
+    height: 40px;
+    cursor: pointer;
+    color: #ccc;
+    transform: translateX(2px);
+  }
+
+  .clearButton:hover {
+    color: #878d99;
+  }
+}
 </style>

project/src/components/assembly/editCon.vue

@@ -101,8 +101,7 @@
         <label><em>*</em>链接标题：</label>
         <div class="input">
           <div class="flex">
-            <el-input class="input" type="textarea" size="small" placeholder="请输入链接标题" v-model="link.title" clearable>
-            </el-input>
+            <el-input class="input" type="textarea" size="small" placeholder="请输入链接标题" v-model="link.title" clearable></el-input>
             <span class="font_zj">{{ $getStrBytes(link.title) }}/128字节</span>
           </div>
           <div class="warning_hint f12" style="margin-left:0" v-if="$getStrBytes(link.title) > 128"> <i
@@ -112,9 +111,9 @@
       <div class="lineItem">
         <label><em>*</em>链接地址：</label>
         <div class="input">
-          <div class="flex">
-            <el-input class="input" type="textarea" size="small" placeholder="请输入链接地址" v-model="link.url" clearable>
-            </el-input>
+          <div class="flex textInput">
+            <el-input class="input" type="textarea" size="small" placeholder="请输入链接地址" v-model="link.url" clearable :rows="6"></el-input>
+            <i v-show="link.url" class="clearButton el-input__icon el-icon-circle-close el-input__clear" @click.prevent="link.url=''" />
             <span class="font_zj">{{ $getStrBytes(link.url) }}/2048字节</span>
           </div>
           <div class="warning_hint f12" style="margin-left:0" v-if="$getStrBytes(link.url) > 2048"> <i
@@ -230,9 +229,9 @@
       <div class="lineItem">
         <label><em>*</em>链接地址：</label>
         <div class="input">
-          <div class="flex">
-            <el-input class="input" type="textarea" size="small" placeholder="请输入链接地址" v-model="linkExtend.jump_url"
-              clearable></el-input>
+          <div class="flex textInput">
+            <el-input class="input" type="textarea" size="small" placeholder="请输入链接地址" v-model="linkExtend.jump_url" clearable :rows="6"></el-input>
+            <i v-show="linkExtend.jump_url" class="clearButton el-input__icon el-icon-circle-close el-input__clear" @click.prevent="linkExtend.jump_url=''" />
             <span class="font_zj">{{ $getStrBytes(linkExtend.jump_url) }}/2048字节</span>
           </div>
           <div class="warning_hint f12" style="margin-left:0" v-if="$getStrBytes(linkExtend.jump_url) > 2048"> <i
@@ -954,4 +953,25 @@ export default {
   line-height: 20px;
   padding-left: 6px;
 }
+
+.textInput {
+  position: relative;
+
+  .clearButton {
+    position: absolute;
+    border-radius: 5px;
+    right: 94px;
+    z-index: 9;
+    border: none;
+    top: -4px;
+    height: 40px;
+    cursor: pointer;
+    color: #ccc;
+    transform: translateX(2px);
+  }
+
+  .clearButton:hover {
+    color: #878d99;
+  }
+}
 </style>

project/src/components/customOperate/createFriendsCircle.vue

@@ -330,7 +330,7 @@ export default {
         this.$refs.conTwo.getFinallyAttach(type)
       })
     },
-    createFriendsCircleSend (attachments) {//通知成员发送
+    async createFriendsCircleSend (attachments) {//通知成员发送
       if (this.fc_type == '') {
         this.$message({
           message: '请选择朋友圈类型！',
@@ -396,11 +396,14 @@ export default {
         } else if (msgName == 'link') {
           if (attachments[0].link.media_id == '' || attachments[0].link.url == '') {
             this.$message({
-              message: '视频为必传内容！',
+              message: '链接为必传内容！',
               type: "warning"
             })
             return
           }
+
+          const isTrue = await this.handleConfirmLink(attachments[0].link.url)
+          if (!isTrue) return
         }  else if (msgName == 'radar') {
           if (attachments[0].radar.radar_id == '') {
             this.$message({
@@ -445,7 +448,6 @@ export default {
         }
         send_time = this.send_time.date + ' ' + this.send_time.time
       }
-
       this.$loading(this.$loadingConfig)
       this.$axios.post(this.URL.BASEURL + this.URL.createFriendsCircleSend, {
         rule_id: this.is_copy ? '' : this.rule_id ? this.rule_id : '',
@@ -521,6 +523,28 @@ export default {
         this.customerMatchCountLoading = false
       });
     },
+
+    handleConfirmLink(link) {
+      return new Promise(async (resolve, reject) => {
+        let num = link.split('?').length;
+        if ( num>2 ) {// 有两个问号
+          try {
+            await this.$confirm(`请确认链接地址：${link}`, '提示', {
+              closeOnClickModal:false,
+              type: 'warning',
+              showCancelButton: true,
+              confirmButtonText: '确认无误',
+              cancelButtonText: '去修改',
+            })
+            resolve(true)
+          } catch (error) {
+            resolve(false)
+          }
+        } else {
+          resolve(true)
+        }
+      })
+    }
   }
 }
 </script>