super-page-runtime 1.0.15 → 1.0.16

package/components/runtime/views/assemblys/form/common/default-value-setting.vue

@@ -0,0 +1,362 @@
+<template>
+	<el-select
+			v-if="!paramValueType"
+			v-model="paramValueType"
+			style="width: 100%"
+			size="default"
+			@change="changeType"
+	>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('input') !== -1"
+				label="手动填写"
+				value="input"
+		/>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('context') !== -1"
+				label="环境变量"
+				value="context"
+		/>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('request') !== -1"
+				label="请求参数"
+				value="request"
+		/>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('custom') !== -1"
+				label="系统参数"
+				value="custom"
+		/>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('task') !== -1"
+				label="任务字段"
+				value="task"
+		/>
+		<el-option
+				v-if="valueTypes && valueTypes.indexOf('obj') !== -1"
+				label="对象属性"
+				value="obj"
+		/>
+	</el-select>
+	<el-select
+			v-if="paramValueType === 'context'"
+			v-model="paramValue"
+			clearable
+			size="default"
+			filterable
+			style="width: 100%"
+			default-first-option
+			allow-create
+			@change="changeParamValue(item)"
+	>
+		<el-option
+				label="当前时间"
+				value="${context.currentTime}"
+		/>
+		<el-option
+				label="本周"
+				value="${context.currentWeek}"
+		/>
+		<el-option
+				label="本月"
+				value="${context.currentMonth}"
+		/>
+		<el-option
+				label="本季度"
+				value="${context.currentQuarter}"
+		/>
+		<el-option
+				label="本年"
+				value="${context.currentYear}"
+		/>
+		<el-option
+				label="最近n天"
+				value="${context.lastNDay}"
+		/>
+		<el-option
+				label="当前用户登录名"
+				value="${context.currentTransactor}"
+		/>
+		<el-option
+				label="当前用户姓名"
+				value="${context.currentTransactorName}"
+		/>
+		<el-option
+				label="当前用户姓名(英文名)"
+				value="${context.currentTransactorNameAndEnName}"
+		/>
+		<el-option
+				label="当前用户id"
+				value="${context.currentTransactorId}"
+		/>
+		<el-option
+				label="当前用户部门id"
+				value="${context.currentTransactorMainDepartmentId}"
+		/>
+		<el-option
+				label="当前用户部门名称"
+				value="${context.currentTransactorMainDepartment}"
+		/>
+		<el-option
+				label="当前用户角色id"
+				value="${context.currentTransactorRoleId}"
+		/>
+		<el-option
+				label="当前用户角色名称"
+				value="${context.currentTransactorRole}"
+		/>
+		<el-option
+				label="当前用户工作组id"
+				value="${context.currentTransactorWorkGroupId}"
+		/>
+		<el-option
+				label="当前用户工作组名称"
+				value="${context.currentTransactorWorkGroup}"
+		/>
+		<el-option
+				label="当前用户所属分支名称"
+				value="${context.currentTransactorBranchName}"
+		/>
+		<el-option
+				label="当前用户所属分支id"
+				value="${context.currentTransactorBranchId}"
+		/>
+	</el-select>
+	<template v-if="item.paramValueType === 'context' && item.paramValue && item.paramValue.indexOf('${context.lastNDay')>=0">
+		<el-input
+				v-model="item.paramValueTemp"
+				size="default"
+				style="width: 60%"
+				@change="changeParamValue(item)"
+		/>{{$t('formEditor.attribute.day')}}
+	</template>
+	<el-select
+			v-if="item.paramValueType === 'task'"
+			v-model="item.paramValue"
+			clearable
+			size="default"
+			style="width: 100%"
+			:title="item.paramValue"
+			filterable
+			default-first-option
+			allow-create
+			@change="changeParamValue(item)"
+	>
+		<el-option
+				label="当前办理人"
+				value="${task.transactor}"
+		/>
+		<el-option
+				label="当前任务委托人"
+				value="${task.trustor}"
+		/>
+		<el-option
+				label="当前指派人"
+				value="${task.assigner}"
+		/>
+		<el-option
+				label="环节名称"
+				value="${task.name}"
+		/>
+		<el-option
+				label="环节编码"
+				value="${task.nodeId}"
+		/>
+	</el-select>
+	<template v-if="item.paramValueType === 'input'">
+		<el-input
+				v-if="options.options.type === 'textarea'"
+				v-model="item.paramValue"
+				type="textarea"
+				size="default"
+				:rows="5"
+				@change="changeParamValue(item)"
+		/>
+		<el-input
+				v-if="options.options.type === 'input'"
+				v-model="item.paramValue"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-cascader
+				v-if="options.options.type === 'cascader'"
+				v-model="item.paramValue"
+				:clearable="true"
+				:options="options.options.options"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-input
+				v-if="options.options.type === 'editor'"
+				v-model="item.paramValue"
+				:rows="2"
+				type="textarea"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-input
+				v-if="options.options.type === 'number'"
+				v-model.number="item.paramValue"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-input
+				v-if="options.options.type === 'slider'"
+				v-model.number="item.paramValue"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-rate
+				v-if="options.options.type === 'rate'"
+				v-model="item.paramValue"
+				style="display: inline-block; vertical-align: middle"
+				:max="options.options.max"
+				:allow-half="options.options.allowHalf"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-cascader
+				v-if="options.options.type === 'area'"
+				v-model="item.paramValue"
+				:size="options.options.size"
+				:options="areaOptions"
+				@change="changeParamValue(item)"
+		/>
+		<el-button
+				v-if="options.options.type === 'rate'"
+				style="display: inline-block; vertical-align: middle; margin-left: 10px"
+				size="default"
+				@click="item.paramValue = 0"
+				@change="changeParamValue(item)"
+		>
+			{{ $t('superFormPublicModel.empty') }}
+		</el-button>
+		<el-color-picker
+				v-if="options.options.type === 'color'"
+				v-model="item.paramValue"
+				:show-alpha="options.options.showAlpha"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-switch
+				v-if="options.options.type === 'switch'"
+				v-model="item.paramValue"
+				:active-text="options.options.activeText"
+				:inactive-text="options.options.inactiveText"
+				:active-value="options.options.activeValue"
+				:inactive-value="options.options.inactiveValue"
+				:active-color="options.options.activeColor"
+				:inactive-color="options.options.inactiveColor"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-date-picker
+				v-if="options.options.type === 'date'"
+				v-model="options.options.defaultValue"
+				:value-format="options.options.format"
+				:format="options.options.format"
+				style="width: 100%"
+				type="date"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-date-picker
+				v-if="options.options.type === 'time'"
+				v-model="options.options.defaultValue"
+				:value-format="options.options.format"
+				:format="options.options.format"
+				style="width: 100%"
+				type="datetime"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-select
+				v-if="options.options.type === 'rangeSelector'"
+				v-model="defaultTime"
+				style="width: 100%"
+				size="default"
+				@change="SectionDateTransfer"
+		>
+			<!-- <el-option
+						v-for="item in defaultArr"
+						:key="item.id"
+						:label="item.label"
+						:value="item.value"
+					/> -->
+			<el-option
+					:label="$t('formEditor.attribute.oneYear')"
+					value="oneYear"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.twoYear')"
+					value="twoYear"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.oneQuarter')"
+					value="oneQuarter"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.twoQuarter')"
+					value="twoQuarter"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.threeQuarter')"
+					value="threeQuarter"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.oneMonth')"
+					value="oneMonth"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.twoMonth')"
+					value="twoMonth"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.threeMonth')"
+					value="threeMonth"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.oneWeek')"
+					value="oneWeek"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.twoWeek')"
+					value="twoWeek"
+			/>
+			<el-option
+					:label="$t('formEditor.attribute.threeWeek')"
+					value="threeWeek"
+			/>
+		</el-select>
+		<el-input
+				v-if="options.options.type === 'select'"
+				v-model.number="item.paramValue"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-input
+				v-if="
+          options.options.type === 'radio' ||
+          options.options.type === 'checkbox'
+        "
+				v-model="item.paramValue"
+				size="default"
+				@change="changeParamValue(item)"
+		/>
+		<el-icon @click="showValueTypes()" style="padding-left: 2px"><el-icon-setting /></el-icon>
+	</template>
+</template>
+
+<script lang="ts" setup>
+import {ref} from "vue";
+
+const paramValueType = ref('')
+const paramValue = ref('')
+function changeType(){
+
+}
+
+</script>
+
+<style scoped>
+
+</style>

