增加调试日志

src/views/log/log.vue

@@ -102,18 +102,18 @@
             layout="total, prev, pager, next, jumper, slot" :total="mPage.tableTotal"
             @update:current-page="mPage.handleCurrentChange" />
         </div>
-
-        <!-- 查看按钮 -->
-        <el-dialog class="editDialog" v-model="mPage.viewVisible" :close-on-click-modal="false"
-          :close-on-press-escape="false" title="日志详情" :show-close="false" align-center width="600">
-          <div>
-            {{ mPage.content }}
-          </div>
-          <div class="options">
-            <el-button @click="mPage.viewVisible = false">关闭</el-button>
-          </div>
-        </el-dialog>
       </div>
+
+      <!-- 查看按钮 -->
+      <el-dialog class="editDialog" v-model="mPage.viewVisible" :close-on-click-modal="false"
+        :close-on-press-escape="false" title="日志详情" :show-close="false" align-center width="600">
+        <div>
+          {{ mPage.content }}
+        </div>
+        <div class="options">
+          <el-button @click="mPage.viewVisible = false">关闭</el-button>
+        </div>
+      </el-dialog>
     </div>
     <!-- 业务日志 -->
     <div v-show="businessTabVisible" style="height: 100%;">
@@ -173,29 +173,17 @@
             layout="total, prev, pager, next, jumper, slot" :total="bPage.tableTotal"
             @update:current-page="bPage.handleCurrentChange" />
         </div>
-
-        <!-- 查看按钮 -->
-        <el-dialog class="editDialog" v-model="bPage.viewVisible" :close-on-click-modal="false"
-          :close-on-press-escape="false" title="日志详情" :show-close="false" align-center width="600">
-          <div>
-            {{ bPage.content }}
-          </div>
-          <div class="options">
-            <el-button @click="bPage.viewVisible = false">关闭</el-button>
-          </div>
-        </el-dialog>
       </div>
     </div>
     <!-- 调试日志 -->
     <div v-show="debugTabVisible" style="height: 100%;">
       <div class="scroll" style="height: 100%;">
-        <div class="middle">
+        <div class="middle" style="display: flex; justify-content: space-between; align-items: center;">
           <div class="filter">
             <div class="condition">
               <el-select v-model="debugPage.taskIdValue" filterable clearable style="width: 280px;" class="sel"
                 placeholder="任务名称">
-                <el-option v-for="item in debugPage.taskId" :key="item.value" :label="item.label"
-                  :value="item.value" />
+                <el-option v-for="item in debugPage.taskId" :key="item.value" :label="item.label" :value="item.value" />
               </el-select>
               <el-date-picker v-model="debugPage.searchDateTimeVale" type="datetimerange" start-placeholder="开始时间"
                 end-placeholder="结束时间" :shortcuts="debugPage.shortcuts" value-format="YYYY-MM-DD HH:mm:ss"
@@ -206,6 +194,9 @@
                 <span>查询</span></el-button>
             </div>
           </div>
+          <div style="margin: 10px 0 0 0;">
+            <el-button type="primary" color="rgba(0, 97, 255, 1)" plain @click="debugPage.debugSet">启用调试</el-button>
+          </div>
         </div>
         <div class="footer" v-loading="debugPage.loading">
           <el-table :row-class-name="debugPage.tableRowClassName" :data="debugPage.tableData" height="600" border
@@ -229,18 +220,32 @@
             layout="total, prev, pager, next, jumper, slot" :total="debugPage.tableTotal"
             @update:current-page="debugPage.handleCurrentChange" />
         </div>
-
-        <!-- 查看按钮 -->
-        <el-dialog class="editDialog" v-model="debugPage.viewVisible" :close-on-click-modal="false"
-          :close-on-press-escape="false" title="日志详情" :show-close="false" align-center width="600">
-          <div>
-            {{ debugPage.content }}
-          </div>
-          <div class="options">
-            <el-button @click="debugPage.viewVisible = false">关闭</el-button>
-          </div>
-        </el-dialog>
       </div>
