From 24f6c35e126c2fd84959189e1134b22dfcc8cf8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 27 Feb 2025 19:58:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A1=A8=E5=8D=95=E6=9E=84?=
 =?UTF-8?q?=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/tool/draggable/demo.vue  |  59 ++--
 src/views/tool/draggable/index.vue | 492 ++++++++++++++++++++++++++++-
 2 files changed, 523 insertions(+), 28 deletions(-)

diff --git a/src/views/tool/draggable/demo.vue b/src/views/tool/draggable/demo.vue
index 6a68060..ca48298 100644
--- a/src/views/tool/draggable/demo.vue
+++ b/src/views/tool/draggable/demo.vue
@@ -1,4 +1,20 @@
 <template>
+  <div>
+    <el-form :model="a " label-width="120px">
+      <el-form-item label="id" :required="false">
+        <el-input v-model="a['id']"
+                  type="text" autocomplete="new-password" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="aSubmit">提交</el-button>
+        <el-button>重置</el-button>
+      </el-form-item>
+    </el-form>
+    <pagination v-show="pageData.total > 0"
+                v-model:page="a['pageNum']"
+                v-model:limit="a['pageSize']"
+                :total="pageData.total" @pagination="aSubmit" />
+  </div>
   <div style="margin-bottom: 12px;">
     <el-button :icon="Plus" type="primary" @click="aaAdd">新增</el-button>
     <el-button :icon="Edit" type="success" :disabled="aaSelectionList.length !== 1" @click="aaUpdate()">编辑
@@ -69,18 +85,7 @@
       </div>
     </template>
   </el-dialog>
-  <div>
-    <el-form :model="a " label-width="120px">
-      <el-form-item>
-        <el-button type="primary" @click="aSubmit">提交</el-button>
-        <el-button>重置</el-button>
-      </el-form-item>
-    </el-form>
-    <pagination v-show="pageData.total > 0"
-                v-model:page="a['pageNum']"
-                v-model:limit="a['pageSize']"
-                :total="pageData.total" @pagination="aSubmit" />
-  </div>
+
 </template>
 
 <script setup>
@@ -98,6 +103,8 @@ const formDataOperation = {
 };
 const pageData = ref({});
 