package/components/runtime/views/assemblys/form/common/dimension-input.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-input
+    v-model.number="inputValue"
+    placeholder=""
+    class="input-with-select"
+    @input="onInput"
+  >
+    <template #append>
+      <el-select
+        ref="select"
+        v-model="unit"
+        :style="{ width: '60px' }"
+        placeholder=""
+        @change="onChange"
+      >
+        <el-option
+          v-for="unit in units"
+          :key="unit.value"
+          :label="unit.label"
+          :value="unit.value"
+        />
+      </el-select>
+    </template>
+  </el-input>
+</template>
+
+<script lang="ts" setup>
+import { ref, defineProps } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Number],
+    default: null,
+  },
+  selectedUnit: {
+    type: String,
+    default: 'px',
+  },
+});
+
+const emit = defineEmits(['update:modelValue', 'update:selectedUnit']);
+
+const inputValue = ref<Number>(props.modelValue);
+const unit = ref(props.selectedUnit);
+const units = [
+  { label: 'px', value: 'px' },
+  { label: 'em', value: 'em' },
+  { label: 'ex', value: 'ex' },
+  { label: 'cm', value: 'cm' },
+  { label: 'vh', value: 'vh' },
+];
+
+function onInput(val: number) {
+	emit('update:modelValue', val);
+	emit('update:selectedUnit', unit);
+};
+
+function onChange(newUnit: string) {
+  unit.value = newUnit;
+  emit('update:selectedUnit', newUnit);
+};
+
+</script>
+<style>
+.input-with-select .el-input-group__append {
+  background-color: var(--el-fill-color-blank);
+}
+</style>

