新增货车自动刷新页面

src/pages/Middle/transport/Truck/Truck/Edit.vue

@@ -22,9 +22,17 @@
     </div> -->
 
     <vxe-form :data="formOptions.data" ref="xForm" :title-width="formOptions.titleWidth"
-              :title-align="formOptions.titleAlign" :rules="formOptions.rules" :items="formOptions.items" titleColon>
+              :title-align="formOptions.titleAlign" :rules="formOptions.rules"  titleColon>
       <!--  =========================== 自定义区域 Start  ======================= -->
-
+      <vxe-form-item v-for="(item,index) in formOptions.items" :title="item.title" :field="item.field"   :span="item.span" :key="index" :item-render="item.itemRender">
+          <div v-if="item.isTitle" class="Htitle">
+            <div class="left-line"></div>
+            <p class="Htitle-p">
+              {{ item.Htitle }}
+            </p>
+            <div class="right-line"></div>
+          </div>
+        </vxe-form-item>
       <!--  =========================== 自定义区域 End  ======================= -->
     </vxe-form>
 
@@ -225,7 +233,7 @@ export default {
       const json = `{"id":${dataId}}`;
       this.$mk.post({
         url: this.actions.get,
-        loading: "加载中...",
+        loading: "保存中...",
         data: json,
         config: {
           headers: {
@@ -388,4 +396,14 @@ export default {
     height: 80px;
   }
 }
+.Htitle{
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: 10px;
+  .Htitle-p{margin-bottom: 0;margin: 0 10px;  color: #122ed1;  font-size: 16px;}
+  .left-line{width: 40px;height: 1px;background-color:#122ed1;}
+  .right-line{flex-grow: 1;height: 1px;background-color:#122ed1;}
+}
 </style>

src/pages/Middle/transport/Truck/Truck/zkTableList.vue

@@ -139,6 +139,10 @@ export default {
     // 初始化列表数据
     this.initListData()
   },
+  activated() {
+    this.initListData();
+    // 这里可以执行一些需要在组件被激活时执行的操作
+  },
   methods: {
 
     // 初始化列表数据