emis-frontend/src/views/emis/emisTmsDriver/index.vue
2024-06-24 09:22:55 +08:00

602 lines
22 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="app-container">
<SearchForm :model="queryParams" ref="queryForm" size="small" :maxShow="3" label-width="68px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
<el-form-item label="" prop="driverName">
<el-input
v-model="queryParams.driverName"
:placeholder="$t('司机名')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="country">
<el-input
v-model="queryParams.country"
:placeholder="$t('所属国家')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="maritalStatus">
<el-input
v-model="queryParams.maritalStatus"
:placeholder="$t('婚姻状态')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="birthDate">
<el-date-picker clearable
v-model="queryParams.birthDate"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
:placeholder="$t('生日')">
</el-date-picker>
</el-form-item>
<el-form-item label="" prop="healthStatus">
<el-input
v-model="queryParams.healthStatus"
:placeholder="$t('健康状态')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="eduBack">
<el-input
v-model="queryParams.eduBack"
:placeholder="$t('教育背景')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="height">
<el-input
v-model="queryParams.height"
:placeholder="$t('身高')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="weight">
<el-input
v-model="queryParams.weight"
:placeholder="$t('体重')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="politicsStatus">
<el-input
v-model="queryParams.politicsStatus"
:placeholder="$t('政治面貌')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="ownerSiteCode">
<el-input
v-model="queryParams.ownerSiteCode"
:placeholder="$t('所属网点')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="driverOwnerType">
<el-input
v-model="queryParams.driverOwnerType"
:placeholder="$t('司机类型')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="empNo">
<el-input
v-model="queryParams.empNo"
:placeholder="$t('工号')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="drivingYears">
<el-input
v-model="queryParams.drivingYears"
:placeholder="$t('驾龄')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="blStatus">
<el-input
v-model="queryParams.blStatus"
:placeholder="$t('是否启用1-启用')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="blMilitaryService">
<el-input
v-model="queryParams.blMilitaryService"
:placeholder="$t('是否服兵役')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="driverPhone">
<el-input
v-model="queryParams.driverPhone"
:placeholder="$t('电话号码')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="driverCod">
<el-input
v-model="queryParams.driverCod"
:placeholder="$t('从业证号')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="firstNum">
<el-input
v-model="queryParams.firstNum"
:placeholder="$t('1档票数')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="secondNum">
<el-input
v-model="queryParams.secondNum"
:placeholder="$t('2档票数')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="entryTime">
<el-date-picker clearable
v-model="queryParams.entryTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
:placeholder="$t('入职日期')">
</el-date-picker>
</el-form-item>
<el-form-item label="" prop="registerDate">
<el-date-picker clearable
v-model="queryParams.registerDate"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
:placeholder="$t('登记日期')">
</el-date-picker>
</el-form-item>
<el-form-item label="" prop="orderNum">
<el-input
v-model="queryParams.orderNum"
:placeholder="$t('显示顺序')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="remark">
<el-input
v-model="queryParams.remark"
:placeholder="$t('备注')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="delFlag">
<el-input
v-model="queryParams.delFlag"
:placeholder="$t('删除标志(0代表存在')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</SearchForm>
<XdTable v-loading="loading"
border
size="small"
storageName="emisTmsDriver_main"
:data="emisTmsDriverList"
:showSearch.sync="showSearch"
:queryParams="queryParams"
:total="total"
@queryTable="getList"
@selection-change="handleSelectionChange"
@sort-change="handleSortChange"
>
<div slot="toolbar">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['emis:emisTmsDriver:add']"
>新增</el-button>
</el-col>
<!--
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['emis:emisTmsDriver:edit']"
>修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['emis:emisTmsDriver:remove']"
>删除</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['emis:emisTmsDriver:export']"
>导出</el-button>
</el-col> -->
</el-row>
</div>
<el-table-column type="selection" width="55" align="center" />
<!--
<el-table-column label="序号" align="center" min-width="60">
<template slot-scope="scope">
<span v-text="getIndex(scope.$index)"> </span>
</template>
</el-table-column>
<el-table-column label="xxx" align="left" prop="xxx" min-width="180">
<template slot-scope="scope">
<div class="link-type" @click="handleView(scope.row)">{{scope.row.orderSn}}</div>
</template>
</el-table-column>
<el-table-column label="结算状态" align="center" prop="settleStatus" :sort-orders="['descending','ascending']" sortable="custom" min-width="80">
<template slot-scope="scope">
<div v-if="scope.row.settleStatus == 0" style="color:red;">
<span class="el-tag el-tag--info">未结算</span>
</div>
<div v-if="scope.row.settleStatus == 10" style="color:red;">
<span class="el-tag">待确认</span>
</div>
<div v-if="scope.row.settleStatus == 11" style="color:green;">
<span class="el-tag el-tag--success el-tag--light">已确认</span>
</div>
<div v-if="scope.row.settleStatus == 20" >
<span class="el-tag el-tag--warning el-tag--light">待打款</span>
</div>
<div v-if="scope.row.settleStatus == 21" style="color:green;">
<span class="el-tag el-tag--success el-tag--light">已打款</span>
</div>
<div v-if="scope.row.settleStatus == 40" style="color:red;">
<span class="el-tag el-tag--danger">已拒绝</span>
</div>
</template>
</el-table-column>
-->
<el-table-column :label="$t('司机名')" align="center" prop="driverName" min-width="100" />
<el-table-column :label="$t('所属国家')" align="center" prop="country" min-width="100" />
<el-table-column :label="$t('婚姻状态')" align="center" prop="maritalStatus" min-width="100" />
<el-table-column :label="$t('生日')" align="center" prop="birthDate" min-width="100" />
<el-table-column :label="$t('健康状态')" align="center" prop="healthStatus" min-width="100" />
<el-table-column :label="$t('教育背景')" align="center" prop="eduBack" min-width="100" />
<el-table-column :label="$t('身高')" align="center" prop="height" min-width="100" />
<el-table-column :label="$t('体重')" align="center" prop="weight" min-width="100" />
<el-table-column :label="$t('政治面貌')" align="center" prop="politicsStatus" min-width="100" />
<el-table-column :label="$t('所属网点')" align="center" prop="ownerSiteCode" min-width="100" />
<el-table-column :label="$t('司机类型')" align="center" prop="driverOwnerType" min-width="100" />
<el-table-column :label="$t('工号')" align="center" prop="empNo" min-width="100" />
<el-table-column :label="$t('驾龄')" align="center" prop="drivingYears" min-width="100" />
<el-table-column :label="$t('是否启用1-启用')" align="center" prop="blStatus" min-width="100" />
<el-table-column :label="$t('是否服兵役')" align="center" prop="blMilitaryService" min-width="100" />
<el-table-column :label="$t('电话号码')" align="center" prop="driverPhone" min-width="100" />
<el-table-column :label="$t('从业证号')" align="center" prop="driverCod" min-width="100" />
<el-table-column :label="$t('1档票数')" align="center" prop="firstNum" min-width="100" />
<el-table-column :label="$t('2档票数')" align="center" prop="secondNum" min-width="100" />
<el-table-column :label="$t('入职日期')" align="center" prop="entryTime" min-width="100" />
<el-table-column :label="$t('登记日期')" align="center" prop="registerDate" min-width="100" />
<el-table-column :label="$t('显示顺序')" align="center" prop="orderNum" min-width="100" />
<el-table-column :label="$t('备注')" align="center" prop="remark" min-width="100" />
<el-table-column :label="$t('删除标志(0代表存在')" align="center" prop="delFlag" min-width="100" />
<el-table-column :label="$t('操作')" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['emis:emisTmsDriver:edit']"
>修改</el-button>
<!--
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['emis:emisTmsDriver:remove']"
>删除</el-button> -->
</template>
</el-table-column>
</XdTable>
<el-dialog :title="titleForm" :visible.sync="openForm" width="50%" :destroy-on-close="true" v-dialogDrag append-to-body>
<emisTmsDriverForm :id="currentId" @on-changed="handleFormChanged" @on-cancel="cancelForm"></EmisTmsDriverForm>
</el-dialog>
<!--
<el-dialog :title="titleView" :visible.sync="openView" width="60%" :close-on-click-modal="false" v-dialogDrag append-to-body>
<emisTmsDriverView :id="id" ></EmisTmsDriverView>
</el-dialog>
-->
</div>
</template>
<script>
import { listEmisTmsDriver, getEmisTmsDriver, delEmisTmsDriver, addEmisTmsDriver, updateEmisTmsDriver } from "@/api/emis/emisTmsDriver";
import elDateSimplePicker from '@/components/DatePickerAdv/elDateSimplePicker';
// import emisTmsDriverView from '@/views/emis/emisTmsDriver/emisTmsDriverView';
import emisTmsDriverForm from '@/views/emis/emisTmsDriver/emisTmsDriverForm';
export default {
name: "emisTmsDriver",
components: { elDateSimplePicker,emisTmsDriverForm },
dicts: [
],
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 创建时间搜索
dateTimeRange:[],
// 总条数
total: 0,
// 司机表格数据
emisTmsDriverList: [],
currentId:null,
openForm: false,
titleForm: "",
// 弹出展示层
id:null,
titleView:"",
openView: false,
// 更新网点时间范围
daterangeBirthDate: [],
// 更新网点时间范围
daterangeEntryTime: [],
// 更新网点时间范围
daterangeRegisterDate: [],
// 更新网点时间范围
daterangeCreateTime: [],
// 更新网点时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
driverName: null,
country: null,
maritalStatus: null,
birthDate: null,
healthStatus: null,
eduBack: null,
height: null,
weight: null,
politicsStatus: null,
ownerSiteCode: null,
driverOwnerType: null,
empNo: null,
drivingYears: null,
blStatus: null,
blMilitaryService: null,
driverPhone: null,
driverCod: null,
firstNum: null,
secondNum: null,
entryTime: null,
registerDate: null,
orderNum: null,
remark: null,
delFlag: null,
},
};
},
created() {
this.getList();
},
methods: {
/** 查询司机列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeBirthDate && '' != this.daterangeBirthDate) {
this.queryParams.params["beginBirthDate"] = this.daterangeBirthDate[0];
this.queryParams.params["endBirthDate"] = this.daterangeBirthDate[1];
}
if (null != this.daterangeEntryTime && '' != this.daterangeEntryTime) {
this.queryParams.params["beginEntryTime"] = this.daterangeEntryTime[0];
this.queryParams.params["endEntryTime"] = this.daterangeEntryTime[1];
}
if (null != this.daterangeRegisterDate && '' != this.daterangeRegisterDate) {
this.queryParams.params["beginRegisterDate"] = this.daterangeRegisterDate[0];
this.queryParams.params["endRegisterDate"] = this.daterangeRegisterDate[1];
}
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
}
listEmisTmsDriver(this.addDateRange(this.queryParams, this.dateTimeRange)).then(response => {
this.emisTmsDriverList = response.rows;
this.total = response.total;
this.loading = false;
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
// 排序 查询字段是表格中字段名字 动态取值排序顺序
handleSortChange(column) {
this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order;
this.getList();
},
/** 新增按钮操作 */
handleAdd(row) {
this.currentId=null;
this.openForm= true;
this.titleForm = "新增";
},
handleShowMoreInput(){
this.moreInputVisible = !this.moreInputVisible;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.currentId= row.id;
this.openForm = true;
this.titleForm = "修改";
},
handleView(row) {
this.id=row.id;
this.titleView="查看";
this.openView=true;
// this.router.push({ path: '/emis/emisTmsDriver/viewDetail', query: { id: row.id }})
},
handleFormChanged(){
this.openForm = false;
this.getList();
},
cancelForm(){
this.openForm = false;
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除').then(function() {
return delEmisTmsDriver(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
// this.download('emis/emisTmsDriver/export', {
// ...this.queryParams
// }, `emisTmsDriver_${new Date().getTime()}.xlsx`)
const loadingInstance = this.$loading({
text: '正在导出...'
})
var qParam = {...this.queryParams};
qParam.pageNum=1;
qParam.pageSize=5000;
listEmisTmsDriver(this.addDateRange(qParam, this.dateTimeRange)).then(response => {
this.downloadLoading = false
if (response.code === 200) {
const curList = response.rows
import('@/vendor/Export2Excel').then(excel => {
const tHeader = ['id','司机名','所属国家','婚姻状态','生日','健康状态','教育背景','身高','体重','政治面貌','所属网点','司机类型','证件类型','证件号','工号','驾龄','是否启用1-启用','是否服兵役','电话号码','从业证号','1档票数','2档票数','入职日期','登记日期','显示顺序','备注','租户ID','删除标志(0代表存在','创建者','创建时间','更新者','更新时间','创建网点','更新网点',];
const filterVal = ['id','driverName','country','maritalStatus','birthDate','healthStatus','eduBack','height','weight','politicsStatus','ownerSiteCode','driverOwnerType','idType','idNo','empNo','drivingYears','blStatus','blMilitaryService','driverPhone','driverCod','firstNum','secondNum','entryTime','registerDate','orderNum','remark','tenantId','delFlag','createBy','createTime','updateBy','updateTime','createSite','updateSite',];
const data = this.formatJson(filterVal, curList, response.rows)
excel.export_json_to_excel({
header: tHeader,
data,
filename: '司机',
autoWidth: true
})
loadingInstance.close()
})
}
});
},
formatJson(filterVal, jsonData, resData) {
let index = 0
return jsonData.map(v => filterVal.map(j => {
if (j === 'index') {
return ++index
}
if (j === 'status') {
var statusStr='xxx'
if(v[j] == 10){
statusStr='xxx'
}
return statusStr;
}
return v[j]
}))
},
/** 列索引函数 */
getIndex($index) {
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
},
/** 时间搜索响应函数 */
dateTimeChange(value){
this.dateTimeRange=value;
},
}
};
</script>
<style scoped>
.el-divider{
margin-top: 0px;
background: 0 0;
border-top: 1px solid #E6EBF5;
}
.el-divider__text {
color: #0955ee;
cursor: pointer;
}
</style>