package/components/runtime/views/assemblys/form/common/dynamic-data-source-setting.vue

@@ -0,0 +1,115 @@
+<template>
+	<el-form-item label="动态数据源" class="amb-design-attr-item">
+		<el-select v-model="dataSource"  @change="seleteDataSource">
+			<el-option value="1" label="1" />
+			<el-option value="2" label="2" />
+		</el-select>
+	</el-form-item>
+	<el-form-item label="字段设置" class="amb-design-attr-item">
+		<el-button type="primary" @click="dialogVisible = true">设置</el-button>
+	</el-form-item>
+
+	<el-dialog
+			v-model="dialogVisible"
+			title="字段设置"
+			width="30%"
+	>
+		<el-row style="padding-bottom: 8px">
+			<el-button
+					:icon="ElIconCirclePlusOutline"
+					plain
+					type="primary"
+					@click="add"
+			>
+				添加
+			</el-button>
+			<el-button
+					:icon="ElIconDelete"
+					plain
+					type="primary"
+					@click="remove"
+			>
+				删除
+			</el-button>
+		</el-row>
+		<el-table highlight-current-row @current-change="handleCurrentChange" :data="list" style="width: 100%">
+			<el-table-column label="序号" type="index" />
+			<el-table-column prop="date" label="来源字段">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.selectedFieldArr"
+							clearable
+							size="default"
+					>
+						<el-option label="字段1" value="1"/>
+						<el-option label="字段2" value="2"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="date" label="值字段">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.valueField"
+							clearable
+							size="default"
+					>
+						<el-option label="字段1" value="1"/>
+						<el-option label="字段2" value="2"/>
+					</el-select>
+				</template>
+			</el-table-column>
+		</el-table>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="dialogVisible = false">取消</el-button>
+				<el-button type="primary" @click="dialogVisible = false">
+					确定
+				</el-button>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref} from "vue";
+
+const props = defineProps({
+	modelValue:{
+		type:String,
+		default:''
+	},
+})
+
+const emit = defineEmits(['update:modelValue']);
+
+const dataSource = ref(props.modelValue)
+
+const list = ref([
+	{selectedFieldArr:'1',valueField:'2'},
+	{selectedFieldArr:'1',valueField:'2'},
+	{selectedFieldArr:'1',valueField:'2'},
+])
+const dialogVisible = ref(false)
+const currentRow = ref({})
+
+function remove(){
+	list.value = list.value.filter(item => item !== currentRow.value)
+}
+
+function seleteDataSource() {
+	emit('update:modelValue',dataSource.value)
+}
+
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+
+function add(){
+	list.value.push({selectedFieldArr:'1',valueField:'2'},)
+}
+
+</script>
+
+<style scoped>
+
+</style>

package/components/runtime/views/assemblys/form/common/formatting-label.vue

