perf: 优化复制链接

This commit is contained in:
kuaifan 2023-08-03 17:21:10 +08:00
parent f0d4aa324e
commit e176600a5a
3 changed files with 54 additions and 45 deletions

View File

@ -92,14 +92,11 @@
<div>
<div style="margin:-10px 0 8px">{{$L('文件名称')}}: {{linkData.name}}</div>
<Input ref="linkInput" v-model="linkData.url" type="textarea" :rows="3" @on-focus="linkFocus" readonly/>
<div class="form-tip" style="padding-top:6px">{{$L('可通过此链接浏览文件。')}}<a href="javascript:void(0)" @click="linkCopy">{{$L('点击复制链接')}}</a></div>
</div>
<div slot="footer" class="adaption">
<Button type="default" @click="linkShow=false">{{$L('取消')}}</Button>
<div class="form-tip" style="padding-top:6px">
{{$L('可通过此链接浏览文件。')}}
<Poptip
confirm
placement="bottom"
style="margin-left:8px"
:ok-text="$L('确定')"
:cancel-text="$L('取消')"
@on-ok="linkGet(true)"
@ -107,9 +104,14 @@
<div slot="title">
<p><strong>{{$L('注意:刷新将导致原来的链接失效!')}}</strong></p>
</div>
<Button type="primary" :loading="linkLoad > 0">{{$L('刷新')}}</Button>
<a href="javascript:void(0)">{{$L('刷新链接')}}</a>
</Poptip>
</div>
</div>
<div slot="footer" class="adaption">
<Button type="default" @click="linkShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="linkLoad > 0" @click="linkCopy">{{$L('复制')}}</Button>
</div>
</Modal>
</div>
</template>
@ -458,7 +460,7 @@ export default {
id: this.linkData.id,
name: this.linkData.name,
});
this.linkFocus();
this.linkCopy();
}).catch(({msg}) => {
this.linkShow = false
$A.modalError(msg);

View File

@ -387,15 +387,11 @@
<Form :model="inviteData" label-width="auto" @submit.native.prevent>
<FormItem :label="$L('链接地址')">
<Input ref="inviteInput" v-model="inviteData.url" type="textarea" :rows="3" @on-focus="inviteFocus" readonly/>
<div class="form-tip">{{$L('可通过此链接直接加入项目。')}}</div>
</FormItem>
</Form>
<div slot="footer" class="adaption">
<Button type="default" @click="inviteShow=false">{{$L('取消')}}</Button>
<div class="form-tip">
{{$L('可通过此链接直接加入项目。')}}
<Poptip
confirm
placement="bottom"
style="margin-left:8px"
:ok-text="$L('确定')"
:cancel-text="$L('取消')"
@on-ok="inviteGet(true)"
@ -403,9 +399,15 @@
<div slot="title">
<p><strong>{{$L('注意:刷新将导致原来的邀请链接失效!')}}</strong></p>
</div>
<Button type="primary" :loading="inviteLoad > 0">{{$L('刷新')}}</Button>
<a href="javascript:void(0)">{{$L('刷新链接')}}</a>
</Poptip>
</div>
</FormItem>
</Form>
<div slot="footer" class="adaption">
<Button type="default" @click="inviteShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="inviteLoad > 0" @click="inviteCopy">{{$L('复制')}}</Button>
</div>
</Modal>
<!--移交项目-->
@ -1369,6 +1371,7 @@ export default {
if (!this.inviteData.url) {
return;
}
this.inviteFocus();
this.$copyText(this.inviteData.url).then(_ => {
$A.messageSuccess('复制成功');
}).catch(_ => {
@ -1377,7 +1380,9 @@ export default {
},
inviteFocus() {
this.$nextTick(_ => {
this.$refs.inviteInput.focus({cursor:'all'});
});
},
toggleCompleted() {

View File

@ -340,14 +340,11 @@
<div>
<div style="margin:-10px 0 8px">{{$L('文件名称')}}: {{linkData.name}}</div>
<Input ref="linkInput" v-model="linkData.url" type="textarea" :rows="3" @on-focus="linkFocus" readonly/>
<div class="form-tip" style="padding-top:6px">{{$L('可通过此链接浏览文件。')}}<a href="javascript:void(0)" @click="linkCopy">{{$L('点击复制链接')}}</a></div>
</div>
<div slot="footer" class="adaption">
<Button type="default" @click="linkShow=false">{{$L('取消')}}</Button>
<div class="form-tip" style="padding-top:6px">
{{$L('可通过此链接浏览文件。')}}
<Poptip
confirm
placement="bottom"
style="margin-left:8px"
:ok-text="$L('确定')"
:cancel-text="$L('取消')"
@on-ok="linkGet(true)"
@ -355,9 +352,14 @@
<div slot="title">
<p><strong>{{$L('注意:刷新将导致原来的链接失效!')}}</strong></p>
</div>
<Button type="primary" :loading="linkLoad > 0">{{$L('刷新')}}</Button>
<a href="javascript:void(0)">{{$L('刷新链接')}}</a>
</Poptip>
</div>
</div>
<div slot="footer" class="adaption">
<Button type="default" @click="linkShow=false">{{$L('取消')}}</Button>
<Button type="primary" :loading="linkLoad > 0" @click="linkCopy">{{$L('复制')}}</Button>
</div>
</Modal>
<!--查看/修改文件-->
@ -1300,7 +1302,7 @@ export default {
id: this.linkData.id,
name: this.linkData.name
});
this.linkFocus();
this.linkCopy();
}).catch(({msg}) => {
this.linkShow = false
$A.modalError(msg);