页面ui调整

src/views/monitor/job/index.vue

@@ -56,11 +56,13 @@
         <el-table-column prop="remark" align="center" label="备注" :show-overflow-tooltip="true" />
         <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-link size="small" icon="view" v-hasPermi="['monitor:job:query']" @click="handleJobLog(scope.row)">
+            <el-link size="small" class="ml10" icon="view" v-hasPermi="['monitor:job:query']" @click="handleJobLog(scope.row)">
               {{ $t('btn.log') }}
             </el-link>
             <el-link
               size="small"
+              class="ml10"
+              type="primary"
               v-if="scope.row.isStart"
               v-hasPermi="['monitor:job:run']"
               icon="remove"
@@ -71,6 +73,7 @@
             <el-link
               type="warning"
               size="small"
+              class="ml10"
               v-if="scope.row.isStart"
               v-hasPermi="['monitor:job:stop']"
               icon="video-pause"

src/views/tool/file/index.vue

@@ -77,13 +77,7 @@
       <el-table-column label="操作" align="center" width="230">
         <template #default="scope">
           <el-button text size="small" icon="view" @click="handleView(scope.row)">{{ $t('btn.view') }}</el-button>
-          <el-button
+          <el-button class="copy-btn-main" icon="document-copy" text size="small" @click="copyText(scope.row.accessUrl)">
-            class="copy-btn-main"
-            icon="document-copy"
-            text
-            size="small"
-            v-clipboard:copy="scope.row.accessUrl"
-            v-clipboard:success="clipboardSuccess">
             {{ $t('btn.copy') }}
           </el-button>
           <el-button v-hasPermi="['tool:file:delete']" text size="small" icon="delete" @click="handleDelete(scope.row)">
@@ -95,10 +89,7 @@
     <pagination background :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     <!-- 添加或修改文件存储对话框 -->
-    <el-dialog :title="title" :lock-scroll="false" v-model="open" width="400px">
+    <el-dialog :title="title" :lock-scroll="false" v-model="open" width="400px" draggable>
-      <template #title>
-        <div v-drag="['.el-dialog', '.el-dialog__header']">{{ title }}</div>
-      </template>
       <el-form ref="formRef" :model="form" :rules="rules" label-width="90px" label-position="left">
         <el-row>
           <el-col :lg="24">
@@ -182,14 +173,9 @@
           <el-col :lg="24">
             <el-form-item label="访问路径">
               {{ formView.accessUrl }}
-              <el-button
+              <!-- <el-button class="copy-btn-main" icon="document-copy" text @click="copyText(formView.accessUrl)">
-                class="copy-btn-main"
-                icon="document-copy"
-                text
-                v-clipboard:copy="formView.accessUrl"
-                v-clipboard:success="clipboardSuccess">
                 {{ $t('btn.copy') }}
-              </el-button>
+              </el-button> -->
             </el-form-item>
           </el-col>
           <el-col :lg="24">
@@ -202,6 +188,7 @@
 </template>
 <script setup name="sysfile">
 import { listSysfile, delSysfile, getSysfile } from '@/api/tool/file.js'
+import useClipboard from 'vue-clipboard3'
 // 选中id数组
 const ids = ref([])
 // 非单个禁用
@@ -360,9 +347,12 @@ function submitUpload() {
   console.log(uploadData.value)
   proxy.$refs.uploadRef.submitUpload()
 }
-/** 复制代码成功 */
+const { toClipboard } = useClipboard()
-function clipboardSuccess() {
+const copyText = async (val) => {
-  proxy.$modal.msgSuccess('复制成功')
+  try {
+    await toClipboard(val)
+    proxy.$message.success('复制成功！')
+  } catch (e) {}
 }
 handleQuery()
 </script>

src/views/tool/gen/index.vue

@@ -53,10 +53,10 @@
     <!-- 预览界面 -->
     <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body>
       <el-tabs v-model="preview.activeName">
-        <el-tab-pane v-for="(item, key) in preview.data" :label="item.title" :name="key.toString()" :key="key">
+        <el-tab-pane v-for="(item, key) in preview.data" :label="item.title" :id="key" :name="key.toString()" :key="key">
-          <el-link :underline="false" icon="document-copy" v-clipboard:copy="item.content" v-clipboard:success="clipboardSuccess" class="btn-copy">
+          <!-- <el-link :underline="false" icon="DocumentCopy" v-copyText="item.content" class="btn-copy"
-            复制
+            >复制
-          </el-link>
+          </el-link> -->
           <pre><code class="hljs" v-html="highlightedCode(item.content, item.title)"></code></pre>
         </el-tab-pane>
       </el-tabs>
@@ -190,8 +190,6 @@ function handlePreview(row) {
 // 多选框选中数据
 function handleSelectionChange(selection) {
   tableIds.value = selection.map((item) => item.tableId)
-  // tableNames.value = selection.map((item) => item.tableName)
-  // single.value = selection.length != 1
   multiple.value = !selection.length
 }
 /** 编辑表格 */