<template>
  <el-dialog v-model="showDialog" width="800" title="查询营业执照">
    <div>
      <el-form-item label="营业执照编号">
        <el-input v-model.trim="queryParams.creditCode" style="width: 300px;" placeholder="" />
        <el-button icon="search" style="margin-left: 20px;width: 100px;" round type="primary" @click="getList">查询</el-button>
      </el-form-item>
    </div>
    
    <div style="height: 200px;">
      <el-table :data="list" border style="width: 100%;">
        <el-table-column align="center" show-overflow-tooltip prop="memberInfo.name" label="单位名称" min-width="120" />
        <el-table-column align="center" show-overflow-tooltip prop="memberInfo.creditCode" label="统一社会信用代码" min-width="120" />
        <el-table-column align="center" show-overflow-tooltip prop="user.userName" label="登录账号" min-width="100" />
        <el-table-column align="center" show-overflow-tooltip prop="user.phonenumber" label="联系方式" width="120" />
        <el-table-column width="100px" fixed="right" label="操作">
          <template #default="{row}">
            <el-button type="primary" @click="handelDel(row)">清空</el-button>
          </template>
        </el-table-column>
        
      </el-table>
    </div>
  </el-dialog>
</template>

<script setup>
import { getCurrentInstance, ref } from 'vue'
import { getMemberUser } from '@/api/groupMember/'
import { clearYYZZ } from '@/api/system/userInfo'

const { proxy } = getCurrentInstance()
const showDialog = ref(false)
const list = ref([])
const queryParams = ref({})

async function getList() {
  if (!queryParams.value.creditCode) return
  const res = await getMemberUser(queryParams.value)
  list.value = res.data
}

function open() {
  queryParams.value = {}
  list.value = []
  showDialog.value = true
}

async function handelDel(row) {
  await proxy.$modal.confirm('确认要清空该成员的营业执照编号？')
  await clearYYZZ(row.memberInfo.memId)
  proxy.$modal.msgSuccess('操作成功')
  await getList()
}

defineExpose({
  open
})
</script>

<style lang="scss" scoped>

</style>