@@ -0,0 +1,81 @@
+<template>
+	<el-form-item label="格式化分类" class="amb-design-attr-item">
+		<el-select v-model="formatting.type" placeholder="请选择">
+			<el-option label="数值" value="number"/>
+			<el-option label="货币" value="currency"/>
+			<el-option label="日期选择器" value="date" />
+			<el-option label="时间选择器" value="time" />
+			<el-option label="百分比" value="percent" />
+			<el-option label="键值对" value="keyValuePair"/>
+			<el-option label="选项组" value="optionGroup"/>
+			<el-option label="枚举类名" value="enumname"/>
+			<el-option label="bean名称" value="beanname"/>
+			<el-option label="动态数据源" value="dynamicDataSource"/>
+		</el-select>
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'number'|| formatting.type === 'currency'|| formatting.type === 'percent'"  label="小数位数" class="amb-design-attr-item">
+		<el-input v-model="formatting.decimalDigit" />
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'number'" label="千位分隔符" class="amb-design-attr-item">
+		<el-switch
+				v-model="formatting.thousandsSeparator"
+				active-text="使用"
+				inactive-text="不使用"
+		/>
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'number'" label="数值符号" class="amb-design-attr-item">
+		<el-input v-model="formatting.symbol" />
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'currency'" label="货币符号" class="amb-design-attr-item">
+		<el-select v-model="formatting.currencySymbol" placeholder="Select" style="width: 240px">
+			<el-option label="$" value="$"/>
+			<el-option label="￥" value="￥"/>
+		</el-select>
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'date'" label="日期类型" class="amb-design-attr-item">
+		<el-select v-model="formatting.dataType" placeholder="Select" style="width: 240px">
+			<el-option value="yyyy-m-d" label="yyyy-m-d" />
+			<el-option value="yyyy-m-d hh:mm:ss" label="yyyy-m-d hh:mm:ss" />
+			<el-option value="yyyy-m" label="yyyy-m" />
+			<el-option value="m-d" label="m-d" />
+			<el-option value="yyyy年m月d日" label="yyyy年m月d日" />
+			<el-option
+					value="yyyy年m月d日hh时mm分ss秒"
+					label="yyyy年m月d日hh时mm分ss秒"
+			/>
+			<el-option value="yyyy年m月" label="yyyy年m月" />
+			<el-option value="m月d日" label="m月d日" />
+		</el-select>
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'time'" label="时间类型" class="amb-design-attr-item">
+		<el-select v-model="formatting.timeType" placeholder="Select" style="width: 240px">
+			<el-option value="h:mm" label="h:mm" />
+			<el-option value="h:mm:ss" label="h:mm:ss" />
+			<el-option value="h时mm分" label="h时mm分" />
+			<el-option value="h时mm分ss秒" label="h时mm分ss秒" />
+		</el-select>
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'keyValuePair'||formatting.type === 'enumname'||formatting.type === 'beanname'" label="键值对" class="amb-design-attr-item">
+		<el-input v-model="formatting.name" />
+	</el-form-item>
+	<el-form-item v-if="formatting.type === 'optionGroup'" label="选项组" class="amb-design-attr-item">
+		<el-select v-model="formatting.name" placeholder="Select" style="width: 240px">
+			<el-option value="1" label="1" />
+		</el-select>
+	</el-form-item>
+	<DynamicDataSourceSetting v-if="formatting.type === 'dynamicDataSource'" v-model:modelValue="formatting.dynamicDataSourceCode" />
+</template>
+
+<script lang="ts" setup>
+import Suffixmodule from '../../form/common/suffixmodule.vue'
+import IconSetDialog from '../../form/common/icon-set-dialog.vue'
+import DynamicDataSourceSetting from './dynamic-data-source-setting.vue'
+
+const props = defineProps({
+	formatting:{
+		type:Object,
+		default:{}
+	},
+})
+
+</script>

package/components/runtime/views/assemblys/form/common/grid-num-select.vue

@@ -0,0 +1,43 @@
+<template>
+		<el-select
+			ref="select"
+			v-model="num"
+			placeholder=""
+			@change="onChange"
+		>
+			<el-option
+				v-for="option in options"
+				:key="option"
+				:label="option"
+				:value="option"
+			/>
+		</el-select>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, ref } from 'vue';
+
+defineProps({
+  modelValue: {
+    type: [Number],
+    default: null,
+  },
+  options: {
+    type: Array,
+    default: null
+  },
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const num = ref("")
+
+function onChange(val: number) {
+	emit('update:modelValue', val);
+};
+</script>
+<style>
+.input-with-select .el-input-group__append {
+  background-color: var(--el-fill-color-blank);
+}
+</style>