This commit is contained in:
zxx 2024-03-29 11:48:35 +08:00
parent 7b42febc6d
commit 146807f002
14 changed files with 372 additions and 91 deletions

View File

@ -3,7 +3,7 @@
show-search show-search
:value="value" :value="value"
:placeholder="ListTitle" :placeholder="ListTitle"
style="width: 200px" style="width: 100%"
:default-active-first-option="false" :default-active-first-option="false"
:show-arrow="false" :show-arrow="false"
:filter-option="false" :filter-option="false"

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -114,8 +114,8 @@ export default {
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'code', title: '编码', span: 4, itemRender: {name: '$input', props: {placeholder: '请输入编码'}}}, {field: 'code', title: '编码', span: 2, itemRender: {name: '$input', props: {placeholder: '请输入编码'}}},
{field: 'name', title: '名称', span: 4, itemRender: {name: '$input', props: {placeholder: '请输入名称'}}}, {field: 'name', title: '名称', span: 3, itemRender: {name: '$input', props: {placeholder: '请输入名称'}}},
{field: 'type', title: '类型', span: 3, itemRender: { name: '$select', props: {options:[{value:'',label:"====全部===="},{value:"0",label:"客户"},{value:"1",label:"供应商"}] } }}, {field: 'type', title: '类型', span: 3, itemRender: { name: '$select', props: {options:[{value:'',label:"====全部===="},{value:"0",label:"客户"},{value:"1",label:"供应商"}] } }},
{field: 'status', title: '状态', span: 3, itemRender: { name: '$select', props: {options:[{value:'',label:"====全部===="},{value:"0",label:"禁用"},{value:"1",label:"启用"}] } }}, {field: 'status', title: '状态', span: 3, itemRender: { name: '$select', props: {options:[{value:'',label:"====全部===="},{value:"0",label:"禁用"},{value:"1",label:"启用"}] } }},
{span: 6, slots: {default: 'date'}}, // {span: 6, slots: {default: 'date'}}, //
@ -175,25 +175,25 @@ export default {
// =============================== Start =============================== // =============================== Start ===============================
{field: 'code', sortable: true, title: '编码', width: 150}, // {field: 'code', sortable: true, title: '编码', width: 80}, //
{field: 'name', title: '名称', width: 150}, // {field: 'name', title: '名称', width: 150}, //
{field: 'type', sortable: true, title: '类型',formatter: this.formatType, width: 120}, // {field: 'type', sortable: true, title: '类型',formatter: this.formatType, width: 100}, //
{field: 'industry', sortable: true, title: '行业', width: 120}, // {field: 'industry', sortable: true, title: '行业', width: 120}, //
{field: 'contact', title: '联系人', width: 120}, // {field: 'contact', title: '联系人', width: 120}, //
{field: 'total_balance', sortable: true, title: '总结余(元)', width: 120}, // {field: 'total_balance', sortable: true, title: '总结余(元)', width: 120}, //
{field: 'contact_phone', sortable: true, title: '联系人电话', width: 120}, // {field: 'contact_phone', sortable: true, title: '联系人电话', width: 115}, //
{field: 'total_ton', sortable: true, title: '总计交易吨数', width: 150}, // {field: 'total_ton', sortable: true, title: '总计交易吨数', width: 130}, //
{field: 'total_count', sortable: true, title: '总计交易次数', width: 150}, // {field: 'total_count', sortable: true, title: '总计交易次数', width: 130}, //
{field: 'last_time', sortable: true, title: '最后交易时间',formatter: 'formatDate', width: 250}, // {field: 'last_time', sortable: true, title: '最后交易时间',formatter: 'formatDate', width: 130}, //
{ {
field: 'create_time', field: 'create_time',
formatter: 'formatDate', formatter: 'formatDate',
width: 250, width: 100,
sortable: true, sortable: true,
title: '创建时间', title: '创建时间',
showHeaderOverflow: true showHeaderOverflow: true
}, // }, //
{field: 'total_amount', sortable: true, title: '总交易金额', width: 150}, // {field: 'total_amount', sortable: true, title: '总交易金额', width: 130}, //
{field: 'remark', sortable: true, title: '备注', width: 250}, // {field: 'remark', sortable: true, title: '备注', width: 250}, //
{ {
field: 'status', field: 'status',
@ -375,6 +375,7 @@ export default {
onSearch() { onSearch() {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
pageDetail(row){ pageDetail(row){
console.log("list row",row) console.log("list row",row)
if (!row) { // if (!row) { //

View File

@ -5,6 +5,14 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #driver_id="{ }">
<ZkSelectSearch :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search"
:ListUrlData="zkSelectSearch2.zkSelectData"
:ListFieldName="zkSelectSearch2.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange">
</ZkSelectSearch>
</template>
<template #date="{ }"> <template #date="{ }">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -16,7 +24,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -29,7 +37,7 @@
</vxe-toolbar> </vxe-toolbar>
<!-- 表格区 --> <!-- 表格区 -->
<div class="gridPanel"> <div class="gridPanel">
<vxe-grid ref='xGrid' v-bind="gridOptions"> <vxe-grid ref='xGrid' :export-config="{}" v-bind="gridOptions">
<!-- =============================== 表格列 自动生成 Start =============================== --> <!-- =============================== 表格列 自动生成 Start =============================== -->
@ -47,7 +55,7 @@
<template #op="{ row }"> <template #op="{ row }">
<div class="oplinks"> <div class="oplinks">
<a-button @click="grant(row)" type="primary">发放工资</a-button> <a-button @click="grant(row)" v-if="row.wages_status === 0" type="primary">发放工资</a-button>
</div> </div>
</template> </template>
@ -60,10 +68,12 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/DriverWages/api.js'; import BASE_URL from '@/services/Middle/transport/DriverWages/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'DriverWagesList', name: 'DriverWagesList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -73,8 +83,45 @@ export default {
data() { data() {
const listFieldName = 'DriverWages'; const listFieldName = 'DriverWages';
const year=[
{label: '2024', value: 2024},
{label: '2025', value: 2025},
{label: '2026', value: 2026},
{label: '2027', value: 2027},
]
const month=[
{label: '1月', value: 1},
{label: '2月', value: 2},
{label: '3月', value: 3},
{label: '4月', value: 4},
{label: '5月', value: 5},
{label: '6月', value: 6},
{label: '7月', value: 7},
{label: '8月', value: 8},
{label: '9月', value: 9},
{label: '10月', value: 10},
{label: '11月', value: 11},
{label: '12月', value: 12},
]
// //
var pageData = { // var pageData = { //
zkSelectSearch2: {
Search: `${BASE_URL.BASE_URL}/MesStaff/v1/mes/staff/list`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'MesStaff',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
@ -111,45 +158,28 @@ export default {
start_time: 0, // start_time: 0, //
end_time: 0, // end_time: 0, //
year:[
{label: '2019', value: 2019},
{label: '2020', value: 2020},
{label: '2021', value: 2021},
{label: '2022', value: 2022},
{label: '2023', value: 2023},
{label: '2024', value: 2024},
{label: '2025', value: 2025},
{label: '2026', value: 2026},
{label: '2027', value: 2027},
],
month:[
{label: '1月', value: 1},
{label: '2月', value: 2},
{label: '3月', value: 3},
{label: '4月', value: 4},
{label: '5月', value: 5},
{label: '6月', value: 6},
{label: '7月', value: 7},
{label: '8月', value: 8},
{label: '9月', value: 9},
{label: '10月', value: 10},
{label: '11月', value: 11},
{label: '12月', value: 12},
],
// //
searchFormData: { searchFormData: {
wages_year: 0, wages_year:'',
wages_month: 0, wages_month: '',
staff_uid: '',
}, },
// //
searchRules: [ searchRules: [
{ key: "wages_year", mode: "=" }, { key: "wages_year", mode: "=" },
{ key: "wages_month", mode: "=" } { key: "wages_month", mode: "=" },
{ key: "staff_uid", mode: "=" }
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'wages_year', title: '年份', span: 5, itemRender: {name: '$select',props: { options: this.year }}}, {field: 'wages_year', title: '年份', span: 3, itemRender: {name: '$select',props: { options: year,placeholder: '请选择年份' }}},
{field: 'wages_month', title: '月份', span: 5, itemRender: {name: '$select',props: { options: this.month }}}, {field: 'wages_month', title: '月份', span: 3, itemRender: {name: '$select',props: { options: month,placeholder: '请选择月份' }}},
{
field: 'staff_uid',
title: '司机',
span: 4,
slots: { default: 'driver_id' }
},
{ span: 8, slots: { default: 'date' } }, // { span: 8, slots: { default: 'date' } }, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //
@ -162,6 +192,10 @@ export default {
// //
gridOptions: { // gridOptions: { //
export: true,
exportConfig: { //
},
height: '100%', // 100% height: '100%', // 100%
stripe: true, // stripe: true, //
id: 'datagrid_1', // id: 'datagrid_1', //
@ -293,6 +327,10 @@ export default {
if (mode == "like") { // if (mode == "like") { //
value = "%" + value + "%"; // % value = "%" + value + "%"; // %
} }
// value
if (typeof value == "number") {
value = value.toString();
}
rules.push({ // rules.push({ //
column: key, // column: key, //
mode: mode, // mode: mode, //
@ -401,7 +439,9 @@ export default {
let rows = this.$refs.xGrid.getCheckboxRecords(); // let rows = this.$refs.xGrid.getCheckboxRecords(); //
let ids = []; // id let ids = []; // id
rows.forEach((row) => { // rows.forEach((row) => { //
ids.push(row[this.keyName]); // idid if (row.wages_status === 0) {
ids.push(row[this.keyName]); // idid
}
}); });
if (!ids.length) { // if (!ids.length) { //
@ -426,7 +466,16 @@ export default {
}); });
} }
}); });
} },
//
StaffhandleChange(value) {
this.$data.searchFormData.staff_uid = value.id;
console.log("this.$data.searchFormData.driver_id:",this.$data.searchFormData.staff_uid);
this.$refs.xGrid.commitProxy('query') //
},
}, },
// //
watch: {} watch: {}

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="false" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -98,18 +98,18 @@ export default {
// //
searchFormData: { searchFormData: {
title: '', name: '',
desc: '', code: '',
}, },
// //
searchRules: [ searchRules: [
{key: "title", mode: "like"}, {key: "name", mode: "like"},
{key: "desc", mode: "like"} {key: "code", mode: "like"}
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'title', title: '标题', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入标题'}}}, {field: 'code', title: '编号', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入编号'}}},
{field: 'desc', title: '描述', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入描述'}}}, {field: 'name', title: '名称', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入名称'}}},
{span: 8, slots: {default: 'date'}}, // {span: 8, slots: {default: 'date'}}, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //

View File

@ -5,6 +5,13 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch>
</template>
<template #date="{}"> <template #date="{}">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -16,7 +23,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -54,10 +61,12 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/Maintenance/api.js'; import BASE_URL from '@/services/Middle/transport/Maintenance/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'MaintenanceGiornaleLogList', name: 'MaintenanceGiornaleLogList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -69,6 +78,21 @@ export default {
const listFieldName = 'MaintenanceGiornaleLog'; const listFieldName = 'MaintenanceGiornaleLog';
// //
var pageData = { // var pageData = { //
zkSelectSearch: {
Search: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
listFieldName: 'MaintenanceGiornaleLog', listFieldName: 'MaintenanceGiornaleLog',
@ -111,17 +135,25 @@ export default {
// //
searchFormData: { searchFormData: {
title: '', title: '',
truck_id: '',
desc: '', desc: '',
}, },
// //
searchRules: [ searchRules: [
{key: "title", mode: "like"}, {key: "title", mode: "like"},
{ key: "truck_id", mode: "like" },
{key: "desc", mode: "like"} {key: "desc", mode: "like"}
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'title', title: '标题', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入标题'}}}, // {field: 'title', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{field: 'desc', title: '描述', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入描述'}}}, // {field: 'desc', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{
field: 'truck_id',
title: '车辆',
span: 4,
slots: { default: 'truck_id' }
},
{span: 8, slots: {default: 'date'}}, // {span: 8, slots: {default: 'date'}}, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //
@ -358,6 +390,12 @@ export default {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
//
TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') //
}
}, },
// //

View File

@ -5,6 +5,13 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch>
</template>
<template #date="{ }"> <template #date="{ }">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -16,7 +23,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -54,10 +61,12 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/Maintenance/api.js'; import BASE_URL from '@/services/Middle/transport/Maintenance/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'OtherExpensesLogList', name: 'OtherExpensesLogList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -69,6 +78,21 @@ export default {
const listFieldName = 'OtherExpensesLog'; const listFieldName = 'OtherExpensesLog';
// //
var pageData = { // var pageData = { //
zkSelectSearch: {
Search: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
@ -110,17 +134,25 @@ export default {
// //
searchFormData: { searchFormData: {
title: '', title: '',
truck_id: '',
desc: '', desc: '',
}, },
// //
searchRules: [ searchRules: [
{ key: "title", mode: "like" }, { key: "title", mode: "like" },
{ key: "truck_id", mode: "like" },
{ key: "desc", mode: "like" } { key: "desc", mode: "like" }
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{ field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } }, // { field: 'title', title: '', span: 5, itemRender: { name: '$input', props: { placeholder: '' } } },
{ field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, // { field: 'desc', title: '', span: 5, itemRender: { name: '$input', props: { placeholder: '' } } },
{
field: 'truck_id',
title: '车辆',
span: 4,
slots: { default: 'truck_id' }
},
{ span: 8, slots: { default: 'date' } }, // { span: 8, slots: { default: 'date' } }, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //
@ -348,6 +380,12 @@ export default {
}, },
//
TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') //
}
}, },
// //
watch: {} watch: {}

View File

@ -5,6 +5,13 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch>
</template>
<template #date="{}"> <template #date="{}">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -16,7 +23,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -54,10 +61,12 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/OilConsumption/api.js'; import BASE_URL from '@/services/Middle/transport/OilConsumption/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'OilConsumptionList', name: 'OilConsumptionList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -69,6 +78,21 @@ export default {
const listFieldName = 'OilConsumption'; const listFieldName = 'OilConsumption';
// //
var pageData = { // var pageData = { //
zkSelectSearch: {
Search: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
@ -97,17 +121,25 @@ export default {
// //
searchFormData: { searchFormData: {
title: '', title: '',
truck_id: '',
desc: '', desc: '',
}, },
// //
searchRules: [ searchRules: [
{key: "title", mode: "like"}, {key: "title", mode: "like"},
{ key: "truck_id", mode: "like" },
{key: "desc", mode: "like"} {key: "desc", mode: "like"}
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'title', title: '标题', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入标题'}}}, // {field: 'title', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{field: 'desc', title: '描述', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入描述'}}}, // {field: 'desc', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{
field: 'truck_id',
title: '车辆',
span: 4,
slots: { default: 'truck_id' }
},
{span: 8, slots: {default: 'date'}}, // {span: 8, slots: {default: 'date'}}, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //
@ -327,6 +359,12 @@ export default {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
//
TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') //
}
}, },
// //

View File

@ -130,11 +130,11 @@ export default {
items: [ items: [
// =============================== Start =============================== // =============================== Start ===============================
{field:'',title:'',span:24,isTitle:true,Htitle:'土质物料信息',itemRender:{}},//线 {field:'',title:'',span:24,isTitle:true,Htitle:'土质物料信息',itemRender:{}},//线
{field: 'code', title: '编码', span: 12, itemRender: {name: '$input'}}, {field: 'code', title: '编码', span: 6, itemRender: {name: '$input'}},
{field: 'name', title: '品名', span: 12, itemRender: {name: '$input'}}, {field: 'name', title: '品名', span: 6, itemRender: {name: '$input'}},
{field: 'image', title: '图片', span: 24, itemRender: {name: 'MkFormCropper', props: {}}}, {field: 'image', title: '图片', span: 24, itemRender: {name: 'MkFormCropper', props: {}}},
{field: 'description', title: '描述', span: 24, itemRender: {name: '$input'}}, {field: 'description', title: '描述', span: 24, itemRender: {name: '$textarea'}},
{field: 'remark', title: '备注', span: 24, itemRender: {name: '$input'}}, {field: 'remark', title: '备注', span: 24, itemRender: {name: '$textarea'}},
// =============================== End =============================== // =============================== End ===============================

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>

View File

@ -16,7 +16,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>

View File

@ -5,6 +5,13 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch>
</template>
<template #date="{}"> <template #date="{}">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -16,7 +23,7 @@
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -56,10 +63,11 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/Tire/api.js'; import BASE_URL from '@/services/Middle/transport/Tire/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'TireList', name: 'TireList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -71,6 +79,21 @@ export default {
const listFieldName = 'Tire'; const listFieldName = 'Tire';
// //
var pageData = { // var pageData = { //
zkSelectSearch: {
Search: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
@ -101,16 +124,24 @@ export default {
searchFormData: { searchFormData: {
title: '', title: '',
desc: '', desc: '',
truck_id: '',
}, },
// //
searchRules: [ searchRules: [
{key: "title", mode: "like"}, {key: "title", mode: "like"},
{ key: "truck_id", mode: "like" },
{key: "desc", mode: "like"} {key: "desc", mode: "like"}
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{field: 'title', title: '标题', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入标题'}}}, // {field: 'title', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{field: 'desc', title: '描述', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入描述'}}}, // {field: 'desc', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}},
{
field: 'truck_id',
title: '车辆',
span: 4,
slots: { default: 'truck_id' }
},
{span: 8, slots: {default: 'date'}}, // {span: 8, slots: {default: 'date'}}, //
{ {
align: 'right', span: 4, itemRender: { // align: 'right', span: 4, itemRender: { //
@ -347,6 +378,12 @@ export default {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
//
TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') //
}
}, },
// //

View File

@ -5,6 +5,22 @@
<a-col :flex="$mk.config.ui.searchFlex"> <a-col :flex="$mk.config.ui.searchFlex">
<!-- 搜索区 --> <!-- 搜索区 -->
<vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch"> <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
<template #truck_id="{ }">
<ZkSelectSearch :ListTitle="'请选择车辆'" :IsListShowCode="true" :ListUrl="zkSelectSearch.Search"
:ListUrlData="zkSelectSearch.zkSelectData"
:ListFieldName="zkSelectSearch.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch.zkBackFieldNames" @zkSelectSearch="TruckhandleChange">
</ZkSelectSearch>
</template>
<template #driver_id="{ }">
<ZkSelectSearch :ListTitle="'请选择司机'" :IsListShowCode="true" :ListUrl="zkSelectSearch2.Search"
:ListUrlData="zkSelectSearch2.zkSelectData"
:ListFieldName="zkSelectSearch2.zkSelectDataFieldName"
:BackFieldNames="zkSelectSearch2.zkBackFieldNames" @zkSelectSearch="StaffhandleChange">
</ZkSelectSearch>
</template>
<template #date="{ }"> <template #date="{ }">
<a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }"> <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
</a-form-item> </a-form-item>
@ -12,11 +28,12 @@
<a-range-picker @change="onDateChange" /> <a-range-picker @change="onDateChange" />
</a-form-item> </a-form-item>
</template> </template>
</vxe-form> </vxe-form>
</a-col> </a-col>
<a-col :flex="$mk.config.ui.toolbarFlex"> <a-col :flex="$mk.config.ui.toolbarFlex">
<!-- 工具条 --> <!-- 工具条 -->
<mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar> <mk-toolbar :isShowLog="false" :isShowSetting="false" :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
</a-col> </a-col>
</a-row> </a-row>
@ -77,7 +94,7 @@
<template #op="{ row }"> <template #op="{ row }">
<div class="oplinks"> <div class="oplinks">
<a @click.stop="pageDetail(row)" title="详情"> <a @click.stop="pageDetail(row)" title="详情">
<a-icon type="file"/> <a-icon type="file" />
</a> </a>
<a @click.stop="pageEdit(row)" title="编辑"> <a @click.stop="pageEdit(row)" title="编辑">
<a-icon type="edit" /> <a-icon type="edit" />
@ -97,10 +114,11 @@
<script> <script>
import BASE_URL from '@/services/Middle/transport/TrainNumber/api.js'; import BASE_URL from '@/services/Middle/transport/TrainNumber/api.js';
import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
export default { export default {
name: 'TrainNumberList', name: 'TrainNumberList',
i18n: require('./i18n'), // i18n: require('./i18n'), //
components: { ZkSelectSearch },
props: { props: {
pageMode: { pageMode: {
type: String, type: String,
@ -113,6 +131,41 @@ export default {
// //
var pageData = { // var pageData = { //
zkSelectSearch: {
Search: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'Truck',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
zkSelectSearch2: {
Search: `${BASE_URL.BASE_URL}/MesStaff/v1/mes/staff/list`,
zkSelectData: {
page: 1,
limit: 50,
order_bys: [
{
column: "create_time",
order: "desc"
},
],
},
zkSelectDataFieldName: 'MesStaff',
zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
},
keyName: 'id', // keyName: 'id', //
@ -136,26 +189,39 @@ export default {
// //
searchFormData: { searchFormData: {
title: '', code: '',
desc: '', truck_id: '',
driver_id: '',
}, },
// //
searchRules: [ searchRules: [
{ key: "title", mode: "like" }, { key: "code", mode: "like" },
{ key: "desc", mode: "like" } { key: "truck_id", mode: "like" },
{ key: "driver_id", mode: "like" }
], ],
// //
searchFormItems: [ // searchFormItems: [ //
{ {
field: 'code', field: 'code',
title: '车次单号', title: '车次单号',
span: 5, span: 4,
itemRender: { name: '$input', props: { placeholder: '请输入车次单号' } } itemRender: { name: '$input', props: { placeholder: '请输入车次单号' } }
}, },
// {field: 'desc', title: '', span: 5, itemRender: {name: '$input', props: {placeholder: ''}}}, {
field: 'truck_id',
title: '车辆',
span: 4,
slots: { default: 'truck_id' }
},
{
field: 'driver_id',
title: '司机',
span: 4,
slots: { default: 'driver_id' }
},
{ span: 8, slots: { default: 'date' } }, // { span: 8, slots: { default: 'date' } }, //
{ {
align: 'right', span: 4, itemRender: { // align: 'left', span: 4, itemRender: { //
name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, // name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, //
{ props: { type: 'reset', content: '重置' } }] { props: { type: 'reset', content: '重置' } }]
} }
@ -275,7 +341,7 @@ export default {
// =============================== Start =============================== // =============================== Start ===============================
{title: '操作', slots: {default: 'op'}, width: 150, fixed: 'right'} { title: '操作', slots: { default: 'op' }, width: 150, fixed: 'right' }
] ]
} }
@ -374,8 +440,8 @@ export default {
this.$openPage("/TrainNumber/TrainNumberCreate"); // this.$openPage("/TrainNumber/TrainNumberCreate"); //
} }
}, },
// //
pageDetail(row) { pageDetail(row) {
if (!row) { // if (!row) { //
this.$mk.msg("请选择行"); // this.$mk.msg("请选择行"); //
return; // return; //
@ -428,7 +494,21 @@ export default {
this.$refs.xGrid.commitProxy('query') // this.$refs.xGrid.commitProxy('query') //
}, },
//
StaffhandleChange(value) {
this.$data.searchFormData.driver_id = value.id;
console.log("this.$data.searchFormData.driver_id:",this.$data.searchFormData.driver_id);
this.$refs.xGrid.commitProxy('query') //
},
//
TruckhandleChange(value) {
this.$data.searchFormData.truck_id = value.id;
console.log("this.$data.searchFormData.truck_id:",this.$data.searchFormData.truck_id);
this.$refs.xGrid.commitProxy('query') //
}
}, },
// //
watch: {} watch: {}