diff --git a/src/api/engine/engine.js b/src/api/engine/engine.js
index 82276a3..48b9a8f 100644
--- a/src/api/engine/engine.js
+++ b/src/api/engine/engine.js
@@ -39,6 +39,25 @@ export  function del(id){
 }
 
 
+//开启
+export  function onEngine(id){
+  return request({
+    url: "/engine/engine/onEngine/" + id,
+    method: "post",
+    data:id
+  })
+}
+
+
+//禁用
+export  function forbiddenEngine(id){
+  return request({
+    url: "/engine/engine/forbiddenEngine/" + id,
+    method: "post",
+    data:id
+  })
+}
+
 export  function selectLevel(){
   return request({
     url: "/engine/level/selectLevelList",
@@ -55,3 +74,12 @@ export function getRuleEngineInfo(id) {
 }
 
 
+// 通过id查询
+export function findById(id) {
+  return request({
+    url: '/engine/engine/findById/' + id,
+    method: 'get'
+  })
+}
+
+
diff --git a/src/views/engine/engine/list.vue b/src/views/engine/engine/list.vue
index d34105f..ff7da3a 100644
--- a/src/views/engine/engine/list.vue
+++ b/src/views/engine/engine/list.vue
@@ -1,117 +1,72 @@
 <template>
 <div>
-  <el-table :data="scopeList" style="width: 100%">
+  <el-row :gutter="10">
+    <el-col :span="8" v-for="customer in scopeList" v-if="scopeList.length !== 0">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span style="font-size: 18px;font-weight: 900">{{ customer.name }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.versionCode }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.isActivate }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.status }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.testStatus }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.ruleContent }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.engineMaintenanceId }}</span>
+          <span style="font-size: 18px;font-weight: 900">{{ customer.description }}</span>
 
-    <el-table-column label="日期" width="180">
+        </div>
+        <div>
+          <el-descriptions class="margin-top" :column="1" :size="size" border>
 
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>版本名称</template>
+              {{ customer.name }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>版本编码</template>
+              {{ customer.versionClass }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>是否激活</template>
+              {{ customer.versionCode }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>版本状态</template>
+              {{ customer.isActivate }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>版本测试状态</template>
+              {{ customer.status }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                <i class="el-icon-user"></i>规则内容</template>
+              {{ customer.testStatus }}
+            </el-descriptions-item><el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-user"></i>引擎维护编号</template>
+            {{ customer.ruleContent }}
+          </el-descriptions-item>
 
-    </el-table-column>
+            <el-descriptions-item>
+              <template slot="label"><i class="el-icon-user"></i>描述</template>
+              {{ customer.engineMaintenanceId }}
+            </el-descriptions-item>
+          </el-descriptions>
+          <el-divider content-position="left">规则引擎版本</el-divider>
+        </div>
+      </el-card>
+    </el-col>
+  </el-row>
 
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-    <el-table-column label="日期" width="180">
-
-      <template slot-scope="scope">
-        <span style="margin-left: 10px">{{ scope.row.date }}</span>
-      </template>
-
-    </el-table-column>
-
-
-<!--    <el-table-column label="操作">-->
-<!--      <template slot-scope="scope">-->
-<!--        <el-button-->
-<!--          size="mini"-->
-<!--          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
-<!--        <el-button-->
-<!--          size="mini"-->
-<!--          type="danger"-->
-<!--          @click="handleDelete(scope.$index, scope.row)">删除</el-button>-->
-<!--      </template>-->
-<!--    </el-table-column>-->
-<!--    -->
-
-
-
-
-  </el-table>
 </div>
 </template>
 <script>
-import {getRuleEngineInfo} from "@/api/engine/engine";
+import {findById, forbiddenEngine, getRuleEngineInfo, onEngine} from "@/api/engine/engine";
 
 export default {
   //import引入的组件需要注入到对象中才能使用"
@@ -126,14 +81,28 @@ export default {
   },
   methods: {
       List(){
-        getRuleEngineInfo().then(res =>{
+        findById(this.maintenance.id).then(res =>{
           this.scopeList = res.data;
+          console.log(this.scopeList)
         })
-      }
+      },
+      handleStatusChange(row){
+        if (row.status === "Y"){
+          onEngine(row.id).then((res)=>{
+            this.$modal.msgSuccess("启用成功")
+            this.getList()
+          })
+        }else {
+          forbiddenEngine(row.id).then((res)=>{
+            this.$modal.msgSuccess("禁用成功")
+            this.getList()
+          })
+        }
+      },
   },
   //生命周期 - 创建完成（可以访问当前this实例）",
   created() {
-    this.scopeList.id = this.$route.query.id
+    this.maintenance.id = this.$route.query.id
     this.List();
   }
 }
diff --git a/src/views/pay/customer/index.vue b/src/views/pay/customer/index.vue
index 988ede8..660ea2c 100644
--- a/src/views/pay/customer/index.vue
+++ b/src/views/pay/customer/index.vue
@@ -103,7 +103,9 @@
             <el-descriptions class="margin-top" :column="1" :size="size" border>
 
               <el-descriptions-item>
-                <template slot="label"><i class="el-icon-user"></i>客户名称</template>
+                <template slot="label">
+                  <i class="el-icon-user"></i>
+                  客户名称</template>
                 {{ customer.appName }}
               </el-descriptions-item>
               <el-descriptions-item>