访客项目展示人员详情

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() {
this.getBltList();
// this.getBltList();
},
methods: {
//
@ -358,7 +358,7 @@ export default {
getBltList() {
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.bltList = res.filter((item) => {
return item.employee_ === null;

View File

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

View File

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