|
|
@@ -1,9 +1,10 @@
|
|
|
<template>
|
|
|
<view class="phone-list-page phone-banzheng-page">
|
|
|
- <view class="phone-filter-navBar-box">
|
|
|
+ <view class="phone-navBar-box">
|
|
|
<view @click="goUpPage" class="nav-bar-icon"></view>
|
|
|
+ <view class="filter-btn" @click="filterBtn">筛选</view>
|
|
|
<text class="nav-bar-title">办证管理</text>
|
|
|
- <icon class="nav-search-icon" @click="downBtn"></icon>
|
|
|
+ <uni-icons class="nav-bar-right-icon" type="search" size="18" color="#666" @click="searchBtn"></uni-icons>
|
|
|
</view>
|
|
|
<!-- 课程列表 -->
|
|
|
<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
|
|
|
@@ -12,26 +13,29 @@
|
|
|
<uni-list>
|
|
|
<uni-list-item v-for="item in data.list" class="banzheng-list-item-box">
|
|
|
<template v-slot:body>
|
|
|
- <view class="banzheng-list-card-box" @click="checkKecheng(item)">
|
|
|
+ <view class="banzheng-list-card-box" @click="goBzDetail(item)">
|
|
|
<view class="card-head-row">
|
|
|
<view class="head-name">{{item.realName}}</view>
|
|
|
<view class="head-status">
|
|
|
<text>{{item.statusBanzheng}}</text>
|
|
|
- <text class="status-line" v-if="item.statusKaoshi != '-'">|</text>
|
|
|
- <text v-if="item.statusKaoshi != '-'">{{item.statusKaoshi}}</text>
|
|
|
+ <text class="status-line" v-if="item.statusKaoshi != '-' && item.statusKaoshi != ''">|</text>
|
|
|
+ <text v-if="item.statusKaoshi != '-' && item.statusKaoshi != ''">{{item.statusKaoshi}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="card-body-row">
|
|
|
- <img :src="item.icon">
|
|
|
+ <view class="card-img-box">
|
|
|
+ <img :src="item.icon" v-if="item.icon">
|
|
|
+ <icon class="phone-default-userImg" v-else></icon>
|
|
|
+ </view>
|
|
|
<view class="body-content-row">
|
|
|
- <view>
|
|
|
+ <view class="content-text-row">
|
|
|
<text>手机号：</text>{{item.userName}}
|
|
|
- <button type="default" class="phone-green-btn">打电话</button>
|
|
|
+ <button type="default" class="phone-green-btn bz-tel-btn">打电话</button>
|
|
|
</view>
|
|
|
- <view><text>证件号：</text>{{item.idcard}}</view>
|
|
|
- <view>
|
|
|
- <view><icon></icon>报证机构：{{item.jgName}}</view>
|
|
|
- <view><icon></icon>职业名称：{{item.zyName}}</view>
|
|
|
+ <view class="content-text-row"><text>证件号：</text>{{item.idcard}}</view>
|
|
|
+ <view class="jg-zy-box">
|
|
|
+ <view class="jg-zy-row"><icon class="bz-icon"></icon><text>报证机构：{{item.jgName}}</text></view>
|
|
|
+ <view class="jg-zy-row"><icon class="zy-icon"></icon><text>职业名称：{{item.zyName}} {{item.zyLevel}}</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -44,25 +48,24 @@
|
|
|
|
|
|
<!-- 页面底端 -->
|
|
|
<customTabbarClientVue></customTabbarClientVue>
|
|
|
+ <!-- 筛选 -->
|
|
|
+ <filter-dialog ref="filterDialogRef" @confirm-btn="confirmBtn"></filter-dialog>
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <search-dialog ref="searchDialogRef" @search-btn="dialogSearchBtn" @reset-search="dialogSearchReset"></search-dialog>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import customTabbarClientVue from "@/components/custom-tabbar/custom-tabbar-admin.vue";
|
|
|
-
|
|
|
- import {
|
|
|
- ref,
|
|
|
- reactive
|
|
|
- } from "vue";
|
|
|
- import {
|
|
|
- onLoad,
|
|
|
- onShow
|
|
|
- } from "@dcloudio/uni-app";
|
|
|
+ import filterDialog from "./filter.vue";
|
|
|
+ import searchDialog from "./search.vue";
|
|
|
+ import {ref,reactive} from "vue";
|
|
|
+ import {onLoad,onShow} from "@dcloudio/uni-app";
|
|
|
import {getKaozhengList} from '@/api/banzheng.js'
|
|
|
- import {
|
|
|
- formatSecondsToCnhms
|
|
|
- } from "@/utils/common.js"
|
|
|
+ import {formatSecondsToCnhms} from "@/utils/common.js"
|
|
|
|
|
|
+ const filterDialogRef = ref(null);
|
|
|
+ const searchDialogRef = ref(null);
|
|
|
const data = reactive({
|
|
|
jgId: '', // 机构ID
|
|
|
realName: '', // 姓名
|
|
|
@@ -89,16 +92,26 @@
|
|
|
url: '/pages/admin/ShouYe/shouye'
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
+ // 筛选
|
|
|
+ function filterBtn(){
|
|
|
+ filterDialogRef.value.initPage();
|
|
|
+ filterDialogRef.value.handleShow();
|
|
|
+ }
|
|
|
|
|
|
function handleSearch() {
|
|
|
data.page = 0;
|
|
|
refreshData();
|
|
|
}
|
|
|
|
|
|
- function checkKecheng(item) {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pages/admin/tongzhi/details?noticeId=${item.noticeId}`
|
|
|
+ function goBzDetail(item) {
|
|
|
+ // console.log('item',item);
|
|
|
+ uni.redirectTo({
|
|
|
+ url: `/pages/admin/Jiazheng/jiazhengUserInfo`
|
|
|
})
|
|
|
+ /* uni.navigateTo({
|
|
|
+ url: `/pages/admin/tongzhi/details?noticeId=${item.noticeId}`
|
|
|
+ }) */
|
|
|
}
|
|
|
|
|
|
function onRefresh() {
|
|
|
@@ -175,7 +188,39 @@
|
|
|
data.loading = false;
|
|
|
})
|
|
|
}
|
|
|
+
|
|
|
+ function confirmBtn(dialogData){
|
|
|
+ data.jgId = dialogData.jigouId;
|
|
|
+ data.zyId = dialogData.zhiyeId;
|
|
|
+ data.zyLevel = dialogData.levelId;
|
|
|
+ data.statusBanzheng = dialogData.banzhengId;
|
|
|
+ data.statusKaoshi = dialogData.kaoshiId;
|
|
|
+ refreshData();
|
|
|
+ }
|
|
|
+
|
|
|
+ function searchBtn(){
|
|
|
+ searchDialogRef.value.handleShow();
|
|
|
+ }
|
|
|
|
|
|
+ function dialogSearchBtn(name,searchData){
|
|
|
+ switch (name) {
|
|
|
+ case '姓名':
|
|
|
+ dialogSearchReset();
|
|
|
+ data.realName = searchData.value;
|
|
|
+ break;
|
|
|
+ case '手机号':
|
|
|
+ data.userName = searchData.value;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ refreshData();
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ function dialogSearchReset(){
|
|
|
+ data.userName='';
|
|
|
+ data.realName='';
|
|
|
+ }
|
|
|
+
|
|
|
onLoad((options) => {
|
|
|
data.from = options.from;
|
|
|
})
|
tanxue
