|
@@ -41,18 +41,69 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- <a-drawer
|
|
|
|
|
- v-model:open="showDrawer1"
|
|
|
|
|
- title="查询字段设置"
|
|
|
|
|
- placement="right"
|
|
|
|
|
- @after-open-change="showDrawer1 = $event"
|
|
|
|
|
- >
|
|
|
|
|
- <template v-if="infoFilterFieldsClone != null">
|
|
|
|
|
|
|
+ <div ref="drawer">
|
|
|
|
|
+ <a-drawer
|
|
|
|
|
+ v-model:open="showDrawer1"
|
|
|
|
|
+ title="查询字段设置"
|
|
|
|
|
+ placement="right"
|
|
|
|
|
+ :get-container="() => $refs.drawer"
|
|
|
|
|
+ @after-open-change="showDrawer1 = $event"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template v-if="infoFilterFieldsClone != null">
|
|
|
|
|
+ <draggable
|
|
|
|
|
+ v-model="infoFilterFieldsClone"
|
|
|
|
|
+ item-key="key"
|
|
|
|
|
+ @change="filterFieldSortChanged()"
|
|
|
|
|
+ @click="stopPropagation($event)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template #item="{ element }">
|
|
|
|
|
+ <div style="margin-left: 15px; margin-right: 15px">
|
|
|
|
|
+ <div class="column">
|
|
|
|
|
+ <input
|
|
|
|
|
+ :id="
|
|
|
|
|
+ 'InfoForm' +
|
|
|
|
|
+ '_' +
|
|
|
|
|
+ infoWindowNo +
|
|
|
|
|
+ '_' +
|
|
|
|
|
+ element.fieldName
|
|
|
|
|
+ "
|
|
|
|
|
+ v-model="element.isShow"
|
|
|
|
|
+ autocomplete="off"
|
|
|
|
|
+ class="isShow-checkbox"
|
|
|
|
|
+ type="checkbox"
|
|
|
|
|
+ :disabled="element.mandatory && element.isShow"
|
|
|
|
|
+ @change="visibleChanged(element)"
|
|
|
|
|
+ />
|
|
|
|
|
+ <label
|
|
|
|
|
+ :for="
|
|
|
|
|
+ 'InfoForm' +
|
|
|
|
|
+ '_' +
|
|
|
|
|
+ infoWindowNo +
|
|
|
|
|
+ '_' +
|
|
|
|
|
+ element.fieldName
|
|
|
|
|
+ "
|
|
|
|
|
+ class="column-name"
|
|
|
|
|
+ :class="{ 'column-red': element.mandatory == true }"
|
|
|
|
|
+ >{{ element.name }}</label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </draggable>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-drawer>
|
|
|
|
|
+
|
|
|
|
|
+ <a-drawer
|
|
|
|
|
+ v-if="infoGridFieldsClone != null"
|
|
|
|
|
+ v-model:open="showDrawer2"
|
|
|
|
|
+ title="表格字段设置"
|
|
|
|
|
+ :get-container="() => $refs.drawer"
|
|
|
|
|
+ placement="right"
|
|
|
|
|
+ @after-open-change="showDrawer2 = $event"
|
|
|
|
|
+ >
|
|
|
<draggable
|
|
<draggable
|
|
|
- v-model="infoFilterFieldsClone"
|
|
|
|
|
|
|
+ v-model="infoGridFieldsClone"
|
|
|
item-key="key"
|
|
item-key="key"
|
|
|
- @change="filterFieldSortChaned()"
|
|
|
|
|
|
|
+ @change="gridFieldSortChanged()"
|
|
|
@click="stopPropagation($event)"
|
|
@click="stopPropagation($event)"
|
|
|
>
|
|
>
|
|
|
<template #item="{ element }">
|
|
<template #item="{ element }">
|
|
@@ -60,7 +111,7 @@
|
|
|
<div class="column">
|
|
<div class="column">
|
|
|
<input
|
|
<input
|
|
|
:id="
|
|
:id="
|
|
|
- 'InfoForm' +
|
|
|
|
|
|
|
+ 'InfoGrid' +
|
|
|
'_' +
|
|
'_' +
|
|
|
infoWindowNo +
|
|
infoWindowNo +
|
|
|
'_' +
|
|
'_' +
|
|
@@ -71,11 +122,11 @@
|
|
|
class="isShow-checkbox"
|
|
class="isShow-checkbox"
|
|
|
type="checkbox"
|
|
type="checkbox"
|
|
|
:disabled="element.mandatory && element.isShow"
|
|
:disabled="element.mandatory && element.isShow"
|
|
|
- @change="visibleChanged(element)"
|
|
|
|
|
|
|
+ @change="gridFieldvisibleChanged(element)"
|
|
|
/>
|
|
/>
|
|
|
<label
|
|
<label
|
|
|
:for="
|
|
:for="
|
|
|
- 'InfoForm' +
|
|
|
|
|
|
|
+ 'InfoGrid' +
|
|
|
'_' +
|
|
'_' +
|
|
|
infoWindowNo +
|
|
infoWindowNo +
|
|
|
'_' +
|
|
'_' +
|
|
@@ -88,57 +139,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</draggable>
|
|
</draggable>
|
|
|
- </template>
|
|
|
|
|
- </a-drawer>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <a-drawer
|
|
|
|
|
- v-if="infoGridFieldsClone != null"
|
|
|
|
|
- v-model:open="showDrawer2"
|
|
|
|
|
- title="表格字段设置"
|
|
|
|
|
- placement="right"
|
|
|
|
|
- @after-open-change="showDrawer2 = $event"
|
|
|
|
|
- >
|
|
|
|
|
- <draggable
|
|
|
|
|
- v-model="infoGridFieldsClone"
|
|
|
|
|
- item-key="key"
|
|
|
|
|
- @change="gridFieldSortChaned()"
|
|
|
|
|
- @click="stopPropagation($event)"
|
|
|
|
|
- >
|
|
|
|
|
- <template #item="{ element }">
|
|
|
|
|
- <div style="margin-left: 15px; margin-right: 15px">
|
|
|
|
|
- <div class="column">
|
|
|
|
|
- <input
|
|
|
|
|
- :id="
|
|
|
|
|
- 'InfoGrid' +
|
|
|
|
|
- '_' +
|
|
|
|
|
- infoWindowNo +
|
|
|
|
|
- '_' +
|
|
|
|
|
- element.fieldName
|
|
|
|
|
- "
|
|
|
|
|
- v-model="element.isShow"
|
|
|
|
|
- autocomplete="off"
|
|
|
|
|
- class="isShow-checkbox"
|
|
|
|
|
- type="checkbox"
|
|
|
|
|
- :disabled="element.mandatory && element.isShow"
|
|
|
|
|
- @change="gridFieldvisibleChanged(element)"
|
|
|
|
|
- />
|
|
|
|
|
- <label
|
|
|
|
|
- :for="
|
|
|
|
|
- 'InfoGrid' +
|
|
|
|
|
- '_' +
|
|
|
|
|
- infoWindowNo +
|
|
|
|
|
- '_' +
|
|
|
|
|
- element.fieldName
|
|
|
|
|
- "
|
|
|
|
|
- class="column-name"
|
|
|
|
|
- :class="{ 'column-red': element.mandatory == true }"
|
|
|
|
|
- >{{ element.name }}</label>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </draggable>
|
|
|
|
|
- </a-drawer>
|
|
|
|
|
|
|
+ </a-drawer>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -318,9 +320,9 @@ export default {
|
|
|
stopPropagation: function (e) {
|
|
stopPropagation: function (e) {
|
|
|
e.stopPropagation();
|
|
e.stopPropagation();
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- filterFieldSortChaned: function () {
|
|
|
|
|
- console.log('filterFieldSortChaned');
|
|
|
|
|
|
|
+
|
|
|
|
|
+ filterFieldSortChanged: function () {
|
|
|
|
|
+ console.log('filterFieldSortChanged');
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
for (var i = 0, len1 = _self.infoFilterFieldsClone.length; i < len1; i++) {
|
|
for (var i = 0, len1 = _self.infoFilterFieldsClone.length; i < len1; i++) {
|
|
|
_self.infoFilterFieldsClone[i].sortNo = i * 10;
|
|
_self.infoFilterFieldsClone[i].sortNo = i * 10;
|
|
@@ -328,8 +330,8 @@ export default {
|
|
|
this.$emit('filterFieldPropertyChanged', _self.infoFilterFieldsClone);
|
|
this.$emit('filterFieldPropertyChanged', _self.infoFilterFieldsClone);
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- gridFieldSortChaned: function () {
|
|
|
|
|
- console.log('gridFieldSortChaned');
|
|
|
|
|
|
|
+ gridFieldSortChanged: function () {
|
|
|
|
|
+ console.log('gridFieldSortChanged');
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
for (var i = 0, len1 = _self.infoGridFieldsClone.length; i < len1; i++) {
|
|
for (var i = 0, len1 = _self.infoGridFieldsClone.length; i < len1; i++) {
|
|
|
_self.infoGridFieldsClone[i].sortNo = i * 10;
|
|
_self.infoGridFieldsClone[i].sortNo = i * 10;
|