+const a = ref({ 'id': '' });
+
 const aaOperationForm = ref({
   'materialName': '',
   'planAmount': '',
@@ -106,8 +113,6 @@ const aaOperationForm = ref({
   'planId': ''
 });
 
-const a = ref({});
-
 
 const table = ref([]);
 
@@ -117,6 +122,19 @@ const aaOperationFormVisible = ref(false);
 
 const aaOperationTitle = ref('');
 
+
+const aSubmit = async () => {
+  let formData = a.value;
+  let localData = pageData.value;
+
+  const table = await request({
+    url: 'mes/planInfo/list',
+    method: 'get',
+    params: formData
+  });
+  formDataOperation.set('table', table.rows);
+  localData.total = table.total;
+};
 const aaSelectionChange = (e) => {
   aaSelectionList.value = e;
 };
@@ -176,17 +194,4 @@ const aaAddSubmit = async () => {
   aaOperationFormVisible.value = false;
 };
 
-const aSubmit = async () => {
-  let formData = a.value;
-  let localData = pageData.value;
-
-  const table = await request({
-    url: 'mes/planInfo/list',
-    method: 'get',
-    params: formData
-  });
-  formDataOperation.set('table', table.rows);
-  localData.total = table.total;
-};
-
 </script>
diff --git a/src/views/tool/draggable/index.vue b/src/views/tool/draggable/index.vue
index 7c703a4..d1eff08 100644
--- a/src/views/tool/draggable/index.vue
+++ b/src/views/tool/draggable/index.vue
@@ -249,7 +249,497 @@ const setData = (e) => {
 };
 const saveDatas = ref([]);
 onMounted(() => {
-  saveDatas.value = JSON.parse(localStorage.getItem('SAVE_DATA')) || [];
+  saveDatas.value = JSON.parse(localStorage.getItem('SAVE_DATA')) || [{
+    'type': 'static-text',
+    'icon': 'static-text',
+    'formItemFlag': false,
+    'options': {
+      'name': 'statictext111193',
+      'columnWidth': '200px',
+      'hidden': false,
+      'textContent': '单列表单',
+      'customClass': [],
+      'onCreated': '',
+      'onMounted': '',
+      'label': 'static-text'
+    },
+    'id': 'statictext111193'
+  }, {
+    'type': 'divider',
+    'icon': 'divider',
+    'formItemFlag': false,
+    'options': {
+      'name': 'divider102346',
+      'label': '',
+      'columnWidth': '200px',
+      'direction': 'horizontal',
+      'contentPosition': 'center',
+      'hidden': false,
+      'customClass': [],
+      'onCreated': '',
+      'onMounted': ''
+    },
+    'id': 'divider102346'
+  }, {
+    'type': 'input',
+    'icon': 'text-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'input12931',
+      'label': '发件人姓名',
+      'labelAlign': '',
+      'type': 'text',
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'showPassword': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': [],
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'prefixIcon': '',
+      'suffixIcon': '',
+      'appendButton': false,
+      'appendButtonDisabled': false,
+      'buttonIcon': 'el-icon-search',
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'input12931'
+  }, {
+    'type': 'switch',
+    'icon': 'switch-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'switch96070',
+      'label': '是否保密',
+      'labelAlign': '',
+      'defaultValue': true,
+      'columnWidth': '200px',
+      'labelWidth': null,
+      'labelHidden': false,
+      'disabled': false,
+      'hidden': false,
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'switchWidth': 40,
+      'activeText': '',
+      'inactiveText': '',
+      'activeColor': null,
+      'inactiveColor': null,
+      'onCreated': '',
+      'onMounted': '',
+      'onChange': '',
+      'onValidate': ''
+    },
+    'id': 'switch96070'
+  }, {
+    'type': 'input',
+    'icon': 'text-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'input23031',
+      'label': '发件人号码',
+      'labelAlign': '',
+      'type': 'text',
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'showPassword': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'prefixIcon': '',
+      'suffixIcon': '',
+      'appendButton': false,
+      'appendButtonDisabled': false,
+      'buttonIcon': 'el-icon-search',
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'input23031'
+  }, {
+    'type': 'textarea',
+    'icon': 'textarea-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'textarea21654',
+      'label': '发件人地址',
+      'labelAlign': '',
+      'rows': 3,
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': [],
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'textarea21654'
+  }, {
+    'type': 'divider',
+    'icon': 'divider',
+    'formItemFlag': false,
+    'options': {
+      'name': 'divider69240',
+      'label': '',
+      'columnWidth': '200px',
+      'direction': 'horizontal',
+      'contentPosition': 'center',
+      'hidden': false,
+      'customClass': '',
+      'onCreated': '',
+      'onMounted': ''
+    },
+    'id': 'divider69240'
+  }, {
+    'type': 'input',
+    'icon': 'text-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'input113152',
+      'label': '收件人姓名',
+      'labelAlign': '',
+      'type': 'text',
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'showPassword': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': [],
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'prefixIcon': '',
+      'suffixIcon': '',
+      'appendButton': false,
+      'appendButtonDisabled': false,
+      'buttonIcon': 'el-icon-search',
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'input113152'
+  }, {
+    'type': 'checkbox',
+    'icon': 'checkbox-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'checkbox63174',
+      'label': '接收时间段',
+      'labelAlign': '',
+      'defaultValue': [],
+      'columnWidth': '200px',
+      'size': '',
+      'displayStyle': 'inline',
+      'buttonStyle': false,
+      'border': false,
+      'labelWidth': null,
+      'labelHidden': false,
+      'disabled': false,
+      'hidden': false,
+      'optionItems': [{ 'label': '上午9:00 - 11:30', 'value': 1 }, {
+        'label': '下午12:30 - 18:00',
+        'value': 2
+      }, { 'label': '晚上18:00 - 21:00', 'value': 3 }],
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'onCreated': '',
+      'onMounted': '',
+      'onChange': '',
+      'onValidate': ''
+    },
+    'id': 'checkbox63174'
+  }, {
+    'type': 'input',
+    'icon': 'text-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'input40240',
+      'label': '收件人号码',
+      'labelAlign': '',
+      'type': 'text',
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'showPassword': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'prefixIcon': '',
+      'suffixIcon': '',
+      'appendButton': false,
+      'appendButtonDisabled': false,
+      'buttonIcon': 'el-icon-search',
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'input40240'
+  }, {
+    'type': 'input',
+    'icon': 'text-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'input78584',
+      'label': '收件人地址',
+      'labelAlign': '',
+      'type': 'text',
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'showPassword': false,
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'prefixIcon': '',
+      'suffixIcon': '',
+      'appendButton': false,
+      'appendButtonDisabled': false,
+      'buttonIcon': 'el-icon-search',
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'input78584'
+  }, {
+    'type': 'divider',
+    'icon': 'divider',
+    'formItemFlag': false,
+    'options': {
+      'name': 'divider75887',
+      'label': '',
+      'columnWidth': '200px',
+      'direction': 'horizontal',
+      'contentPosition': 'center',
+      'hidden': false,
+      'customClass': [],
+      'onCreated': '',
+      'onMounted': ''
+    },
+    'id': 'divider75887'
+  }, {
+    'type': 'time-range',
+    'icon': 'time-range-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'timerange47503',
+      'label': '送货时间',
+      'labelAlign': '',
+      'defaultValue': null,
+      'startPlaceholder': '',
+      'endPlaceholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'clearable': true,
+      'editable': false,
+      'format': 'HH:mm:ss',
+      'required': true,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'onCreated': '',
+      'onMounted': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'timerange47503'
+  }, {
+    'type': 'slider',
+    'icon': 'slider-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'slider54714',
+      'label': '价格保护',
+      'labelAlign': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'disabled': false,
+      'hidden': false,
+      'required': false,
+      'validation': '',
+      'validationHint': '',
+      'customClass': [],
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'min': 0,
+      'max': 100,
+      'step': 10,
+      'range': false,
+      'height': null,
+      'onCreated': '',
+      'onMounted': '',
+      'onChange': '',
+      'onValidate': '',
+      'showStops': true
+    },
+    'id': 'slider54714'
+  }, {
+    'type': 'textarea',
+    'icon': 'textarea-field',
+    'formItemFlag': true,
+    'options': {
+      'name': 'textarea64794',
+      'label': '其他信息',
+      'labelAlign': '',
+      'rows': 3,
+      'defaultValue': '',
+      'placeholder': '',
+      'columnWidth': '200px',
+      'size': '',
+      'labelWidth': null,
+      'labelHidden': false,
+      'readonly': false,
+      'disabled': false,
+      'hidden': false,
+      'required': false,
+      'validation': '',
+      'validationHint': '',
+      'customClass': '',
+      'labelIconClass': null,
+      'labelIconPosition': 'rear',
+      'labelTooltip': null,
+      'minLength': null,
+      'maxLength': null,
+      'showWordLimit': false,
+      'onCreated': '',
+      'onMounted': '',
+      'onInput': '',
+      'onChange': '',
+      'onFocus': '',
+      'onBlur': '',
+      'onValidate': ''
+    },
+    'id': 'textarea64794'
+  }];
 });
 
 </script>