xins
/
hwmom-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改表单构建

Browse Source
master
夜笙歌 1 month ago
parent 99f10b3c5f
commit 24f6c35e12
2 changed files with 523 additions and 28 deletions
Show Stats Download Patch File Download Diff File

59
src/views/tool/draggable/demo.vue
Unescape Escape View File

@ -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>

492
src/views/tool/draggable/index.vue
Unescape Escape View File

@ -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>

Write Preview
Loading…
Cancel
Save