ll
liukangdong
2024-11-19 bf69ec41f78a05d45eab4aa7cc5d1c2fc13e5818
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<template>
  <TableLayout :permissions="['business:ywcustomer:query']">
    <!-- 搜索表单 -->
    <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
      <el-form-item label="主键" prop="id">
        <el-input v-model="searchForm.id" placeholder="请输入主键" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="创建人编码" prop="creator">
        <el-input v-model="searchForm.creator" placeholder="请输入创建人编码" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="创建时间" prop="createDate">
        <el-date-picker v-model="searchForm.createDate" value-format="yyyy-MM-dd" placeholder="请输入创建时间" @change="search"/>
      </el-form-item>
      <el-form-item label="更新人编码" prop="editor">
        <el-input v-model="searchForm.editor" placeholder="请输入更新人编码" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="更新时间" prop="editDate">
        <el-date-picker v-model="searchForm.editDate" value-format="yyyy-MM-dd" placeholder="请输入更新时间" @change="search"/>
      </el-form-item>
      <el-form-item label="是否删除0否 1是" prop="isdeleted">
        <el-input v-model="searchForm.isdeleted" placeholder="请输入是否删除0否 1是" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="searchForm.remark" placeholder="请输入备注" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="所属行业编码(关联category)" prop="industryId">
        <el-input v-model="searchForm.industryId" placeholder="请输入所属行业编码(关联category)" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="类型 0个人 1企业" prop="type">
        <el-input v-model="searchForm.type" placeholder="请输入类型 0个人 1企业" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="客户" prop="name">
        <el-input v-model="searchForm.name" placeholder="请输入客户" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="手机号" prop="phone">
        <el-input v-model="searchForm.phone" placeholder="请输入手机号" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="身份证号(加密)" prop="idcardNo">
        <el-input v-model="searchForm.idcardNo" placeholder="请输入身份证号(加密)" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="证件显示信息" prop="idcardDecode">
        <el-input v-model="searchForm.idcardDecode" placeholder="请输入证件显示信息" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="客户编码" prop="code">
        <el-input v-model="searchForm.code" placeholder="请输入客户编码" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="状态 0正常 1禁用" prop="status">
        <el-input v-model="searchForm.status" placeholder="请输入状态 0正常 1禁用" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="身份 0老板 1超级管理员" prop="highCheckor">
        <el-input v-model="searchForm.highCheckor" placeholder="请输入身份 0老板 1超级管理员" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="最近登录时间" prop="lastLoginDate">
        <el-date-picker v-model="searchForm.lastLoginDate" value-format="yyyy-MM-dd" placeholder="请输入最近登录时间" @change="search"/>
      </el-form-item>
      <el-form-item label="登录次数" prop="loginNum">
        <el-input v-model="searchForm.loginNum" placeholder="请输入登录次数" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="系统登录用户编码(关联system_user)" prop="userId">
        <el-input v-model="searchForm.userId" placeholder="请输入系统登录用户编码(关联system_user)" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="证件类型 0身份证 1港澳证件 2护照" prop="idcardType">
        <el-input v-model="searchForm.idcardType" placeholder="请输入证件类型 0身份证 1港澳证件 2护照" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="开户银行" prop="accountBank">
        <el-input v-model="searchForm.accountBank" placeholder="请输入开户银行" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="账号" prop="accountNo">
        <el-input v-model="searchForm.accountNo" placeholder="请输入账号" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="账户电话" prop="accountPhone">
        <el-input v-model="searchForm.accountPhone" placeholder="请输入账户电话" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="统一信用代码" prop="creditCard">
        <el-input v-model="searchForm.creditCard" placeholder="请输入统一信用代码" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="默认发票类型 0增值税普通发票 1增值税专用发票" prop="fpType">
        <el-input v-model="searchForm.fpType" placeholder="请输入默认发票类型 0增值税普通发票 1增值税专用发票" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="账号注册地址" prop="accountAddr">
        <el-input v-model="searchForm.accountAddr" placeholder="请输入账号注册地址" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="身份类型0老板超级管理员;1=人事管理员;2=员工" prop="identityType">
        <el-input v-model="searchForm.identityType" placeholder="请输入身份类型0老板超级管理员;1=人事管理员;2=员工" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="邮箱" prop="email">
        <el-input v-model="searchForm.email" placeholder="请输入邮箱" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <el-form-item label="联系人编码(关联member)" prop="memberId">
        <el-input v-model="searchForm.memberId" placeholder="请输入联系人编码(关联member)" @keypress.enter.native="search"></el-input>
      </el-form-item>
      <section>
        <el-button type="primary" @click="search">搜索</el-button>
        <el-button type="primary" :loading="isWorking.export" v-permissions="['business:ywcustomer:exportExcel']" @click="exportExcel">导出</el-button>
        <el-button @click="reset">重置</el-button>
      </section>
    </el-form>
    <!-- 表格和分页 -->
    <template v-slot:table-wrap>
      <ul class="toolbar" v-permissions="['business:ywcustomer:create', 'business:ywcustomer:delete']">
        <li><el-button type="primary" @click="$refs.operaYwCustomerWindow.open('新建运维客户信息表')" icon="el-icon-plus" v-permissions="['business:ywcustomer:create']">新建</el-button></li>
        <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:ywcustomer:delete']">删除</el-button></li>
      </ul>
      <el-table
        v-loading="isWorking.search"
        :data="tableData.list"
        stripe
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="id" label="主键" min-width="100px"></el-table-column>
        <el-table-column prop="creator" label="创建人编码" min-width="100px"></el-table-column>
        <el-table-column prop="createDate" label="创建时间" min-width="100px"></el-table-column>
        <el-table-column prop="editor" label="更新人编码" min-width="100px"></el-table-column>
        <el-table-column prop="editDate" label="更新时间" min-width="100px"></el-table-column>
        <el-table-column prop="isdeleted" label="是否删除0否 1是" min-width="100px"></el-table-column>
        <el-table-column prop="remark" label="备注" min-width="100px"></el-table-column>
        <el-table-column prop="industryId" label="所属行业编码(关联category)" min-width="100px"></el-table-column>
        <el-table-column prop="type" label="类型 0个人 1企业" min-width="100px"></el-table-column>
        <el-table-column prop="name" label="客户" min-width="100px"></el-table-column>
        <el-table-column prop="phone" label="手机号" min-width="100px"></el-table-column>
        <el-table-column prop="idcardNo" label="身份证号(加密)" min-width="100px"></el-table-column>
        <el-table-column prop="idcardDecode" label="证件显示信息" min-width="100px"></el-table-column>
        <el-table-column prop="code" label="客户编码" min-width="100px"></el-table-column>
        <el-table-column prop="status" label="状态 0正常 1禁用" min-width="100px"></el-table-column>
        <el-table-column prop="highCheckor" label="身份 0老板 1超级管理员" min-width="100px"></el-table-column>
        <el-table-column prop="lastLoginDate" label="最近登录时间" min-width="100px"></el-table-column>
        <el-table-column prop="loginNum" label="登录次数" min-width="100px"></el-table-column>
        <el-table-column prop="userId" label="系统登录用户编码(关联system_user)" min-width="100px"></el-table-column>
        <el-table-column prop="idcardType" label="证件类型 0身份证 1港澳证件 2护照" min-width="100px"></el-table-column>
        <el-table-column prop="accountBank" label="开户银行" min-width="100px"></el-table-column>
        <el-table-column prop="accountNo" label="账号" min-width="100px"></el-table-column>
        <el-table-column prop="accountPhone" label="账户电话" min-width="100px"></el-table-column>
        <el-table-column prop="creditCard" label="统一信用代码" min-width="100px"></el-table-column>
        <el-table-column prop="fpType" label="默认发票类型 0增值税普通发票 1增值税专用发票" min-width="100px"></el-table-column>
        <el-table-column prop="accountAddr" label="账号注册地址" min-width="100px"></el-table-column>
        <el-table-column prop="identityType" label="身份类型0老板超级管理员;1=人事管理员;2=员工" min-width="100px"></el-table-column>
        <el-table-column prop="email" label="邮箱" min-width="100px"></el-table-column>
        <el-table-column prop="memberId" label="联系人编码(关联member)" min-width="100px"></el-table-column>
        <el-table-column
          v-if="containPermissions(['business:ywcustomer:update', 'business:ywcustomer:delete'])"
          label="操作"
          min-width="120"
          fixed="right"
        >
          <template slot-scope="{row}">
            <el-button type="text" @click="$refs.operaYwCustomerWindow.open('编辑运维客户信息表', row)" icon="el-icon-edit" v-permissions="['business:ywcustomer:update']">编辑</el-button>
            <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:ywcustomer:delete']">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
        @size-change="handleSizeChange"
        @current-change="handlePageChange"
        :pagination="tableData.pagination"
      >
      </pagination>
    </template>
    <!-- 新建/修改 -->
    <OperaYwCustomerWindow ref="operaYwCustomerWindow" @success="handlePageChange"/>
  </TableLayout>
</template>
 
<script>
import BaseTable from '@/components/base/BaseTable'
import TableLayout from '@/layouts/TableLayout'
import Pagination from '@/components/common/Pagination'
import OperaYwCustomerWindow from './components/OperaYwCustomerWindow'
export default {
  name: 'YwCustomer',
  extends: BaseTable,
  components: { TableLayout, Pagination, OperaYwCustomerWindow },
  data () {
    return {
      // 搜索
      searchForm: {
        id: '',
        creator: '',
        createDate: '',
        editor: '',
        editDate: '',
        isdeleted: '',
        remark: '',
        industryId: '',
        type: '',
        name: '',
        phone: '',
        idcardNo: '',
        idcardDecode: '',
        code: '',
        status: '',
        highCheckor: '',
        lastLoginDate: '',
        loginNum: '',
        userId: '',
        idcardType: '',
        accountBank: '',
        accountNo: '',
        accountPhone: '',
        creditCard: '',
        fpType: '',
        accountAddr: '',
        identityType: '',
        email: '',
        memberId: ''
      }
    }
  },
  created () {
    this.config({
      module: '运维客户信息表',
      api: '/client/ywCustomer',
      'field.id': 'id',
      'field.main': 'id'
    })
    this.search()
  }
}
</script>