移动端表单下拉新增时间选择器

zkqy-ui/src/views/asEditor/components/componentscom/investigate/index.vue

@@ -59,7 +59,6 @@
       </van-field>
 
       <!-- 复选框 -->
-
       <van-field
         name="checkboxGroup"
         :label="item1.name"
@@ -77,6 +76,18 @@
           </van-checkbox-group>
         </template>
       </van-field>
+
+      <!-- 时间选择器 -->
+      <div v-if="item1.type == 4 && item1.dataValue ">
+        <van-cell-group>
+          <van-field
+            :label="item1.name"
+            :placeholder="item1.value"
+            :value="item1.dataValue"
+            :readonly="true"
+          />
+        </van-cell-group>
+      </div>
     </div>
     <div class="button">
       <button>提交</button>

zkqy-ui/src/views/asEditor/components/rightslider/investigatestyle/index.vue

@@ -89,16 +89,16 @@
         </el-select>
 
         <!-- 时间选择器 -->
-        <!-- <template v-if="showTimePicker">
+        <template v-if="showTimePicker && item.type == 4">
           <div class="block">
             <span class="demonstration">请选择时间</span>
             <el-date-picker
-              v-model="dataValue"
+              v-model="item.dataValue"
               type="datetime"
               placeholder="选择日期时间">
             </el-date-picker>
           </div>
-        </template> -->
+        </template>
         
         <!-- 动态显示按钮 -->
         <div v-if="item.type == 1">
@@ -233,7 +233,8 @@ export default {
   },
   data() {
     return {
-      dataValue: '',
+      dataValue: "", 
+      showTimePicker: false,  // 控制时间选择器是否显示  
       lieData: "",
       zisShow: false,
       isShow: false,
@@ -469,6 +470,7 @@ export default {
         fieldKey: uuid(8),
         name: "",
         type: "",
+        dataValue: "",
         value: "",
         value1: [],
         value2: "",

zkqy-ui/src/views/asEditor/layout/home/pageDesign.vue

@@ -517,7 +517,9 @@ export default {
       payload.fromMapDb = this.getFromMapDb(pageJson);
       payload.selectQualifiedField = this.getSelectQualifiedField(pageJson);
       payload.isExistsList = this.isExistsList;
-      payload.mobilePageTableList = this.mobilePageTableList;
+      if(this.mobilePageTableList) {
+        payload.mobilePageTableList = this.mobilePageTableList;
+      }
       try {
         if (this.isEdit) {
           payload.id = this.$route.query.id;