lcw/xzlz_GjWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

124

Browse Source
This commit is contained in:
lcw
2025-06-08 22:44:18 +08:00
commit b718751a88
1045 changed files with 314795 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/views/backOfficeSystem/passengerTransport/components/detailForm.vue Normal file
View File

@ -0,0 +1,284 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">{{ title }}</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<el-tabs v-model="activeName" @tab-click="switchover(activeName)">
<el-tab-pane label="单位信息" name="basic">
<el-form
:model="dataList.corpoInfo"
:label-width="230"
label-position="left"
>
<div class="flex align-center">
<div style="width: calc(100% - 176px)">
<div class="form-row">
<el-form-item label="单位类型">
<el-input
v-model="dataList.corpoInfo.dwlx"
placeholder="ktv"
/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input
v-model="dataList.corpoInfo.shxydm"
placeholder="请输入"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="单位名称（营业执照登记名称）">
<el-input
v-model="dataList.corpoInfo.dwmc"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="单位注册地址">
<el-input
v-model="dataList.corpoInfo.dwzcdz"
placeholder="请输入"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="单位司机数量">
<el-input
v-model="dataList.corpoInfo.dwsjsl"
placeholder="请输入"
/>
</el-form-item>
<el-form-item label="单位车辆数量">
<el-input
v-model="dataList.corpoInfo.dwclsl"
placeholder="请输入"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="所属辖区">
<el-input
v-model="dataList.corpoInfo.ssxq"
placeholder="请输入"
/>
</el-form-item>
</div>
</div>
</div>
<div class="upload-group">
<el-form-item label="营业执照照片">
<img height="130" :src="dataList.corpoInfo.yyzzzp" alt="" />
</el-form-item>
</div>
</el-form>
</el-tab-pane>
<el-tab-pane label="从业人员" name="staff">
<!-- 从业人员表格 -->
<el-form :label-width="230" label-position="left">
<div
class="flex align-center bottom"
v-for="(item, index) in dataList.personalInfo"
:key="index"
>
<div style="width: calc(100% - 176px)">
<div class="form-row">
<el-form-item label="姓名">
<el-input v-model="item.xm" placeholder="ktv" />
</el-form-item>
<el-form-item label="民族">
<el-input v-model="item.shxydm" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="证件号码">
<el-input v-model="item.zjhm" placeholder="请输入" />
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="item.lxdh" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="居住地址">
<el-input v-model="item.jzdz" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="单位名称">
<el-input v-model="item.dwmc" placeholder="请输入" />
</el-form-item>
<el-form-item label="企业部门">
<el-input v-model="item.qybm" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="入职时间">
<el-input v-model="item.rzsj" placeholder="请输入" />
</el-form-item>
<el-form-item label="岗位">
<el-input v-model="item.gw" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="违法犯罪经历描述">
<el-input v-model="item.wffzms" placeholder="请输入" />
</el-form-item>
</div>
</div>
</div>
<Empty :show="dataList.personalInfo.length == 0" />
</el-form>
</el-tab-pane>
<el-tab-pane label="车辆" name="vehicle">
<!-- 车辆 -->
<el-form :label-width="230" label-position="left">
<div
class="flex align-center bottom"
v-for="(item, index) in dataList.vehicleInfo"
:key="index"
>
<div style="width: calc(100% - 176px)">
<div class="form-row">
<el-form-item label="车辆驾驶员">
<el-input v-model="item.cljsy" placeholder="ktv" />
</el-form-item>
<el-form-item label="车辆类型">
<el-input v-model="item.cllx" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="车牌号">
<el-input v-model="item.cph" placeholder="请输入" />
</el-form-item>
<el-form-item label="单位名称">
<el-input v-model="item.dwmc" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="企业部门">
<el-input v-model="item.qybm" placeholder="请输入" />
</el-form-item>
<el-form-item label="行政区域">
<el-input v-model="item.xzqy" placeholder="请输入" />
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="线路名称">
<el-input v-model="item.xlmc" placeholder="请输入" />
</el-form-item>
</div>
</div>
</div>
<Empty :show="dataList.vehicleInfo.length == 0" />
</el-form>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { tbGjclselectList, tbJcxxAbrySelectList } from "@/api/mosty-zhgj.js";
import Empty from "@/components/Empty/index.vue";
const dialogForm = ref(false);
const activeName = ref("basic");
const title = ref("单位信息");
const dataList = reactive({
corpoInfo: {},
vehicleInfo: [],
personalInfo: []
});
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
// 根据type和row初始化表单数据
activeName.value = type;
dataList.corpoInfo = { ...row };
switchover(type);
};
const switchover = (type) => {
if (type == "staff") {
gettbJcxxAbrySelectList();
} else if (type == "vehicle") {
gettbGjclselectList();
}
};
const gettbJcxxAbrySelectList = () => {
tbJcxxAbrySelectList({ dwid: dataList.corpoInfo.id }).then((res) => {
dataList.personalInfo = res;
});
};
const gettbGjclselectList = () => {
tbGjclselectList({ dwid: dataList.corpoInfo.id }).then((res) => {
dataList.vehicleInfo = res;
});
};
const close = () => {
dialogForm.value = false;
};
defineExpose({ init });
</script>
<style lang="scss" scoped>
.dialog {
padding: 20px;
:deep(.el-form-item__label) {
background-color: #f7fafb;
padding: 0px 8px;
color: #000;
font-weight: 500;
border: 1px solid #e3e7ed;
}
.head_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.cntinfo {
height: calc(100% - 70px);
overflow: hidden;
overflow-y: auto;
}
.form-row {
display: flex;
.el-form-item {
flex: 1;
}
}
.upload-group {
display: flex;
// gap: 20px;
.el-form-item {
flex: 1;
}
}
.unit {
margin-left: 5px;
}
::v-deep .el-input__inner {
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default {
margin-bottom: 0px;
}
.bottom {
margin-bottom: 10px;
}
</style>

175
src/views/backOfficeSystem/passengerTransport/index.vue Normal file
View File

@ -0,0 +1,175 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="客运单位信息管理" />
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search
:searchArr="searchConfiger"
@submit="onSearch"
:key="pageData.keyCount"
>
<!-- <template #defaultSlot>
<div>
<el-input-number v-model="queryFrom.xqy"></el-input-number>
<span class="ml10 mr10" style="color: #000">至</span>
<el-input-number v-model="queryFrom.dqy"></el-input-number>
</div>
</template> -->
</Search>
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable
:tableData="pageData.tableData"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"
>
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" @click="addEdit('basic', row)">详情</el-link>
<el-link type="primary" @click="addEdit('staff', row)"
>从业人员</el-link
>
<el-link type="primary" @click="addEdit('vehicle', row)"
>车辆</el-link
>
</template>
</MyTable>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" />
</div>
</template>
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import { gjDwjbxxSelectPage } from "@/api/mosty-zhgj.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const searchConfiger = ref([
{
label: "单位名称",
prop: "placeName",
placeholder: "单位名称",
showType: "input"
},
{
label: "单位类型",
prop: "placeName",
placeholder: "单位类型",
showType: "input"
}
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [
// {
// id: 1,
// placeName: "老王打印店",
// placePhone: "13800138000",
// legalPersonName: "张三",
// legalPersonId: "511222222222222",
// legalPersonPhone: "13900139000",
// operationStatus: "在营",
// jurisdiction: "巴宜区纺织路派出所"
// }
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 5,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 200,
tableColumn: [
{ label: "单位名称", prop: "placeName" },
{ label: "单位类型", prop: "operationStatus" },
{ label: "单位车辆数量", prop: "jurisdiction" },
{ label: "所属辖区", prop: "legalPersonName" }
]
});
onMounted(() => {
getList();
tabHeightFn();
});
//选择类型
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList();
};
// 获取列表
const getList = () => {
pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
gjDwjbxxSelectPage(data)
.then((res) => {
pageData.tableData = res.records;
pageData.total = 0;
})
.finally(() => {
pageData.tableConfiger.loading = false;
});
};
// 详情
const addEdit = (type, row) => {
detailDiloag.value.init(type, row);
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>