lw-cdp-ui 1.2.47 → 1.2.49

package/dist/components/lwFlow/nodeEdit/audienceReceive.vue

@@ -1,262 +0,0 @@
-<template>
-  <lw-form-mini ref="dataFormRef"
-           :config="config"
-           v-model="dataForm">
-    <!-- 选择人群 -->
-    <template #audienceIdSelect>
-      <div class="form-item">
-        <el-select v-model="dataForm.audienceId"
-                   filterable
-                   @change="onChangeAudience"
-                   placeholder="请选择">
-          <el-option v-for="item in audienceIdOptions"
-                     :key="item.value"
-                     :label="item.label"
-                     :value="item.value" />
-        </el-select>
-        <span v-if="!dataForm.snapshotId"
-              class="span-top">
-          预估人数
-          {{ audienceEstimate !== "" ? audienceEstimate : "--" }} 人</span>
-      </div>
-    </template>
-    <!-- 人群快照 -->
-    <template #snapshotIdSelect>
-      <div class="form-item">
-        <el-select v-model="dataForm.snapshotId"
-                   filterable
-                   @change="onChangeSnapshot"
-                   placeholder="请选择">
-          <el-option v-for="item in snapshotIdOptions"
-                     :key="item.value"
-                     :label="item.label"
-                     :value="item.value" />
-        </el-select>
-        <span class="span-top"
-              v-if="!!dataForm.snapshotId">预估人数
-          {{ snapshotEstimate !== "" ? snapshotEstimate : "--" }} 人</span>
-      </div>
-    </template>
-    <!-- 触发时间 -->
-    <template #scheduleTime>
-      <div class="form-item">
-        <el-date-picker v-model="dataForm.schedule.date"
-                        type="datetime"
-                        format="YYYY-MM-DD HH:mm:ss"
-                        value-format="YYYY-MM-DDTHH:mm:ss.000ZZ"
-                        placeholder="请选择"></el-date-picker>
-        <span class="text">开始活动</span>
-      </div>
-
-    </template>
-    <template #scheduleDate>
-      <el-date-picker v-model="dataForm.startEndTime"
-                      type="daterange"
-                      format="YYYY-MM-DD"
-                      start-placeholder="开始日期"
-                      end-placeholder="结束日期"
-                      value-format="YYYY-MM-DD"
-                      placeholder="请选择"
-                      @change="changeDatetimerange"
-                      style="margin-bottom: 5px;"></el-date-picker>
-      <lwCronSelect v-model="dataForm.schedule.cron" />
-    </template>
-
-    <span></span>
-  </lw-form-mini>
-</template>
-
-<script>
-import nodeDatas from '../nodesData/index.js'
-import dayjs from 'dayjs'
-
-export default {
-  name: 'audienceReceive',
-  data() {
-    return {
-      dataForm: {
-        schedule: {}
-      },
-      ...nodeDatas,
-      audienceIdOptions: [],
-      snapshotIdOptions: [],
-      audienceEstimate: '',
-      snapshotEstimate: '',
-    }
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    lf: {
-      type: Object,
-      default: () => { }
-    },
-    type: {
-      type: String,
-      default: ''
-    }
-  },
-  watch: {
-    modelValue: {
-      handler(val) {
-        if (val) {
-          this.dataForm = val
-        }
-
-      },
-      immediate: true,
-      deep: true
-    },
-    dataForm: {
-      handler(val, old) {
-        if (Object.keys(old).length > 0) {
-          this.$emit('update:modelValue', val)
-        }
-
-      },
-      deep: true
-    }
-  },
-  computed: {
-    config() {
-      let config = {
-        labelWidth: '70px',
-        labelPosition: 'top',
-        formItems: [
-          {
-            label: '节点名称',
-            name: 'name',
-            value: '',
-            component: 'input',
-            options: {
-              placeholder: '请输入节点名称',
-            },
-            span: 24
-          }
-        ]
-      }
-
-      // 拿到对应节点的表单配置
-      let nodeConfig = nodeDatas[this.type]?.formConfig || {}
-      if (nodeConfig?.labelWidth) {
-        config.labelWidth = nodeConfig.labelWidth
-      }
-      if (nodeConfig?.labelPosition) {
-        config.labelPosition = nodeConfig.labelPosition
-      }
-
-      // 处理需要接口的内容
-      if (!this.$store.state[`lwFlow_${this.type}`]) {
-        this.$store.state[`lwFlow_${this.type}`] = {}
-      }
-      nodeConfig?.formItems?.forEach(async item => {
-        if (item?.options?.items) {
-          if (item.api) {
-            let items = await item.api(this.$http)
-            item.options.items = items || []
-          }
-
-          // 全局化选项内容 用于回显数据
-          if (item?.options?.name) {
-            this.$store.state[`lwFlow_${this.type}`][`${item.name}.${item.options.name}`] = item?.options?.items || ''
-          } else {
-            this.$store.state[`lwFlow_${this.type}`][item.name] = item?.options?.items || ''
-          }
-        }
-      })
-
-      if (nodeConfig?.formItems) {
-        config.formItems = nodeConfig.formItems
-      }
-
-      return config
-    }
-  },
-  methods: {
-    async getaudienceId(value) {
-      const params = { fields: 'name,usageType', expression: 'usageType ne TEST' }
-      if (value) {
-        params.expression = `AND name like ${value}`
-      }
-      let list = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/audience/list`, params)
-
-      list = list.map((item) => ({
-        value: item.id,
-        label: `[${item.name}] ${item.id}`
-      }))
-      // 全局化选项内容 用于回显数据
-      this.$store.state[`lwFlow_audience_receive`]['audienceId'] = list
-      this.audienceIdOptions = list
-    },
-    async getSnapshotList(audienceId) {
-      let params = {}
-      if (audienceId) {
-        params = { expression: `audienceId eq ${audienceId}` }
-      }
-      let { content } = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/audience/snapshot`, params)
-
-      let list = content.map((item) => ({
-        value: item.id,
-        num: item.num,
-        label: dayjs(item.createDate).format('YYYY-MM-DD HH:mm:ss')
-      }))
-      // 全局化选项内容 用于回显数据
-      this.$store.state[`lwFlow_audience_receive`]['snapshotId'] = list
-      this.snapshotIdOptions = list
-    },
-    async onChangeAudience(value) {
-      this.getSnapshotList(value)
-      this.dataForm.snapshotId = ''
-      this.audienceEstimate = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/audience/${value}/count-customers`)
-    },
-    async onChangeSnapshot(value) {
-      this.snapshotEstimate = this.snapshotIdOptions.find(item => item.value === value).num
-      this.dataForm.snapshotName = this.snapshotIdOptions.find(item => item.value === value).label
-    },
-    changeDatetimerange(val) {
-      if (val) {
-        [this.dataForm.schedule.startTime, this.dataForm.schedule.endTime] = val
-      } else {
-        this.dataForm.schedule.startTime = ''
-        this.dataForm.schedule.endTime = ''
-      }
-    }
-  },
-  mounted() {
-    this.getaudienceId()
-    if (this.dataForm?.audienceId) {
-      this.getSnapshotList(this.dataForm.audienceId)
-    }
-
-  }
-}
-
-</script>
-
-<style lang="scss" scoped>
-.form-item {
-  position: relative;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  .span-top {
-    position: absolute;
-    top: -15px;
-    right: 0;
-    padding: 3px 5px;
-    background-color: var(--el-color-primary);
-    color: #ffffff;
-    font-size: 10px;
-    line-height: 10px;
-  }
-  .text {
-    font-size: 12px;
-    color: #999999;
-  }
-}
-</style>

package/dist/components/lwFlow/nodeEdit/basicSettings.vue

@@ -1,88 +0,0 @@
-<template>
-  <lw-form-mini ref="dataFormRef"
-                :config="config"
-                v-model="dataForm">
-    <!-- 定时器 表单自定义部分 -->
-    <template #dateCron>
-      <lwCronSelect v-model="dataForm.cron" />
-    </template>
-
-    <!-- et2l 表单自定义部分 -->
-    <template #KeyableSource>
-      <lwTableForm :config="base.configKeyableSource"
-                   v-model="dataForm.from" />
-    </template>
-
-    <template #MapAction>
-      <lwTableForm :config="base.configMapAction"
-                   v-model="dataForm.with">
-        <template #sourceField="{ row }">
-          <el-input v-if="row.type === 'direct'"
-                    size="small"
-                    v-model="row.from"
-                    placeholder="来源字段" />
-          <el-select v-else
-                     v-model="row.from"
-                     multiple
-                     filterable
-                     allow-create
-                     size="small"
-                     default-first-option
-                     :reserve-keyword="false"
-                     placeholder="来源字段"
-                     style="width: 100%" />
-        </template>
-      </lwTableForm>
-    </template>
-
-    <template v-slot:[soltName]="{itemCur, formCur}"
-              v-for="soltName in soltList">
-      <slot :name="soltName"
-            :itemCur="itemCur"
-            :formCur="formCur"></slot>
-    </template>
-
-    <span></span>
-  </lw-form-mini>
-</template>
-
-<script>
-import nodeDatas from '../nodesData/index.js'
-export default {
-  name: "BasicSettings",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => ({}),
-    },
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-    soltList: { type: Array, default: () => { return [] } },
-  },
-  data() {
-    return {
-      ...nodeDatas,
-      dataForm: {},
-    };
-  },
-  watch: {
-    modelValue: {
-      handler(val) {
-        if (val) {
-          this.dataForm = val;
-        }
-      },
-      immediate: true,
-      deep: true,
-    },
-    dataForm: {
-      handler(val, oldVal) {
-        this.$emit("update:modelValue", val)
-      },
-      deep: true,
-    },
-  },
-};
-</script>

package/dist/components/lwFlow/nodeEdit/eventReceive.vue

@@ -1,145 +0,0 @@
-<template>
-  <lw-form-mini ref="dataFormRef"
-           :config="config"
-           v-model="dataForm">
-    <!-- 选择事件 -->
-    <template #behaviorIdSelect>
-      <el-select v-model="dataForm.behaviorId"
-                 filterable
-                 @change="onChangeBehavior"
-                 placeholder="请选择">
-        <el-option v-for="item in behaviorIdOptions"
-                   :key="item.value"
-                   :label="item.label"
-                   :value="item.value" />
-      </el-select>
-    </template>
-
-    <!-- 去重 -->
-    <template #uniqueField>
-      <el-switch v-model="dataForm.unique"
-                 type="round" />
-      <el-tree-select v-if="dataForm.unique"
-                      v-model="dataForm.uniqueField"
-                      filterable
-                      default-expand-all
-                      :data="dataModelFields"
-                      :check-strictly="true"
-                      :props="{ label: 'label', value: 'path', children: 'fields' }"
-                      placeholder="请选择字段" />
-    </template>
-
-    <span></span>
-  </lw-form-mini>
-</template>
-
-<script>
-export default {
-  name: 'basicSettings',
-  data() {
-    return {
-      dataForm: {},
-      behaviorIdOptions: [],
-      dataModelFields: [],
-    }
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    config: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  watch: {
-    modelValue: {
-      handler(val) {
-        if (val) {
-          this.dataForm = val
-        }
-
-      },
-      immediate: true,
-      deep: true
-    },
-    dataForm: {
-      handler(val, old) {
-        if (Object.keys(old).length > 0) {
-          this.$emit('update:modelValue', val)
-        }
-
-      },
-      deep: true
-    }
-  },
-  methods: {
-    // 获取事件列表
-    async getBehaviorList() {
-      const params = { fields: "name,modelId,status" };
-      params.expression = `status in ENABLED`
-      let list = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/behavior-event/list`, params)
-
-      list = list.map((item) => ({
-        value: item.id,
-        label: item.name,
-        ...item
-      }))
-      // 全局化选项内容 用于回显数据
-      this.$store.state[`lwFlow_event_receive`]['behaviorId'] = list
-      this.behaviorIdOptions = list
-    },
-    onChangeBehavior(value) {
-      const behavior = this.behaviorIdOptions.find(it => { return it.value === value });
-
-      if (behavior) {
-        this.dataForm.behaviorModelId = behavior.modelId;
-        this.dataForm.eventName = behavior.name;
-        this.dataForm.uniqueField = ''
-        this.findBehaviorModel(behavior.modelId);
-      }
-    },
-    async findBehaviorModel(id) {
-      let dataModel = await this.$http.get(`/api/ma-manage/{tenantId}/{buCode}/behavior-model/${id}`)
-      // 全局化选项内容 用于回显数据
-      this.$store.state[`lwFlow_event_receive`]['uniqueField'] = []
-      this.dataModelFields = this.formatFields(dataModel.fields)
-    },
-    formatFields(fields, parent) {
-      const result = [];
-      if (!Array.isArray(fields)) return result;
-      fields.forEach((item) => {
-        const field = JSON.parse(JSON.stringify(item))
-        if (parent) {
-          field.path = `${parent.path}.${item.name}`;
-        } else {
-          field.path = item.name;
-        }
-        if (item.aliasName) {
-          field.label = `「${item.aliasName}」${item.name}`;
-        } else {
-          field.label = `${item.name}`;
-        }
-
-        if (item.fields && item.fields.length > 0) {
-          field.fields = this.formatFields(item.fields, field);
-        }
-        this.$store.state[`lwFlow_event_receive`]['uniqueField'].push(field);
-        result.push(field);
-      });
-      return result;
-    }
-  },
-  mounted() {
-    this.getBehaviorList()
-    if (this.dataForm?.behaviorModelId) {
-      this.findBehaviorModel(this.dataForm.behaviorModelId);
-    }
-
-  }
-}
-
-</script>