diff --git a/src/application/mk/components/dialog/dialog.vue b/src/application/mk/components/dialog/dialog.vue
index 0a300fd..49737e8 100644
--- a/src/application/mk/components/dialog/dialog.vue
+++ b/src/application/mk/components/dialog/dialog.vue
@@ -49,8 +49,8 @@ export default {
       // 解构赋值 page 页面组件 title 标题 callback 回调函数 pageMode 模式 add edit select dataId 数据id width 宽度 height 高度 pageOptions 页面参数
       // pageOptions 用于传递给页面的参数 例如：{id:1,name:'张三'} 页面通过 this.$options.pageOptions 获取
       // showFooter 是否显示底部按钮
-      const { page, title, callback, pageMode, dataId,width = 800,height = 600 , pageOptions = {} ,showFooter } = options || {}; 
-      
+      const { page, title, callback, pageMode, dataId,width = 800,height = 600 , pageOptions = {} ,showFooter } = options || {};
+
       this.width = width;
       this.height = height;
       this.dataId = dataId;
@@ -68,7 +68,7 @@ export default {
 
     // 处理回调
     handleCallback(e) {
-      
+
       console.log(e);
       const { callback } = this;
       // 判断是否有回调函数
diff --git a/src/application/zk/components/dialog/dialog.vue b/src/application/zk/components/dialog/dialog.vue
new file mode 100644
index 0000000..0a300fd
--- /dev/null
+++ b/src/application/zk/components/dialog/dialog.vue
@@ -0,0 +1,100 @@
+<template>
+  <!-- 弹窗对话框 -->
+  <vxe-modal class="vxe-table--ignore-clear" id="myModal" @close="modalClose" v-model="visible" :width="width" :height="height"
+
+  :show-footer="showFooter"
+      @confirm="confirmEvent"
+    min-width="600" min-height="400" show-zoom resize  transfer>
+    <!-- 
+      show-footer 显示底部按钮 
+      confirm 确认按钮事件
+      min-width 最小宽度
+      min-height 最小高度
+      show-zoom 显示缩放按钮
+      resize 是否可以缩放
+      transfer 是否使用传送门
+    -->
+    <template #title>
+      <span>{{ title }}</span>
+      <!-- <span>提示</span> -->
+    </template>
+    <template #default>
+      <component :is="app" ref="appPage" :dataId="dataId" :pageOptions="pageOptions" :pageMode="pageMode" @callback="handleCallback"></component>
+    </template>
+  </vxe-modal>
+
+</template>
+<script>
+
+export default {
+  name: "myDialog",
+  data() {
+    return {
+      width:800,
+      height:800,
+      visible: false,
+      title: "提示",
+      callback: null,
+      showFooter:false,
+      dataId: "",
+      pageMode: "", //add edit select
+      pageOptions:{},
+      app: null
+    };
+  },
+  methods: {
+
+    // 打开弹窗
+    open(options) {
+      // 解构赋值 page 页面组件 title 标题 callback 回调函数 pageMode 模式 add edit select dataId 数据id width 宽度 height 高度 pageOptions 页面参数
+      // pageOptions 用于传递给页面的参数 例如：{id:1,name:'张三'} 页面通过 this.$options.pageOptions 获取
+      // showFooter 是否显示底部按钮
+      const { page, title, callback, pageMode, dataId,width = 800,height = 600 , pageOptions = {} ,showFooter } = options || {}; 
+      
+      this.width = width;
+      this.height = height;
+      this.dataId = dataId;
+      this.pageMode = pageMode;
+      this.title = title;
+      this.pageOptions = pageOptions;
+      this.app = page;
+      this.callback = callback;
+      this.showFooter = showFooter;
+      // 设置延迟显示，解决弹窗显示不全的问题
+      setTimeout(() => {
+        this.visible = true;
+      }, 10);
+    },
+
+    // 处理回调
+    handleCallback(e) {
+      
+      console.log(e);
+      const { callback } = this;
+      // 判断是否有回调函数
+      if (callback) {
+        // 执行回调
+        callback(e);
+        // 关闭弹窗
+        this.$destroy();
+      }
+    },
+
+    // 关闭弹窗
+    modalClose() {
+      this.$destroy();
+    },
+
+    // 确认事件
+    confirmEvent(){
+      const { callback } = this;
+      let data = this.$refs.appPage.getConfirmData();
+      if (callback) {
+        callback({data});
+        this.$destroy();
+      }
+    }
+  },
+};
+</script>
+  
\ No newline at end of file
diff --git a/src/application/zk/components/dialog/index.js b/src/application/zk/components/dialog/index.js
new file mode 100644
index 0000000..33abda5
--- /dev/null
+++ b/src/application/zk/components/dialog/index.js
@@ -0,0 +1,15 @@
+import Vue from 'vue' // 加载vue模块
+import promptComponent from './dialog.vue' // 加载dialog组件
+
+
+
+export default {
+	// 打开对话框
+	open: function (args) { // 打开对话框
+		const promptConstructor = Vue.extend(promptComponent); // 创建一个子类
+		let instance = new promptConstructor().$mount(''); // 创建一个实例
+		document.body.appendChild(instance.$el); // 将实例挂载到body上
+		instance.open(args); // 打开对话框
+	}
+
+};
\ No newline at end of file
diff --git a/src/application/zk/func/request.js b/src/application/zk/func/request.js
index 1dd76a6..f93313b 100644
--- a/src/application/zk/func/request.js
+++ b/src/application/zk/func/request.js
@@ -1,12 +1,11 @@
-import { request } from '@/utils/request' // 加载request
+import {request} from '@/utils/request' // 加载request
 import modal from './modal' // 加载modal
-
 import JSONbig from 'json-bigint'
 
 export default {
 
     // 提交post请求 ，获取数据
-    post: function ({ url, data, loading, config, useBigInt }) { // post请求
+    post: function ({url, data, loading, config, useBigInt}) { // post请求
 
         if (useBigInt) {
             config = config || {};
@@ -52,7 +51,7 @@ export default {
 
     },
 
-    get: function ({ url, loading, config, useBigInt }) { // post请求
+    get: function ({url, loading, config, useBigInt}) { // post请求
 
         if (useBigInt) {
             config = config || {};
@@ -90,7 +89,7 @@ export default {
     },
 
     // 获取分页数据
-    getPagedData: function ({ url, method = 'post', data, callback, config,useBigInt,rowFilters,listFieldName }) { // 获取分页数据 默认post请求
+    getPagedData: function ({url, method = 'post', data, callback, config, useBigInt, rowFilters, listFieldName}) { // 获取分页数据 默认post请求
 
         if (useBigInt) {
             config = config || {};
@@ -108,6 +107,10 @@ export default {
             if (data.end_time && typeof (data.end_time) == "string") { // 如果结束时间是字符串
                 data.end_time = parseInt(new Date(data.end_time).getTime() / 1000); // 转换为时间戳
             }
+            if (data.start_time === data.end_time) { // 如果开始时间和结束时间相等 说明是同一天
+                data.end_time = data.end_time + 24 * 60 * 60 - 1;
+            }
+
             request(url, method, data, config).then(response => { // 发送请求
                 if (!response) { // 如果没有返回
                     reject && reject(response);  // 返回错误
@@ -128,25 +131,25 @@ export default {
                     return;
                 }
 
-                if(
+                if (
                     rowFilters && // 如果有行过滤器
                     rowFilters.length && // 如果行过滤器有数据
                     listFieldName && // 如果列表字段名有数据
                     result.data && // 如果返回的数据有数据
                     result.data[listFieldName] && // 如果返回的数据中有列表字段名
                     result.data[listFieldName].length // 如果返回的数据中的列表字段名有数据
-                ){
-                    console.log( JSON.stringify(result.data[listFieldName]))
-                    result.data[listFieldName] = result.data[listFieldName].filter((row)=>{
-                        for(let i =0;i<rowFilters.length;i++){
+                ) {
+                    console.log(JSON.stringify(result.data[listFieldName]))
+                    result.data[listFieldName] = result.data[listFieldName].filter((row) => {
+                        for (let i = 0; i < rowFilters.length; i++) {
                             let f = rowFilters[i];
-                            if(!f(row)){
+                            if (!f(row)) {
                                 return false;
                             }
                         }
                         return true;
                     });
-                    console.log( JSON.stringify(result.data[listFieldName]))
+                    console.log(JSON.stringify(result.data[listFieldName]))
                 }
                 // console.log(result.data)
                 resolve(result.data);  // 返回成功
diff --git a/src/application/zk/index.js b/src/application/zk/index.js
index 4756390..5f922bc 100644
--- a/src/application/zk/index.js
+++ b/src/application/zk/index.js
@@ -1,4 +1,4 @@
-import dialog from "@/application/mk/components/dialog";
+import dialog from "@/application/zk/components/dialog";
 import request from "@/application/zk/func/request";
 import zkToolbar from "./components/zkToolbar.vue";
 import zkTableView from "./components/zkTableView.vue";
diff --git a/src/application/zk/mixins/DeleteComponents.js b/src/application/zk/mixins/DeleteComponents.js
new file mode 100644
index 0000000..bd3d670
--- /dev/null
+++ b/src/application/zk/mixins/DeleteComponents.js
@@ -0,0 +1,34 @@
+export default {
+    data() {
+        return {
+            DeleteUrlData: {ids: []},
+        };
+    },
+    props: {
+        DeleteUrl: {
+            type: String
+        },
+    },
+    created() {
+        this.initListData();
+    },
+    methods: {
+        Delete() {
+            this.$zk.post({
+                url: this.DeleteUrl,
+                data: this.DeleteUrlData,
+                loading: "加载中...",
+                config: {
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                }
+            }).then(a => {
+                this.initListData();
+                console.log(a)
+            }).catch((a) => {
+                this.$mk.error(a.msg);
+            });
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/application/zk/mixins/DetailComponents.js b/src/application/zk/mixins/DetailComponents.js
new file mode 100644
index 0000000..24921ed
--- /dev/null
+++ b/src/application/zk/mixins/DetailComponents.js
@@ -0,0 +1,14 @@
+export default {
+    data() {
+        return {};
+    },
+    props: {
+        DetailUrl: {
+            type: String
+        },
+        DetailUrlData: {
+            type: Object
+        },
+    },
+    methods: {},
+}
\ No newline at end of file
diff --git a/src/application/zk/mixins/ListComponents.js b/src/application/zk/mixins/ListComponents.js
new file mode 100644
index 0000000..90013a6
--- /dev/null
+++ b/src/application/zk/mixins/ListComponents.js
@@ -0,0 +1,78 @@
+export default {
+    data() {
+        return {
+            data: [],
+        };
+    },
+    props: {
+        CreateRouter: {
+            type: String
+        },
+        UpdateRouter: {
+            type: String
+        },
+        DetailVueComponent: {
+            type: String,
+            default: "./Detail.vue"
+        },
+        IsListShowCode: {
+            type: Boolean,
+            default: false
+        },
+        ListTitle: {
+            type: String
+        },
+        ListUrl: {
+            type: String
+        },
+        ListUrlData: {
+            type: Object
+        },
+        ListFieldName: {
+            type: String
+        },
+        BackFieldNames: {
+            type: Array,
+            default: () => {
+                return ["id", "name", "code"];
+            }
+        }
+    },
+    created() {
+        this.initListData();
+    },
+    methods: {
+        initListData() {
+            this.$zk.getPagedData({
+                url: this.ListUrl,
+                listFieldName: this.ListFieldName,
+                data: this.ListUrlData,
+                loading: "加载中...",
+                config: {
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                }
+            }).then(a => {
+                if (a.total === 0) {
+                    return
+                }
+
+                if (a[this.ListFieldName].length > 0) {
+                    this.data = a[this.ListFieldName];
+                    // this.list中的id字段转换为字符串
+                    this.data.forEach(item => {
+                        item.id = item.id.toString();
+                    });
+                }
+
+            }).catch((a) => {
+                console.log("====error", a)
+                if (a.code !== 200) {
+                    this.$mk.error(a.msg);
+                }
+
+            });
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/application/zk/mixins/TebleComponents.js b/src/application/zk/mixins/TebleComponents.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/application/zk/mixins/UpdateComponents.js b/src/application/zk/mixins/UpdateComponents.js
new file mode 100644
index 0000000..c816f5b
--- /dev/null
+++ b/src/application/zk/mixins/UpdateComponents.js
@@ -0,0 +1,14 @@
+export default {
+    data() {
+        return {};
+    },
+    props: {
+        UpdateUrl: {
+            type: String
+        },
+        UpdateUrlData: {
+            type: Object
+        },
+    },
+    methods: {},
+}
\ No newline at end of file
diff --git a/src/components/zk/zkSelect.md b/src/components/zk/zkSelect.md
new file mode 100644
index 0000000..4fc4bf3
--- /dev/null
+++ b/src/components/zk/zkSelect.md
@@ -0,0 +1,57 @@
+    <zkSelect
+        :ListTitle="'请选择车辆'" // 空选择
+        :IsListShowCode="false"  // 是否显示code字段
+        :ListUrl="this.$data.actions.TruckSearch" // 请求地址
+        :ListUrlData="this.$data.zkSelectData" // 请求参数
+        :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
+        :BackFieldNames="[ 'id', 'name', 'code','create_time']" // 返回字段
+        @zkSelect="zkSelecthandleChange" // 选择后的回调
+    ></zkSelect>
+
+```json
+      zkSelectData: {
+page: 1,
+limit: 50,
+order_bys: [
+{
+column: "create_time",
+order: "desc"
+},
+],
+},
+zkSelectDataFieldName: 'Truck',
+zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
+```
+
+```html
+
+<zkSelect
+        :ListTitle="'请选择车辆'"
+        :IsListShowCode="false"
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :BackFieldNames="[ 'id', 'name', 'code','create_time']"
+        @zkSelect="zkSelecthandleChange"
+></zkSelect>
+```
+
+### 引用
+
+```js
+
+import ZkSelect from '@/components/zk/zkSelect.vue';
+
+```
+
+```js
+
+// 动作
+methods: {
+    // 选择器改变
+    zkSelecthandleChange(value)
+    {
+        console.log("value:", value);
+    }
+}
+```
\ No newline at end of file
diff --git a/src/components/zk/zkSelect.vue b/src/components/zk/zkSelect.vue
new file mode 100644
index 0000000..73304de
--- /dev/null
+++ b/src/components/zk/zkSelect.vue
@@ -0,0 +1,42 @@
+<template>
+  <a-select
+      :default-value="ListTitle"
+      style="width: 200px"
+      @change="handleChange"
+  >
+    <a-select-option v-for="item in data" :key="item.id" :value="item.id">
+      {{ item.name }} <span v-if="IsListShowCode">- {{ item.code }}</span>
+    </a-select-option>
+  </a-select>
+
+</template>
+<script>
+
+import Mixin from "@/application/zk/mixins/ListComponents.js";
+
+export default {
+  mixins: [Mixin],
+  created() {
+
+  },
+  methods: {
+    handleChange(value) {
+      console.log(`selected ${value}`);
+      // 向父级传递数据 backFieldNames
+      this.data.forEach(item => {
+        if (item.id === value) {
+          // backFieldNames
+          let FieldNames = {}
+          this.BackFieldNames.forEach(backFieldName => {
+            if (item[backFieldName]) {
+              FieldNames[backFieldName] = item[backFieldName];
+            }
+          });
+          this.$emit('zkSelect', FieldNames);
+        }
+      });
+
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/zk/zkSelectAddItem.md b/src/components/zk/zkSelectAddItem.md
new file mode 100644
index 0000000..6e7b265
--- /dev/null
+++ b/src/components/zk/zkSelectAddItem.md
@@ -0,0 +1,54 @@
+        :ListTitle="'请选择车辆'" // 空选择
+        :IsListShowCode="false" // 是否显示code字段
+        :ListUrl="this.$data.actions.TruckSearch" // 请求地址
+        :ListUrlData="this.$data.zkSelectData" // 请求参数
+        :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
+        :BackFieldNames="[ 'id', 'name', 'code','create_time']" // 返回字段
+        @zkSelectAddItem="zkSelecthandleChange" // 选择后的回调
+
+```json
+      zkSelectData: {
+page: 1,
+limit: 50,
+order_bys: [
+{
+column: "create_time",
+order: "desc"
+},
+],
+},
+zkSelectDataFieldName: 'Truck',
+zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
+```
+
+```html
+
+<zkSelectAddItem
+        :ListTitle="'请选择车辆'"
+        :IsListShowCode="false"
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :BackFieldNames="[ 'id', 'name', 'code','create_time']"
+        @zkSelectAddItem="zkSelecthandleChange"
+></zkSelectAddItem>
+```
+
+### 引用
+
+```js
+
+import ZkSelectAddItem from '@/components/zk/zkSelectAddItem.vue';
+
+```
+
+```js
+  // 动作
+methods: {
+    // 选择器改变
+    zkSelecthandleChange(value)
+    {
+        console.log("value:", value);
+    }
+}
+```
\ No newline at end of file
diff --git a/src/components/zk/zkSelectAddItem.vue b/src/components/zk/zkSelectAddItem.vue
new file mode 100644
index 0000000..2208788
--- /dev/null
+++ b/src/components/zk/zkSelectAddItem.vue
@@ -0,0 +1,59 @@
+<template>
+  <a-select
+      :default-value="ListTitle"
+      style="width: 120px"
+      @change="handleChange">
+    <div slot="dropdownRender" slot-scope="menu">
+      <v-nodes :vnodes="menu"/>
+      <a-divider style="margin: 4px 0;"/>
+      <div
+          style="padding: 4px 8px; cursor: pointer;"
+          @mousedown="e => e.preventDefault()"
+          @click="addItem"
+      >
+        <a-icon type="plus"/>
+        Add item
+      </div>
+    </div>
+    <a-select-option v-for="item in data" :key="item.id" :value="item.id">
+      {{ item.name }} <span v-if="IsListShowCode">- {{ item.code }}</span>
+    </a-select-option>
+  </a-select>
+
+</template>
+<script>
+import Mixin from "@/application/zk/mixins/ListComponents.js";
+// let index = 0;
+export default {
+  mixins: [Mixin],
+  components: {
+    VNodes: {
+      functional: true,
+      render: (h, ctx) => ctx.props.vnodes,
+    },
+  },
+  methods: {
+    handleChange(value) {
+      console.log(`selected ${value}`);
+      // 向父级传递数据 backFieldNames
+      this.data.forEach(item => {
+        if (item.id === value) {
+          // backFieldNames
+          let FieldNames = {}
+          this.BackFieldNames.forEach(backFieldName => {
+            if (item[backFieldName]) {
+              FieldNames[backFieldName] = item[backFieldName];
+            }
+          });
+          this.$emit('zkSelectAddItem', FieldNames);
+        }
+      });
+
+    },
+    addItem() {
+      console.log('addItem');
+      // this.items.push(`New item ${index++}`);
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/zk/zkSelectSearch.md b/src/components/zk/zkSelectSearch.md
new file mode 100644
index 0000000..2fc498b
--- /dev/null
+++ b/src/components/zk/zkSelectSearch.md
@@ -0,0 +1,55 @@
+        :ListTitle="'请选择车辆'" // 空选择
+        :IsListShowCode="false" // 是否显示code字段
+        :ListUrl="this.$data.actions.TruckSearch" // 请求地址
+        :ListUrlData="this.$data.zkSelectData" // 请求参数
+        :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
+        :BackFieldNames="this.$data.zkBackFieldNames" // 返回字段
+        @zkSelectSearch="zkSelecthandleChange" // 选择后的回调
+
+```json
+      zkSelectData: {
+page: 1,
+limit: 50,
+order_bys: [
+{
+column: "create_time",
+order: "desc"
+},
+],
+},
+zkSelectDataFieldName: 'Truck',
+zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
+```
+
+```html
+
+<ZkSelectSearch
+        :ListTitle="'请选择车辆'"
+        :IsListShowCode="false"
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :BackFieldNames="this.$data.zkBackFieldNames"
+        @zkSelectSearch="zkSelecthandleChange"
+></ZkSelectSearch>
+```
+
+### 引用
+
+```js
+import ZkSelectSearch from '@/components/zk/zkSelectSearch.vue';
+
+```
+
+```js
+  // 动作
+methods: {
+    // 选择器改变
+    zkSelecthandleChange(value)
+    {
+        console.log("value:", value);
+    }
+}
+```
+
+
diff --git a/src/components/zk/zkSelectSearch.vue b/src/components/zk/zkSelectSearch.vue
new file mode 100644
index 0000000..188b3f2
--- /dev/null
+++ b/src/components/zk/zkSelectSearch.vue
@@ -0,0 +1,93 @@
+<template>
+  <a-select
+      show-search
+      :value="value"
+      :placeholder="ListTitle"
+      style="width: 200px"
+      :default-active-first-option="false"
+      :show-arrow="false"
+      :filter-option="false"
+      :not-found-content="null"
+      @search="handleSearch"
+      @change="handleChange"
+  >
+    <a-select-option v-for="item in data" :key="item.id">
+      {{ item.name }} <span v-if="IsListShowCode">- {{ item.code }}</span>
+    </a-select-option>
+  </a-select>
+
+</template>
+<script>
+
+import Mixin from "@/application/zk/mixins/ListComponents.js";
+
+export default {
+  mixins: [Mixin],
+  data() {
+    return {
+      value: undefined,
+    };
+  },
+  methods: {
+    handleSearch(value) {
+      if (!value) {
+        this.initListData();
+        return;
+      }
+      let searchData = this.ListUrlData;
+      searchData.search_rules = [
+        {
+          column: "name",
+          mode: "like",
+          value: value
+        },
+        {
+          column: "code",
+          mode: "like",
+          value: value
+        },
+      ];
+      this.$zk.getPagedData({
+        url: this.ListUrl,
+        listFieldName: this.ListFieldName,
+        data: searchData,
+        loading: "加载中...",
+        config: {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }
+      }).then(a => {
+        if (a.total === 0) {
+          return
+        }
+        this.data = a[this.ListFieldName];
+        // this.list中的id字段转换为字符串
+        this.data.forEach(item => {
+          item.id = item.id.toString();
+        });
+      }).catch((a) => {
+        this.$mk.error(a.msg);
+      });
+    },
+    handleChange(value) {
+      console.log(`selected ${value}`);
+      this.value = value;
+      // 向父级传递数据 backFieldNames
+      this.data.forEach(item => {
+        if (item.id === value) {
+          // backFieldNames
+          let FieldNames = {}
+          this.BackFieldNames.forEach(backFieldName => {
+            if (item[backFieldName]) {
+              FieldNames[backFieldName] = item[backFieldName];
+            }
+          });
+          this.$emit('zkSelectSearch', FieldNames);
+        }
+      });
+
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/zk/zkSelectSearch1.md b/src/components/zk/zkSelectSearch1.md
new file mode 100644
index 0000000..c65f6da
--- /dev/null
+++ b/src/components/zk/zkSelectSearch1.md
@@ -0,0 +1,54 @@
+        :ListTitle="'请选择车辆'" // 空选择
+        :IsListShowCode="false" // 是否显示code字段
+        :ListUrl="this.$data.actions.TruckSearch" // 请求地址
+        :ListUrlData="this.$data.zkSelectData" // 请求参数
+        :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
+        :BackFieldNames="this.$data.zkBackFieldNames" // 返回字段
+        @zkSelectSearch="zkSelecthandleChange" // 选择后的回调
+
+```json
+      zkSelectData: {
+page: 1,
+limit: 50,
+order_bys: [
+{
+column: "create_time",
+order: "desc"
+},
+],
+},
+zkSelectDataFieldName: 'Truck',
+zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
+```
+
+```html
+
+<ZkSelectSearch1
+        :ListTitle="'请选择车辆'"
+        :IsListShowCode="false"
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :BackFieldNames="this.$data.zkBackFieldNames"
+        @zkSelectSearch="zkSelecthandleChange"
+></ZkSelectSearch1>
+```
+
+### 引用
+
+```js
+
+import ZkSelectSearch1 from '@/components/zk/zkSelectSearch1.vue';
+
+```
+
+```js
+  // 动作
+methods: {
+    // 选择器改变
+    zkSelecthandleChange(value)
+    {
+        console.log("value:", value);
+    }
+}
+```
\ No newline at end of file
diff --git a/src/components/zk/zkSelectSearch1.vue b/src/components/zk/zkSelectSearch1.vue
new file mode 100644
index 0000000..435cbf8
--- /dev/null
+++ b/src/components/zk/zkSelectSearch1.vue
@@ -0,0 +1,99 @@
+<template>
+  <a-select
+      show-search
+      :placeholder="ListTitle"
+      option-filter-prop="children"
+      style="width: 200px"
+      :filter-option="filterOption"
+      @focus="handleFocus"
+      @blur="handleBlur"
+      @change="handleChange"
+  >
+    <a-select-option v-for="item in data" :key="item.id">
+      {{ item.name }} <span v-if="IsListShowCode">- {{ item.code }}</span>
+    </a-select-option>
+  </a-select>
+
+</template>
+<script>
+
+import Mixin from "@/application/zk/mixins/ListComponents.js";
+
+export default {
+  mixins: [Mixin],
+  data() {
+    return {
+      value: undefined,
+    };
+  },
+  methods: {
+    handleSearch(value) {
+      if (!value) {
+        this.initListData();
+        return;
+      }
+      let searchData = this.urlData;
+      searchData.search_rules = [{
+        column: "name",
+        mode: "like",
+        value: value
+      },
+        {
+          column: "code",
+          mode: "like",
+          value: value
+        }];
+      this.$zk.getPagedData({
+        url: this.url,
+        listFieldName: this.listFieldName,
+        data: searchData,
+        loading: "加载中...",
+        config: {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }
+      }).then(a => {
+        if (a.total === 0) {
+          return
+        }
+        this.data = a[this.listFieldName];
+        // this.list中的id字段转换为字符串
+        this.data.forEach(item => {
+          item.id = item.id.toString();
+        });
+      }).catch((a) => {
+        this.$mk.error(a.msg);
+      });
+    },
+    handleChange(value) { // 更改
+      console.log(`selected ${value}`);
+      this.value = value;
+      // 向父级传递数据 backFieldNames
+      this.data.forEach(item => {
+        if (item.id === value) {
+          // backFieldNames
+          let FieldNames = {}
+          this.BackFieldNames.forEach(backFieldName => {
+            if (item[backFieldName]) {
+              FieldNames[backFieldName] = item[backFieldName];
+            }
+          });
+          this.$emit('zkSelectSearch', FieldNames);
+        }
+      });
+    },
+    handleBlur(value) { // 失焦
+      console.log(`blur ${value}`);
+    },
+    handleFocus(value) { // 聚焦
+      console.log(`focus ${value}`);
+    },
+    filterOption(input, option) { // 过滤
+      return (
+          option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      );
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/zk/zkSelectSearchMultiple.md b/src/components/zk/zkSelectSearchMultiple.md
new file mode 100644
index 0000000..4ae3e35
--- /dev/null
+++ b/src/components/zk/zkSelectSearchMultiple.md
@@ -0,0 +1,56 @@
+    <ZkSelectSearchMultiple
+        :ListTitle="'请选择车辆(多选)'" // 空选择
+        :IsListShowCode="false" // 是否显示code字段
+        :ListUrl="this.$data.actions.TruckSearch" // 请求地址
+        :ListUrlData="this.$data.zkSelectData" // 请求参数
+        :ListFieldName="this.$data.zkSelectDataFieldName" // 请求字段
+        :BackFieldNames="this.$data.zkBackFieldNames" // 返回字段
+        @zkSelectSearchMultiple="zkSelecthandleChange" // 选择后的回调
+    ></ZkSelectSearchMultiple> 
+
+```json
+      zkSelectData: {
+page: 1,
+limit: 50,
+order_bys: [
+{
+column: "create_time",
+order: "desc"
+},
+],
+},
+zkSelectDataFieldName: 'Truck',
+zkBackFieldNames: ['id', 'name', 'code', 'create_time'],
+```
+
+```html
+
+<ZkSelectSearchMultiple
+        :ListTitle="'请选择车辆(多选)'"
+        :IsListShowCode="false"
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :BackFieldNames="this.$data.zkBackFieldNames"
+        @zkSelectSearchMultiple="zkSelecthandleChange"
+></ZkSelectSearchMultiple>
+```
+
+### 引用
+
+```js
+
+import ZkSelectSearchMultiple from "@/components/zk/zkSelectSearchMultiple.vue";
+
+```
+
+```js
+  // 动作
+methods: {
+    // 选择器改变
+    zkSelecthandleChange(value)
+    {
+        console.log("value:", value);
+    }
+}
+```
\ No newline at end of file
diff --git a/src/components/zk/zkSelectSearchMultiple.vue b/src/components/zk/zkSelectSearchMultiple.vue
new file mode 100644
index 0000000..f438598
--- /dev/null
+++ b/src/components/zk/zkSelectSearchMultiple.vue
@@ -0,0 +1,99 @@
+<template>
+  <a-select
+      mode="multiple"
+      label-in-value
+      :value="value"
+      :placeholder="ListTitle"
+      style="width: 100%"
+      :filter-option="false"
+      :not-found-content="fetching ? undefined : null"
+      @search="handleSearch"
+      @change="handleChange"
+  >
+    <a-spin v-if="fetching" size="small"/>
+    <a-select-option v-for="d in data" :key="d.id">
+      {{ d.name }}<span v-if="IsListShowCode">- {{ d.code }}</span>
+    </a-select-option>
+  </a-select>
+
+</template>
+<script>
+import Mixin from "@/application/zk/mixins/ListComponents.js";
+
+export default {
+  mixins: [Mixin],
+  data() {
+    return {
+      data: [],
+      value: [],
+      fetching: false,
+      FieldNames: [],
+    };
+  },
+  methods: {
+    handleSearch(value) {
+      // 如果value 为空格
+
+      if (value.length === 0) {
+        this.initListData();
+        return;
+      }
+      console.log(value);
+      let searchData = this.ListUrlData;
+      searchData.search_rules = [{
+        column: "name",
+        mode: "like",
+        value: value
+      },
+        {
+          column: "code",
+          mode: "like",
+          value: value
+        }];
+      this.$zk.getPagedData({
+        url: this.url,
+        listFieldName: this.listFieldName,
+        data: searchData,
+        loading: "加载中...",
+        config: {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }
+      }).then(a => {
+        this.data = a[this.listFieldName];
+        // this.list中的id字段转换为字符串
+        this.data.forEach(item => {
+          item.id = item.id.toString();
+        });
+      }).catch((a) => {
+        this.$mk.error(a.msg);
+      });
+    },
+    handleChange(value) {
+      Object.assign(this, {
+        value,
+        fetching: false,
+      });
+      console.log(this.value)
+      // 向父级传递数据 backFieldNames
+      let FieldNamesD = []
+      this.value.forEach(v => {
+        this.data.forEach(item => {
+          if (item.id === v.key) {
+
+            let FieldNames = {}
+            this.BackFieldNames.forEach(backFieldName => {
+              if (item[backFieldName]) {
+                FieldNames[backFieldName] = item[backFieldName];
+              }
+            });
+            FieldNamesD.push(FieldNames)
+          }
+        });
+      });
+      this.$emit('zkSelectSearchMultiple', FieldNamesD);
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/zk/zkTableList.md b/src/components/zk/zkTableList.md
new file mode 100644
index 0000000..0529b27
--- /dev/null
+++ b/src/components/zk/zkTableList.md
@@ -0,0 +1,128 @@
+    <ZkTableList
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :DetailUrl="this.$data.actions.TruckDetail"
+        :AddUrl="this.$data.actions.TruckCreate"
+        :UpdateUrl="this.$data.actions.TruckUpdate"
+        :DeleteUrl="this.$data.actions.TruckBatchDelete"
+        :FormConfig="this.$data.zkSelectFormConfig"
+        :Columns="this.$data.columns"
+    >
+
+    </ZkTableList>
+
+### 引用
+
+```js
+
+import ZkTableList from "@/components/zk/zkTableList.vue";
+
+```
+
+```json
+      zkSelectFormConfig: {
+data: {
+name: '',
+code: '',
+plate_number: '',
+create_time: 0
+},
+items: [
+{
+field: 'name',
+title: '名称',
+slots: {
+default: 'name_item'
+} // 自定义插槽
+},
+{
+field: 'code',
+title: '编码',
+slots: {default: 'code_item'
+} // 自定义插槽
+},
+{
+field: 'plate_number',
+title: '车牌号',
+slots: {
+default: 'plate_number_item'} // 自定义插槽
+},
+{
+field: 'create_time',
+title: '时间',
+slots: {
+default: 'create_time_item'
+} // 自定义插槽
+},
+{slots: {default: 'operate_item'}}
+]
+},
+// 表格列配置
+columns: [
+{type: 'seq', width: 60},
+{type: 'checkbox', width: 42},
+
+
+// =============================== 表格列 自动生成 Start ===============================
+
+
+{field: 'code', sortable: true, title: '编码', width: 120
+}, // 编码
+{
+field: 'name', sortable: true, title: '名称', width: 120
+}, // 名称
+{
+field: 'plate_number', sortable: true, title: '车牌号', width: 120
+}, // 车牌号
+{
+field: 'type', sortable: true, title: '车辆类型', width: 120}, // 车辆类型
+{
+field: 'manager_name', sortable: true, title: '负责人姓名', width: 120}, // 负责人姓名
+{field: 'manager_phone', sortable: true, title: '负责人电话', width: 150
+}, // 负责人电话
+{
+field: 'out_count', sortable: true, title: '出车次数', width: 120
+}, // 出车次数
+{
+field: 'out_distance', sortable: true, title: '出车总公里数', width: 150
+}, // 出车总公里数
+{
+field: 'repair_count', sortable: true, title: '维修次数', width: 100}, // 维修次数
+{
+field: 'change_tyre_count', sortable: true, title: '更换轮胎次数', width: 130}, // 更换轮胎次数
+{field: 'add_oil_count', sortable: true, title: '加油次数', width: 100
+}, // 加油次数
+{
+field: 'add_oil_litre', sortable: true, title: '加油总升数', width: 120
+}, // 加油总升数
+{
+field: 'remark', sortable: true, title: '车辆备注', width: 250
+}, // 车辆备注
+
+
+// =============================== 表格列 自动生成 Start ===============================
+
+
+{
+title: '操作', fixed: 'right', slots: {default: 'op'}, width: 140}
+],
+
+```
+
+```html
+
+<ZkTableList
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :DetailUrl="this.$data.actions.TruckDetail"
+        :AddUrl="this.$data.actions.TruckCreate"
+        :UpdateUrl="this.$data.actions.TruckUpdate"
+        :DeleteUrl="this.$data.actions.TruckBatchDelete"
+        :FormConfig="this.$data.zkSelectFormConfig"
+        :Columns="this.$data.columns"
+>
+
+</ZkTableList>
+```
\ No newline at end of file
diff --git a/src/components/zk/zkTableList.vue b/src/components/zk/zkTableList.vue
new file mode 100644
index 0000000..e114ce7
--- /dev/null
+++ b/src/components/zk/zkTableList.vue
@@ -0,0 +1,288 @@
+<template>
+  <vxe-grid ref='xGrid' v-bind="gridOptions" @form-submit="initListData" @page-change="handlePageChange">
+    <!--  工具栏  -->
+    <template #toolbar_buttons>
+      <a-button @click="pageDelete()">批量删除</a-button>
+      <a-button type="primary" @click="Add()">新增</a-button>
+    </template>
+    <!--  名称  -->
+    <template #name_item="{ data }">
+      <a-input v-model="data.name" type="text" placeholder="请输入名称"></a-input>
+    </template>
+    <!--  编码  -->
+    <template #code_item="{ data }">
+      <a-input v-model="data.code" type="text" placeholder="请输入编码"></a-input>
+    </template>
+    <!--  时间选择  -->
+    <template #create_time_item>
+      <a-range-picker @change="onChangeCreatTime"/>
+    </template>
+    <!--  表单区操作  -->
+    <template #operate_item>
+      <a-button type="primary" status="primary">查询</a-button>
+      <a-button
+          @click="() => {
+                    gridOptions.formConfig.data.name = '';
+                    gridOptions.formConfig.data.code = '';
+                    gridOptions.formConfig.data.create_time = 0;
+                    gridOptions.formConfig.data.end_time = 0;
+                  }"
+      >重置
+      </a-button>
+    </template>
+    <!--  列表操作  -->
+    <template #op="{ row }">
+      <div class="oplinks">
+        <a @click.stop="pageDetail(row)" title="详情">
+          <a-icon type="file"/>
+        </a>
+        <a @click.stop="pageEdit(row)" title="编辑">
+          <a-icon type="edit"/>
+        </a>
+        <a @click.stop="pageDelete(row)" title="删除">
+          <a-icon type="delete"/>
+        </a>
+      </div>
+    </template>
+    <template #empty>
+      <a-empty/>
+    </template>
+  </vxe-grid>
+</template>
+<script>
+import ListMixin from "@/application/zk/mixins/ListComponents.js";
+import DeleteMixin from "@/application/zk/mixins/DeleteComponents.js";
+import DetailMixin from "@/application/zk/mixins/DetailComponents.js";
+import UpdateMixin from "@/application/zk/mixins/UpdateComponents.js";
+
+export default {
+  mixins: [ListMixin, DeleteMixin, DetailMixin, UpdateMixin],
+  props: {
+    Columns: {
+      type: Array
+    },
+    FormConfig: {
+      type: Object,
+      default: () => {
+        return {
+          data: {
+            name: '',
+            code: '',
+            create_time: 0
+          },
+          items: [
+            {
+              field: 'name',
+              title: '名称',
+              slots: {default: 'name_item'} // 自定义插槽
+            },
+            {
+              field: 'code',
+              title: '编码',
+              slots: {default: 'code_item'} // 自定义插槽
+            },
+            {
+              field: 'create_time',
+              title: '时间',
+              slots: {default: 'create_time_item'} // 自定义插槽
+            },
+            {slots: {default: 'operate_item'}}
+          ]
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      DeleteIds: [], // 删除的id
+      gridOptions: { // 表格配置
+        resizable: true,  // 是否允许拖动列宽调整大小
+        border: true,  // 是否带有纵向边框
+        showOverflow: true,  // 当内容过长时显示为省略号
+        loading: false,  // 是否显示加载中
+        minHeight: '600',   // 最小高度
+        maxHeight: '1200',  // 最大高度
+        // 间隔条纹
+        stripe: true,
+        exportConfig: {  // 导出配置
+
+        },
+
+        pagerConfig: {// 分页配置
+          total: 0, // 总条数
+          currentPage: this.ListUrlData.page, // 当前页
+          pageSize: this.ListUrlData.limit, // 默认每页显示条数
+          pageSizes: [10, 20, 30, 50, 100, 500, 1000, 2000] // 每页显示条数选项
+        },
+        checkboxConfig: { // 复选框配置
+          // 设置复选框支持分页勾选，需要设置 rowId 行数据主键
+          reserve: true,
+          // 点击行选中复选框
+          trigger: 'row',
+          highlight: true
+        },
+        formConfig: this.FormConfig,  // 表单配置
+        toolbarConfig: { // 工具栏配置
+          export: true,  // 是否显示导出按钮
+          custom: true,  // 是否显示自定义列按钮
+          slots: {
+            buttons: 'toolbar_buttons'  // 自定义插槽
+          }
+        },
+        columns: this.Columns,  // 表格列配置
+        data: []
+      },
+    }
+  },
+  created() {
+    // 初始化列表数据
+    this.initListData()
+  },
+  methods: {
+
+    // 初始化列表数据
+    initListData() {
+      this.ListUrlData.order_bys = []
+      this.ListUrlData.order_bys.push({
+        column: "create_time",
+        order: "desc"
+      })
+      this.ListUrlData.search_rules = [];
+      if (this.gridOptions.formConfig.data.name !== '') {
+        this.ListUrlData.search_rules.push(
+            {
+              column: "name",
+              mode: "like",
+              value: this.gridOptions.formConfig.data.name
+            }
+        )
+      }
+      if (this.gridOptions.formConfig.data.code !== '') {
+        this.ListUrlData.search_rules.push(
+            {
+              column: "code",
+              mode: "like",
+              value: this.gridOptions.formConfig.data.code
+            }
+        )
+      }
+      this.$zk.getPagedData({
+        url: this.ListUrl,
+        listFieldName: this.ListFieldName,
+        data: this.ListUrlData,
+        loading: "加载中...",
+        config: {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }
+      }).then(a => {
+        if (a.total === 0) {
+          this.gridOptions.pagerConfig.currentPage = this.ListUrlData.page;
+          this.gridOptions.pagerConfig.pageSize = this.ListUrlData.limit;
+          this.gridOptions.pagerConfig.total = a.total;
+          this.gridOptions.data = a[this.ListFieldName];
+          return
+        }
+        this.gridOptions.data = a[this.ListFieldName];
+        // this.list中的id字段转换为字符串
+        this.gridOptions.data.forEach(item => {
+          item.id = item.id.toString();
+        });
+        this.gridOptions.pagerConfig.currentPage = this.ListUrlData.page;
+        this.gridOptions.pagerConfig.pageSize = this.ListUrlData.limit;
+        this.gridOptions.pagerConfig.total = a.total;
+      }).catch((a) => {
+        this.$mk.error(a.msg);
+      });
+    },
+
+    // 删除
+    pageDelete: function (row) {
+      let ids = [];
+      if (row) {
+        ids.push(row.id);
+      }
+      this.$refs.xGrid.getCheckboxRecords().forEach(item => {
+        ids.push(item.id);
+      });
+      console.log(ids);
+      if (!ids.length) {  // 如果没有选中行
+        this.$mk.error("请选择行"); // 提示
+        return;
+      }
+      this.$mk.confirm('您确定要删除吗？').then(type => { // 确认删除
+        if (type === 'confirm') { // 如果确认删除
+          this.DeleteUrlData.ids = ids;
+          this.Delete()
+          this.$message.success("删除成功")
+        }
+      });
+
+
+    },
+    // 分页
+    handlePageChange({currentPage, pageSize}) {
+      this.ListUrlData.page = currentPage
+      this.ListUrlData.limit = pageSize
+      this.initListData()
+    },
+    // 时间选择
+    onChangeCreatTime(date, dateString) {
+      console.log("dateString:", dateString)
+      if (dateString[0] === '' && dateString[1] === '') {
+        this.ListUrlData.start_time = 0;
+        this.ListUrlData.end_time = 0;
+        this.initListData()
+      } else {
+        this.ListUrlData.start_time = dateString[0];
+        this.ListUrlData.end_time = dateString[1];
+        this.initListData()
+      }
+    },
+    // 新增
+    Add() {
+      this.$openPage(this.CreateRouter);
+    },
+    // 编辑
+    pageEdit(row) {
+      console.log(row)
+      if (!row) { // 如果没有选中行
+        this.$mk.msg("请选择行"); // 提示
+        return; // 返回
+      }
+      this.$openPage(this.UpdateRouter + "/" + row.id); // 打开页面
+    },
+    // 详情
+    pageDetail(row) {
+      console.log(row)
+      if (!row) { // 如果没有选中行
+        this.$mk.msg("请选择行"); // 提示
+        return; // 返回
+      }
+      this.$mk.dialog.open({
+        height: 800,
+        width: 1200,
+        page: () => import(this.DetailVueComponent),
+        title: "详情",
+        dataId: row.id,
+        pageOptions: {
+          ApiUrl: this.DetailUrl,
+          ApiData: this.DetailUrlData,
+          FieldName: 'truck',
+          title: "车辆详情",
+        },
+        callback: ({success}) => {
+          success && this.initListData();
+        }
+      })
+    }
+  }
+}
+
+</script>
+<style scoped lang="less">
+.ant-btn {
+  margin-right: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/zk/zkTableView.vue b/src/components/zk/zkTableView.vue
new file mode 100644
index 0000000..7abf00e
--- /dev/null
+++ b/src/components/zk/zkTableView.vue
@@ -0,0 +1,276 @@
+<script>
+export default {
+  name: "TableView",
+  props: {
+    title: {
+      type: String,
+      default: "表格"
+    },
+    // th是否居中
+    thCenter: {
+      type: Boolean,
+      default: true
+    },
+    options: {
+      type: Object,
+      default: () => {
+        return {
+          rows: [
+            {
+              row: [
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                }
+              ]
+            },
+            {
+              row: [
+
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                }
+              ]
+            },
+            {
+              row: [
+
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                }
+              ]
+            },
+
+            {
+              row: [
+
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                }
+              ]
+            },
+
+
+            {
+              row: [
+
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                },
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 1
+                }
+              ]
+            },
+            {
+              row: [
+                {
+                  name: "选项",
+                  value: "value",
+                  height: 10
+                }
+              ]
+            },
+          ]
+        }
+      }
+    },
+    dataId: {}
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    // 根据row元素数量计算宽度
+    thCenterStyle() {
+      return this.thCenter ? {textAlign: "center"} : {};
+    },
+    // 根据row元素的height计算高度
+  },
+  methods: {
+    rowClass(l) {
+      return "row" + l
+    },
+    rowHeight(v) {
+      return {height: v.height * 40 + "px"};
+    }
+  },
+}
+</script>
+
+<template>
+  <div class="container">
+    <h1> {{ title }}</h1>
+    <div v-for="(item, index) in options" :key="index">
+      <div class="row" v-for="(value, key) in item" :key="key" :class="rowClass(value.row.length)">
+        <div class="cell" v-for="(v, k) in value.row" :key="k" :style="rowHeight(v)">
+          <span class="th" :style="thCenterStyle">
+          {{ v.name }}
+          </span>
+          <span class="td">
+          {{ v.value }}
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="less">
+.container {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  border: 1px solid #ccc;
+  border-top: 0px;
+  margin: 10px;
+
+  h1 {
+    padding: 5px 10px;
+    text-align: center;
+    border-top: 1px solid #ccc;
+  }
+
+  .row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+
+
+    .cell {
+      height: 40px;
+      display: flex;
+      width: 100%;
+
+      span {
+        display: inline-block;
+        vertical-align: middle;
+        padding: 10px 10px 10px 10px;
+        border-top: 1px solid #ccc;
+        border-left: 1px solid #ccc;
+      }
+
+      .th {
+        background: #f5f7fa;
+        border-left: 0px;
+      }
+
+      .td {
+        background: #ffffff;
+        border-right: 1px solid #ccc;
+      }
+
+    }
+  }
+
+  .row1 {
+    .th {
+      width: 12.5%*1;
+    }
+
+    .td {
+      width: 12.5%*7;
+    }
+  }
+
+  .row2 {
+    .th {
+      width: 12.5%*2;
+    }
+
+    .td {
+      width: 12.5%*6;
+    }
+  }
+
+  .row3 {
+    .th {
+      width: 12.5%*3;
+    }
+
+    .td {
+      width: 12.5%*5;
+    }
+  }
+
+  .row4 {
+    .th {
+      width: 12.5%*4;
+    }
+
+    .td {
+      width: 12.5%*4;
+    }
+  }
+
+  .row5 {
+    .th {
+      width: 12.5%*5;
+    }
+
+    .td {
+      width: 12.5%*3;
+    }
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 55f8729..7adc001 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,23 +1,28 @@
 import Vue from 'vue' // 引入vue
 import App from './App.vue' // 引入App.vue
-import {initRouter} from './router' // 引入初始化路由方法 
+import {initRouter} from './router' // 引入初始化路由方法
 import './theme/index.less' // 引入主题样式 less
 import Antd from 'ant-design-vue' // 引入ant-design-vue 组件库
 import Viser from 'viser-vue' // 引入viser-vue 用于图表
 // import '@/mock' // 引入mock模拟数据
-import store from './store' // 引入vuex store 实例 
+import store from './store' // 引入vuex store 实例
 import 'animate.css/source/animate.css' // 引入animate.css 动画库
 import Plugins from '@/plugins' // 引入插件
 import {initI18n} from '@/utils/i18n' // 引入国际化方法
 import bootstrap from '@/bootstrap' // 引入启动引导方法
-import 'moment/locale/zh-cn' // 引入moment 本地化 
+import 'moment/locale/zh-cn' // 引入moment 本地化
 import VXETable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 import VueCropper from 'vue-cropper'
 import {hiPrintPlugin} from 'vue-plugin-hiprint'
- 
+import application from './application';
+import './application/mk/style/main.css';
+
+Vue.prototype.$BASE_URL = process.env.VUE_APP_API_BASE_URL // 注入环境变量VUE_APP_API_BASE_URL
+
+
 Vue.use(hiPrintPlugin)
- hiPrintPlugin.disAutoConnect();
+hiPrintPlugin.disAutoConnect();
 
 const router = initRouter(store.state.setting.asyncRoutes) // 初始化路由 加载动态路由
 const i18n = initI18n('CN', 'US') // 初始化国际化 加载中英文 语言包
@@ -31,14 +36,11 @@ Vue.use(VueCropper)
 
 bootstrap({router, store, i18n, message: Vue.prototype.$message}) // 启动引导方法
 
-
-import application from './application';  
-import './application/mk/style/main.css';
 Vue.use(application);
 
 new Vue({
-  router, // 注入路由
-  store, // 注入vuex store
-  i18n, // 注入国际化
-  render: h => h(App), // 渲染App.vue
+    router, // 注入路由
+    store, // 注入vuex store
+    i18n, // 注入国际化
+    render: h => h(App), // 渲染App.vue
 }).$mount('#app') // 挂载到#app
diff --git a/src/pages/Middle/transport/Custom/BalanceLog/List.vue b/src/pages/Middle/transport/Custom/BalanceLog/List.vue
index fa2d840..51c01e1 100644
--- a/src/pages/Middle/transport/Custom/BalanceLog/List.vue
+++ b/src/pages/Middle/transport/Custom/BalanceLog/List.vue
@@ -196,9 +196,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Custom/Custom/List.vue b/src/pages/Middle/transport/Custom/Custom/List.vue
index e7c53f5..f16d322 100644
--- a/src/pages/Middle/transport/Custom/Custom/List.vue
+++ b/src/pages/Middle/transport/Custom/Custom/List.vue
@@ -227,9 +227,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/DriverWages/DriverWages/List.vue b/src/pages/Middle/transport/DriverWages/DriverWages/List.vue
index 49f68c9..3ed8322 100644
--- a/src/pages/Middle/transport/DriverWages/DriverWages/List.vue
+++ b/src/pages/Middle/transport/DriverWages/DriverWages/List.vue
@@ -218,9 +218,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/DriverWages/DriverWagesGiornaleLog/List.vue b/src/pages/Middle/transport/DriverWages/DriverWagesGiornaleLog/List.vue
index a226d32..e0e322e 100644
--- a/src/pages/Middle/transport/DriverWages/DriverWagesGiornaleLog/List.vue
+++ b/src/pages/Middle/transport/DriverWages/DriverWagesGiornaleLog/List.vue
@@ -202,9 +202,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/DriverWages/DriverWagesSurplus/List.vue b/src/pages/Middle/transport/DriverWages/DriverWagesSurplus/List.vue
index 1ea5ba8..4ab0c4e 100644
--- a/src/pages/Middle/transport/DriverWages/DriverWagesSurplus/List.vue
+++ b/src/pages/Middle/transport/DriverWages/DriverWagesSurplus/List.vue
@@ -221,9 +221,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Maintenance/Maintenance/List.vue b/src/pages/Middle/transport/Maintenance/Maintenance/List.vue
index 45d79e0..f7a0a66 100644
--- a/src/pages/Middle/transport/Maintenance/Maintenance/List.vue
+++ b/src/pages/Middle/transport/Maintenance/Maintenance/List.vue
@@ -197,9 +197,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Maintenance/MaintenanceGiornaleLog/List.vue b/src/pages/Middle/transport/Maintenance/MaintenanceGiornaleLog/List.vue
index 1dd8adc..9bbcbdb 100644
--- a/src/pages/Middle/transport/Maintenance/MaintenanceGiornaleLog/List.vue
+++ b/src/pages/Middle/transport/Maintenance/MaintenanceGiornaleLog/List.vue
@@ -217,9 +217,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Maintenance/OtherExpensesLog/List.vue b/src/pages/Middle/transport/Maintenance/OtherExpensesLog/List.vue
index 73abb03..5807217 100644
--- a/src/pages/Middle/transport/Maintenance/OtherExpensesLog/List.vue
+++ b/src/pages/Middle/transport/Maintenance/OtherExpensesLog/List.vue
@@ -216,9 +216,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/OilConsumption/OilConsumption/List.vue b/src/pages/Middle/transport/OilConsumption/OilConsumption/List.vue
index 367c564..0b1d7a4 100644
--- a/src/pages/Middle/transport/OilConsumption/OilConsumption/List.vue
+++ b/src/pages/Middle/transport/OilConsumption/OilConsumption/List.vue
@@ -206,9 +206,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterial/List.vue b/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterial/List.vue
index 8bac4fb..7e970df 100644
--- a/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterial/List.vue
+++ b/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterial/List.vue
@@ -209,9 +209,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterialAlias/List.vue b/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterialAlias/List.vue
index b4aed8e..d053afc 100644
--- a/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterialAlias/List.vue
+++ b/src/pages/Middle/transport/SoilQualityMaterial/SoilQualityMaterialAlias/List.vue
@@ -208,9 +208,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Tire/Tire/List.vue b/src/pages/Middle/transport/Tire/Tire/List.vue
index 6fcd1e8..bfe7b38 100644
--- a/src/pages/Middle/transport/Tire/Tire/List.vue
+++ b/src/pages/Middle/transport/Tire/Tire/List.vue
@@ -216,9 +216,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/TrainNumber/TrainNumber/Edit.vue b/src/pages/Middle/transport/TrainNumber/TrainNumber/Edit.vue
index 706618f..1a7782b 100644
--- a/src/pages/Middle/transport/TrainNumber/TrainNumber/Edit.vue
+++ b/src/pages/Middle/transport/TrainNumber/TrainNumber/Edit.vue
@@ -134,15 +134,15 @@ export default {
           custom_id: [
             {message: '请输入客户id'}
           ],
-          custom_name: [
-            {message: '请输入客户名称'}
-          ],
+          // custom_name: [
+          //   {message: '请输入客户名称'}
+          // ],
           supplier_id: [
             {message: '请输入供应商id'}
           ],
-          supplier_name: [
-            {message: '请输入客户名称'}
-          ],
+          // supplier_name: [
+          //   {message: '请输入客户名称'}
+          // ],
           soil_quality_material_id: [
             {message: '请输入物料品名id'}
           ],
@@ -152,6 +152,19 @@ export default {
           warehousing_soil_quality_material_id: [
             {message: '请输入入库物料土质id'}
           ],
+
+          supplier_outbound_tonnage: [
+            {message: '请输入供应商出库吨位'}
+          ],
+          customer_warehousing_tonnage: [
+            {message: '请输入客户入库吨位'}
+          ],
+          driver_salary: [
+            {message: '请输入司机工资'}
+          ],
+          driver_subsidy: [
+            {message: '请输入司机补贴'}
+          ],
           outbound_remark: [
             {message: '请输入出车备注'}
           ],
@@ -227,18 +240,6 @@ export default {
           total_price: [
             {message: '请输入总价'}
           ],
-          supplier_outbound_tonnage: [
-            {message: '请输入供应商出库吨位'}
-          ],
-          customer_warehousing_tonnage: [
-            {message: '请输入客户入库吨位'}
-          ],
-          driver_salary: [
-            {message: '请输入司机工资'}
-          ],
-          driver_subsidy: [
-            {message: '请输入司机补贴'}
-          ],
 
           // =============================== 表单校验 自动生成 End ===============================
         },
diff --git a/src/pages/Middle/transport/TrainNumber/TrainNumber/List.vue b/src/pages/Middle/transport/TrainNumber/TrainNumber/List.vue
index cb8ee5a..8401099 100644
--- a/src/pages/Middle/transport/TrainNumber/TrainNumber/List.vue
+++ b/src/pages/Middle/transport/TrainNumber/TrainNumber/List.vue
@@ -228,9 +228,9 @@ export default {
   // 计算属性
   computed: {
     // 页面描述
-    desc() {
-      return this.$t('pageDesc')
-    }
+    // desc() {
+    //   return this.$t('pageDesc')
+    // }
   },
 
   // 创建完成
diff --git a/src/pages/Middle/transport/Truck/Truck/Detail.vue b/src/pages/Middle/transport/Truck/Truck/Detail.vue
new file mode 100644
index 0000000..e78fa53
--- /dev/null
+++ b/src/pages/Middle/transport/Truck/Truck/Detail.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="detail">
+
+    <!--    <div class="header">-->
+    <!--      <h1>详情</h1>-->
+    <!--    </div>-->
+    <a-descriptions
+        size="small"
+        :title="pageOptions.title"
+        bordered
+    >
+      <a-descriptions-item label="编码">
+        {{ data.code }}
+      </a-descriptions-item>
+      <a-descriptions-item label="名称">
+        {{ data.name }}
+      </a-descriptions-item>
+      <a-descriptions-item label="车牌号">
+        {{ data.plate_number }}
+      </a-descriptions-item>
+      <a-descriptions-item label="车辆类型">
+        {{ data.type }}
+      </a-descriptions-item>
+      <a-descriptions-item label="负责人姓名">
+        {{ data.manager_name }}
+      </a-descriptions-item>
+      <a-descriptions-item label="负责人电话">
+        {{ data.manager_phone }}
+      </a-descriptions-item>
+      <a-descriptions-item label="出车次数">
+        {{ data.out_count }}
+      </a-descriptions-item>
+      <a-descriptions-item label="出车总公里数">
+        {{ data.out_distance }}
+      </a-descriptions-item>
+      <a-descriptions-item label="维修次数">
+        {{ data.repair_count }}
+      </a-descriptions-item>
+      <a-descriptions-item label="更换轮胎次数">
+        {{ data.change_tyre_count }}
+      </a-descriptions-item>
+      <a-descriptions-item label="加油次数">
+        {{ data.add_oil_count }}
+      </a-descriptions-item>
+      <a-descriptions-item label="加油总升数">
+        {{ data.add_oil_litre }}
+      </a-descriptions-item>
+      <a-descriptions-item label="车辆备注">
+        {{ data.remark }}
+      </a-descriptions-item>
+    </a-descriptions>
+
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    dataId: {
+      type: String
+    },
+    pageOptions: {
+      type: Object
+    },
+    ApiUrl: {
+      type: String
+    },
+    ApiData: {
+      type: Object
+    },
+
+  },
+  data() {
+    return {
+      data: {},
+    }
+  },
+  created() {
+    this.initDetailData();
+  },
+  methods: {
+    initDetailData() {
+      console.log("this.pageOptions.FieldName:", this.pageOptions.FieldName)
+      // this.dataId 转换为bigint
+      let dataId = this.$mk.toBigInt(this.dataId);
+      this.$zk.post({
+        url: this.pageOptions.ApiUrl,
+        data: {
+          id: dataId
+        },
+        loading: "加载中...",
+        useBigInt: true,
+        config: {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }
+      }).then(a => {
+        this.data = a.data[this.pageOptions.FieldName];
+      }).catch((a) => {
+        this.$mk.error(a.msg, "aaa");
+      });
+    },
+  },
+
+}
+</script>
+<style scoped lang="less">
+.detail {
+  margin: 10px;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Middle/transport/Truck/Truck/Edit.vue b/src/pages/Middle/transport/Truck/Truck/Edit.vue
index 24be63d..a096a27 100644
--- a/src/pages/Middle/transport/Truck/Truck/Edit.vue
+++ b/src/pages/Middle/transport/Truck/Truck/Edit.vue
@@ -1,14 +1,13 @@
 <template>
-  <basic-page-edit :desc="desc" :dataId="getDataId()" :options="pageOptions"></basic-page-edit>
+  <basic-page-edit :dataId="getDataId()" :options="pageOptions" @afterSave="afterSave"></basic-page-edit>
 </template>
 
 <script>
-import BASE_URL from '@/services/Middle/transport/Truck/api.js';
 
 
 export default {
 
-  i18n: require('./i18n'),
+  // i18n: require('./i18n'),
   components: {},
   props: {
     pageMode: {
@@ -60,16 +59,16 @@ export default {
 
         actions: {
           // =============================== 接口地址 自动生成 Start ===============================
-          TruckList: `${BASE_URL.BASE_URL}/Truck/v1/truck/list`, // 货车列表
-          TruckSearch: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`, // 货车搜索
-          TruckDetail: `${BASE_URL.BASE_URL}/Truck/v1/truck/detail`, // 货车详情
-          TruckCreate: `${BASE_URL.BASE_URL}/Truck/v1/truck/create`, // 创建货车
-          TruckUpdate: `${BASE_URL.BASE_URL}/Truck/v1/truck/update`, // 更新货车
-          TruckDelete: `${BASE_URL.BASE_URL}/Truck/v1/truck/detele`, // 删除货车
-          TruckBatchDelete: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchDelete`, // 批量删除货车
-          TruckBatchUpdate: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchUpdate`, // 批量更新货车
-          TruckBatchCreate: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchCreate`, // 批量创建货车
-          TruckBatchHandle: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchHandle`, // 批量处理货车
+          TruckList: `${this.$BASE_URL}/Truck/v1/truck/list`, // 货车列表
+          TruckSearch: `${this.$BASE_URL}/Truck/v1/truck/search`, // 货车搜索
+          TruckDetail: `${this.$BASE_URL}/Truck/v1/truck/detail`, // 货车详情
+          TruckCreate: `${this.$BASE_URL}/Truck/v1/truck/create`, // 创建货车
+          TruckUpdate: `${this.$BASE_URL}/Truck/v1/truck/update`, // 更新货车
+          TruckDelete: `${this.$BASE_URL}/Truck/v1/truck/detele`, // 删除货车
+          TruckBatchDelete: `${this.$BASE_URL}/Truck/v1/truck/batchDelete`, // 批量删除货车
+          TruckBatchUpdate: `${this.$BASE_URL}/Truck/v1/truck/batchUpdate`, // 批量更新货车
+          TruckBatchCreate: `${this.$BASE_URL}/Truck/v1/truck/batchCreate`, // 批量创建货车
+          TruckBatchHandle: `${this.$BASE_URL}/Truck/v1/truck/batchHandle`, // 批量处理货车
 
           // =============================== 接口地址 自动生成 End ===============================
         },
@@ -229,9 +228,11 @@ export default {
         this.$forceUpdate()
       } else {
         // 如果没有id参数，说明是新增模式
-        this.addModeItems.forEach(item => {
-          this.pageOptions.formOptions.items.push(item);
-        })
+        if (this.pageOptions.addModeItems.length > 0) {
+          this.addModeItems.forEach(item => {
+            this.pageOptions.formOptions.items.push(item);
+          })
+        }
 
       }
     },
@@ -246,6 +247,9 @@ export default {
         dataId = 0;
       }
       return dataId;
+    },
+    afterSave(data) {
+      console.log("afterSave:", data);
     }
   },
   // 监听属性
diff --git a/src/pages/Middle/transport/Truck/Truck/List.vue b/src/pages/Middle/transport/Truck/Truck/List.vue
index d342f74..608dd8c 100644
--- a/src/pages/Middle/transport/Truck/Truck/List.vue
+++ b/src/pages/Middle/transport/Truck/Truck/List.vue
@@ -1,341 +1,122 @@
 <template>
   <div class="page-body">
-
-    <a-row type="flex">
-      <a-col :flex="$mk.config.ui.searchFlex">
-        <!-- 搜索区 -->
-        <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
-          <template #date="{}">
-            <a-form-item label="创建时间" :style="{ display: 'inline-block', width: 120 }">
-            </a-form-item>
-            <a-form-item :style="{ display: 'inline-block', width: 'calc(100% - 120px )' }">
-              <a-range-picker @change="onDateChange"/>
-            </a-form-item>
-          </template>
-        </vxe-form>
-      </a-col>
-      <a-col :flex="$mk.config.ui.toolbarFlex">
-        <!-- 工具条 -->
-        <mk-toolbar :isShowAdd="true" @toolbarClick="toolbarClick"></mk-toolbar>
-      </a-col>
-    </a-row>
-
-
-    <vxe-toolbar ref="xToolbar" custom>
-      <template #buttons>
-        <a-button type="primary" icon="delete" @click="pageDelete()">批量删除</a-button>
-      </template>
-    </vxe-toolbar>
-    <!-- 表格区 -->
-    <div class="gridPanel">
-      <vxe-grid ref='xGrid' v-bind="gridOptions">
-
-        <!-- =============================== 表格列 自动生成 Start =============================== -->
-
-        <!-- =============================== 表格列 自动生成 End =============================== -->
-
-        <template #op="{ row }">
-          <div class="oplinks">
-            <a @click.stop="pageEdit(row)" title="编辑">
-              <a-icon type="edit"/>
-            </a>
-            <a @click.stop="pageDelete(row)" title="删除">
-              <a-icon type="delete"/>
-            </a>
-          </div>
-        </template>
-
-      </vxe-grid>
-    </div>
-
-
+    <ZkTableList
+        :ListUrl="this.$data.actions.TruckSearch"
+        :ListUrlData="this.$data.zkSelectData"
+        :ListFieldName="this.$data.zkSelectDataFieldName"
+        :DetailUrl="this.$data.actions.TruckDetail"
+        :AddUrl="this.$data.actions.TruckCreate"
+        :UpdateUrl="this.$data.actions.TruckUpdate"
+        :DeleteUrl="this.$data.actions.TruckBatchDelete"
+        :FormConfig="this.$data.zkSelectFormConfig"
+        :Columns="this.$data.columns"
+        CreateRouter="/Truck/TruckCreate"
+        UpdateRouter="/Truck/TruckUpdate"
+        DetailVueComponent='@/pages/Middle/transport/Truck/Truck/Detail.vue'
+    >
+    </ZkTableList>
   </div>
 </template>
 
 <script>
-import BASE_URL from '@/services/Middle/transport/Truck/api.js';
+import ZkTableList from "@/components/zk/zkTableList";
 
 export default {
   name: 'TruckList',
   i18n: require('./i18n'), // 国际化
-  props: {
-    pageMode: {
-      type: String,
-      default: "edit"
-    }
+  components: {
+    ZkTableList
   },
   data() {
-
-    const listFieldName = 'Truck';
-    // 页面数据
-    var pageData = { // 页面数据变量
-
-      keyName: 'id', // 主键字段名
-
+    return {
+      zkSelectData: {
+        page: 1,
+        limit: 50,
+        order_bys: [
+          {
+            column: "create_time",
+            order: "desc"
+          },
+        ],
+      },
+      zkSelectDataFieldName: 'Truck',
+      zkSelectFormConfig: {
+        data: {
+          name: '',
+          code: '',
+          plate_number: '',
+          create_time: 0
+        },
+        items: [
+          {
+            field: 'name',
+            title: '名称',
+            slots: {default: 'name_item'} // 自定义插槽
+          },
+          {
+            field: 'code',
+            title: '编码',
+            slots: {default: 'code_item'} // 自定义插槽
+          },
+          {
+            field: 'create_time',
+            title: '时间',
+            slots: {default: 'create_time_item'} // 自定义插槽
+          },
+          {slots: {default: 'operate_item'}}
+        ]
+      },
+      // 表格列配置
+      columns: [
+        {type: 'seq', width: 60},
+        {type: 'checkbox', width: 42},
+        // =============================== 表格列 自动生成 Start ===============================
+        {field: 'name', sortable: true, title: '名称', width: 120}, // 名称
+        {field: 'code', sortable: true, title: '编码', width: 120}, // 编码
+        {field: 'plate_number', sortable: true, title: '车牌号', width: 120}, // 车牌号
+        {field: 'type', sortable: true, title: '车辆类型', width: 120}, // 车辆类型
+        {field: 'manager_name', sortable: true, title: '负责人姓名', width: 120}, // 负责人姓名
+        {field: 'manager_phone', sortable: true, title: '负责人电话', width: 150}, // 负责人电话
+        {field: 'out_count', sortable: true, title: '出车次数', width: 120}, // 出车次数
+        {field: 'out_distance', sortable: true, title: '出车总公里数', width: 150}, // 出车总公里数
+        {field: 'repair_count', sortable: true, title: '维修次数', width: 100}, // 维修次数
+        {field: 'change_tyre_count', sortable: true, title: '更换轮胎次数', width: 130}, // 更换轮胎次数
+        {field: 'add_oil_count', sortable: true, title: '加油次数', width: 100}, // 加油次数
+        {field: 'add_oil_litre', sortable: true, title: '加油总升数', width: 120}, // 加油总升数
+        {field: 'remark', sortable: true, title: '车辆备注', width: 250}, // 车辆备注
+        // =============================== 表格列 自动生成 Start ===============================
+        {title: '操作', fixed: 'right', slots: {default: 'op'}, width: 140}
+      ],
 
       // 接口动作
       actions: { // Api 接口地址
         // =============================== 接口地址 自动生成 Start ===============================
-        TruckList: `${BASE_URL.BASE_URL}/Truck/v1/truck/list`, // 货车列表
-        TruckSearch: `${BASE_URL.BASE_URL}/Truck/v1/truck/search`, // 货车搜索
-        TruckDetail: `${BASE_URL.BASE_URL}/Truck/v1/truck/detail`, // 货车详情
-        TruckCreate: `${BASE_URL.BASE_URL}/Truck/v1/truck/create`, // 创建货车
-        TruckUpdate: `${BASE_URL.BASE_URL}/Truck/v1/truck/update`, // 更新货车
-        TruckDelete: `${BASE_URL.BASE_URL}/Truck/v1/truck/detele`, // 删除货车
-        TruckBatchDelete: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchDelete`, // 批量删除货车
-        TruckBatchUpdate: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchUpdate`, // 批量更新货车
-        TruckBatchCreate: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchCreate`, // 批量创建货车
-        TruckBatchHandle: `${BASE_URL.BASE_URL}/Truck/v1/truck/batchHandle`, // 批量处理货车
-
+        TruckList: `${this.$BASE_URL}/Truck/v1/truck/list`, // 货车列表
+        TruckSearch: `${this.$BASE_URL}/Truck/v1/truck/search`, // 货车搜索
+        TruckDetail: `${this.$BASE_URL}/Truck/v1/truck/detail`, // 货车详情
+        TruckCreate: `${this.$BASE_URL}/Truck/v1/truck/create`, // 创建货车
+        TruckUpdate: `${this.$BASE_URL}/Truck/v1/truck/update`, // 更新货车
+        TruckDelete: `${this.$BASE_URL}/Truck/v1/truck/detele`, // 删除货车
+        TruckBatchDelete: `${this.$BASE_URL}/Truck/v1/truck/batchDelete`, // 批量删除货车
+        TruckBatchUpdate: `${this.$BASE_URL}/Truck/v1/truck/batchUpdate`, // 批量更新货车
+        TruckBatchCreate: `${this.$BASE_URL}/Truck/v1/truck/batchCreate`, // 批量创建货车
+        TruckBatchHandle: `${this.$BASE_URL}/Truck/v1/truck/batchHandle`, // 批量处理货车
         // =============================== 接口地址 自动生成 End ===============================
       },
-
-      start_time: 0, // 开始时间
-      end_time: 0, // 结束时间
-
-
-      //搜索区
-      searchFormData: {
-        title: '',
-        desc: '',
-      },
-      // 搜索区配置
-      searchRules: [
-        {key: "title", mode: "like"},
-        {key: "plate_number", mode: "like"}
-      ],
-      //搜索区
-      searchFormItems: [ // 子项
-        {field: 'title', title: '标题', span: 5, itemRender: {name: '$input', props: {placeholder: '请输入标题'}}},
-        {
-          field: 'plate_number',
-          title: '车牌号',
-          span: 5,
-          itemRender: {name: '$input', props: {placeholder: '请输入车牌号'}}
-        },
-        {span: 8, slots: {default: 'date'}},  // 自定义列
-        {
-          align: 'right', span: 4, itemRender: {  // 按钮列
-            name: '$buttons', children: [{props: {type: 'submit', content: '搜索', status: 'primary'}},  // 搜索按钮
-              {props: {type: 'reset', content: '重置'}}]
-          }
-        }
-      ],
-
-
-      //数据区
-      gridOptions: { // 表格配置
-        height: '100%', // 表格高度  100% 会自动撑满父容器
-        stripe: true, // 启用斑马纹
-        id: 'datagrid_1', // 表格唯一标识
-
-        // 接口获取数据
-        proxyConfig: { // 配置代理
-          sort: true, // 启用排序代理，当点击排序时会自动触发 query 行为
-          filter: true, // 启用筛选代理，当点击筛选时会自动触发 query 行为
-          props: {
-            result: listFieldName, // 配置响应结果列表字段
-            total: 'total' // 配置响应结果总页数字段
-          },
-          // 接收Promise
-          ajax: {
-            // 当点击工具栏查询按钮或者手动提交指令 query或reload 时会被触发
-            query: (options) => { // options 为当前表格的配置项
-              const {page, sorts} = options; // 获取当前页码、每页条数、排序信息
-              var params = {}; // 定义请求参数
-              params.page = page.currentPage; // 当前页码
-              params.limit = page.pageSize; // 每页条数
-              params.order_bys = []; // 排序信息
-              params.search_rules = this.getSearchParms(); // 搜索信息
-              if (sorts) { // 如果有排序信息
-                sorts.forEach((v) => { // 遍历排序信息
-                  params.order_bys.push({ // 添加排序信息
-                    column: v.property, // 字段名
-                    order: v.order // 排序方式
-                  })
-                });
-              }
-              return this.loadData({params}); // 返回请求结果
-            }
-          }
-        },
-
-
-        // 表格列配置
-        columns: [
-          {type: 'checkbox', width: 50}, // 多选框
-          {type: 'seq', width: 30}, // 序号
-
-
-          // =============================== 表格列 自动生成 Start ===============================
-
-
-          {field: 'code', sortable: true, title: '编码', width: 120}, // 编码
-          {field: 'name', sortable: true, title: '名称', width: 120}, // 名称
-          {field: 'plate_number', sortable: true, title: '车牌号', width: 120}, // 车牌号
-          {field: 'type', sortable: true, title: '车辆类型', width: 120}, // 车辆类型
-          {field: 'manager_name', sortable: true, title: '负责人姓名', width: 120}, // 负责人姓名
-          {field: 'manager_phone', sortable: true, title: '负责人电话', width: 150}, // 负责人电话
-          {field: 'out_count', sortable: true, title: '出车次数', width: 120}, // 出车次数
-          {field: 'out_distance', sortable: true, title: '出车总公里数', width: 150}, // 出车总公里数
-          {field: 'repair_count', sortable: true, title: '维修次数', width: 100}, // 维修次数
-          {field: 'change_tyre_count', sortable: true, title: '更换轮胎次数', width: 130}, // 更换轮胎次数
-          {field: 'add_oil_count', sortable: true, title: '加油次数', width: 100}, // 加油次数
-          {field: 'add_oil_litre', sortable: true, title: '加油总升数', width: 120}, // 加油总升数
-          {field: 'remark', sortable: true, title: '车辆备注', width: 250}, // 车辆备注
-
-
-          // =============================== 表格列 自动生成 Start ===============================
-
-
-          {title: '操作', slots: {default: 'op'}, width: 120}
-        ]
-      }
-
-    };
-    pageData.actions.getList = pageData.actions.TruckList;
-    pageData.actions.delete = pageData.actions.TruckBatchDelete;
-    pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); // 合并表格数据
-
-    return pageData; // 返回页面数据
-  },
-
-  // 计算属性
-  computed: {
-    // 页面描述
-    desc() {
-      return this.$t('pageDesc')
     }
   },
 
+  // 计算属性
+  computed: {},
+
   // 创建完成
   created() {
-    this.$nextTick(() => { // 在下次 DOM 更新循环结束之后执行延迟回调
-      // 将表格和工具栏进行关联
-      this.$refs.xGrid.connect(this.$refs.xToolbar) // 将表格和工具栏进行关联
-    });
   },
   // 挂载完成
   onLoad() {
-
   },
   // 动作
-  methods: {
-
-
-    // =============================== 基于status进行开关 自动生成 Start ===============================
-
-    // =============================== 基于status进行开关 自动生成 End ===============================
-
-    // 修改日期
-    onDateChange(date) { // 日期选择器事件
-      if (date && date.length) { // 如果有值
-        this.start_time = parseInt(date[0]._d.getTime() / 1000); // 将日期转换为时间戳
-        this.end_time = parseInt(date[1]._d.getTime() / 1000); // 将日期转换为时间戳
-      } else { // 如果没有值
-        this.start_time = 0; // 将日期转换为时间戳
-        this.end_time = 0; // 将日期转换为时间戳
-      }
-    },
-    // 获取搜索参数
-    getSearchParms() { // 获取搜索参数
-      var rules = []; // 定义搜索参数
-      let findMode = k => { // 查找搜索模式
-        for (let i in this.searchRules) { // 遍历搜索规则
-          if (this.searchRules[i].key == k) return this.searchRules[i].mode; // 如果找到了就返回搜索模式
-        }
-        return "equal"; // 如果没有找到就返回等于
-      };
-
-      for (let key in this.searchFormData) { // 遍历搜索表单数据
-        let value = this.searchFormData[key]; // 获取值
-        if (value) { // 如果有值
-          let mode = findMode(key); // 获取搜索模式
-          if (mode == "like") { // 如果是模糊搜索
-            value = "%" + value + "%"; // 如果是模糊搜索就在两边加上%
-          }
-          rules.push({ // 添加搜索参数
-            column: key, // 字段名
-            mode: mode, // 搜索模式
-            value: value // 值
-          });
-        }
-      }
-      return rules; // 返回搜索参数
-    },
-    // 获取选中行
-    getSelectdRow() { // 获取选中行
-      let row = this.$refs.xGrid.getCurrentRecord(); // 获取当前行
-      if (!row) { // 如果没有选中行
-        let rows = this.$refs.xGrid.getCheckboxRecords(); // 获取选中行
-        if (rows && rows.length) {
-          row = rows[0];
-        } // 如果有选中行就取第一行
-      }
-      return row; // 返回选中行
-    },
-    // 加载数据
-    loadData({params}) {
-      params.start_time = this.start_time; // 开始时间
-      params.end_time = this.end_time; // 结束时间
-      return this.$mk.getPagedData({url: this.actions.getList, data: params}); // 获取分页数据
-    },
-
-    // 工具栏点击事件 add / log / setting
-    toolbarClick(e) {
-      if (e.name == "add") { // 如果是添加
-        this.$openPage("/Truck/TruckCreate"); // 打开页面
-      }
-    },
-
-    // 编辑
-    pageEdit(row) {
-      if (!row) { // 如果没有选中行
-        this.$mk.msg("请选择行"); // 提示
-        return; // 返回
-      }
-      this.$openPage("/Truck/TruckUpdate/" + row[this.keyName]); // 打开页面
-    },
-
-    // 删除
-    pageDelete(row) {
-      let rows = row ? [row] : this.$refs.xGrid.getCheckboxRecords(); // 获取选中行
-      let ids = []; // 定义id数组
-      rows.forEach((row) => { // 遍历选中行
-        ids.push(row[this.keyName]); // 将选择行的id添加到id数组
-      });
-
-      if (!ids.length) {  // 如果没有选中行
-        this.$mk.error("请选择行"); // 提示
-        return;
-      }
-
-      this.$mk.confirm('您确定要删除吗？').then(type => { // 确认删除
-        if (type == 'confirm') { // 如果确认删除
-          this.$mk.post({
-            url: this.actions.delete, // 请求删除数据地址
-            loading: "删除中...", // 加载提示
-            data: {
-              ids: ids // 传递id数组
-            },
-            useBigInt: true
-          }).then(() => { // 成功
-            this.$mk.success("删除成功"); // 提示成功
-            this.onSearch(); // 重新加载数据
-          }).catch((a) => { // 失败
-            this.$mk.error(a.data.msg); // 提示错误信息
-          });
-        }
-      });
-    },
-
-    // 搜索
-    onSearch() {
-      this.$refs.xGrid.commitProxy('query') // 提交搜索
-    },
-
-
-  },
+  methods: {},
   // 监听属性
   watch: {}
 };
diff --git a/src/pages/Middle/transport/Truck/Truck/i18n.js b/src/pages/Middle/transport/Truck/Truck/i18n.js
index 24cfc2e..2c9ce58 100644
--- a/src/pages/Middle/transport/Truck/Truck/i18n.js
+++ b/src/pages/Middle/transport/Truck/Truck/i18n.js
@@ -1,14 +1,16 @@
 module.exports = {
-  messages: {
-    CN: {
-      pageDesc: '描述内容',
-    },
-    HK: {
-      pageDesc: '描述内容',
-    },
-    US: {
-      pageDesc: 'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
-
+    messages: {
+        CN: {
+            pageDesc: '描述内容',
+            editPageDesc: '描述内容',
+        },
+        HK: {
+            pageDesc: '描述内容',
+            editPageDesc: '描述内容',
+        },
+        US: {
+            pageDesc: 'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
+            editPageDesc: '描述内容',
+        }
     }
-  }
 }