审核 核销

src/views/visit/longterm.vue

@@ -1,110 +1,191 @@
 <template>
   <div style="padding: 0 20px">
     <div ref="lxHeader">
-        <lx-header icon="md-apps" text="长期访客管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+      <lx-header icon="md-apps" text="拜访记录管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
         <slot>
-            <div style="display: flex;align-items: center;">
+          <div style="display: flex;align-items: center;" class="selector">
             <div style="margin-right: 10px;">关键词</div>
 
-              <el-input size="mini" placeholder="请输入关键词" v-model="select.keyword" style="width: 160px;margin-right: 10px;"></el-input>
+            <el-input size="mini" placeholder="请输入关键词" v-model="select.keyword"
-              <el-button @click="getList" slot="reference" size="medium" type="primary" style="margin-left: 10px">查询</el-button>
+              style="width: 160px;margin-right: 10px;"></el-input>
-              <el-button @click="visible=false,$refs['addLong'].isShow = true,$refs['addLong'].type = 'add'" size="medium" type="primary" style="margin-left: 10px">新增</el-button>
+            <div style="margin-right: 10px;">状态</div>
-
+            <el-select v-model="select.audit_status" clearable placeholder="请选择">
+              <el-option v-for="item in statusList" :key="item.id" :label="item.value" :value="item.id">
+              </el-option>
+            </el-select>
+            <div style="margin:0 10px;">起始时间</div>
+            <el-date-picker v-model="selectRange" @change="selectRanges" value-format="yyyy-MM-dd" type="daterange" range-separator="至"
+              start-placeholder="开始日期" end-placeholder="结束日期">
+            </el-date-picker>
+            <el-button @click="getList" slot="reference" size="medium" type="primary" style="margin-left: 10px">查询
+            </el-button>
+            <el-button @click="downloadExel" slot="reference" size="medium" type="primary" style="margin-left: 10px">导出
+            </el-button>
 
           </div>
         </slot>
       </lx-header>
     </div>
 
-    <xy-table
+    <xy-table :table-item="table" :list="data" :total="total"
-      :table-item="table"
-      :list="data"
-      :total="total"
       @pageSizeChange="e => {select.rows = e;select.page = 1;getList()}"
-      @pageIndexChange="e => {select.page = e;getList()}"
+      @pageIndexChange="e => {select.page = e;getList()}">
-      @delete="deleteStudy"
-      @editor="editorStudy">
     </xy-table>
-    <addLong ref="addLong" @refresh="getList"></addLong>
   </div>
 </template>
 
 <script>
-
+  import {
-import {getList} from '@/api/visit/record.js'
+    getList
-import addLong from '@/views/visit/component/addLong'
+  } from '@/api/visit/record.js'
+  import {
+    download
+  } from '@/utils/downloadRequest'
   export default {
     components: {
-    addLong
     },
     data() {
       return {
         select: {
           page: 1,
           rows: 10,
-        keyword:""
+          keyword: "",
+          audit_status: "",
+          start_date: "",
+          end_date: "",
+          is_export: 0,
+          long_time:1
+        },
+        selectRange: [],
+        statusList: [{
+            id: -1,
+            value: '待学习'
+          },
+          {
+            id: 0,
+            value: '待审核'
           },
+          {
+            id: 1,
+            value: '通过(待进厂)'
+          },
+          {
+            id: 2,
+            value: '驳回'
+          },
+          {
+            id: 3,
+            value: '已进厂'
+          },
+          {
+            id: 4,
+            value: '已离厂'
+          },{
+            id: 5,
+            value: '已取消'
+          }
+        ],
         total: 0,
         data: [],
-      table:[
+        table: [{
+            label: '序号',
+            type: "index",
+            fixed: "left",
+            width: 80
+          },
           {
             label: '姓名',
             sortable: false,
-          prop:'start_time',
+            prop: 'name',
             fixed: "left",
-          align:"left"
+            width: 120
           },
           {
-          label:'证件类型',
+            label: '类型',
             sortable: false,
-          prop:'end_time',
+            prop: 'type_text',
+            width: 120
           },
           {
-          label:'证件号',
+            label: '状态',
             sortable: false,
-          prop:'end_time',
+            prop: 'audit_status_text',
+            width: 120
           },
           {
-          label:'状态',
+            label: '是否随访',
             sortable: false,
-          prop:'end_time',
+            prop: 'follw_people',
+            width: 80,
+            formatter:(cell, data, value)=>{
+              return value?'是':'否'
+            }
           },
           {
-          label:'单位名称',
+            label: '预约时间',
+            sortable: false,
+            prop: 'date',
+            width: 120
+          },
+          {
+            label: '证件类型',
+            sortable: false,
+            prop: 'credent',
+            width: 120,
+            formatter:(cell, data, value)=>{
+              return value==1?'身份证':'护照'
+            },
+          },
+          {
+            label: '证件号',
             sortable: false,
-          prop:'end_time',
+            prop: 'idcard',
+            width: 180
           },
           {
             label: '手机号',
             sortable: false,
-          prop:'end_time',
+            prop: 'mobile',
+            width: 120
           },
+          {
+            label: '单位名称',
+            sortable: false,
+            prop: 'company_name',
+            width: 180
+          },
+
           {
             label: '开始时间',
             sortable: false,
-          prop:'end_time',
+            prop: 'start_date',
+            width: 180
           },
           {
             label: '结束时间',
             sortable: false,
-          prop:'end_time',
+            prop: 'end_date',
+            width: 180
           },
           {
             label: '创建时间',
             sortable: false,
-          prop:'end_time',
+            prop: 'created_at',
+            width: 180
+
           },
           {
             label: '创建人',
             sortable: false,
-          prop:'end_time',
+            prop: 'admin_id',
+            width: 120
           }
         ]
       }
     },
     computed: {},
     mounted() {
-    // this.getList()
+      this.getList()
     },
     methods: {
       async getList() {
@@ -113,16 +194,24 @@ export default {
         this.data = res.data
         this.total = res.total
       },
-    deleteStudy(row){
+      selectRanges(val){
-      destroy({id:row.id}).then(res => {
+        if(val){
-        this.$successMessage('destroy','长期访客')
+          this.select.start_date = val[0]
-        this.getList()
+          this.select.end_date = val[1]
-      })
+        }else{
+          this.select.start_date = ''
+          this.select.end_date = ''
+        }
+      },
+      downloadExel() {
+        this.select.is_export = 1
+        download(
+          '/api/admin/visit/index',
+          'get', {
+            ...this.select
           },
-    editorStudy(row){
+          '拜访记录列表.xlsx')
-      this.$refs['addLong'].id = row.id
+          this.select.is_export = 0
-      this.$refs['addLong'].type = 'editor'
-      this.$refs['addLong'].isShow = true
       }
     },
   }
@@ -135,4 +224,31 @@ export default {
   ::v-deep .el-button {
     padding: 5px 8px !important;
   }
+
+  .selector {
+    ::v-deep .el-input--suffix .el-input__inner {
+      height: 28px;
+    }
+
+    ::v-deep .el-select .el-input .el-select__caret {
+      line-height: 28px;
+    }
+
+    ::v-deep .el-range-editor.el-input__inner {
+      height: 28px;
+      width: 250px
+    }
+
+    ::v-deep .el-date-editor .el-range__icon {
+      line-height: 21px;
+    }
+
+    ::v-deep .el-date-editor .el-range-separator {
+      line-height: 21px;
+    }
+
+    ::v-deep .el-date-editor .el-range__close-icon {
+      line-height: 21px;
+    }
+  }
 </style>