From 0c4218ad93b088006d9bd2ec0459d04e86f12c47 Mon Sep 17 00:00:00 2001
From: Jane <272005125@qq.com>
Date: Wed, 3 Jan 2024 15:08:03 +0800
Subject: [PATCH] update

---
 src/views/quality/checkjob/CheckJobAdd.vue    | 140 ++++++++-
 src/views/quality/checkjob/CheckJobDetail.vue | 271 +++++++++++++++---
 src/views/quality/checkjob/CheckJobEdit.vue   |  45 ++-
 src/views/quality/checkjob/CheckJobList.vue   |  12 +-
 .../checkreport/CheckReportStructure.vue      |  25 ++
 5 files changed, 451 insertions(+), 42 deletions(-)

diff --git a/src/views/quality/checkjob/CheckJobAdd.vue b/src/views/quality/checkjob/CheckJobAdd.vue
index f2bd517..11f1f8d 100644
--- a/src/views/quality/checkjob/CheckJobAdd.vue
+++ b/src/views/quality/checkjob/CheckJobAdd.vue
@@ -3,12 +3,60 @@
     <div slot="header" class="clearfix">
       <span>{{ title }}</span>
       <el-button-group style="float: right;">
-        <el-button type="primary" size="mini" icon="el-icon-finished" :loading="loadingOptions.loading" :disabled="loadingOptions.isDisabled" @click="submitForm">{{ loadingOptions.loadingText }}</el-button>
+        <el-button v-if="checkScene != 0" type="primary" size="mini" icon="el-icon-finished" :loading="loadingOptions.loading" :disabled="loadingOptions.isDisabled" @click="submitForm">{{ loadingOptions.loadingText }}</el-button>
+        <el-button v-if="checkScene != 0" size="mini" type="primary" @click="checkSceneStart('0')">上一步</el-button>
         <el-button size="mini" icon="el-icon-back" @click="showCard">返回</el-button>
       </el-button-group>
     </div>
