|
@@ -1,93 +1,96 @@
|
|
|
<template>
|
|
|
- <CtFilter :items="formItems" @reset="handleReset" @search="handleSearch" />
|
|
|
+ <div>
|
|
|
+ <CtFilter :items="formItems" @reset="handleReset" @search="handleSearch" />
|
|
|
|
|
|
- <v-card class="mt-3" elevation="5">
|
|
|
- <CtTable
|
|
|
- :items="items"
|
|
|
- class="pa-3"
|
|
|
- :headers="headers"
|
|
|
- :loading="loading"
|
|
|
- :disable-sort="true"
|
|
|
- :elevation="0"
|
|
|
- :isTools="false"
|
|
|
- :showPage="true"
|
|
|
- :total="total"
|
|
|
- :pageInfo="query"
|
|
|
- itemKey="id"
|
|
|
- @pageHandleChange="handleChangePage"
|
|
|
- >
|
|
|
- <template #workTerritory="{ item }">
|
|
|
- <div class="ellipsis" style="max-width: 150px;">
|
|
|
- {{ item.workTerritory }}
|
|
|
- <v-tooltip activator="parent" location="top">{{ item.workTerritory }}</v-tooltip>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #workHistory="{ item }">
|
|
|
- <div class="ellipsis" style="max-width: 150px;">
|
|
|
- {{ item.workHistory }}
|
|
|
- <v-tooltip activator="parent" location="top">{{ item.workHistory }}</v-tooltip>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #actions="{ item }">
|
|
|
- <v-btn variant="text" color="primary" @click.stop="handleDetail(item)">详 情</v-btn>
|
|
|
- <v-btn :disabled="!item.userPersonList || !item.userPersonList.length" variant="text" color="primary" @click.stop="handleContactInformation(item)">
|
|
|
- 联系方式
|
|
|
- </v-btn>
|
|
|
- </template>
|
|
|
- </CtTable>
|
|
|
- </v-card>
|
|
|
-
|
|
|
- <v-navigation-drawer v-model="showDetail" absolute location="right" rounded temporary width="700" class="pa-5">
|
|
|
- <div style="width: 300px; height: 300px; margin: 0 auto;">
|
|
|
- <v-img :src="detail?.picUrl" width="300" height="300" />
|
|
|
- </div>
|
|
|
- <div class="mt-10" v-if="detail?.detailIntroduction" v-html="detail?.detailIntroduction.replace(/\n/g, '</br>')"></div>
|
|
|
- </v-navigation-drawer>
|
|
|
+ <v-card elevation="5" class="mt-3">
|
|
|
+ <CtTable
|
|
|
+ :items="items"
|
|
|
+ class="pa-3"
|
|
|
+ :headers="headers"
|
|
|
+ :loading="loading"
|
|
|
+ :disable-sort="true"
|
|
|
+ :elevation="0"
|
|
|
+ :isTools="false"
|
|
|
+ height="calc(100vh - 400px)"
|
|
|
+ :showPage="true"
|
|
|
+ :total="total"
|
|
|
+ :pageInfo="query"
|
|
|
+ itemKey="id"
|
|
|
+ @pageHandleChange="handleChangePage"
|
|
|
+ >
|
|
|
+ <template #workTerritory="{ item }">
|
|
|
+ <div class="ellipsis" style="max-width: 150px;">
|
|
|
+ {{ item.workTerritory }}
|
|
|
+ <v-tooltip activator="parent" location="top">{{ item.workTerritory }}</v-tooltip>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #workHistory="{ item }">
|
|
|
+ <div class="ellipsis" style="max-width: 150px;">
|
|
|
+ {{ item.workHistory }}
|
|
|
+ <v-tooltip activator="parent" location="top">{{ item.workHistory }}</v-tooltip>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #actions="{ item }">
|
|
|
+ <v-btn variant="text" color="primary" @click.stop="handleDetail(item)">详 情</v-btn>
|
|
|
+ <v-btn :disabled="!item.userPersonList || !item.userPersonList.length" variant="text" color="primary" @click.stop="handleContactInformation(item)">
|
|
|
+ 联系方式
|
|
|
+ </v-btn>
|
|
|
+ </template>
|
|
|
+ </CtTable>
|
|
|
+ </v-card>
|
|
|
|
|
|
- <!-- 无权限提示 -->
|
|
|
- <CtDialog :visible="showDialog" :widthType="4" :footer="false" titleClass="text-h6" title="系统提示" @close="showDialog = false">
|
|
|
- <div class="d-flex align-center flex-column">
|
|
|
- <div class="color-warning">
|
|
|
- <p>很抱歉,您当前没有权限查看门墩儿新任命的相关信息</p>
|
|
|
- <p>请用微信扫描下方企业微信联系门墩儿管理员开通权限</p>
|
|
|
+ <v-navigation-drawer v-model="showDetail" absolute location="right" rounded temporary width="700" class="pa-5">
|
|
|
+ <div style="width: 300px; height: 300px; margin: 0 auto;">
|
|
|
+ <v-img :src="detail?.picUrl" width="300" height="300" />
|
|
|
</div>
|
|
|
- <div style="width: 150px; height: 150px;">
|
|
|
- <v-img src="https://minio.menduner.com/dev/menduner/contact.png"></v-img>
|
|
|
+ <div class="mt-10" v-if="detail?.detailIntroduction" v-html="detail?.detailIntroduction.replace(/\n/g, '</br>')"></div>
|
|
|
+ </v-navigation-drawer>
|
|
|
+
|
|
|
+ <!-- 无权限提示 -->
|
|
|
+ <CtDialog :visible="showDialog" :widthType="4" :footer="false" titleClass="text-h6" title="系统提示" @close="showDialog = false">
|
|
|
+ <div class="d-flex align-center flex-column">
|
|
|
+ <div class="color-warning">
|
|
|
+ <p>很抱歉,您当前没有权限查看门墩儿新任命的相关信息</p>
|
|
|
+ <p>请用微信扫描下方企业微信联系门墩儿管理员开通权限</p>
|
|
|
+ </div>
|
|
|
+ <div style="width: 150px; height: 150px;">
|
|
|
+ <v-img src="https://minio.menduner.com/dev/menduner/contact.png"></v-img>
|
|
|
+ </div>
|
|
|
+ <div class="text-center ml-5">潘青海先生(Peter Pan)</div>
|
|
|
</div>
|
|
|
- <div class="text-center ml-5">潘青海先生(Peter Pan)</div>
|
|
|
- </div>
|
|
|
- </CtDialog>
|
|
|
+ </CtDialog>
|
|
|
|
|
|
- <!-- 联系方式 -->
|
|
|
- <CtDialog :visible="showContactDialog" title="当前联系方式匹配人员" :footer="false" widthType="0" @close="showContactDialog = false">
|
|
|
- <CtTable
|
|
|
- :loading="false"
|
|
|
- :items="contactList"
|
|
|
- :headers="contactHeaders"
|
|
|
- :elevation="0"
|
|
|
- :isTools="false"
|
|
|
- :showPage="false"
|
|
|
- itemKey="user.id"
|
|
|
- >
|
|
|
- <template #name="{ item }">
|
|
|
- <div class="d-flex align-center cursor-pointer">
|
|
|
- <v-badge
|
|
|
- v-if="item?.person?.sex === '1' || item?.person?.sex === '2'"
|
|
|
- bordered
|
|
|
- offset-y="6"
|
|
|
- :color="badgeColor(item)"
|
|
|
- :icon="badgeIcon(item)">
|
|
|
- <v-avatar size="40" :image="getUserAvatar(item.person.avatar, item.person.sex)"></v-avatar>
|
|
|
- </v-badge>
|
|
|
- <v-avatar v-else size="40" :image="getUserAvatar(item.person?.avatar, item.person?.sex)"></v-avatar>
|
|
|
- <span class="ml-3">{{ item?.person?.name || item?.phone }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #actions="{ item }">
|
|
|
- <v-btn variant="text" color="primary" @click.stop="handleContactInformation({ userPersonList: [item] })">联系方式</v-btn>
|
|
|
- </template>
|
|
|
- </CtTable>
|
|
|
- </CtDialog>
|
|
|
+ <!-- 联系方式 -->
|
|
|
+ <CtDialog :visible="showContactDialog" title="当前联系方式匹配人员" :footer="false" widthType="0" @close="showContactDialog = false">
|
|
|
+ <CtTable
|
|
|
+ :loading="false"
|
|
|
+ :items="contactList"
|
|
|
+ :headers="contactHeaders"
|
|
|
+ :elevation="0"
|
|
|
+ :isTools="false"
|
|
|
+ :showPage="false"
|
|
|
+ itemKey="user.id"
|
|
|
+ >
|
|
|
+ <template #name="{ item }">
|
|
|
+ <div class="d-flex align-center cursor-pointer">
|
|
|
+ <v-badge
|
|
|
+ v-if="item?.person?.sex === '1' || item?.person?.sex === '2'"
|
|
|
+ bordered
|
|
|
+ offset-y="6"
|
|
|
+ :color="badgeColor(item)"
|
|
|
+ :icon="badgeIcon(item)">
|
|
|
+ <v-avatar size="40" :image="getUserAvatar(item.person.avatar, item.person.sex)"></v-avatar>
|
|
|
+ </v-badge>
|
|
|
+ <v-avatar v-else size="40" :image="getUserAvatar(item.person?.avatar, item.person?.sex)"></v-avatar>
|
|
|
+ <span class="ml-3">{{ item?.person?.name || item?.phone }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #actions="{ item }">
|
|
|
+ <v-btn variant="text" color="primary" @click.stop="handleContactInformation({ userPersonList: [item] })">联系方式</v-btn>
|
|
|
+ </template>
|
|
|
+ </CtTable>
|
|
|
+ </CtDialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|