管理后台-用户中心、财务中心

htmldev/manage/src/views/fms/check/index.vue

@@ -1,13 +1,68 @@
 <template>
-  <div>pay</div>
+  <div class="padding-20">
+    <div class="search-box">
+      <el-form ref="form" :inline="true" :model="searchForm" clearable label-width="100px" class="mt-10">
+        <el-form-item label="创建时间:">
+          <el-date-picker
+            :editable="false"
+            v-model="time"
+            @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item label="部门名称:">
+          <el-input v-model="searchForm.department_name" placeholder="请输入部门名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item class="ml-10">
+          <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-table :data="tableData" stripe v-loading="tableLoading" fit class="marginT-10 order-table" border
+              :max-height="vheight">
+      <el-table-column label="流水号" prop="id"></el-table-column>
+      <el-table-column label="收入/支出" prop="bar_name" sortable></el-table-column>
+      <el-table-column label="金额" prop="song_name" sortable></el-table-column>
+      <el-table-column label="生日" prop="song_user_name"></el-table-column>
+      <el-table-column label="订单类型" prop="created_at"></el-table-column>
+      <el-table-column label="流水时间" prop="user_name"></el-table-column>
+      <el-table-column label="订单编号" prop="order_remark"></el-table-column>
+    </el-table>
+    <el-pagination
+      class="marginT-20"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :hide-on-single-page="true"
+      :current-page="page"
+      :page-size="page_size"
+      :page-sizes="[10, 20, 100, 200, 300, 400]"
+      background
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="totalCount"/>
+  </div>
 </template>
 
 <script>
+import page from '@/mixin/page'
+
 export default {
-  name: 'index'
+  mixins: [page],
+  data () {
+    return {
+      time: [],
+      searchForm: {},
+      tableData: [],
+      tableUrl: '/v1/user/song/order/list'
+    }
+  },
+  mounted () {
+    this.init()
+  },
 }
 </script>
 
 <style lang="scss" scoped>
-
 </style>

htmldev/manage/src/views/ums/customer/index.vue

@@ -1,13 +1,85 @@
 <template>
-  <div></div>
+  <div class="padding-20">
+    <div class="search-box">
+      <el-form ref="form" :inline="true" :model="searchForm" clearable label-width="100px" class="mt-10">
+        <el-form-item label="创建时间:">
+          <el-date-picker
+            :editable="false"
+            v-model="time"
+            @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item label="部门名称:">
+          <el-input v-model="searchForm.department_name" placeholder="请输入部门名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item class="ml-10">
+          <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-table :data="tableData" stripe v-loading="tableLoading" fit class="marginT-10 order-table" border
+              :max-height="vheight">
+      <el-table-column label="ID" prop="id"></el-table-column>
+      <el-table-column label="头像" prop="bar_name">
+        <template slot-scope="scope">
+          <el-image style="width: 100px; height: 100px"
+                    :src="scope.row.user_head_url"
+                    :preview-src-list="[scope.row.user_head_url]">
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column label="昵称" prop="user_name"></el-table-column>
+      <el-table-column label="手机号" prop="user_phone"></el-table-column>
+      <el-table-column label="生日" prop="user_birthday"></el-table-column>
+      <el-table-column label="性别" prop="user_sex"></el-table-column>
+      <el-table-column label="注册时间" prop="created_at"></el-table-column>
+      <!--TODO 缺字段最近一次登录-->
+      <el-table-column label="最近一次登录"></el-table-column>
+      <el-table-column label="操作">
+        <template>
+          <!--TODO 直接跳转财务中心的流水-->
+          <el-button type="text">消费记录</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      class="marginT-20"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :hide-on-single-page="true"
+      :current-page="page"
+      :page-size="page_size"
+      :page-sizes="[10, 20, 100, 200, 300, 400]"
+      background
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="totalCount"/>
+  </div>
 </template>
 
 <script>
+import page from '@/mixin/page'
+
 export default {
-  name: 'index'
+  mixins: [page],
+  data () {
+    return {
+      time: [],
+      searchForm: {
+        user_type: '0' // 用户类型(0用户1艺人2吧台3老板)
+      },
+      tableData: [],
+      tableUrl: '/v1/user/member/List'
+    }
+  },
+  mounted () {
+    this.init()
+  },
 }
 </script>
 
 <style lang="scss" scoped>
-
 </style>