adspecs 0.1.12

package/references/web-ui/src/views/CollectButton/index.vue

@@ -0,0 +1,306 @@
+<template>
+  <div class="panel-side">
+    <div class="entry-btn">
+      <el-icon class="el-icon"><el-icon-arrow-left /></el-icon>
+    </div>
+    <div class="side-tool">
+      <div
+        class="collect"
+        @click="openHelpDocuments"
+        v-if="this.$route.fullPath != '/home'"
+      >
+        <el-icon class="fav"><Opportunity /></el-icon>
+        <el-tooltip
+          class="header-ellipsis"
+          :content="$t('otherLang.helpDocuments')"
+          placement="top"
+        >
+          <p class="fav-text">{{ $t('otherLang.helpDocuments') }}</p>
+        </el-tooltip>
+      </div>
+      <div
+        class="collect"
+        draggable="true"
+        :class="{ active: iscollect }"
+        @click="handleCollet"
+      >
+        <el-icon v-if="iscollect" class="fav"><Star/></el-icon>
+        <el-icon v-else class="fav"><Star/></el-icon>
+        <el-tooltip
+          class="header-ellipsis"
+          effect="dark"
+          :content="
+            iscollect ? $t('otherLang.already') : '' + $t('otherLang.collect')
+          "
+          placement="top"
+        >
+          <p class="fav-text">
+            {{ iscollect ? $t('otherLang.already') : ''
+            }}{{ $t('otherLang.collect') }}
+          </p>
+        </el-tooltip>
+      </div>
+      <div class="feedback" @click="openFeedback">
+        <img
+          :src="`${cdnUrl}img/boostrap/feedback.png`"
+          width="20"
+          :alt="$t('menu.feedback')"
+        />
+        <el-tooltip
+          class="header-ellipsis"
+          effect="dark"
+          :content="$t('menu.feedback')"
+          placement="top"
+        >
+          <p class="fav-text">{{ $t('menu.feedback') }}</p>
+        </el-tooltip>
+        <Dialog ref="dialogDom" />
+      </div>
+      <el-popover
+        v-if="showCollect"
+        placement="left"
+        class="qr-popover"
+        width="150"
+        trigger="hover"
+      >
+        <vue-qr :margin="0" :text="qrcodeContent" :size="126"></vue-qr>
+        <template v-slot:reference>
+          <div class="feedback" @click="showDemand">
+            <img
+              :src="`${cdnUrl}img/boostrap/demand.png`"
+              width="20"
+              :alt="$t('otherLang.already')"
+            />
+            <el-tooltip
+              class="header-ellipsis"
+              effect="dark"
+              :content="$t('otherLang.requirementsGathering')"
+              placement="top"
+            >
+              <p class="fav-text">
+                {{ $t('otherLang.requirementsGathering') }}
+              </p>
+            </el-tooltip>
+          </div>
+        </template>
+        <demand-collection ref="demand"></demand-collection>
+      </el-popover>
+    </div>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '@/utils/events.ts'
+import {
+  ArrowLeft as ElIconArrowLeft,
+  Opportunity,
+  Star,
+} from '@element-plus/icons'
+import { setCollect, deleteCollectById } from '@/api/collect'
+import DemandCollection from './demand'
+import VueQr from 'vue-qr'
+import Dialog from './dialog'
+import { findActiveRoute } from '@/utils/routeHelper'
+
+export default {
+  components: {
+    Dialog,
+    DemandCollection,
+    VueQr,
+    ElIconArrowLeft,
+    Opportunity,
+    Star,
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    isShowGpt() {
+      return this.$store.getters.isShowGptDrawer
+    },
+    iscollect() {
+      return this.$store.state.app.collectStatus
+        ? this.$store.state.app.collectStatus.data
+        : null
+    },
+    menuId() {
+      return this.$store.state.app.collectStatus
+        ? this.$store.state.app.collectStatus.menuId
+        : ''
+    },
+    qrcodeContent() {
+      return 'http://dev.mobile.sieiot.com/#/?form_id=429353855'
+    },
+    showCollect() {
+      return window.VUE_COLLECT_BUTTON
+    },
+    cdnUrl() {
+      return window.VUE_CDN_HOST
+    },
+  },
+  mounted() {
+    $on(this.$bus, 'close-demand', () => {
+      this.$refs.demand.close()
+    })
+    $on(this.$bus, 'myFavorite', () => {
+      this.$store.dispatch('getCollectStatus', {
+        menuId: this.menuId,
+        query: this.$route.query,
+      })
+      this.$message.success(this.$t('otherLang.notCollectionSuccess'))
+    })
+  },
+  methods: {
+    openFeedback() {
+      this.$refs.dialogDom.open()
+    },
+    showDemand() {
+      this.$refs.demand.showDialog()
+    },
+    //帮助文档
+    async openHelpDocuments(currentRoute) {
+      let pagemenu = findActiveRoute(currentRoute)
+      if (pagemenu) {
+        if (pagemenu.meta.userManualUrl === ('' || undefined)) {
+          this.$message(this.$t('otherLang.helpDocumentsTips'))
+        } else {
+          window.open(pagemenu.meta.userManualUrl)
+        }
+      }
+    },
+    async handleCollet() {
+      if (this.iscollect) await this.deleteCollectClick()
+      else await this.collectClick()
+    },
+    //删除
+    async deleteCollectClick() {
+      if (!this.iscollect.favouriteId) return
+
+      let res = await deleteCollectById(this.iscollect.favouriteId)
+      if (this.reqIsSucceed(res)) {
+        await this.$store.dispatch('getCollectStatus', {
+          menuId: this.menuId,
+          query: this.$route.query,
+        })
+        this.$message.success(this.$t('otherLang.notCollectionSuccess'))
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+    //收藏
+    async collectClick() {
+      if (!this.menuId) {
+        this.$message.error(this.$t('otherLang.notCollectible'))
+        return
+      }
+      let params = {
+        menuId: this.menuId,
+        functionUrl: this.$route.path.slice(1, this.$route.path.length),
+        params: JSON.stringify(this.$route.query),
+      }
+      let res = await setCollect(params)
+      if (this.reqIsSucceed(res)) {
+        await this.$store.dispatch('getCollectStatus', {
+          menuId: this.menuId,
+          query: this.$route.query,
+        })
+        this.$message.success(this.$t('otherLang.collectionSuccess'))
+      } else {
+        this.$message.error(res.msg)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.header-ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.panel-side {
+  z-index: 999;
+  display: flex;
+  position: fixed;
+  right: -60px;
+  bottom: 90px;
+  justify-content: center;
+  align-items: center;
+  transition: 0.5s all;
+  padding-right: 5px;
+  .entry-btn {
+    width: 25px;
+    height: 50px;
+    background-color: var(--el-color-primary);
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .el-icon {
+      font-size: 20px;
+      font-weight: 700;
+      color: #fff;
+    }
+  }
+
+  .side-tool {
+    .collect,
+    .feedback {
+      background-color: #fff;
+      border-radius: 6px;
+      box-shadow: -1px 0px 11px 0px #ccc;
+      width: 55px;
+      height: 55px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      cursor: pointer;
+      transition: all 0.5s;
+
+      .fav-text {
+        margin: 2px 0 0;
+        font-size: 12px;
+        width: 25px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      .fav {
+        font-size: 28px;
+        color: #333;
+      }
+
+      a.fav:hover {
+        color: inherit !important;
+      }
+    }
+
+    .collect.active {
+      background-color: #409eff;
+
+      .fav-text,
+      .fav {
+        color: #fff;
+      }
+    }
+
+    .feedback {
+      margin-top: 5px;
+
+      .fav-text {
+        margin: 6px 0 0;
+      }
+    }
+  }
+}
+.panel-side:hover {
+  right: 0;
+  .entry-btn {
+    opacity: 0;
+  }
+}
+</style>

package/references/web-ui/src/views/FlowCharts/FormDemo.vue

@@ -0,0 +1,236 @@
+<template>
+  <div class="tempForm">
+    <el-card class="box-card">
+      <div class="flowSubmit">
+        <el-button v-if="isSubmit" type="primary" @click="submitForm(false,true)">{{$t('button.submit')}}</el-button>
+        <el-button v-if="isSubmit" type="primary" @click="submitForm(true)">{{$t('button.SaveDrafts')}}</el-button>
+      </div>
+      <el-form :inline="true" :model="flowForm" ref="flowForm" class="search-form-inline">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item :label="$t('common.Name')" prop="name">
+              <el-input
+                style="width: 300px; margin-right:15px;"
+                placeholder
+                clearable
+                v-model="flowForm.name"
+                :disabled="!editFlag"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :label="$t('common.Sex')">
+              <el-radio-group :disabled="!editFlag" v-model="flowForm.sex">
+                <el-radio :label="$t('common.male')"></el-radio>
+                <el-radio :label="$t('common.female')"></el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+<script>
+import {
+  addFormList,
+  getFormListById,
+  editFormList,
+  bpmTaskService,
+  startRun,
+} from '@/api/worktable/startTask';
+export default {
+  props: {
+    isSubmit: {
+      //是否显示页面本来操作按钮 例如 提交，保存草稿按钮
+      type: Boolean,
+      default: false,
+    },
+    editStatus: {
+      //从后端获取的 是否可编辑全部字段表格 0否 1 是 如果被驳回 这个字段应该返回1 否则0
+      type: String | Number,
+      default: 0,
+    },
+    bpm_businessKey: {
+      //表单对应ID 原本从query传 得支持两种方式
+      type: Number | String,
+      default: '',
+    },
+    //需要动态设置的表单赋值 variables
+    taskServiceParams: Array,
+    isAddPageIn: {
+      //非必要  *是否是从新增或编辑页面进来 是：从新增编辑过来的 否：从详情进来的 可用来判断是否跳转页面
+      type: Boolean,
+      default: true,
+    },
+  },
+  // inject: ['getVariablesParams'],
+  data() {
+    return {
+      flowForm: {},
+      process_variables: [],
+    };
+  },
+  computed: {
+    editFlag() {
+      // console.log('editStatus:',this.editStatus)
+      //如果父组件传过来可以操作或者路由带参数可操作
+      return this.editStatus == 1 || this.$route.query.editStatus == 1;
+    },
+    companyId() {
+      return JSON.parse(localStorage.getItem('userInfo')).tenantId;
+    },
+  },
+  created() {
+    //如果是从新增编辑页面过的才调取这个接口  不然 varables通过props来拿
+    if (this.isAddPageIn) this.bpmTaskService();
+    this.getFormListById();
+    // console.log(this.getVariablesParams)
+  },
+  methods: {
+    //流程中需要设置的variables,可以拿了之后再相应赋值 有这个方法便可 不需要在此页面调用
+    get_process_variables() {
+      return this.taskServiceParams.map((item) => {
+        if (item.name == 'tenantId') {
+          item.value = this.companyId;
+        }
+        if (item.name == 'name') {
+          item.value = '流程启动测试';
+        }
+        if (item.name == 'name2') {
+          item.value = '流程启动测试2';
+        }
+        return item;
+      });
+    },
+    startRunFlow(saveonly, businessKey) {
+      let data = {
+        extend: {
+          tasks_assignees: [],
+        },
+        variables: this.process_variables,
+        processDefinitionKey: 'TEST1.1', // --流程标识
+        saveonly, //--是否保存标识，false为直接启动流程，true为保存草稿
+        businessKey, //--业务id
+        title: `流程启动测试-${businessKey}`, // --标题
+        orgId: this.companyId, // --取tenantid
+        companyId: this.companyId, //--取tenantid
+        systemType: 'demo', // --固定为EAM
+        applyPersonId: JSON.parse(localStorage.getItem('userId')), //--取user_id
+      };
+      startRun(data).then((res) => {
+        console.log(res);
+        if (res.status === 'S') {
+          this.$message.success(res.msg); //返回上一级
+          if (this.isAddPageIn) this.$router.go(-1);
+        } else {
+          // this.$message.error(res.msg);
+        }
+      });
+    },
+    //根据id查表单
+    async getFormListById() {
+      // console.log(this.bpm_businessKey,this.$route.query.id)
+      if (!this.bpm_businessKey && !this.$route.query.id) return;
+      let res = await getFormListById(
+        this.$route.query.id || this.bpm_businessKey
+      );
+      if (res.code === 800) {
+        console.log(res);
+        this.flowForm = res.data || {};
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+    //必须要有的方法 保存草稿 方法名固定 内容自定义 可直接返回编辑中的保存接口promise函数
+    ap_save() {
+      return new Promise((resolt, reject) => {
+        // if (this.$route.query.id)
+          this.flowForm.id = this.$route.query.id || this.bpm_businessKey;
+        let data = {
+          params: this.flowForm,
+        };
+        editFormList(data).then((res) => {
+          if (res.code === 800) {
+            resolt(res.msg);
+          } else {
+            reject(res.msg);
+          }
+        });
+      });
+    },
+    submitForm(isRun, isSave = false) {
+      // if (this.$route.query.id)
+        this.flowForm.id = this.$route.query.id || this.bpm_businessKey;
+      let data = {
+        params: this.flowForm,
+      };
+      console.log(data);
+      if (!this.flowForm.id) {
+        //新增
+        addFormList(data).then((res) => {
+          if (res.code === 800) {
+            this.startRunFlow(isRun, res.data.id);
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
+      } else {
+        //编辑
+        editFormList(data).then((res) => {
+          if (res.code === 800) {
+            if (isSave) {
+              //如果编辑只是保存
+              this.startRunFlow(isRun, res.data.id);
+            }
+            this.$message.success(res.msg);
+            if (this.isAddPageIn) this.$router.go(-1);
+            // this.$router.push({ name: 'startTask' });
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
+      }
+    },
+    //varables赋值
+    bpmTaskService() {
+      let params = {
+        processDefinitionKey: 'TEST1.1', //流程引擎标识 ，在取分类标志+.1,例如 TEST1.1
+        companyId: this.companyId, // --当前登录人的tenantId
+        systemType: 'demo', // -- 默认是EAM
+      };
+      bpmTaskService(params).then((res) => {
+        console.log(res);
+        if (res.status === 'S') {
+          if (res.data.variables.length) {
+            //如果是动态必须动态赋值
+            this.process_variables = res.data.variables.map((item) => {
+              if (item.name == 'tenantId') {
+                item.value = this.companyId;
+              }
+              if (item.name == 'name') {
+                item.value = '流程启动测试';
+              }
+              if (item.name == 'name4') {
+                item.value = '流程启动测试';
+              }
+              return item;
+            });
+          }
+        } else {
+          this.$message.error(res.msg);
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.tempForm {
+  .flowSubmit {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 15px;
+  }
+}
+</style>

package/references/web-ui/src/views/FlowCharts/components/ListDetailButton/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-button icon="el-icon-document" :disabled="isEmpty(goDetailParams.businessKey)" type="primary" v-bind="$attrs" @click="lookDetail">{{
+    title
+  }}</el-button>
+</template>
+<script>
+export default {
+  name: 'ListDetailButton',
+  props: {
+    title: {
+      type: String,
+      default: '流程详情'
+    },
+    goDetailParams: {
+      type: Object,
+      default: () => {
+        //业务id
+        ;(businessKey = ''),
+          //流程标识 根据自己的业务标识自己写死传过来 例如例子中 TEST1.1
+          (processDefinitionKey = '')
+      }
+    }
+  },
+  methods: {
+    lookDetail() {
+      this.$router.push({
+        name: 'list_details',
+        query: this.goDetailParams
+      })
+    },
+    isEmpty(obj) {
+      return typeof obj === 'undefined' || obj == null || obj === ''
+    }
+  }
+}
+</script>

package/references/web-ui/src/views/FlowCharts/leaveApplication.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <container
+      ref="con"
+      :type="`edit`"
+      :bpm_businessKey="bpm_businessKey"
+      :isSubmit="isSubmit"
+      :editStatus="editStatus"
+      :formPage="fromPage"
+      :curTaskName="curTaskName"
+      in-process
+    />
+  </div>
+</template>
+
+<script>
+//注意这里对应表单业务文件地址
+import container from '../test-menu/leave-application/info';
+
+export default {
+  name: 'overhaulPlan',
+  props: {
+    isSubmit: {
+      //是否显示页面本来操作按钮 例如 提交，保存草稿按钮
+      type: Boolean,
+      default: false,
+    },
+    editStatus: {
+      //是否可编辑表格 0否 1 是
+      type: String | Number,
+      default: 0,
+    },
+    bpm_businessKey: {
+      //表单对应ID 原本从query传 得支持两种方式
+      type: Number | String,
+      default: '',
+    },
+    fromPage: {
+      type: String,
+    },
+    taskServiceParams: Array,
+    curTaskName: String,
+  },
+  components: { container },
+  methods: {
+    get_process_variables() {
+      return [];
+    },
+    ap_save() {
+      return this.$refs.con.handleSave();
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/references/web-ui/src/views/FlowCharts/testForm.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <container
+      ref="con"
+      :type="`edit`"
+      :bpm_businessKey="bpm_businessKey"
+      :isSubmit="isSubmit"
+      :editStatus="editStatus"
+      :formPage="fromPage"
+      :curTaskName="curTaskName"
+      in-process
+    />
+  </div>
+</template>
+
+<script>
+//注意这里对应表单业务文件地址
+import container from '../test-menu/test-form/info';
+
+export default {
+  name: 'overhaulPlan',
+  props: {
+    isSubmit: {
+      //是否显示页面本来操作按钮 例如 提交，保存草稿按钮
+      type: Boolean,
+      default: false,
+    },
+    editStatus: {
+      //是否可编辑表格 0否 1 是
+      type: String | Number,
+      default: 0,
+    },
+    bpm_businessKey: {
+      //表单对应ID 原本从query传 得支持两种方式
+      type: Number | String,
+      default: '',
+    },
+    fromPage: {
+      type: String,
+    },
+    taskServiceParams: Array,
+    curTaskName: String,
+  },
+  components: { container },
+  methods: {
+    get_process_variables() {
+      return [];
+    },
+    ap_save() {
+      return this.$refs.con.handleSave();
+    },
+  },
+};
+</script>
+
+<style scoped></style>