访客项目展示人员详情

This commit is contained in:
caoqianming 2022-10-25 16:11:17 +08:00
parent ad026ef8d5
commit 7ee76ff1ea
3 changed files with 206 additions and 256 deletions

View File

@ -225,7 +225,7 @@ export default {
}; };
}, },
mounted() { mounted() {
this.getBltList(); // this.getBltList();
}, },
methods: { methods: {
// //
@ -358,7 +358,7 @@ export default {
getBltList() { getBltList() {
let that = this; let that = this;
that.$API.third.tdevice.list.req({ type: 30, page: 0 }).then((res) => { that.$API.third.tdevice.list.req({ type: 30, page: 0, state: 'unused'}).then((res) => {
that.tdevice = res; that.tdevice = res;
that.bltList = res.filter((item) => { that.bltList = res.filter((item) => {
return item.employee_ === null; return item.employee_ === null;

View File

@ -1,41 +1,24 @@
<template> <template>
<el-drawer <el-drawer title="查看" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')"
title="查看" :close-on-click-modal="false">
v-model="visible"
:size="1000"
destroy-on-close
@closed="$emit('closed')"
>
<el-container v-loading="loading"> <el-container v-loading="loading">
<el-main> <el-main>
<el-card shadow="hover"> <el-card shadow="hover">
<el-descriptions :column="3" title="基本信息"> <el-descriptions :column="3" title="基本信息">
<el-descriptions-item label="入厂项目:">{{form.name }}</el-descriptions-item> <el-descriptions-item label="入厂项目:">{{ form.name }}</el-descriptions-item>
<el-descriptions-item label="项目类型:">{{types_[form.type]}}</el-descriptions-item> <el-descriptions-item label="项目类型:">{{ types_[form.type] }}</el-descriptions-item>
<el-descriptions-item label="合同编号:">{{form.contract_number}}</el-descriptions-item> <el-descriptions-item label="合同编号:">{{ form.contract_number }}</el-descriptions-item>
<el-descriptions-item label="状态:">{{state_[form.state]}}</el-descriptions-item> <el-descriptions-item label="状态:">{{ state_[form.state] }}</el-descriptions-item>
<el-descriptions-item label="进厂时间:">{{form.come_time}}</el-descriptions-item> <el-descriptions-item label="进厂时间:">{{ form.come_time }}</el-descriptions-item>
<el-descriptions-item label="离厂时间:">{{form.leave_time}}</el-descriptions-item> <el-descriptions-item label="离厂时间:">{{ form.leave_time }}</el-descriptions-item>
<el-descriptions-item label="所属部门:">{{form.belong_dept_name}}</el-descriptions-item> <el-descriptions-item label="所属部门:">{{ form.belong_dept_name }}</el-descriptions-item>
<el-descriptions-item label="相关方:">{{form.rparty_name}}</el-descriptions-item> <el-descriptions-item label="相关方:">{{ form.rparty_name }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-card> </el-card>
<el-card style="margin-top:8px" shadow="hover"> <el-card style="margin-top:8px" shadow="hover">
<scTable <scTable ref="fileTable" :data="rpjFileList" row-key="id" hidePagination stripe hideDo
ref="fileTable" style="height:200px">
:data="rpjFileList" <el-table-column label="#" fixed="left" type="index" width="50"></el-table-column>
row-key="id"
hidePagination
stripe
hideDo
style="height:200px"
>
<el-table-column
label="#"
fixed="left"
type="index"
width="50"
></el-table-column>
<el-table-column label="资质内容" prop="name"> <el-table-column label="资质内容" prop="name">
<template #default="scope"> <template #default="scope">
{{ scope.row.file_cate_.name }} {{ scope.row.file_cate_.name }}
@ -44,22 +27,15 @@
<el-table-column label="文件资料" prop="name"> <el-table-column label="文件资料" prop="name">
<template #default="scope"> <template #default="scope">
<div v-for="item in scope.row.files_" :key="item.id"> <div v-for="item in scope.row.files_" :key="item.id">
<el-link style="font-size:12px" type="primary" :href="item.path" target="_blank">{{item.name}}</el-link> <el-link style="font-size:12px" type="primary" :href="item.path" target="_blank">
</div> {{ item.name }}</el-link>
</div>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>
</el-card> </el-card>
<el-card style="margin-top:8px" shadow="hover"> <el-card style="margin-top:8px" shadow="hover">
<scTable <scTable ref="table" :data="memeberList" row-key="id" height='auto' stripe hideDo hidePagination>
ref="table"
:data="memeberList"
row-key="id"
height='auto'
stripe
hideDo
hidePagination
>
<el-table-column label="#" fixed="left" type="index" width="50"></el-table-column> <el-table-column label="#" fixed="left" type="index" width="50"></el-table-column>
<el-table-column label="姓名" prop="remployee_.name"> <el-table-column label="姓名" prop="remployee_.name">
<template #default="scope"> <template #default="scope">
@ -69,12 +45,8 @@
<el-table-column label="工作职责" prop="duty"></el-table-column> <el-table-column label="工作职责" prop="duty"></el-table-column>
<el-table-column label="证书" prop="rcertificates"> <el-table-column label="证书" prop="rcertificates">
<template #default="scope"> <template #default="scope">
<el-tag <el-tag v-for="item in scope.row.rcertificates_" :key="item.number" :label="item.name"
v-for="item in scope.row.rcertificates_" :value="item.number">{{ item.name }}
:key="item.number"
:label="item.name"
:value="item.number"
>{{ item.name }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -86,132 +58,126 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" width="60"> <el-table-column label="操作" width="60">
<template #default="scope"> <template #default="scope">
<el-button link <el-button link v-if="scope.row.blt_ == null" type="primary" size="small"
v-if="scope.row.blt_==null" @click="bindCard(scope.row, 10)" v-auth="'blt_bind.create'">绑卡
type="primary" </el-button>
size="small"
@click="bindCard(scope.row,10)"
v-auth="'blt_bind.create'"
>绑卡
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</scTable> </scTable>
</el-card> </el-card>
</el-main> </el-main>
<ScBind v-model="showBindBlt" :bindBtl="bindBtl" <ScBind v-model="showBindBlt" :bindBtl="bindBtl" :bindType="bindType" :bindName="bindName"
:bindType="bindType" :bindName="bindName" :bindEmployee="bindEmployee" :bindEmployee="bindEmployee" @success="showBindBltSuccess" @closed="showBindBltClose"></ScBind>
@success="showBindBltSuccess" @closed="showBindBltClose"></ScBind>
</el-container> </el-container>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
import ScBind from "@/components/scBind/index.vue"; import ScBind from "@/components/scBind/index.vue";
export default { export default {
emits: ["success", "closed"], emits: ["success", "closed"],
props: { props: {
rpjId: { rpjId: {
type: String, type: String,
default: "" default: ""
} }
}, },
components: { components: {
ScBind ScBind
}, },
data() { data() {
return { return {
loading: false, loading: false,
visible: false, visible: false,
isSaveing: false, isSaveing: false,
showBindBlt:false, showBindBlt: false,
state_: { state_: {
10: "创建中", 10: "创建中",
20: "审批中", 20: "审批中",
30: "待入厂", 30: "待入厂",
40: "进行中", 40: "进行中",
50: "已完成", 50: "已完成",
}, },
types_: { types_: {
10: "建筑施工", 10: "建筑施工",
20: "设备设施检维修", 20: "设备设施检维修",
30: "保安保洁服务", 30: "保安保洁服务",
40: "其他", 40: "其他",
}, },
form:{}, form: {},
bindName: "", bindName: "",
bindType:10, bindType: 10,
bindBtl:null, bindBtl: null,
bindEmployee:'', bindEmployee: '',
rpjFileList: [], rpjFileList: [],
memeberList: [], memeberList: [],
}; };
}, },
mounted() { mounted() {
/* this.getRpjfileList(); /* this.getRpjfileList();
this.getMemberList();*/ this.getMemberList();*/
}, },
methods: { methods: {
//访 //访
bindCard(row,type){ bindCard(row, type) {
debugger;
if (row.remployee == null) {
this.$message.success("请审批通过后再进行绑卡操作");
} else {
debugger; debugger;
if(row.remployee==null){ this.bindName = row.remployee_.name;
this.$message.success("请审批通过后再进行绑卡操作"); this.bindType = type;
}else{ this.bindEmployee = row.remployee;
debugger;
this.bindName = row.remployee_.name;
this.bindType = type;
this.bindEmployee = row.remployee;
if (type === 20) { if (type === 20) {
this.bindBtl = row.blt_.mac; this.bindBtl = row.blt_.mac;
} }
this.showBindBlt = true; this.showBindBlt = true;
} }
},
showBindBltSuccess(data){
debugger;
this.showBindBlt = data
this.$refs.table.refresh();
},
showBindBltClose(data){
debugger;
this.showBindBlt = data
},
//
open() {
this.visible = true;
return this;
},
//
setData(data) {
this.loading = true
this.$API.rpm.rpj.item.req(data.id).then((res) => {
this.loading = false
this.form = res;
this.getRpjfileList();
this.getMemberList();
this.visible = true;
}).catch(e=>{this.loading=false});
},
//
getRpjfileList() {
this.$API.rpm.rpjfile.list.req({page: 0, rpj: this.form.id}).then((res) => {
this.rpjFileList = res;
});
},
//
getMemberList() {
this.$API.rpm.member.list.req({rpj: this.form.id, page: 0}).then((res) => {
this.memeberList = res;
console.log(res);
});
},
}, },
}; showBindBltSuccess(data) {
debugger;
this.showBindBlt = data
this.$refs.table.refresh();
},
showBindBltClose(data) {
debugger;
this.showBindBlt = data
},
//
open() {
this.visible = true;
return this;
},
//
setData(data) {
this.loading = true
this.$API.rpm.rpj.item.req(data.id).then((res) => {
this.loading = false
this.form = res;
this.getRpjfileList();
this.getMemberList();
this.visible = true;
}).catch(e => { this.loading = false });
},
//
getRpjfileList() {
this.$API.rpm.rpjfile.list.req({ page: 0, rpj: this.form.id }).then((res) => {
this.rpjFileList = res;
});
},
//
getMemberList() {
this.$API.rpm.member.list.req({ rpj: this.form.id, page: 0 }).then((res) => {
this.memeberList = res;
console.log(res);
});
},
},
};
</script> </script>
<style scoped> <style scoped>
.el-transfer { .el-transfer {
--el-transfer-panel-width: 345px !important; --el-transfer-panel-width: 345px !important;
} }
</style> </style>

View File

@ -1,46 +1,36 @@
<template> <template>
<el-drawer <el-drawer :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')"
:title="titleMap[mode]" :close-on-click-modal="false">
v-model="visible"
:size="1000"
destroy-on-close
@closed="$emit('closed')"
>
<el-container v-loading="loading"> <el-container v-loading="loading">
<el-main> <el-main>
<el-card header="基本信息" shadow="hover"> <el-card header="基本信息" shadow="hover">
<el-descriptions :column="2"> <el-descriptions :column="2">
<el-descriptions-item label="来访概述:">{{ <el-descriptions-item label="来访概述:">{{
form.name form.name
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="来访单位:">{{ <el-descriptions-item label="来访单位:">{{
form.company form.company
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="来访人数:"> <el-descriptions-item label="来访人数:">
<el-tag size="small">{{ form.count_people }}</el-tag> <el-tag size="small">{{ form.count_people }}</el-tag>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="来访人员:"> <el-descriptions-item label="来访人员:">
<el-tag <el-tag size="small" v-for="item in form.visitors_" :key="item.id">{{ item.visitor_.name }}</el-tag>
size="small"
v-for="item in form.visitors_"
:key="item.id"
>{{ item.visitor_.name }}</el-tag
>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="状态:">{{ <el-descriptions-item label="状态:">{{
state_[form.state] state_[form.state]
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="来访时间:">{{ <el-descriptions-item label="来访时间:">{{
form.visit_time form.visit_time
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="离开时间:">{{ <el-descriptions-item label="离开时间:">{{
form.leave_time form.leave_time
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="来访事由:">{{ <el-descriptions-item label="来访事由:">{{
purpose_[form.purpose] purpose_[form.purpose]
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="来访详述:">{{ <el-descriptions-item label="来访详述:">{{
form.description form.description
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="接待人:" v-if="form.receptionist_"> <el-descriptions-item label="接待人:" v-if="form.receptionist_">
@ -49,70 +39,63 @@
</el-descriptions> </el-descriptions>
</el-card> </el-card>
<el-card style="margin-top: 8px" shadow="hover" header="访客信息"> <el-card style="margin-top: 8px" shadow="hover" header="访客信息">
<scTable <scTable ref="table" :data="peoplelist" row-key="id" height="auto" stripe hideDo hidePagination>
ref="table" <el-table-column label="#" type="expand">
:data="peoplelist" <template #default="scope">
row-key="id" <el-descriptions :column="3" style="margin-left:8px">
height="auto" <el-descriptions-item label="返乡时间:">{{ scope.row.return_date }}</el-descriptions-item>
stripe <el-descriptions-item label="来源地:">{{ scope.row.come_place }}</el-descriptions-item>
hideDo <el-descriptions-item label="行程轨迹:">{{ scope.row.trip_desc }}</el-descriptions-item>
hidePagination <el-descriptions-item label="管控措施:">{{ scope.row.measure }}</el-descriptions-item>
> <el-descriptions-item label="核酸检测日期:">{{ scope.row.test_date }}</el-descriptions-item>
<el-table-column <el-descriptions-item label="是否报备:">
label="#" <el-space v-if="scope.row.is_reported == true"></el-space>
fixed="left" <el-space v-else></el-space>
type="index" </el-descriptions-item>
width="50" <el-descriptions-item label="健康码:">
></el-table-column> <el-image style="width: 100px; height: 100px" :src="scope.row.health_code"
:preview-src-list="[scope.row.health_code]" fit="cover" />
<el-table-column </el-descriptions-item>
label="访客姓名" <el-descriptions-item label="行程码:">
prop="visitor_.name" <el-image style="width: 100px; height: 100px" :src="scope.row.travel_code"
></el-table-column> :preview-src-list="[scope.row.travel_code]" fit="cover" />
<el-table-column </el-descriptions-item>
label="访客手机号" <el-descriptions-item label="核酸报告:">
prop="visitor_.phone" <el-image style="width: 100px; height: 100px" :src="scope.row.test_report"
></el-table-column> :preview-src-list="[scope.row.test_report]" fit="cover" />
<el-table-column </el-descriptions-item>
label="访客身份证号" </el-descriptions>
prop="visitor_.id_number" </template>
></el-table-column> </el-table-column>
<el-table-column label="访客姓名" prop="visitor_.name"></el-table-column>
<el-table-column label="访客手机号" prop="visitor_.phone"></el-table-column>
<el-table-column label="访客身份证号" prop="visitor_.id_number"></el-table-column>
<el-table-column label="是否重要访客" prop="is_main"> <el-table-column label="是否重要访客" prop="is_main">
<template #default="scope" <template #default="scope">
><el-space v-if="scope.row.is_main == true"></el-space> <el-space v-if="scope.row.is_main == true"></el-space>
<el-space v-else></el-space> <el-space v-else></el-space>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="创建时间" prop="create_time"></el-table-column>
label="创建时间"
prop="create_time"
></el-table-column>
<el-table-column label="操作" width="60"> <el-table-column label="操作" width="60">
<template #default="scope"> <template #default="scope">
<el-button link <el-button link v-if="scope.row.blt_ == null" type="primary" size="small"
v-if="scope.row.blt_==null" @click="bindCard(scope.row, 10)" v-auth="'blt_bind.create'">绑卡
type="primary" </el-button>
size="small" </template>
@click="bindCard(scope.row,10)" </el-table-column>
v-auth="'blt_bind.create'"
>绑卡
</el-button>
</template>
</el-table-column>
</scTable> </scTable>
</el-card> </el-card>
</el-main> </el-main>
<ScBind v-model="showBindBlt" :bindBtl="bindBtl" <ScBind v-model="showBindBlt" :bindBtl="bindBtl" :bindType="bindType" :bindName="bindName"
:bindType="bindType" :bindName="bindName" :bindEmployee="bindEmployee" @success="showBindBltSuccess" @closed="showBindBltClose"></ScBind>
:bindEmployee="bindEmployee"
@success="showBindBltSuccess" @closed="showBindBltClose"></ScBind>
</el-container> </el-container>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
import ScBind from "@/components/scBind/index.vue"; import ScBind from "@/components/scBind/index.vue";
export default { export default {
emits: ["success", "closed"], emits: ["success", "closed"],
components: { components: {
ScBind ScBind
@ -136,12 +119,12 @@
level: [{ required: true, message: "请输入" }], level: [{ required: true, message: "请输入" }],
}, },
bindName: "", bindName: "",
bindType:10, bindType: 10,
bindBtl:null, bindBtl: null,
bindEmployee:'', bindEmployee: '',
visible: false, visible: false,
isSaveing: false, isSaveing: false,
showBindBlt:false, showBindBlt: false,
selectionFilters: [], selectionFilters: [],
setFiltersVisible: false, setFiltersVisible: false,
purposeoptions: [ purposeoptions: [
@ -162,6 +145,7 @@
30: "待入厂", 30: "待入厂",
40: "进行中", 40: "进行中",
50: "已完成", 50: "已完成",
60: "已关闭",
}, },
receptionistoptions: [], receptionistoptions: [],
peoplelist: [], peoplelist: [],
@ -170,41 +154,41 @@
mounted() { mounted() {
}, },
methods: { methods: {
// //
open(mode = "add") { open(mode = "add") {
this.mode = mode; this.mode = mode;
this.visible = true; this.visible = true;
return this; return this;
}, },
//访 //访
bindCard(row,type){ bindCard(row, type) {
debugger; debugger;
if(row.visitor_.employee==null){ if (row.visitor_.employee == null) {
this.$message.success("请审批通过后再进行绑卡操作"); this.$message.success("请审批通过后再进行绑卡操作");
}else{ } else {
debugger; debugger;
this.bindName = row.visitor_.name; this.bindName = row.visitor_.name;
this.bindType = type; this.bindType = type;
this.bindEmployee = row.visitor_.employee; this.bindEmployee = row.visitor_.employee;
if (type === 20) { if (type === 20) {
this.bindBtl = row.blt_.mac; this.bindBtl = row.blt_.mac;
} }
this.showBindBlt = true; this.showBindBlt = true;
} }
}, },
showBindBltSuccess(data){ showBindBltSuccess(data) {
debugger; debugger;
this.showBindBlt = data this.showBindBlt = data
this.$refs.table.refresh(); this.$refs.table.refresh();
}, },
showBindBltClose(data){ showBindBltClose(data) {
debugger; debugger;
this.showBindBlt = false; this.showBindBlt = false;
}, },
//访 //访
// //
@ -213,7 +197,7 @@
this.$API.vm.visit.read.req(data.id).then((res) => { this.$API.vm.visit.read.req(data.id).then((res) => {
this.loading = false this.loading = false
this.form = res; this.form = res;
}).catch(e=>{this.loading = false}); }).catch(e => { this.loading = false });
this.$API.vm.people.list.req({ visit: data.id, page: 0 }).then((res) => { this.$API.vm.people.list.req({ visit: data.id, page: 0 }).then((res) => {
this.peoplelist = res; this.peoplelist = res;