diff --git a/src/views/pay/customer/index.vue b/src/views/pay/customer/index.vue
index eace4ee..a71dee2 100644
--- a/src/views/pay/customer/index.vue
+++ b/src/views/pay/customer/index.vue
@@ -1,25 +1,214 @@
 <template>
 
-  <div>
+  <div class="app-container">
 
-      customer 页面
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
+      <el-form-item label="客户名称">
+        <el-input
+          v-model="queryParams.appName"
+          clearable
+          placeholder="请输入客户名称"
+          style="width: 240px"
+          @keyup.enter.native="getList"
+        />
+      </el-form-item>
+      <el-form-item label="客户编码">
+        <el-input
+          v-model="queryParams.appCode"
+          clearable
+          placeholder="请输入客户编码"
+          style="width: 240px"
+          @keyup.enter.native="getList"
+        />
+      </el-form-item>
+      <el-form-item label="客户状态" prop="configType">
+        <el-select v-model="queryParams.status" clearable placeholder="客户状态">
+          <el-option
+            v-for="dict in dict.type.sys_yes_no"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建时间">
+        <el-date-picker
+          v-model="dateRange"
+          end-placeholder="结束日期"
+          range-separator="-"
+          start-placeholder="开始日期"
+          style="width: 240px"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="getList">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:config:add']"
+          icon="el-icon-plus"
+          plain
+          size="mini"
+          type="primary"
+          @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:config:edit']"
+          :disabled="single"
+          icon="el-icon-edit"
+          plain
+          size="mini"
+          type="success"
+          @click="handleUpdate"
+        >修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:config:remove']"
+          :disabled="multiple"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          type="danger"
+          @click="handleDelete"
+        >删除
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:config:export']"
+          icon="el-icon-download"
+          plain
+          size="mini"
+          type="warning"
+          @click="handleExport"
+        >导出
+        </el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-row :gutter="10">
+      <el-col :span="8" v-for="index in 16">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span style="font-size: 18px;font-weight: 900;">会员服务</span>
+            <el-switch
+              style="float: right; margin: 4px 5px 0;"
+              v-model="switchValue"
+              active-color="#13ce66"
+              inactive-color="#ff4949">
+            </el-switch>
+            <el-button style="float: right; padding: 5px; margin: 0 5px" type="primary" icon="el-icon-edit" circle></el-button>
+            <el-button style="float: right; padding: 5px; margin: 0 5px" type="danger" icon="el-icon-delete" circle></el-button>
+          </div>
+          <div>
+            <el-descriptions class="margin-top" :column="1" :size="size" border>
+              <el-descriptions-item>
+                <template slot="label"><i class="el-icon-user"></i>客户名称</template>
+                会员服务
+              </el-descriptions-item>
+              <el-descriptions-item>
+                <template slot="label"><i class="el-icon-user"></i>客户编码</template>
+                cloud-vip
+              </el-descriptions-item>
+              <el-descriptions-item>
+                <template slot="label"><i class="el-icon-user"></i>创建人</template>
+                张三
+              </el-descriptions-item>
+              <el-descriptions-item>
+                <template slot="label"><i class="el-icon-user"></i>创建日期</template>
+                2024-8-10 10:10:10
+              </el-descriptions-item>
+            </el-descriptions>
+            <el-divider content-position="center">近五笔交易记录</el-divider>
+            <el-table
+            :data="[
+            {cusOrderNumber:'123456',price:'163.56',channelTypeName:'支付宝',},
+            {cusOrderNumber:'123456',price:'163.56',channelTypeName:'支付宝',},
+            {cusOrderNumber:'123456',price:'163.56',channelTypeName:'支付宝',},
+            {cusOrderNumber:'123456',price:'163.56',channelTypeName:'支付宝',},
+            {cusOrderNumber:'123456',price:'163.56',channelTypeName:'支付宝',}
+            ]"
+            style="width: 100%">
+            <el-table-column prop="cusOrderNumber" label="客户单号"/>
+            <el-table-column prop="price" label="支付金额"/>
+            <el-table-column prop="channelTypeName" label="渠道商"/>
+            </el-table>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="open"
+      width="50%"
+      :before-close="handleClose">
+      <span>这是一段信息</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">提交</el-button>
+      </span>
+    </el-dialog>
 
   </div>
 
+
+
 </template>
 
 <script>
 export default {
   name: 'Customer',
+  dicts: ['sys_yes_no'],
   data() {
-    return {}
+    return {
+      // 显示搜索条件
+      showSearch: true,
+      // 查询条件
+      queryParams: {
+      "appName": "",
+      "appCode": "",
+      "status": "Y"
+      },
+      switchValue:true,
+      //修改/添加
+    }
     },
   created() {
   },
-  methods: {}
+  methods: {
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams={
+          "appName": "",
+          "appCode": "",
+          "status": "Y"
+
+      }
+      this.getList();
+    },
+    //搜索
+    getList(){
+
+    }
+  }
 }
 </script>
 
 <style scoped>
-
+.el-card{
+  margin: 10px 0;
+}
 </style>