完成 签到管理

.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>

config/index.js

@@ -12,8 +12,9 @@ module.exports = {
     proxyTable: {
       '/api': {
         // target: 'https://dp.huiju360.com.cn/hj_operations',
-        target: 'http://192.168.0.62:8080', //wf
+        // target: 'http://192.168.0.62:8080', //wf
         // target: 'http://192.168.0.11:8088', //zys
+        target: 'http://localhost:8080',
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
         // pathRewrite: {
         //   '^/api': 'api'
@@ -22,7 +23,7 @@ module.exports = {
     },
     // Various Dev Server settings
     host: '0.0.0.0', // can be overwritten by process.env.HOST
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,
     notifyOnErrors: true,

src/pages/system/caseManager/signinManager/index.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="subPage">
+    <div class="title">
+      签到列表
+    </div>
+    <div class="head-div">
+      <span class="time-title">时间选择:</span>
+       <el-select v-model="valueTime" placeholder="请选择">
+            <el-option
+              v-for="item in optionsTime"
+              :key="item.valueTime"
+              :label="item.label"
+              :value="item.valueTime">
+            </el-option>
+        </el-select>
+        <!-- 案场选择 -->
+      <span class="case-title">案场:</span>
+       <el-select v-model="valueCase" placeholder="请选择" @change="handelSignin">
+            <el-option
+              v-for="item in optionsCase"
+              :key="item.valueCase"
+              :label="item.label"
+              :value="item.valueCase">
+            </el-option>
+        </el-select>
+    </div>
+    <div class="button-div">
+      <el-button type="success" icon="el-icon-search" style="float: right;">导出excel</el-button>
+      <el-button type="warning" icon="el-icon-search" style="float: right;" @click="reset">重置</el-button>
+      <el-button type="primary" icon="el-icon-search" style="float: right; margin-right: -10px;" @click="getList">搜索</el-button>
+    </div>
+    <!-- 表格 -->
+    <div class="content">
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%">
+          <el-table-column
+            prop="CaseName"
+            label="案场"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="CreateDate"
+            label="签到时间"
+            width="250">
+            <template slot-scope="scope">
+              <span>{{FormatDate(scope.row.CreateDate)}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="CustomerName"
+            label="微信昵称">
+          </el-table-column>
+          <el-table-column
+            prop="Name"
+            label="客户姓名">
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="客户类型">
+            <template slot-scope="scope">
+              <span>{{scope.row.UserId === '' ? '前台用户' : '后台用户'}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="Phone"
+            label="手机号">
+          </el-table-column>
+        </el-table>
+    </div>
+    <!-- 分页 -->
+    <div class="foot">
+       <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page.sync="postData.page"
+          :page-size="100"
+          layout="prev, pager, next, jumper"
+          :total="total">
+        </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: '',
+  data () {
+    return {
+      msg: '签到管理',
+      currentPage: 1,
+      postData: { // 表格搜索条件 //caseid: '', // 案场id
+        page: 1, // 当前页码
+        pageSize: 10, // 请求数据量
+      },
+      total: '', // 总数
+      // 数据体
+      // {date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}
+      tableData: [],
+      // 时间数据
+      optionsTime: [{
+        valueTime: '-1',
+        label: '全部'
+      }, {
+        valueTime: '0',
+        label: '今天'
+      }, {
+        valueTime: '1',
+        label: '本周'
+      }, {
+        valueTime: '2',
+        label: '本月'
+      }, {
+        valueTime: '3',
+        label: '今年'
+      }],
+      valueTime: '0',
+      // 案场数据
+      // {valueCase: '1',label: '案场1'}
+      optionsCase: [], // 调用computed计算属性
+      tempoptionsCase: [], // 临时的存储案场数据
+      valueCase: ''
+    }
+  },
+  mounted () {
+    // 获取案场列表
+    this.getCase()
+  },
+  methods: {
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+      this.$data.postData.page = val
+      this.getList()
+    },
+    getList () { // 获取数据列表
+      this.$ajax(this.$api.caseManager.getSignin.url, {
+        method: this.$api.caseManager.getSignin.method,
+        queryData: { ...this.postData, org: this.$data.valueCase, selectType: this.$data.valueTime }
+      }).then(res => {
+        this.tableData = res.list
+        this.postData.page = res.page
+        this.total = res.pagenum
+      })
+    },
+    getCase () { // 获取案场数据列表
+      this.$ajax(this.$api.caseManager.getCaseList.url, {
+        method: this.$api.caseManager.getCaseList.method,
+        queryData: { ...this.postData, caseid: this.CaseId }
+      }).then(res => {
+        this.tempoptionsCase = res.list
+        this.postData.page = res.page
+        this.total = res.pagenum
+        // 调用一次,计算属性
+        this.optionsCase = this.CaseCompted
+      })
+    },
+    handelSignin () { // 查询签到记录
+      this.getList()
+    },
+    reset () { // 重置按钮
+      this.$data.valueTime = '0'
+      this.$data.total = ''
+      this.$data.tableData = []
+      this.$data.postData.page = 1
+      this.$data.postData.pageSize = 10
+      this.$data.valueCase = ''
+    },
+    FormatDate (date) {
+      return this.toolClass.dateFormat(date, 'yyyy-MM-dd hh:mm:ss')
+    },
+
+  },
+  computed: {
+    ...mapState({
+      cases: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default
+    }),
+    CaseId: {
+      get () {
+        return this.postData.caseid || this.defaultCaseId
+      },
+      set (val) {
+        this.postData.caseid = val
+      }
+    },
+    CaseCompted: {
+      get () { // get方法
+        let data = []
+        console.log('数据大小')
+        console.log(this.$data.tempoptionsCase)
+        var cases = this.$data.tempoptionsCase
+        for (let i = 0; i < cases.length; i++) {
+          let obj = []
+          obj.valueCase = cases[i].CaseId
+          obj.label = cases[i].CaseName
+          console.log('编号:' + obj.valueCase + '名称:' + obj.label)
+          data.push(obj)
+        }
+        return data
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/system/caseManager/signinManager/page.scss

@@ -0,0 +1,67 @@
+
+// 标题 签到列表 样式
+.title {
+  color: #409EFF;
+  font-size: 18px;
+  margin-left: 50px;
+  margin-right: 50px;
+  margin-top: 30px;
+  margin-bottom: 30px;
+}
+
+.head-div {
+  margin-left: 50px;
+  margin-right: 50px;
+}
+
+.button-div {
+  margin-left: 50px;
+  margin-right: 50px;
+  float: right;
+  padding: 0px;
+  width: 100%;
+}
+
+// 标题 时间选择 样式
+.time-title {
+  color: darkgrey;
+}
+
+// 标题 案场 样式
+.case-title {
+  margin-left: 20px;  
+}
+
+.content {
+  margin-left: 50px;
+  margin-right: 50px;
+  margin-top: 30px;
+}
+
+.foot{
+  margin-left: 50px;
+  margin-right: 50px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

src/pages/system/page.js

@@ -29,6 +29,7 @@ import editCaseTable from './caseManager/caseTableManager/edit' // 编辑案场
 import tagManager from './caseManager/tagManager/index' // 标签管理
 import addTag from './caseManager/tagManager/add' // 添加标签
 import editTag from './caseManager/tagManager/edit' // 编辑标签
+import signinManager from './caseManager/signinManager/index' // 签到管理
 
 import goodsManager from './goodsManager/index' // 商品管理
 import goodsTypeManager from './goodsManager/goodsTypeManager/index' // 商品类型管理
@@ -226,6 +227,11 @@ export default {
             component: editTag,
             children: []
           }]
+        }, { // 签到管理
+          path: 'signinManager',
+          name: 'signinManager',
+          component: signinManager,
+          children: []
         }],
       }, { // 商品管理
         path: 'goodsManager',

src/util/api.js

@@ -204,6 +204,10 @@ const $api = {
       method: 'post',
       url: `${baseUrl}${common}/case/record`
     },
+    getSignin: { // 获取签到列表
+      method: 'get',
+      url: `${baseUrl}${common}/case/signin`
+    }
   },
   goodsManager: {
     getGoodsSpecList: { // 商品规格列表