exhibitionBaseInformation.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <div class="exhibition-baseInformation">
  3. <section>
  4. <p class="base">基本信息</p>
  5. <article>
  6. <el-row>
  7. <!--v-if-->
  8. <el-col :span="12">
  9. <span class="ml-10">xxxx:</span>
  10. <el-popover
  11. placement="top-start"
  12. width="160"
  13. trigger="hover"
  14. v-model="visible">
  15. <p>xxxxxxxxx</p>
  16. <div style="text-align: right; margin: 0">
  17. <el-button
  18. type="primary"
  19. size="mini"
  20. @click="handleCopy"
  21. >复制N
  22. </el-button>
  23. </div>
  24. <el-button
  25. slot="reference"
  26. type="text"
  27. >xxxx</el-button>
  28. </el-popover>
  29. </el-col>
  30. <!-- test -->
  31. <!--
  32. v-else-if
  33. <el-col :span="8"></el-col>
  34. v-else
  35. <el-col :span="6"></el-col>
  36. -->
  37. <el-col :span="12">
  38. <span class="ml-10">xxxx:</span>
  39. <el-popover
  40. placement="top-start"
  41. width="160"
  42. trigger="hover"
  43. v-model="visible">
  44. <p>xxxxxxxxx</p>
  45. <div style="text-align: right; margin: 0">
  46. <el-button
  47. type="primary"
  48. size="mini"
  49. @click="handleCopy"
  50. >复制
  51. </el-button>
  52. </div>
  53. <el-button
  54. slot="reference"
  55. type="text"
  56. >xxxx</el-button>
  57. </el-popover>
  58. </el-col>
  59. </el-row>
  60. </article>
  61. </section>
  62. </div>
  63. </template>
  64. <script>
  65. export default {
  66. name: "exhibition-baseInformation",
  67. data() {
  68. return {
  69. visible: false,
  70. }
  71. },
  72. methods:{
  73. handleCopy() {
  74. this.visible = false
  75. document.execCommand('Copy')
  76. this.$message.success('复制成功')
  77. }
  78. }
  79. }
  80. </script>
  81. <style scoped lang="less">
  82. .exhibition-baseInformation {
  83. section {
  84. /*border: 1px solid #eeeeee;*/
  85. /*margin: 10px;*/
  86. .base{
  87. margin: 10px;
  88. font-weight: 600;
  89. text-indent: 10px;
  90. border-bottom:1px dashed #eee ;
  91. }
  92. }
  93. .ml-10{
  94. margin-left: 10px;
  95. text-indent: 10px;
  96. }
  97. }
  98. </style>