+    <div v-if="checkScene == 0" style="padding-top: 40px; padding-bottom: 40px; text-align: center;"><h2 class="app-pts-web-h2">选择检测场景</h2><p style="margin-top: 10px; color: rgb(124, 127, 160);font-size: 14px">请选择下面合适的类型创建</p></div>
+    <div v-if="checkScene == 0" class="style-module__grid-container--29AQk " style="margin: 0px 15%; --gap:20px; --template-cols:repeat(auto-fill, minmax(420px, 1fr));">
+      <div class="app-pts-web-card style-module__grid-item--2nHmp" style="height: 200px; margin: 10px;">
+        <div class="app-pts-web-card__body">
+          <div class="app-pts-web-card__title">
+            <div class="app-pts-web-justify-grid">
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                <h3 class="app-pts-web-h3"><span class="" style="color: rgb(0, 0, 0);">简单模式</span></h3>
+              </div>
+            </div>
+          </div>
+          <div class="app-pts-web-card__content">
+            <div class="app-pts-web-justify-grid">
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                <p class="" style="min-height: 50px; font-size: 12px; line-height: 20px;">使用我们的交互式 UI 组合接入数据源、定义数据模型、创建检测用例、执行检测任务、查看检测结果与报告生成。</p>
+                <el-button size="mini" type="primary" @click="checkSceneStart('1')">开始</el-button>
+              </div>
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--right">
+                <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjMuMzk5djEzLjUxN0gweiIvPjxwYXRoIGlkPSJjIiBkPSJNMCAwaDEwLjYydjYuMTQ1SDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTkyLjQ2MyAzNy4zNTFsLTIwLjk4LTEyLjExMy0xNi42NzcgOS42OTEgMjAuOTggMTIuMTEyek01Ny44OTcgOTMuNDQ0bDI3LjMyIDE1LjkyMyAzMC4yODYtMTcuNzk3LTI3LjMxOC0xNS45MjN6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTY2LjgyMiA1My4xNzdMMzYuNTM0IDcwLjk3NGw0OC42NDggMjguMzk4IDMwLjI4Ny0xNy43OTZ6Ii8+PHBhdGggZmlsbD0iIzAwNkVGRiIgZD0iTTY2LjgyMiA1My4xNzdsNDguNjQ3IDI4LjQtNC4yNTcgMi41TDYyLjU3OSA1NS42N3oiLz48cGF0aCBkPSJNNjEuODU0IDcwLjgxOWwyOS43ODIgMTcuNDA0IDkuNzQxLTUuNzNMNzEuNTk0IDY1LjA5bC05Ljc0IDUuNzN6bS00LjMwNiAyLjUzM0w4Ny4zMyA5MC43NTZsMi4xNDQtMS4yNjFMNTkuNjkgNzIuMDlsLTIuMTQyIDEuMjZ6bS00LjMwNyAyLjUzMmwyOS43ODMgMTcuNDA0IDIuMTQ0LTEuMjYtMjkuNzgyLTE3LjQwNi0yLjE0NSAxLjI2MnoiIGZpbGw9IiNFQkY0RkYiLz48cGF0aCBkPSJNNjcuNDAzIDU1Ljc3N2MtLjMyOS4xOTMtLjMyOS41MDYuMDAzLjcuMzMxLjE5My44NjguMTkzIDEuMTk3IDAgLjMyOC0uMTk0LjMyNS0uNTA3LS4wMDYtLjdhMS4yMDYgMS4yMDYgMCAwMC0uNTk4LS4xNDVjLS4yMTYgMC0uNDMxLjA0OC0uNTk2LjE0NXptMi40NjYgMS40MzljLS4zMjkuMTkzLS4zMjkuNTA2LjAwMy43LjMzMS4xOTMuODY4LjE5MyAxLjE5NiAwIC4zMjktLjE5NC4zMjYtLjUwNy0uMDA1LS43YTEuMjA3IDEuMjA3IDAgMDAtLjU5OC0uMTQ2Yy0uMjE2IDAtLjQzMS4wNDktLjU5Ni4xNDZ6bTIuNDY2IDEuNDRjLS4zMjkuMTkyLS4zMjkuNTA2LjAwMy43LjMzMS4xOTIuODY4LjE5MiAxLjE5NiAwIC4zMjktLjE5NC4zMjYtLjUwOC0uMDA1LS43YTEuMjA2IDEuMjA2IDAgMDAtLjU5OC0uMTQ1Yy0uMjE2IDAtLjQzMi4wNDgtLjU5Ni4xNDV6IiBmaWxsPSIjRkZGIi8+PHBhdGggc3Ryb2tlPSIjMDA2RUZGIiBkPSJNNjguNjY4IDM5LjU5TDM4IDU3LjUyNyA4Ny4yNTkgODYuMTVsMzAuNjY3LTE3LjkzN3pNNjQuMjM3IDQyLjE4MWw0OS4wMDEgMjguNTQ2Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTAgNTAuNTcyTDI3Ljk0OSA2Ni41IDQ1LjM1IDU2LjUyIDE3LjQwMSA0MC41OXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNMTcuNDM1IDQwLjU5bDI3Ljk1IDE1LjkzLTIuNTQ5IDEuNDYtMjcuOTUtMTUuOTI3eiIvPjxwYXRoIGQ9Ik0yNS42NTkgNTEuMzc3YzEuOTQ2IDEuMTA1IDEuOTU0IDIuODkxLjAyMSAzLjk5NS0uODIyLjQ3LTEuODUyLjczLTIuOTAzLjgxMWwuMDExIDEuNTUxSDIxLjU5bC0uMDA5LTEuNTVjLTEuMDUxLS4wODQtMi4wODYtLjM0LTIuOTE0LS44MTItMS45NDYtMS4xMDQtMS45NTYtMi44ODktLjAyNC0zLjk5NCAxLjkzMy0xLjEwNCA1LjA3MS0xLjEwNSA3LjAxNiAwem0tNi4xOTQuNDczYy0xLjQ4Mi44NjEtMS40NzUgMi4yNTIuMDE4IDMuMTE0IDEuNDkzLjg2MiAzLjg5NC44NjIgNS4zNzYgMCAxLjQ4My0uODYyIDEuNDc1LTIuMjUyLS4wMTktMy4xMTQtMS40OTMtLjg2NC0zLjg5MS0uODY0LTUuMzc1IDB6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTc0LjA3NiAxNy4zMjdsLTMuNTIxIDIuMDQ2LTcuMDkzLTQuMDk2IDMuNTItMi4wNDZ6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTYyLjc1NyAxNS42ODZsLjcwNC0uNDA5IDcuMDk0IDQuMDk2LS43MDQuNDF6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTY5Ljg1MSAxOS43ODJsLTMuNTI3IDIuMDUtNy4wOTMtNC4wOTYgMy41MjYtMi4wNXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNNTguNTI3IDE4LjE0NWwuNzA0LS40MDkgNy4wOTMgNC4wOTYtLjcwNC40MXoiLz48cGF0aCBmaWxsPSIjRUJGNEZGIiBkPSJNODAuNDYgMjEuMDEzbC0zLjUyIDIuMDQ2LTUuNjc2LTMuMjc2IDMuNTItMi4wNDZ6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTcwLjU2IDIwLjE5MWwuNzA0LS40MDkgNS42NzYgMy4yNzYtLjcwNC40MXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNNzQuNzg1IDE3LjczNmwtMy41MjEgMi4wNDYtLjcwNC40MS0zLjUyNyAyLjA1LS43MDQuNDA4LTMuNTI2IDIuMDUtLjcxLS40MSAzLjUyOC0yLjA0OS43MDQtLjQwOSAzLjUyNi0yLjA1LjcwNS0uNDA5IDMuNTItMi4wNDZ6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYuOTgyIDEyKSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZmlsbD0iI0E3Q0RGRiIgbWFzaz0idXJsKCNiKSIgZD0iTTIzLjM5OSAxMi4yODZsLTIuMTE5IDEuMjMxLTcuMDk0LTQuMDk1LS43MDgtLjQwOS01LjY3Ni0zLjI3Ny0uNzA5LS40MDlMMCAxLjIzMSAyLjExOSAweiIvPjwvZz48cGF0aCBmaWxsPSIjRUJGNEZGIiBkPSJNNzYuMjM2IDIzLjQ2OGwtMy41MjcgMi4wNS01LjY3Ni0zLjI3NyAzLjUyNy0yLjA1eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik02Ni4zMjkgMjIuNjVsLjcwNC0uNDA5IDUuNjc2IDMuMjc2LS43MDQuNDF6TTc3LjY0OSAyMy40NjhsNy4wOTMgNC4wOTYtLjcwNC40MDktNy4wOTMtNC4wOTZ6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTY2LjMyOSAyMi42NWw1LjY3NiAzLjI3Ni0zLjUyNyAyLjA1LTUuNjc1LTMuMjc3eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik04MS4xNjggMjEuNDIybC0zLjUyIDIuMDQ2LS43MDMuNDA5LTMuNTI3IDIuMDUtLjcwNS40MDktMy41MjUgMi4wNS0uNzEtLjQxIDMuNTI3LTIuMDUuNzA0LS40MDggMy41MjYtMi4wNS43MDUtLjQxIDMuNTItMi4wNDV6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTczLjQxNyAyNS45MjdsMy41MjctMi4wNSA3LjA5MyA0LjA5Ni0zLjUyNiAyLjA1eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik03My40MTcgMjUuOTI3bDcuMDk0IDQuMDk2LS43MDQuNDA5LTcuMDk0LTQuMDk2eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5LjE4NyAyNi4zMzYpIj48bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYyIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRUJGNEZGIiBtYXNrPSJ1cmwoI2QpIiBkPSJNMCAyLjA1TDMuNTI2IDBsNy4wOTQgNC4wOTYtMy41MjcgMi4wNXoiLz48L2c+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTgxLjE2OCAyMS40MjJsNy4wOTQgNC4wOTYtMy41MiAyLjA0Ni03LjA5NC00LjA5NnpNNTUgMjAuMTk0di4wMDFsNy4wOTMgNC4wOTUgMy41MjctMi4wNS03LjA5My00LjA5NXoiLz48cGF0aCBkPSJNNzkuODk2IDI5LjVjLTIuMzE4LTEuMzM3LTYuMDYtMS4zMzctOC4zNjIgMC0uMzYuMjEtLjY2Mi40MzgtLjkwOS42ODItMS4zMzQgMS4zMTMtMS4wMiAzLjAzNC45MzYgNC4xNjMgMi4zMTcgMS4zMzggNi4wNiAxLjMzOCA4LjM2MSAwIDEuOTQ0LTEuMTMgMi4yNC0yLjg1Ljg5LTQuMTYzYTQuMTA3IDQuMTA3IDAgMDAtLjQ2Mi0uMzg3IDUuNjQxIDUuNjQxIDAgMDAtLjQ1NC0uMjk0bS02Ljc4OCAxLjUxMmwxLjA0LS42MDUgMS41NzcuOTEgMS41NjctLjkxIDEuMDQ2LjYwNS0xLjU2Ni45MSAxLjU3Ny45MS0xLjA0LjYwNi0xLjU3Ny0uOTEyLTEuNTY3LjkxMi0xLjA0Ny0uNjA1IDEuNTY2LS45MTEtMS41NzYtLjkxIiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTc4LjMzOCAzMS4wMTJsLTEuMDQ2LS42MDQtMS41NjcuOTEtMS41NzYtLjkxLTEuMDQuNjA0IDEuNTc2LjkxLTEuNTY3LjkxMSAxLjA0Ny42MDUgMS41NjctLjkxIDEuNTc2LjkxIDEuMDQxLS42MDUtMS41NzctLjkxeiIvPjwvZz48L3N2Zz4=" style="width: 120px;">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="app-pts-web-card style-module__grid-item--2nHmp" style="height: 200px; margin: 10px;">
+        <div class="app-pts-web-card__body">
+          <div class="app-pts-web-card__title">
+            <div class="app-pts-web-justify-grid">
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                <h3 class="app-pts-web-h3"><span class="" style="color: rgb(0, 0, 0);">脚本模式</span></h3>
+              </div>
+            </div>
+          </div>
+          <div class="app-pts-web-card__content">
+            <div class="app-pts-web-justify-grid">
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                <p class="" style="min-height: 50px; font-size: 12px; line-height: 20px;">使用我们的代码示例作为脚本基础，或从头开始。通过脚本进行自动化数据标准符合性检测。</p>
+                <el-button size="mini" type="primary"  @click="checkSceneStart('2')">开始</el-button>
+              </div>
+              <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--right">
+                <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iNjYuODAyJSIgeDI9IjAlIiB5Mj0iMzMuMTk4JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiNFQkY0RkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDhFOUZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGlkPSJhIiBkPSJNMCAwaDExMHYxMTBIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMTUgNSkiPjxtYXNrIGlkPSJjIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9InVybCgjYikiIG1hc2s9InVybCgjYykiIGQ9Ik0wIDg0LjU0NWw0Mi44MSAyNC43MTZMNzIuODMgOTEuNzU4bC00Mi44MS0yNC43MTV6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgbWFzaz0idXJsKCNjKSIgZD0iTTEwLjI1OCA2OC4xMTJsNDIuODEgMjQuNzE3TDk1LjYgNjguMTEyIDUyLjc5IDQzLjM5NnoiLz48cGF0aCBkPSJNNjQuNTE1IDUwLjE2NUw4MS44NTkgNjAuMTggNzAuMDUxIDY2LjkxIDUyLjY1IDU2LjkyOGwxMS44NjUtNi43NjN6IiBmaWxsPSIjOTRDMkZGIiBtYXNrPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTEwLjI1IDU2LjY2bDQyLjgwOSAyNC43MTYgNDIuNTI2LTI0LjcxMy00Mi44MS0yNC43MTdMMTAuMjUgNTYuNjYxem0xLjcxOS0uMDAzbDQwLjgwOC0yMy43MTQgNDEuMDg4IDIzLjcyMi00MC44MDcgMjMuNzE2LTQxLjA5LTIzLjcyNHoiIGZpbGw9IiMwMDZFRkYiIG1hc2s9InVybCgjYykiLz48cGF0aCBkPSJNMjkuMTkyIDguMjU4TDEyLjE0NiA0Ljg2MmwtLjA0LjIxMmMtMS40NjEgOC4yNjgtLjc1IDE2LjgxMyAyLjExNiAyNS4zOTggMi43MTYgNy41NjQgNy42NjMgMTUuMTA5IDE0LjcxNiAyMi40MjlsLjEyNy4xMy4xMzQuMDJjNy4xOC44NDYgMTIuMDc3LTEuMDIyIDE0LjU1Mi01LjUzIDMuMTE2LTUuMDY1IDMuOTMtMTIuNTkgMi40ODktMjMuMDEybC0uMDM3LS4yNjVMMjkuMyA4LjM2NGwtLjEwOC0uMTA2IiBmaWxsPSIjRUJGNEZGIiBtYXNrPSJ1cmwoI2MpIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA1OC4yOTcgMCkiLz48cGF0aCBkPSJNMzUuMTkyIDEyLjI1OEwxOC4xNDYgOC44NjJsLS4wNC4yMTJjLTEuNDYxIDguMjY4LS43NSAxNi44MTMgMi4xMTYgMjUuMzk4IDIuNzE2IDcuNTY0IDcuNjYzIDE1LjEwOSAxNC43MTYgMjIuNDI5bC4xMjcuMTMuMTM0LjAyYzcuMTguODQ2IDEyLjA3Ny0xLjAyMiAxNC41NTItNS41MyAzLjExNi01LjA2NSAzLjkzLTEyLjU5IDIuNDg5LTIzLjAxMmwtLjAzNy0uMjY1TDM1LjMgMTIuMzY0bC0uMTA4LS4xMDZtLS4xMjQgNDMuODk1Yy02LjgxNi03LjEwMy0xMS42LTE0LjQwNi0xNC4yMDYtMjEuNjgtMi43NzgtOC4zMDUtMy40ODMtMTYuNTktMi4wOTItMjQuNjI3bDE2LjQyNiAzLjI3NCAxNi4zNzkgMTUuMzk1YzEuMzY2IDEwLjA4NC41NjUgMTcuMzY3LTIuNDYxIDIyLjI3LTIuMzg1IDQuMzQ3LTcuMTEgNi4xNTQtMTQuMDQ2IDUuMzY4IiBmaWxsPSIjMDA2RUZGIiBtYXNrPSJ1cmwoI2MpIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA3MC4yOTcgMCkiLz48ZyBtYXNrPSJ1cmwoI2MpIj48cGF0aCBmaWxsPSIjRUJGNEZGIiBkPSJNMTA4IDM2Ljk4MWwtMjcuOTQ5IDE1LjkzLTE3LjQwMS05Ljk4M0w5MC41OTkgMjd6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTg4LjQzNSAyNS43NjJMNjAuNDg1IDQxLjY5bDIuNTQ5IDEuNDYgMjcuOTUtMTUuOTI2eiIvPjwvZz48L2c+PGcgZmlsbD0iIzAwNkVGRiI+PHBhdGggZD0iTTcwLjM0NSAzMy45MzNsMy42MiA2LjM0Mi0uNzExLjk4OS0zLjg3NS02Ljc2NWMtLjUxNy0uOTI3LS41MTMtMS45MDIuMDE4LTIuMjA2bDMuOS0yLjE4My42MDUgMS41NDcuMTAxLjI0OS0zLjY1OCAyLjAyN3pNODcuNjkzIDQyLjg3Yy41MjkuOTIuNTM5IDEuOTE5LjAwNiAyLjIyMmwtMy44OTkgMi4yNy0uNzA2LTEuODA5IDMuNjQ3LTIuMTM5LTMuNjM1LTYuMjQ2LjEwMS0uMTMuNjEtLjg0MyAzLjg3NiA2LjY3NXpNODIuMTk0IDMyLjI2NGwxLjE2MiAxLjQ2LTguMzY0IDExLjUzOC0xLjE2Mi0xLjQ2ek0zNy40MzMgNDQuMTEyYy42MDMuMzYxIDEuMDQuNzMxIDEuMjkzIDEuMTEyLjI1NC4zODIuMzMxLjc0OC4yMzMgMS4xLS4wOTEuMzU2LS4zNTcuNjc3LS43OS45NjhsLS4wOTEuMDY1LTEuNTYxLS45MzQuMDU3LS4wNDRjLjE4NC0uMTQxLjI4NC0uMjkxLjI5LS40NTcuMDI0LS4xNjYtLjAzMy0uMzMtLjE2LS41MDZhMi4xODkgMi4xODkgMCAwMC0uNjA1LS41MDIgMy41NTYgMy41NTYgMCAwMC0uODQ3LS4zNjZjLS4yODUtLjA3LS41NTMtLjEtLjc5NS0uMDc1YTEuNTQxIDEuNTQxIDAgMDAtLjY2LjE5NWMtLjI1OS4xNTUtLjM1LjM0MS0uMjkuNTU2LjA2LjIxOC4yOC40ODkuNjQuODE0bC42NjMuNTk1Yy42NjYuNTk4IDEuMDExIDEuMTE0IDEuMDQ3IDEuNTU1LjAzNi40NC0uMjYzLjg1My0uODcyIDEuMjE5YTQuMjI2IDQuMjI2IDAgMDEtMS43MDMuNTYyIDUuNTUzIDUuNTUzIDAgMDEtMS45NDItLjE0IDcuMjQgNy4yNCAwIDAxLTIuMDAzLS44MzhjLS42My0uMzc2LTEuMDc1LS43NTMtMS4zNjEtMS4xNDMtLjI3OS0uMzg2LS4zOS0uNzYyLS4zMTYtMS4xMjkuMDgyLS4zNjIuMzQ3LS43MDIuNzk3LTEuMDEybC4wODQtLjA1IDEuNTUyLjkyNi0uMDQyLjA0NmMtLjE3NS4xNDYtLjI0OC4zLS4yNTYuNDc2LjAwMS4xODEuMDg1LjM2Mi4yMzguNTUxLjE1LjE5Mi4zNzguMzc3LjY4LjU1OC4zMDIuMTguNjEzLjMxNi45MTQuMzk2LjMwMS4wOC41ODYuMTEuODYyLjA5NS4yNjctLjAyLjUwMS0uMDkuNjkzLS4yMDUuMjc1LS4xNjYuMzgyLS4zNTEuMzIzLS41NjYtLjA2LS4yMTgtLjI5NS0uNDk4LS42ODItLjg0OGwtLjY2NC0uNTk3Yy0uNjEzLS41NTYtLjk0Mi0xLjA2My0uOTctMS41Mi0uMDItLjQ2LjI2My0uODcyLjg0Ny0xLjIyM2E0LjAxNSA0LjAxNSAwIDAxMS42NTItLjUyMSA2LjAxOSA2LjAxOSAwIDAxMS44OTEuMTQgNi40NCA2LjQ0IDAgMDExLjg1NC43NDdNMzEuOTM2IDQwLjk4OWwtNS4zNjEgMy4yMjNhNC45MTYgNC45MTYgMCAwMS0yLjYzOC43MzJjLS45MjEtLjAxLTEuODE4LS4yNjUtMi42NzMtLjc3Ni0uNTQ2LS4zMjYtLjkwNy0uNjYxLTEuMTAyLTEuMDE4LS4xOTMtLjM1Ni0uMjEzLS43MDgtLjA2My0xLjA1OC4xNTYtLjM0Ni40NjQtLjY3My45MzgtLjk3OGwuMDUyLS4wMyAxLjYwMi45NTYtLjAzNC4wMjJjLS4xOS4xMzUtLjMyNS4yNjUtLjM5OC40MWEuNDc2LjQ3NiAwIDAwLS4wMDcuNDI3Yy4wNi4xNDUuMjAyLjI4LjQxMy40MDYuMzQ0LjIwNi43MTIuMzA2IDEuMTA1LjI5MS4zODUtLjAyLjc3Ny0uMTQ1IDEuMTY5LS4zOEwzMC4yODMgNDBsMS42NTMuOTg5eiIvPjwvZz48L2c+PC9zdmc+" style="width: 120px;">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <div class="body-wrapper" style="padding-left: 25%">
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px" style="width: 700px">
+      <el-form ref="form" v-if="checkScene == 1" :model="form" :rules="rules" label-width="100px" style="width: 700px">
         <el-form-item label="任务名称" prop="jobName">
           <el-input v-model="form.jobName" placeholder="任务名称" />
         </el-form-item>
