super-page-runtime 1.0.13 → 1.0.14

package/src/components/runtime/views/assemblys/common/export-form-report-dialog.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-dialog
+    :show-close="true"
+    :append-to-body="true"
+    :title="$t('superPageRuntimeMessage.selectTemplate')"
+    model-value
+    @close="closeExportForm"
+  >
+    <el-table :data="templateFiles" style="width: 100%">
+      <el-table-column :label="$t('superPageRuntimeMessage.temlpate')" prop="templateShowPath">
+        <template v-slot="scope">
+          {{ scope.row.templateShowPath }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('superPageRuntimeMessage.operating')" width="200" fixed="right">
+        <template v-slot="scope">
+          <el-button type="text" size="small" @click="exportForm(scope.row)">
+            {{ $t('superPageRuntimeMessage.export') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+<script lang='ts' setup>
+import { onMounted, ref } from 'vue'
+import {packageTemplateFiles} from '../../../utils/common-util'
+const props = defineProps({
+  configure: {
+    type: Object,
+    required: true
+  },
+  pageContext: {
+    type: Object
+  }
+})
+const emits = defineEmits(['export', 'close'])
+const prefix = '${'
+const suffix = '}'
+const templateFiles = ref([])
+const fields = ref([])
+const configureBase = props.configure.props.base
+const dataModel = props.pageContext.entity.data
+onMounted(() => {
+  if (configureBase.templateFiles && configureBase.templateFiles.length > 0) {
+    templateFiles.value = packageTemplateFiles(configureBase.templateFiles)
+  } else if (configureBase.templateUUID && configureBase.templateShowPath) {
+    templateFiles.value.push({
+      templateUUID: configureBase.templateUUID,
+      templateShowPath: configureBase.templateShowPath
+    })
+  }
+  templateFiles.value.forEach((item) => {
+    if (item && item.templateShowPath) {
+      item.templateShowPath = formatTemplateShowPath(item.templateShowPath)
+    }
+  })
+})
+
+function getFileds(templateShowPath) {
+      console.log('templateShowPath', templateShowPath)
+      let field
+      let formatStr
+      let newValue = templateShowPath
+      const prefixIndex = newValue.indexOf(prefix)
+      const suffixIndex = newValue.indexOf(suffix)
+      console.log('prefixIndex', prefixIndex)
+      console.log('suffixIndex', suffixIndex)
+      if (prefixIndex !== -1 && suffixIndex !== -1) {
+        if (prefixIndex > suffixIndex) {
+          newValue =
+            newValue.substring(0, suffixIndex) +
+            newValue.substring(suffixIndex + suffix.length)
+          console.log('non replacement value === newValue', newValue)
+        } else {
+          field = newValue.substring(
+            prefixIndex + prefix.length,
+            suffixIndex
+          )
+          formatStr = newValue.substring(
+            prefixIndex,
+            suffixIndex + suffix.length
+          )
+          console.log('field', field)
+          console.log('formatStr', formatStr)
+          fields.value.push(field)
+          console.log('fields', fields.value)
+          newValue = newValue.replace(formatStr, '')
+          console.log('newValue', newValue)
+        }
+        return getFileds(newValue)
+      }
+      return fields.value
+    }
+    function formatTemplateShowPath(templateShowPath) {
+      const fields = getFileds(templateShowPath)
+      console.log('fields', fields)
+
+      fields.forEach((field) => {
+        const formatStr = prefix + field + suffix
+        let formatValue
+        if (
+          templateShowPath.indexOf(formatStr) !== -1 &&
+          dataModel.hasOwnProperty(field)
+        ) {
+          formatValue = dataModel[field] ? dataModel[field] : ''
+          templateShowPath = templateShowPath.replace(formatStr, formatValue)
+        }
+      })
+      return templateShowPath
+    }
+    function exportForm(row) {
+      emits('export', row)
+    }
+    function closeExportForm() {
+      emits('close')
+    }
+</script>

package/src/components/runtime/views/assemblys/common/remove-signer-dialog.vue

@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <el-dialog
+      model-value
+      :title="$t('superPageRuntimeMessage.selectRemoveUsers')"
+      :close-on-click-modal="false"
+      append-to-body
+      width="30%"
+      max-height="400"
+      @open="emits('open')"
+      @opend="emits('opend')"
+      @close="emits('close')"
+      @closed="emits('closed')"
+    >
+      <el-table :data="canRemoveTasks" border style="width: 100%" @select="select">
+        <el-table-column type="selection" width="55" />
+        <el-table-column
+          prop="transactorName"
+          :label="$t('superPageRuntimeMessage.transactorName')"
+          width="180"
+        />
+        <el-table-column
+          prop="transactor"
+          :label="$t('superPageRuntimeMessage.transactor')"
+          width="180"
+        />
+        <el-table-column
+          prop="trustorName"
+          :label="$t('superPageRuntimeMessage.trustorName')"
+          width="180"
+        />
+      </el-table>
+      <template v-slot:footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="selectRemoveUsers">
+            {{ $t('superPageRuntimeMessage.sure') }}
+          </el-button>
+          <el-button @click="$emit('close')">
+            {{ $t('superPageRuntimeMessage.cancel') }}
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang='ts' setup>
+import { onMounted, ref } from 'vue'
+import { ElMessage } from 'element-plus'
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
+const props = defineProps({
+  taskId: {
+    type: Number,
+    default: null
+  },
+  // 当前环节所有待办任务集合
+  activeTasks: {
+    type: Array,
+    default: null
+  }
+})
+
+const emits = defineEmits(['open', 'opend', 'close', 'closed', 'result'])
+
+const selections = ref([])
+const canRemoveTasks = ref([])
+
+onMounted(() => {
+  canRemoveTasks.value = getCanRemoveTasks()
+})
+function select(selection) {
+  selections.value = selection
+}
+function selectRemoveUsers() {
+  if (selections.value.length === 0) {
+    ElMessage({
+      showClose: true,
+      type: 'warning',
+      message: this.$t('superPageRuntimeMessage.pleaseSelectRemoverUsers')
+    })
+    return
+  }
+  emits('result', selections.value)
+}
+// 获得可减签的任务集合。除当前任务外，所有任务都可移除
+function getCanRemoveTasks() {
+  if (props.activeTasks && props.taskId) {
+    // 过滤掉当前任务
+    return props.activeTasks.filter((task) =>
+      props.taskId !== task['id'] ? task['id'] : task['ID'] ? task['ID'] : null
+    )
+  }
+  return []
+}
+</script>

package/src/components/runtime/views/assemblys/common/task-informition-dialog.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-dialog
+      model-value
+      :title="$t('superPageRuntimeMessage.selectNode')"
+      :close-on-click-modal="false"
+      append-to-body
+      width="30%"
+      max-height="400"
+      @open="emits('open')"
+      @opend="emits('opend')"
+      @close="emits('close')"
+      @closed="emits('closed')"
+    >
+      <el-table :data="taskInformitions" border style="width: 100%" @select="select">
+        <el-table-column type="selection" width="55" />
+        <el-table-column
+          prop="nodeName"
+          :label="$t('superPageRuntimeMessage.nodeName')"
+          width="180"
+        />
+        <el-table-column prop="nodeId" :label="$t('superPageRuntimeMessage.nodeId')" width="180" />
+      </el-table>
+      <template v-slot:footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="selectNode">
+            {{ $t('superPageRuntimeMessage.sure') }}
+          </el-button>
+          <el-button @click="emits('close')">
+            {{ $t('superPageRuntimeMessage.cancel') }}
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script lang='ts' setup>
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+defineProps({
+  taskInformitions: {
+    type: Array,
+    default: null
+  }
+})
+
+const emits = defineEmits(['open', 'opend', 'close', 'closed', 'result'])
+const selections = ref([])
+function selectNode() {
+  if (selections.value.length === 0 || selections.value.length > 1) {
+    ElMessage({
+      showClose: true,
+      type: 'warning',
+      message: t('superPageRuntimeMessage.pleaseSelectNode')
+    })
+    return
+  }
+  emits('result', this.selections[0])
+}
+
+function select(selection) {
+  selections.value = selection
+}
+</script>

package/src/components/runtime/views/assemblys/common-attr-events.vue

@@ -0,0 +1,46 @@
+<template>
+  <div style="margin-top:5px;">
+    <el-row  v-for="(eventItem,eventIndex) in events"
+      style="border-bottom:2px dashed #F5F6F8;padding-top:5px;padding-bottom:5px;">
+      <el-col  style="overflow: hidden;" :span="20">
+        &nbsp;&nbsp;{{ eventItem.name }}
+        <template v-if="eventItem.label">
+        ({{ eventItem.label }})
+        </template>
+      </el-col>
+      <el-col :span="4" style="text-align:center;font-weight:bold;">
+        <el-icon v-if="eventItem.selLogicCode" style="cursor:pointer;color:#5893EF;margin-right:6px;" title="编辑逻辑" @click='editLogic("{{eventItem.selLogicCode}}")'><Edit /></el-icon>
+        <el-icon style="cursor:pointer;" title="选择逻辑" @click="selectLogic(eventIndex)"><Search /></el-icon>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script lang='ts' setup>
+    import { defineEmits} from 'vue';
+    import {Edit,Search} from '@element-plus/icons';
+
+    const props = defineProps({
+        events:{
+          type:Object,
+          default:[]
+        }
+    });
+
+    setTimeout(() => {
+      if(props.events&&props.events.length>0){
+        props.events[0].selLogicCode='aa'
+      }
+    },2000);
+    
+    //选择逻辑
+    function selectLogic(eventIndex:any){
+      alert("eventIndex:"+eventIndex)
+    }
+    //编辑逻辑
+    function editLogic(logicName:any){
+      alert("edit logicName:"+logicName)
+    }
+    //拖动定义的方法
+    const $emit = defineEmits([]);
+</script>
+

package/src/components/runtime/views/assemblys/container/card/card-runtime.vue

@@ -0,0 +1,56 @@
+<template>
+  <el-card ref="thisRef" :style="runtimeStyle" :class="runtimeClass">
+    <template v-if="configure.props.base.tittleShow" #header>
+      <div :style="headerStyle">
+        <SuperIcon
+          v-if="configure.props.iconType && configure.props.iconValue"
+          :iconType="configure.props.iconType"
+          :iconValue="configure.props.iconValue"
+          style="margin-right: 2px"
+        ></SuperIcon>
+        {{ configure.props.base.title }}
+      </div>
+    </template>
+    <div :class="contentClass">
+      <template v-for="(element, itemIndex) in configure.items" :key="element.uuid">
+        <ObjectRender :pageContext="pageContext" :configure="element"></ObjectRender>
+      </template>
+    </div>
+  </el-card>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { ElCard } from 'element-plus'
+import { SuperIcon } from 'agilebuilder-ui'
+import ObjectRender from '../../object-render.vue'
+import type { Component, PageContext } from '../../../../utils/interfaces/page-design-types'
+
+interface MyProps {
+  pageContext: PageContext
+  configure: Component
+}
+const props = defineProps<MyProps>()
+
+if (!props.configure.items) {
+  props.configure.items = []
+}
+//自身引用
+const thisRef: any = ref(null)
+const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
+//运行时的自身详细参数
+const runtimeStyle = runtimeInfo.style
+const runtimeClass = runtimeInfo.class
+const headerStyle = runtimeInfo.headerStyle
+const contentClass = runtimeInfo.contentClass
+
+function test() {
+  props.configure.props.title = 'teee'
+}
+
+/**
+ * 暴露方法
+ */
+defineExpose({
+  test
+})
+</script>

package/src/components/runtime/views/assemblys/container/collapse/collapse-runtime.vue

@@ -0,0 +1,56 @@
+<template>
+  <el-collapse
+    ref="thisRef"
+    v-model="activeName"
+    :style="runtimeStyle"
+    :accordion="accordion"
+    :class="runtimeClass"
+  >
+    <template v-for="(item, index) in configure.items">
+      <el-collapse-item :name="item.index">
+        <template #title>
+          <div :style="headerStyle" style="width: 100%">
+            <SuperIcon
+              v-if="item.iconType && item.iconValue"
+              :iconType="item.iconType"
+              :iconValue="item.iconValue"
+              style="margin-right: 2px"
+            ></SuperIcon>
+            {{ item.label }}
+          </div>
+        </template>
+        <div>
+          <template v-for="(element, itemIndex) in item.items" :key="element.uuid">
+            <ObjectDesign :configure="element" :pageContext="pageContext"></ObjectDesign>
+          </template>
+        </div>
+      </el-collapse-item>
+    </template>
+  </el-collapse>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import ObjectDesign from '../../object-render.vue'
+import type { Component, PageContext } from '../../../../utils/interfaces/page-design-types'
+import { addComponentRef } from '../../../../utils/global-refs'
+
+interface MyProps {
+  pageContext: PageContext
+  configure: Component
+}
+const props = defineProps<MyProps>()
+if (!props.configure.props) {
+  props.configure.props = {}
+}
+//默认打开
+const activeName = props.configure.props.defaultOpens ? props.configure.props.defaultOpens : [1]
+//手风琴模式
+const accordion = props.configure.props.accordion ? true : false
+//自身引用
+const thisRef = ref(null)
+const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
+//运行时的自身详细参数
+const runtimeStyle = runtimeInfo.style
+const runtimeClass = runtimeInfo.class
+const headerStyle = runtimeInfo.headerStyle
+</script>

package/src/components/runtime/views/assemblys/container/container/container-runtime.vue

@@ -0,0 +1,50 @@
+<template>
+  <el-container ref="thisRef">
+    <el-aside 
+      v-if="configure.props.useLeft"
+      :style="leftStyle">
+      <template v-for="(element,itemIndex) in configure.leftAslides" :key="element.uuid">
+        <ObjectRender
+            :pageContext="pageContext"
+            :configure="element"></ObjectRender>
+        </template>
+    </el-aside>
+    <el-main 
+        :style="mainStyle"
+        :class="mainClass">
+        <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
+          <ObjectRender
+            :pageContext="pageContext"
+            :configure="element"></ObjectRender>
+        </template>
+    </el-main>
+    <el-aside 
+      v-if="configure.props.useRight"
+      :style="rightStyle">
+      <template v-for="(element,itemIndex) in configure.rightAslides" :key="element.uuid">
+          <ObjectRender
+            :pageContext="pageContext"
+            :configure="element"></ObjectRender>
+        </template>
+    </el-aside>
+  </el-container>
+</template>
+<script lang='ts' setup>
+    import {ref,onMounted} from 'vue';
+    import ObjectRender from '../../object-render.vue'
+    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
+    import {addComponentRef} from '../../../../utils/global-refs';
+    interface MyProps{
+      pageContext:PageContext,
+      configure:Component
+    }
+    const props = defineProps<MyProps>();
+   //自身引用
+   const thisRef = ref(null);
+   const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
+    //运行时的自身详细参数
+   const leftStyle = runtimeInfo.leftStyle;
+   const rightStyle = runtimeInfo.rightStyle;
+   const mainStyle = runtimeInfo.style;
+   const mainClass = runtimeInfo.class;
+</script>

package/src/components/runtime/views/assemblys/container/flex/flex-runtime.vue

@@ -0,0 +1,33 @@
+<template>
+    <el-row
+      ref="thisRef"
+      :justify="designProperty.flexJustify"
+      :gutter="designProperty.flexGutter"
+      :align="designProperty.alignItems"
+      :style="runtimeStyle"
+      :class="runtimeClass">
+      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
+        <ObjectRender
+              :pageContext="pageContext"
+              :configure="element"></ObjectRender>
+      </template>
+    </el-row>
+</template>
+<script lang='ts' setup>
+    import {ref,onMounted} from 'vue';
+    import ObjectRender from '../../object-render.vue'
+    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
+    import {addComponentRef} from '../../../../utils/global-refs';
+    interface MyProps{
+      pageContext:PageContext,
+      configure:Component
+    }
+    const props = defineProps<MyProps>();
+    //自身引用
+    const thisRef = ref(null);
+    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
+    //运行时的自身详细参数
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const designProperty:any = runtimeInfo.props?runtimeInfo.props:{};
+</script>

package/src/components/runtime/views/assemblys/container/form/form-runtime.vue

@@ -0,0 +1,35 @@
+<template>
+  <el-form
+    ref="thisRef"
+    :label-width="runtimeProps.labelWidth" 
+    :label-position="runtimeProps.labelPosition"
+    :size="runtimeProps.componentSize"
+    :style="runtimeStyle"
+    :class="runtimeClass">
+      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
+            <ObjectRender
+              :pageContext="pageContext"
+              :configure="element"></ObjectRender>
+      </template>
+  </el-form>
+</template>
+<script lang='ts' setup>
+    import {ref,onMounted} from 'vue';
+    import ObjectRender from '../../object-render.vue'
+    import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
+    import {addComponentRef} from '../../../../utils/global-refs';
+    interface MyProps{
+      pageContext:PageContext,
+      configure:Component
+    }
+    const props = defineProps<MyProps>();
+    if(!props.configure.items){
+      props.configure.items = [];
+    }
+    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
+    //运行时配置
+    const runtimeProps:any = runtimeInfo.props?runtimeInfo.props:{};
+    //定义自身详细参数
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+</script>

package/src/components/runtime/views/assemblys/container/iframe/iframe-runtime.vue

@@ -0,0 +1,28 @@
+<template>
+    <iframe 
+        ref="thisRef"
+        :src="configure.props.src" 
+        class="amb-widget-container-iframe"
+        :style="runtimeStyle"
+        :class="runtimeClass">
+    </iframe>
+</template>
+<script lang='ts' setup>
+    import {ref,onMounted} from 'vue';
+    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
+    import {addComponentRef} from '../../../../utils/global-refs';
+    interface MyProps{
+      pageContext:PageContext,
+      configure:Component,
+      indexObj:any,
+      selectWidget:any
+    }
+    const props = defineProps<MyProps>();
+
+    //自身引用
+    const thisRef = ref(null);
+    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
+    //运行时的自身详细参数
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+</script>

package/src/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue

@@ -0,0 +1,51 @@
+<template>
+  <el-tabs
+    ref="thisRef"
+    v-model="activeName"
+    :type="configure.props.cardType"
+    :tab-position="configure.props.tabPosition"
+    :style="runtimeStyle"
+    :class="runtimeClass"
+  >
+    <el-tab-pane v-for="(item, index) in configure.items" :label="item.label" :name="item.index">
+      <template #label>
+        <SuperIcon
+          v-if="item.iconType && item.iconValue"
+          :iconType="item.iconType"
+          :iconValue="item.iconValue"
+          style="margin-right: 2px"
+        ></SuperIcon>
+        <span :style="headerStyle">
+          {{ item.label }}
+        </span>
+      </template>
+      <div>
+        <template v-for="(element, itemIndex) in item.items" :key="element.uuid">
+          <ObjectRender :pageContext="pageContext" :configure="element"></ObjectRender>
+        </template>
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { ElTabs, ElTabPane } from 'element-plus'
+import ObjectRender from '../../object-render.vue'
+import { SuperIcon } from 'agilebuilder-ui'
+import type { Component, PageContext } from '@/components/design/utils/interfaces/page-design-types'
+import { addComponentRef } from '../../../../utils/global-refs'
+interface MyProps {
+  pageContext: PageContext
+  configure: Component
+}
+const props = defineProps<MyProps>()
+//默认打开
+const activeName = props.configure.props.defaultOpen ? props.configure.props.defaultOpen : 1
+//自身引用
+const thisRef = ref(null)
+const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
+//运行时的自身详细参数
+const runtimeStyle = runtimeInfo.style
+const runtimeClass = runtimeInfo.class
+const headerStyle = runtimeInfo.headerStyle
+</script>