|  |  | 
 |  |  | <template> | 
 |  |  |     <GlobalWindow | 
 |  |  |         :title="title" | 
 |  |  |         width="70%" | 
 |  |  |         width="100%" | 
 |  |  |         :visible.sync="visible" | 
 |  |  |         :withFooter="false" | 
 |  |  |     > | 
 |  |  |         <ul style="width: 100%; display: flex; align-items: center; margin-bottom: 20px;"> | 
 |  |  |             <li style="margin-right: 10px;"><el-button type="primary" @click="$refs.operaMemberCardWindow.open('新建人员开卡', { memberId: memberId, isType: 1 })" v-permissions="['business:membercard:create']">新建</el-button></li> | 
 |  |  |             <li style="margin-right: 10px;"><el-button type="primary" @click="batchLossReporting">挂失</el-button></li> | 
 |  |  |             <li><el-button type="primary" @click="batchDecoupling">解挂</el-button></li> | 
 |  |  |         </ul> | 
 |  |  | 
 |  |  |             </el-table-column> | 
 |  |  |             <el-table-column prop="memberName" label="员工姓名" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column prop="memberPhone" label="手机号" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column prop="companyName" label="公司/部门" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column prop="companyName" label="组织" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column prop="createDate" label="开卡时间" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column prop="editDate" label="更新时间" min-width="100px"></el-table-column> | 
 |  |  |             <el-table-column | 
 |  |  | 
 |  |  |                 </template> | 
 |  |  |             </el-table-column> | 
 |  |  |         </el-table> | 
 |  |  |         <!-- 新建/修改 --> | 
 |  |  |         <OperaMemberCardWindow ref="operaMemberCardWindow" @success="search()"/> | 
 |  |  |     </GlobalWindow> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |   import BaseOpera from '@/components/base/BaseOpera' | 
 |  |  |   import GlobalWindow from '@/components/common/GlobalWindow' | 
 |  |  |   import OperaMemberCardWindow from '@/components/business/OperaMemberCardWindow' | 
 |  |  |   import { refundCard, batchLoss, batchUnLoss, fetchList } from '@/api/business/memberCard' | 
 |  |  |   export default { | 
 |  |  |     name: 'cardOpeningRecord', | 
 |  |  |     extends: BaseOpera, | 
 |  |  |     components: { GlobalWindow }, | 
 |  |  |     components: { GlobalWindow, OperaMemberCardWindow }, | 
 |  |  |     data () { | 
 |  |  |       return { | 
 |  |  |         memberId: null, | 
 |  |  |         list: [], | 
 |  |  |         tableData: { | 
 |  |  |           selectedRows: [] |