@@ -22,6 +70,16 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="检测用例" prop="checkCase">
+          <el-select v-model="form.checkCase" multiple placeholder="检测用例" style="width: 100%" v-if="showCheckCase">
+            <el-option
+              v-for="item in checkCaseOptions"
+              :key="item.id"
+              :label="item.ruleName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="cron表达式" prop="cronExpression">
           <el-input v-model="form.cronExpression" placeholder="cron表达式" />
         </el-form-item>
@@ -45,6 +103,7 @@
 
 <script>
 import { saveCheckJob } from '@/api/quality/checkjob'
+import { pageCheckRule } from '@/api/quality/checkrule'
 
 export default {
   name: 'CheckJobAdd',
@@ -59,6 +118,7 @@ export default {
   data() {
     return {
       title: '检测任务新增',
+      checkScene: '0',
       // 展示切换
       showOptions: {
         data: {},
@@ -67,6 +127,7 @@ export default {
         showEdit: false,
         showDetail: false
       },
+      showCheckCase: true,
       // 保存按钮
       loadingOptions: {
         loading: false,
@@ -77,6 +138,7 @@ export default {
       form: {
         jobName: undefined,
         jobType: undefined,
+        checkCase: '',
         cronExpression: undefined,
         beanName: 'qualityTask',
         methodName: 'task',
@@ -94,6 +156,7 @@ export default {
           { required: true, message: 'cron表达式不能为空', trigger: 'blur' }
         ]
       },
+      checkCaseOptions:[],
       // 状态数据字典
       statusOptions: [],
       // 规则级别数据字典
@@ -118,6 +181,7 @@ export default {
         this.statusOptions = response.data
       }
     })
+    this.getCheckRule()
   },
   methods: {
     showCard() {
@@ -128,6 +192,38 @@ export default {
         return item.typeId === val
       })
       this.form.jobType = item.typeId
+      this.getCheckRule()
+    },
+    checkSceneStart(scene){
+      this.checkScene = scene
+    },
+    getCheckRule() {
+      let ruleType = 'nr'
+      if(this.form.jobType == 'structure'){
+        ruleType = 'jg'
+      } else if(this.form.jobType == 'relevance'){
+        ruleType = 'gl'
+      }
+      let params = {
+        pageNum: 1,
+        pageSize: 20,
+        projectId: '1111',
+        ruleTypeId: '',
+        ruleName: '',
+        ruleType: ruleType
+      }
+      this.checkCaseOptions = []
+      pageCheckRule(params).then(response => {
+        if (response.success) {
+          const { data } = response
+          this.checkCaseOptions = data.data
+          this.showCheckCase = false
+          this.$nextTick(() => {
+            this.showCheckCase = true
+          })
+          console.log('datadddd',data)
+        }
+      })
     },
     /** 提交按钮 */
     submitForm: function () {
@@ -166,4 +262,44 @@ export default {
     height: calc(100vh - 230px);
     overflow-y: auto;
   }
+  .style-module__grid-container--29AQk{
+    display: grid;
+    grid-template-rows: var(--template-rows);
+    grid-template-columns: var(--template-cols);
+    grid-gap: var(--gap,0);
+  }
+  .style-module__grid-item--2nHmp{
+    grid-row: span var(--row-span,1);
+    grid-column: span var(--col-span,1);
+    margin: 0!important;
+  }
+  .app-pts-web-card{
+    background-color: #fff;
+    box-shadow: 0 2px 4px 0 rgba(54,58,80,.32);
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    border-radius: 0;
+    color: rgba(0,0,0,.9);
+  }
+  .app-pts-web-justify-grid{
+    display: flex;
+    width: 100%;
+    align-items: center;
+    color: rgba(0,0,0,.9);
+    box-sizing: border-box;
+  }
+  .app-pts-web-card__body{
+    font-size: 12px;
+    padding: 20px;
+  }
+  .app-pts-web-card{
+    background-color: #fff;
+    box-shadow: 0 2px 4px 0 rgba(54,58,80,.32);
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    border-radius: 0;
+    color: rgba(0,0,0,.9);
+  }
 </style>
diff --git a/src/views/quality/checkjob/CheckJobDetail.vue b/src/views/quality/checkjob/CheckJobDetail.vue
index cae5fb3..8b30280 100644
--- a/src/views/quality/checkjob/CheckJobDetail.vue
+++ b/src/views/quality/checkjob/CheckJobDetail.vue
@@ -3,48 +3,123 @@
     <div slot="header" class="clearfix">
       <span>{{ title }}</span>
       <el-button-group style="float: right;">
+        <el-button size="mini" type="primary" @click="executionSchedule">执行</el-button>
         <el-button size="mini" icon="el-icon-back" @click="showCard">返回</el-button>
       </el-button-group>
     </div>
     <div class="body-wrapper">
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px" disabled>
-        <el-form-item label="任务名称" prop="jobName">
-          <el-input v-model="form.jobName" placeholder="任务名称" />
-        </el-form-item>
-        <el-form-item label="任务类型" prop="jobType">
-          <el-select v-model="form.jobType" placeholder="请选择任务类型" @change="ruleItemSelectChanged">
-            <el-option
-              v-for="item in ruleItemOptions"
-              :key="item.typeId"
-              :label="item.typeName"
-              :value="item.typeId"
-            />
-          </el-select>
-        </el-form-item>
-        <el-divider content-position="left">任务配置</el-divider>
-        <el-form-item label="cron表达式" prop="cronExpression">
-          <el-input v-model="form.cronExpression" placeholder="cron表达式" />
-        </el-form-item>
-        <el-form-item label="状态" prop="status">
-          <el-radio-group v-model="form.status">
-            <el-radio
-              v-for="dict in statusOptions"
-              :key="dict.id"
-              :label="dict.itemText"
-            >{{ dict.itemValue }}
-            </el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="任务概述" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-      </el-form>
+      <el-descriptions title="检测场景" :column="2" border size="medium" >
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            检测场景
+          </template>
+          <div class="app-pts-web-card style-module__grid-item--2nHmp" style="height: 200px; width:40%;margin: 10px;">
+            <div class="app-pts-web-card__body">
+              <div class="app-pts-web-card__title">
+                <div class="app-pts-web-justify-grid">
+                  <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                    <h3 class="app-pts-web-h3"><span class="" style="color: rgb(0, 0, 0);">简单模式</span></h3>
+                  </div>
+                </div>
+              </div>
+              <div class="app-pts-web-card__content">
+                <div class="app-pts-web-justify-grid">
+                  <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--left">
+                    <p class="" style="min-height: 50px; font-size: 12px; line-height: 20px;">使用我们的交互式 UI 组合接入数据源、定义数据模型、创建检测用例、执行检测任务、查看检测结果与报告生成。</p>
+                  </div>
+                  <div class="app-pts-web-justify-grid__col app-pts-web-justify-grid__col--right">
+                    <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjMuMzk5djEzLjUxN0gweiIvPjxwYXRoIGlkPSJjIiBkPSJNMCAwaDEwLjYydjYuMTQ1SDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTkyLjQ2MyAzNy4zNTFsLTIwLjk4LTEyLjExMy0xNi42NzcgOS42OTEgMjAuOTggMTIuMTEyek01Ny44OTcgOTMuNDQ0bDI3LjMyIDE1LjkyMyAzMC4yODYtMTcuNzk3LTI3LjMxOC0xNS45MjN6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTY2LjgyMiA1My4xNzdMMzYuNTM0IDcwLjk3NGw0OC42NDggMjguMzk4IDMwLjI4Ny0xNy43OTZ6Ii8+PHBhdGggZmlsbD0iIzAwNkVGRiIgZD0iTTY2LjgyMiA1My4xNzdsNDguNjQ3IDI4LjQtNC4yNTcgMi41TDYyLjU3OSA1NS42N3oiLz48cGF0aCBkPSJNNjEuODU0IDcwLjgxOWwyOS43ODIgMTcuNDA0IDkuNzQxLTUuNzNMNzEuNTk0IDY1LjA5bC05Ljc0IDUuNzN6bS00LjMwNiAyLjUzM0w4Ny4zMyA5MC43NTZsMi4xNDQtMS4yNjFMNTkuNjkgNzIuMDlsLTIuMTQyIDEuMjZ6bS00LjMwNyAyLjUzMmwyOS43ODMgMTcuNDA0IDIuMTQ0LTEuMjYtMjkuNzgyLTE3LjQwNi0yLjE0NSAxLjI2MnoiIGZpbGw9IiNFQkY0RkYiLz48cGF0aCBkPSJNNjcuNDAzIDU1Ljc3N2MtLjMyOS4xOTMtLjMyOS41MDYuMDAzLjcuMzMxLjE5My44NjguMTkzIDEuMTk3IDAgLjMyOC0uMTk0LjMyNS0uNTA3LS4wMDYtLjdhMS4yMDYgMS4yMDYgMCAwMC0uNTk4LS4xNDVjLS4yMTYgMC0uNDMxLjA0OC0uNTk2LjE0NXptMi40NjYgMS40MzljLS4zMjkuMTkzLS4zMjkuNTA2LjAwMy43LjMzMS4xOTMuODY4LjE5MyAxLjE5NiAwIC4zMjktLjE5NC4zMjYtLjUwNy0uMDA1LS43YTEuMjA3IDEuMjA3IDAgMDAtLjU5OC0uMTQ2Yy0uMjE2IDAtLjQzMS4wNDktLjU5Ni4xNDZ6bTIuNDY2IDEuNDRjLS4zMjkuMTkyLS4zMjkuNTA2LjAwMy43LjMzMS4xOTIuODY4LjE5MiAxLjE5NiAwIC4zMjktLjE5NC4zMjYtLjUwOC0uMDA1LS43YTEuMjA2IDEuMjA2IDAgMDAtLjU5OC0uMTQ1Yy0uMjE2IDAtLjQzMi4wNDgtLjU5Ni4xNDV6IiBmaWxsPSIjRkZGIi8+PHBhdGggc3Ryb2tlPSIjMDA2RUZGIiBkPSJNNjguNjY4IDM5LjU5TDM4IDU3LjUyNyA4Ny4yNTkgODYuMTVsMzAuNjY3LTE3LjkzN3pNNjQuMjM3IDQyLjE4MWw0OS4wMDEgMjguNTQ2Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTAgNTAuNTcyTDI3Ljk0OSA2Ni41IDQ1LjM1IDU2LjUyIDE3LjQwMSA0MC41OXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNMTcuNDM1IDQwLjU5bDI3Ljk1IDE1LjkzLTIuNTQ5IDEuNDYtMjcuOTUtMTUuOTI3eiIvPjxwYXRoIGQ9Ik0yNS42NTkgNTEuMzc3YzEuOTQ2IDEuMTA1IDEuOTU0IDIuODkxLjAyMSAzLjk5NS0uODIyLjQ3LTEuODUyLjczLTIuOTAzLjgxMWwuMDExIDEuNTUxSDIxLjU5bC0uMDA5LTEuNTVjLTEuMDUxLS4wODQtMi4wODYtLjM0LTIuOTE0LS44MTItMS45NDYtMS4xMDQtMS45NTYtMi44ODktLjAyNC0zLjk5NCAxLjkzMy0xLjEwNCA1LjA3MS0xLjEwNSA3LjAxNiAwem0tNi4xOTQuNDczYy0xLjQ4Mi44NjEtMS40NzUgMi4yNTIuMDE4IDMuMTE0IDEuNDkzLjg2MiAzLjg5NC44NjIgNS4zNzYgMCAxLjQ4My0uODYyIDEuNDc1LTIuMjUyLS4wMTktMy4xMTQtMS40OTMtLjg2NC0zLjg5MS0uODY0LTUuMzc1IDB6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTc0LjA3NiAxNy4zMjdsLTMuNTIxIDIuMDQ2LTcuMDkzLTQuMDk2IDMuNTItMi4wNDZ6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTYyLjc1NyAxNS42ODZsLjcwNC0uNDA5IDcuMDk0IDQuMDk2LS43MDQuNDF6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTY5Ljg1MSAxOS43ODJsLTMuNTI3IDIuMDUtNy4wOTMtNC4wOTYgMy41MjYtMi4wNXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNNTguNTI3IDE4LjE0NWwuNzA0LS40MDkgNy4wOTMgNC4wOTYtLjcwNC40MXoiLz48cGF0aCBmaWxsPSIjRUJGNEZGIiBkPSJNODAuNDYgMjEuMDEzbC0zLjUyIDIuMDQ2LTUuNjc2LTMuMjc2IDMuNTItMi4wNDZ6Ii8+PHBhdGggZmlsbD0iI0E3Q0RGRiIgZD0iTTcwLjU2IDIwLjE5MWwuNzA0LS40MDkgNS42NzYgMy4yNzYtLjcwNC40MXoiLz48cGF0aCBmaWxsPSIjQTdDREZGIiBkPSJNNzQuNzg1IDE3LjczNmwtMy41MjEgMi4wNDYtLjcwNC40MS0zLjUyNyAyLjA1LS43MDQuNDA4LTMuNTI2IDIuMDUtLjcxLS40MSAzLjUyOC0yLjA0OS43MDQtLjQwOSAzLjUyNi0yLjA1LjcwNS0uNDA5IDMuNTItMi4wNDZ6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYuOTgyIDEyKSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZmlsbD0iI0E3Q0RGRiIgbWFzaz0idXJsKCNiKSIgZD0iTTIzLjM5OSAxMi4yODZsLTIuMTE5IDEuMjMxLTcuMDk0LTQuMDk1LS43MDgtLjQwOS01LjY3Ni0zLjI3Ny0uNzA5LS40MDlMMCAxLjIzMSAyLjExOSAweiIvPjwvZz48cGF0aCBmaWxsPSIjRUJGNEZGIiBkPSJNNzYuMjM2IDIzLjQ2OGwtMy41MjcgMi4wNS01LjY3Ni0zLjI3NyAzLjUyNy0yLjA1eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik02Ni4zMjkgMjIuNjVsLjcwNC0uNDA5IDUuNjc2IDMuMjc2LS43MDQuNDF6TTc3LjY0OSAyMy40NjhsNy4wOTMgNC4wOTYtLjcwNC40MDktNy4wOTMtNC4wOTZ6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTY2LjMyOSAyMi42NWw1LjY3NiAzLjI3Ni0zLjUyNyAyLjA1LTUuNjc1LTMuMjc3eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik04MS4xNjggMjEuNDIybC0zLjUyIDIuMDQ2LS43MDMuNDA5LTMuNTI3IDIuMDUtLjcwNS40MDktMy41MjUgMi4wNS0uNzEtLjQxIDMuNTI3LTIuMDUuNzA0LS40MDggMy41MjYtMi4wNS43MDUtLjQxIDMuNTItMi4wNDV6Ii8+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTczLjQxNyAyNS45MjdsMy41MjctMi4wNSA3LjA5MyA0LjA5Ni0zLjUyNiAyLjA1eiIvPjxwYXRoIGZpbGw9IiNBN0NERkYiIGQ9Ik03My40MTcgMjUuOTI3bDcuMDk0IDQuMDk2LS43MDQuNDA5LTcuMDk0LTQuMDk2eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5LjE4NyAyNi4zMzYpIj48bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYyIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRUJGNEZGIiBtYXNrPSJ1cmwoI2QpIiBkPSJNMCAyLjA1TDMuNTI2IDBsNy4wOTQgNC4wOTYtMy41MjcgMi4wNXoiLz48L2c+PHBhdGggZmlsbD0iI0VCRjRGRiIgZD0iTTgxLjE2OCAyMS40MjJsNy4wOTQgNC4wOTYtMy41MiAyLjA0Ni03LjA5NC00LjA5NnpNNTUgMjAuMTk0di4wMDFsNy4wOTMgNC4wOTUgMy41MjctMi4wNS03LjA5My00LjA5NXoiLz48cGF0aCBkPSJNNzkuODk2IDI5LjVjLTIuMzE4LTEuMzM3LTYuMDYtMS4zMzctOC4zNjIgMC0uMzYuMjEtLjY2Mi40MzgtLjkwOS42ODItMS4zMzQgMS4zMTMtMS4wMiAzLjAzNC45MzYgNC4xNjMgMi4zMTcgMS4zMzggNi4wNiAxLjMzOCA4LjM2MSAwIDEuOTQ0LTEuMTMgMi4yNC0yLjg1Ljg5LTQuMTYzYTQuMTA3IDQuMTA3IDAgMDAtLjQ2Mi0uMzg3IDUuNjQxIDUuNjQxIDAgMDAtLjQ1NC0uMjk0bS02Ljc4OCAxLjUxMmwxLjA0LS42MDUgMS41NzcuOTEgMS41NjctLjkxIDEuMDQ2LjYwNS0xLjU2Ni45MSAxLjU3Ny45MS0xLjA0LjYwNi0xLjU3Ny0uOTEyLTEuNTY3LjkxMi0xLjA0Ny0uNjA1IDEuNTY2LS45MTEtMS41NzYtLjkxIiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTc4LjMzOCAzMS4wMTJsLTEuMDQ2LS42MDQtMS41NjcuOTEtMS41NzYtLjkxLTEuMDQuNjA0IDEuNTc2LjkxLTEuNTY3LjkxMSAxLjA0Ny42MDUgMS41NjctLjkxIDEuNTc2LjkxIDEuMDQxLS42MDUtMS41NzctLjkxeiIvPjwvZz48L3N2Zz4=" style="width: 120px;">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-descriptions-item>
+      </el-descriptions >
+      <el-descriptions style="margin-top: 20px" title="任务信息" :column="2" :colon="false" border size="medium">
+        <el-descriptions-item :labelStyle="{width: '200px'}" :contentStyle="{width: '35%'}">
+          <template slot="label">
+            任务名称
+          </template>
+          {{form.jobName}}
+        </el-descriptions-item>
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            任务类型
+          </template>
+          <template v-for="item in ruleItemOptions">
+            <span v-if="form.jobType == item.typeId" size="small" type="success">{{ item.typeName }}</span>
+          </template>
+        </el-descriptions-item>
+        <el-descriptions-item :labelStyle="{width: '200px'}" :contentStyle="{width: '35%'}">
+          <template slot="label">
+            cron表达式
+          </template>
+          {{form.cronExpression}}
+        </el-descriptions-item>
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            定时状态
+          </template>
+          <template v-for="dict in statusOptions">
+            <el-tag v-if="form.status == dict.itemText && form.status == '1' " size="small" type="success">{{ selectDictLabel(statusOptions, form.status) }}</el-tag>
+            <el-tag v-if="form.status == dict.itemText && form.status != '1'  " size="small" type="warning">{{ selectDictLabel(statusOptions, form.status) }}</el-tag>
+          </template>
+        </el-descriptions-item>
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            任务概述
+          </template>
+          {{form.remark}}
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-descriptions style="margin-top: 20px" title="检测用例" :column="2" border size="medium" >
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            检测用例
+          </template>
+          <template  v-for="item in checkCaseOptions">
+            <el-tag effect="plain" :key="item.id" style="margin-left: 20px">{{ item.ruleName }}</el-tag>
+          </template>
+        </el-descriptions-item>
+      </el-descriptions >
+      <el-descriptions style="margin-top: 20px" title="检测进度" :column="2" border size="medium" >
+        <el-descriptions-item :labelStyle="{width: '200px'}">
+          <template slot="label">
+            检测进度
+          </template>
+          <div style="height: 300px;">
+            <el-steps direction="vertical" v-if="scheduleOptions.showScheduleSteps" :active="scheduleOptions.scheduleActive">
+              <el-step title="连接数据源">
+                <template slot="description">
+                  <div v-if="scheduleOptions.showScheduleDataSourceDesc1">正在连接数据源“数据平台”......</div>
+                  <div v-if="scheduleOptions.showScheduleDataSourceDesc2">数据源连接成功！</div>
+                </template>
+              </el-step>
+              <el-step title="检测执行初始化">
+                <template slot="description">
+                  <div v-if="scheduleOptions.showScheduleInitDesc1">开始进行检测执行初始化......</div>
+                  <div v-if="scheduleOptions.showScheduleInitDesc2">检测执行前初始化成功！</div>
+                </template>
+              </el-step>
+              <el-step title="开始执行检测">
+                <template slot="description">
+                  <div v-if="scheduleOptions.showScheduleResulteDesc1">开始执行检测......</div>
+                  <div v-if="scheduleOptions.showScheduleResulteDesc2"><el-progress :percentage="scheduleOptions.percentage"></el-progress></div>
+                  <div v-if="scheduleOptions.showScheduleResulteDesc3">检测执行成功！可在检测结果管理查看检测结果报告！</div>
+                </template>
+              </el-step>
+            </el-steps>
+          </div>
+        </el-descriptions-item>
+      </el-descriptions >
     </div>
   </el-card>
 </template>
 
 <script>
 import { updateCheckJob, getScheduleJobById } from '@/api/quality/checkjob'
+import { pageCheckRule } from '@/api/quality/checkrule'
 
 export default {
   name: 'CheckJobDetail',
@@ -67,6 +142,26 @@ export default {
         showEdit: false,
         showDetail: false
       },
+      scheduleOptions:{
+        showScheduleDataSourceDesc1: false,
+        showScheduleDataSourceDesc2: false,
+        showScheduleInitDesc1: false,
+        showScheduleInitDesc2: false,
+        showScheduleResulteDesc1: false,
+        showScheduleResulteDesc2: false,
+        showScheduleResulteDesc3: false,
+        showScheduleSteps: false,
+        scheduleActive: 0,
+        percentage: 0
+      },
+      scheduleOptionsArr: [
+        {id:'showScheduleDataSourceDesc1', time: 1000},
+        {id:'showScheduleDataSourceDesc2', time: 2000},
+        {id:'showScheduleInitDesc1', time: 3000},
+        {id:'showScheduleInitDesc2', time: 4000},
+        {id:'showScheduleResulteDesc1', time: 5000},
+        {id:'showScheduleResulteDesc2', time: 6000}
+      ],
       // 保存按钮
       loadingOptions: {
         loading: false,
@@ -97,6 +192,7 @@ export default {
         { typeId: 'content', typeName: '内容符合性' },
         { typeId: 'relevance', typeName: '关联符合性' }
       ],
+      checkCaseOptions: [],
       sourceOptions: [],
       tableOptions: [],
       columnOptions: [],
@@ -106,11 +202,12 @@ export default {
   },
   created() {
     this.form.jobType = this.data.jobType
-    this.getDicts('sys_common_status').then(response => {
+    this.getDicts('sys_job_status').then(response => {
       if (response.success) {
         this.statusOptions = response.data
       }
     })
+    this.getCheckRule()
   },
   mounted() {
     this.getCheckJob(this.data.id)
@@ -134,6 +231,29 @@ export default {
       })
       this.form.jobType = item.typeId
     },
+    getCheckRule() {
+      let ruleType = 'nr'
+      if(this.form.jobType == 'structure'){
+        ruleType = 'jg'
+      } else if(this.form.jobType == 'relevance'){
+        ruleType = 'gl'
+      }
+      let params = {
+        pageNum: 1,
+        pageSize: 20,
+        projectId: '1111',
+        ruleTypeId: '',
+        ruleName: '',
+        ruleType: ruleType
+      }
+      this.checkCaseOptions = []
+      pageCheckRule(params).then(response => {
+        if (response.success) {
+          const { data } = response
+          this.checkCaseOptions = data.data
+        }
+      })
+    },
     /** 提交按钮 */
     submitForm: function () {
       this.$refs['form'].validate(valid => {
@@ -161,6 +281,51 @@ export default {
           })
         }
       })
+    },
+    executionSchedule(){
+      this.scheduleOptions.showScheduleSteps = true
+      for(let i=0; i<this.scheduleOptionsArr.length; i++){
+        if(this.scheduleOptionsArr[i].id == 'showScheduleDataSourceDesc1'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleDataSourceDesc1 = true
+          }, this.scheduleOptionsArr[i].time)
+        } else if(this.scheduleOptionsArr[i].id == 'showScheduleDataSourceDesc2'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleDataSourceDesc2 = true
+            this.scheduleOptions.scheduleActive = 1
+          }, this.scheduleOptionsArr[i].time)
+        } else if(this.scheduleOptionsArr[i].id == 'showScheduleInitDesc1'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleInitDesc1 = true
+          }, this.scheduleOptionsArr[i].time)
+        } else if(this.scheduleOptionsArr[i].id == 'showScheduleInitDesc2'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleInitDesc2 = true
+            this.scheduleOptions.scheduleActive = 2
+          }, this.scheduleOptionsArr[i].time)
+        } else if(this.scheduleOptionsArr[i].id == 'showScheduleResulteDesc1'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleResulteDesc1 = true
+          }, this.scheduleOptionsArr[i].time)
+        } else if(this.scheduleOptionsArr[i].id == 'showScheduleResulteDesc2'){
+          setTimeout(() => {
+            this.scheduleOptions.showScheduleResulteDesc2 = true
+            this.scheduleOptions.scheduleActive = 3
+            this.simulateProgress()
+          }, this.scheduleOptionsArr[i].time)
+        }
+      }
+    },
+    simulateProgress() {
+      let intervalId = setInterval(() => {
+        let randomValue = Math.floor(Math.random() * 50); // 生成0-1之间的随机数
+        this.scheduleOptions.percentage += randomValue; // 每次增加10%的进度
+        if (this.scheduleOptions.percentage >= 100) {
+          this.scheduleOptions.percentage = 100
+          this.scheduleOptions.showScheduleResulteDesc3 = true
+          clearInterval(intervalId); // 当进度达到100%时停止定时器
+        }
+      }, 1000); // 每秒更新一次进度
     }
   }
 }
