|
@@ -7,7 +7,11 @@
|
|
|
<div class="header-title">
|
|
|
<span class="title-id">REQUIREMENT-{{ form_query.id }}</span>
|
|
|
<el-tooltip class="item" effect="dark" :content="form_query.name" placement="bottom">
|
|
|
- <span class="title-name">{{ form_query.name }}</span>
|
|
|
+ <span
|
|
|
+ v-clipboard:copy="form_query.name"
|
|
|
+ v-clipboard:success="copyName"
|
|
|
+ class="title-name"
|
|
|
+ >{{ form_query.name }}</span>
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
<el-dropdown placement="bottom" @command="updateStatus">
|
|
@@ -247,6 +251,9 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
const _ = require('lodash')
|
|
|
+import Vue from 'vue'
|
|
|
+import VueClipboard from 'vue-clipboard2'
|
|
|
+Vue.use(VueClipboard)
|
|
|
import {
|
|
|
updateRequirement,
|
|
|
getRequirementById,
|
|
@@ -520,6 +527,9 @@ export default {
|
|
|
if (this.$refs['tasks-list']) {
|
|
|
this.$refs['tasks-list'].get_allTask()
|
|
|
}
|
|
|
+ },
|
|
|
+ copyName(name) { // 复制名字
|
|
|
+ this.$message({ message: '复制成功', type: 'success', duration: 1000, offset: 150 })
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -535,6 +545,9 @@ export default {
|
|
|
}
|
|
|
.main-header {
|
|
|
@include main-header;
|
|
|
+ .title-name {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
.main-header::after {
|
|
|
@include main-header-after;
|