|
@@ -176,6 +176,7 @@
|
|
|
<span v-if="item.contentType == 6">视频</span>
|
|
|
<span v-if="item.contentType == 7">语音</span>
|
|
|
<span v-if="item.contentType == 9">APP</span>
|
|
|
+ <span v-if="item.contentType == 4"><el-button size="mini" type="primary" @click="generateShortLink(item)" style="margin-left: 330px;">生成短链</el-button></span>
|
|
|
</div>
|
|
|
<div v-if="item.sendStatus">
|
|
|
<span>发送状态:</span>
|
|
@@ -289,6 +290,22 @@
|
|
|
/>
|
|
|
</el-dialog>
|
|
|
|
|
|
+ <el-dialog
|
|
|
+ title="生成短链"
|
|
|
+ :visible.sync="shortLinkDialogVisible"
|
|
|
+ width="30%"
|
|
|
+ v-loading="shortLoading"
|
|
|
+ append-to-body>
|
|
|
+ <el-tooltip placement="top" effect="dark" :content="copyText">
|
|
|
+ <span class="ellipsis" style="max-width:100px;display:inline-block;">{{copyText}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <i style="margin-left:120px;cursor: pointer" class="el-icon-document-copy" @click="onCopy"></i>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="shortLinkDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="shortLinkDialogVisible = false">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
<pagination
|
|
|
v-show="total>0"
|
|
|
:total="total"
|
|
@@ -305,7 +322,8 @@ import {
|
|
|
exportQwSopLogs,
|
|
|
listQwSopLogsList,
|
|
|
delQwSopLogs,
|
|
|
- editCourseQwSopLogs
|
|
|
+ editCourseQwSopLogs,
|
|
|
+ generateShortLink
|
|
|
} from '../../../api/qw/sopLogs'
|
|
|
import {delSopUserLogsInfo} from "@/api/qw/sopUserLogsInfo";
|
|
|
|
|
@@ -326,7 +344,9 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ copyText:"",
|
|
|
+ shortLoading:false,
|
|
|
+ shortLinkDialogVisible:false,
|
|
|
//图片放大
|
|
|
dialogVisible: false,
|
|
|
dialogImageUrl:null,
|
|
@@ -568,7 +588,25 @@ export default {
|
|
|
this.download(response.msg);
|
|
|
this.exportLoading = false;
|
|
|
}).catch(() => {});
|
|
|
+ },
|
|
|
+
|
|
|
+ //生成短链
|
|
|
+ generateShortLink(val){
|
|
|
+ const param = {
|
|
|
+ linkStr:val.miniprogramPage,
|
|
|
+ appId:val.miniprogramAppid
|
|
|
+ };
|
|
|
+ generateShortLink(param).then(res=>{
|
|
|
+ this.copyText = res.urlLink;
|
|
|
+ });
|
|
|
+ this.shortLinkDialogVisible = true;
|
|
|
+ },
|
|
|
+ onCopy(){
|
|
|
+ navigator.clipboard.writeText(this.copyText).then(() => {
|
|
|
+ this.$message.success('复制成功')
|
|
|
+ })
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
@@ -587,4 +625,10 @@ export default {
|
|
|
.message-stayle span {
|
|
|
word-break: break-all;
|
|
|
}
|
|
|
+.ellipsis {
|
|
|
+ max-width:100px;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
</style>
|