@@ -171,4 +336,44 @@ export default {
     height: calc(100vh - 230px);
     overflow-y: auto;
   }
+  .style-module__grid-container--29AQk{
+    display: grid;
+    grid-template-rows: var(--template-rows);
+    grid-template-columns: var(--template-cols);
+    grid-gap: var(--gap,0);
+  }
+  .style-module__grid-item--2nHmp{
+    grid-row: span var(--row-span,1);
+    grid-column: span var(--col-span,1);
+    margin: 0!important;
+  }
+  .app-pts-web-card{
+    background-color: #fff;
+    box-shadow: 0 2px 4px 0 rgba(54,58,80,.32);
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    border-radius: 0;
+    color: rgba(0,0,0,.9);
+  }
+  .app-pts-web-justify-grid{
+    display: flex;
+    width: 100%;
+    align-items: center;
+    color: rgba(0,0,0,.9);
+    box-sizing: border-box;
+  }
+  .app-pts-web-card__body{
+    font-size: 12px;
+    padding: 20px;
+  }
+  .app-pts-web-card{
+    background-color: #fff;
+    box-shadow: 0 2px 4px 0 rgba(54,58,80,.32);
+    margin-left: auto;
+    margin-right: auto;
+    box-sizing: border-box;
+    border-radius: 0;
+    color: rgba(0,0,0,.9);
+  }
 </style>