+
+      <!-- 调试对话框 -->
+      <el-dialog class="editDialog" v-model="debugPage.debugSetVisible" :close-on-click-modal="false"
+        :close-on-press-escape="false" title="开启调试" :show-close="false" align-center width="500">
+        <div style="height: 540px; over-flow: hidden; scroll: auto;">
+          <el-table :row-class-name="debugPage.tableRowClassName" :data="debugPage.debugTableData" height="540" border
+            style="width: 100%" :header-cell-style="{
+              background: 'rgba(240, 243, 247, 1)',
+              height: '50px',
+            }">
+            <el-table-column width="68" align="center " prop="xuhao" label="序号" />
+            <el-table-column align="center" prop="tkName" label="任务名称" />
+            <el-table-column align="center" prop="tkDebugSql" label="开关" width="150">
+              <template #default="scope">
+                <el-switch v-model="scope.row.tkDebugSql" :active-value="1" :inactive-value="0"
+                @change="debugPage.handleSwitchChange(scope.row)"
+                  style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="options">
+          <el-button @click="debugPage.debugSetVisible = false">关闭</el-button>
+        </div>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -342,15 +347,17 @@ const debugPage = reactive({
       },
     },
   ]),
+  debugSetVisible: ref(false),
   // 表格数据
   tableData: reactive([]),
+  debugTableData: reactive([]),
   taskId: reactive([]), // 任务id列表对象
   startTime: reactive([]), // 开始时间
   currentPage: ref(1), // 当前页
   pageSize: ref(10), // 每页显示条数
   tableTotal: ref(0), // 当前总数
-   // 获取任务列表
-   getTaskList: async () => {
+  // 获取任务列表
+  getTaskList: async () => {
     let data = {
       currentPage: 1,
       pageCount: 300,
@@ -427,6 +434,75 @@ const debugPage = reactive({
       });
     }
   },
+  debugSet: async () => {
+    debugPage.debugSetVisible = true;
+    let data = {
+      managerId: sessionStorage.getItem("token"),
+    };
+    let res = await axios({
+      method: "get",
+      url: api.value + "/wanzai/api/smartDataTask/queryTaskDebugSql",
+      headers: {
+        // token: sessionStorage.getItem("token"),
+        // user_head: sessionStorage.getItem("userhead"),
+      },
+      params: data,
+    });
+    // console.log(res, "任务调试sql");
+    if (res.data.code == 200) {
+      debugPage.debugTableData = reactive([]);
+      let i = 1;
+      res.data.data.forEach(element => {
+        element.xuhao = i
+        debugPage.debugTableData.push(element);
+        i++;
+      });
+    } else {
+      ElMessage({
+        type: "error",
+        showClose: true,
+        message: res.data.message,
+        center: true,
+      });
+    }
+  },
+  handleSwitchChange: async (row) => {
+    // console.log(row);
+    let data = {
+      tkId: row.tkId,
+      tkDebugSql: row.tkDebugSql,
+      managerId: sessionStorage.getItem("token"),
+    };
+    let res = await axios({
+      method: "get",
+      url: api.value + "/wanzai/api/smartDataTask/queryTaskSetDebugSql",
+      headers: {
+        // token: sessionStorage.getItem("token"),
+        // user_head: sessionStorage.getItem("userhead"),
+      },
+      data: {
+        id: row.id,
+        status: row.status,
+      },
+      params: data,
+    });
+    // console.log(res, "任务设置调试sql");
+    if (res.data.code == 200) {
+      ElMessage({
+        type: "success",
+        showClose: true,
+        message: res.data.message,
+        center: true,
+      });
+    } else {
+      ElMessage({
+        type: "error",
+        showClose: true,
+        message: res.data.message,
+        center: true,
+      });
+    }
+  },
   // 表格斑马纹颜色修改
   tableRowClassName: ({ row, rowIndex }) => {
     if (rowIndex % 2 === 0) {