diff --git a/src/views/rule/rule/index.vue b/src/views/rule/rule/index.vue
index 21251c7..92f0f22 100644
--- a/src/views/rule/rule/index.vue
+++ b/src/views/rule/rule/index.vue
@@ -129,6 +129,8 @@
         <el-form-item label="是否激活" prop="isActivate">
           <el-input v-model="form.isActivate" placeholder="请输入是否激活" />
         </el-form-item>
+
+
         <el-form-item label="规则描述" prop="ruleDesc">
           <el-input v-model="form.ruleDesc" type="textarea" placeholder="请输入内容" />
         </el-form-item>
diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index 0cbba1c..53951b8 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -173,6 +173,46 @@
         @pagination="getList"
     />
 
+
+    <el-row :gutter="10">
+      <el-empty description="暂无支付客户" v-if="customerList.length === 0"></el-empty>
+      <el-col :span="8" v-for="customer in customerList" v-if="customerList.length !== 0">
+
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="font-size: 18px;font-weight: 900">{{ customer.appName }}</span>
+            <el-switch
+              style="float: right; margin: 4px 5px 0;"
+              v-model="customer.status"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              active-value="Y"
+              inactive-value="N"
+              @change="handleStatusChange(customer)"
+            >
+            </el-switch>
+
+            <el-popconfirm
+              confirm-button-text='好的'
+              cancel-button-text='不用了'
+              icon="el-icon-info"
+              icon-color="red"
+              title="这是一段内容确定删除吗？"
+              @confirm="handleDelete(customer.id)"
+            >
+              <el-button style="float: right; padding: 5px ;margin: 0 5px" slot="reference" type="danger"
+                         icon="el-icon-delete" circle></el-button>
+            </el-popconfirm>
+
+            <el-button style="float: right; padding: 5px ;margin: 0 5px" type="primary" icon="el-icon-edit"
+                       @click="handleUpdate(customer.id)" circle></el-button>
+
+
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
     <!-- 添加或修改规则对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">