diff --git a/src/views/quality/checkjob/CheckJobEdit.vue b/src/views/quality/checkjob/CheckJobEdit.vue
index b874855..5b6b80f 100644
--- a/src/views/quality/checkjob/CheckJobEdit.vue
+++ b/src/views/quality/checkjob/CheckJobEdit.vue
@@ -7,13 +7,13 @@
         <el-button size="mini" icon="el-icon-back" @click="showCard">返回</el-button>
       </el-button-group>
     </div>
-    <div class="body-wrapper">
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+    <div class="body-wrapper"  style="padding-left: 25%">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px"  style="width: 700px">
         <el-form-item label="任务名称" prop="jobName">
           <el-input v-model="form.jobName" placeholder="任务名称" />
         </el-form-item>
         <el-form-item label="任务类型" prop="jobType">
-          <el-select v-model="form.jobType" placeholder="请选择任务类型" @change="ruleItemSelectChanged">
+          <el-select v-model="form.jobType" placeholder="请选择任务类型" @change="ruleItemSelectChanged" style="width: 100%">
             <el-option
               v-for="item in ruleItemOptions"
               :key="item.typeId"
@@ -22,7 +22,16 @@
             />
           </el-select>
         </el-form-item>
-        <el-divider content-position="left">任务配置</el-divider>
+        <el-form-item label="检测用例" prop="checkCase">
+          <el-select v-model="form.checkCase" multiple placeholder="检测用例" style="width: 100%">
+            <el-option
+              v-for="item in checkCaseOptions"
+              :key="item.id"
+              :label="item.ruleName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="cron表达式" prop="cronExpression">
           <el-input v-model="form.cronExpression" placeholder="cron表达式" />
         </el-form-item>
@@ -37,7 +46,7 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="任务概述" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          <el-input v-model="form.remark" type="textarea" :rows="8" placeholder="请输入内容" />
         </el-form-item>
       </el-form>
     </div>
@@ -46,6 +55,7 @@
 
 <script>
 import { updateCheckJob, getScheduleJobById } from '@/api/quality/checkjob'
+import { pageCheckRule } from '@/api/quality/checkrule'
 
 export default {
   name: 'CheckJobEdit',
@@ -88,6 +98,7 @@ export default {
           { required: true, message: 'cron表达式不能为空', trigger: 'blur' }
         ]
       },
+      checkCaseOptions: [],
       // 状态数据字典
       statusOptions: [],
       // 规则级别数据字典
@@ -112,6 +123,7 @@ export default {
         this.statusOptions = response.data
       }
     })
+    this.getCheckRule()
   },
   mounted() {
     this.getCheckJob(this.data.id)
@@ -135,6 +147,29 @@ export default {
       })
       this.form.jobType = item.typeId
     },
+    getCheckRule() {
+      let ruleType = 'nr'
+      if(this.form.jobType == 'structure'){
+        ruleType = 'jg'
+      } else if(this.form.jobType == 'relevance'){
+        ruleType = 'gl'
+      }
+      let params = {
+        pageNum: 1,
+        pageSize: 20,
+        projectId: '1111',
+        ruleTypeId: '',
+        ruleName: '',
+        ruleType: ruleType
+      }
+      this.checkCaseOptions = []
+      pageCheckRule(params).then(response => {
+        if (response.success) {
+          const { data } = response
+          this.checkCaseOptions = data.data
+        }
+      })
+    },
     /** 提交按钮 */
     submitForm: function () {
       this.$refs['form'].validate(valid => {
diff --git a/src/views/quality/checkjob/CheckJobList.vue b/src/views/quality/checkjob/CheckJobList.vue
index 4c17ea2..52ab6ee 100644
--- a/src/views/quality/checkjob/CheckJobList.vue
+++ b/src/views/quality/checkjob/CheckJobList.vue
@@ -106,7 +106,6 @@
             @click="handleDetail(scope.row)"
           >详情</el-button>
           <el-button
-            v-hasPerm="['quality:rule:edit']"
             size="mini"
             type="text"
             icon="el-icon-edit-outline"
@@ -174,9 +173,15 @@ export default {
         // { prop: 'methodParams', label: '方法参数', show: true },
         { prop: 'cronExpression', label: 'cron表达式', show: true },
         { prop: 'afterDate', label: '最近完成时间', show: true },
+        {
+          prop: 'schedule',
+          label: '任务进度',
+          show: true,
+          formatter: this.scheduleFormatter
+        },
         {
           prop: 'status',
-          label: '状态',
+          label: '定时状态',
           show: true,
           formatter: this.statusFormatter
         },
@@ -305,6 +310,9 @@ export default {
         return <el-tag type='warning'>{dictLabel}</el-tag>
       }
     },
+    scheduleFormatter(row, column, cellValue, index){
+      return '100%'
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1
diff --git a/src/views/quality/checkreport/CheckReportStructure.vue b/src/views/quality/checkreport/CheckReportStructure.vue
index 29cba5a..be694b4 100644
--- a/src/views/quality/checkreport/CheckReportStructure.vue
+++ b/src/views/quality/checkreport/CheckReportStructure.vue
@@ -124,6 +124,31 @@
               <el-table-column prop="checkTotalCount" label="核查数" align="center" />
               <el-table-column prop="checkErrorCount" label="不合规数" align="center" />
             </el-table>
+            <el-collapse accordion>
+              <el-collapse-item>
+                <template slot="title">
+                  不合规明细<i class="el-icon-arrow-right"></i>
+                </template>
+                <div>
+                  <el-table
+                    :data="table_key"
+                    border
+                    tooltip-effect="dark"
+                    :max-height="250"
+                    style="width: 100%; margin: 15px 0;"
+                  >
+                    <el-table-column prop="ruleName" label="用例名称" align="center" />
+                    <el-table-column prop="ruleSourceName" label="数据源" align="center" />
+                    <el-table-column prop="ruleTableName" label="数据表" align="center" />
+                    <el-table-column prop="checkTotalCount" label="实际表名" align="center" />
+                    <el-table-column prop="checkTotalCount" label="标准表名" align="center" />
+                    <el-table-column prop="checkTotalCount" label="实际字段" align="center" />
+                    <el-table-column prop="checkErrorCount" label="标准字段" align="center" />
+                    <el-table-column prop="checkErrorCount" label="不合规原因" align="center" />
+                  </el-table>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
           </el-col>
         </el-row>
         <el-row>