|
|
@ -88,7 +88,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
</a-spin>
|
|
|
|
</a-spin>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<a-button @click="handleCancel">
|
|
|
|
<a-button @click="handleCancel">
|
|
|
|
关闭
|
|
|
|
关闭
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
@ -110,15 +110,14 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<span>服务项目:</span>
|
|
|
|
<span>服务项目:</span>
|
|
|
|
<a-select show-search placeholder="请选择服务项目" v-model:value="serviceItem"
|
|
|
|
<a-select show-search placeholder="请选择服务项目" v-model:value="serviceItem"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="projectSearch" :default-active-first-option="false"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="projectSearch">
|
|
|
|
:show-arrow="false" :filter-option="false" :not-found-content="null">
|
|
|
|
|
|
|
|
<a-select-option v-for="item in projectList" :key="item.pkId" :value="item.pkId">
|
|
|
|
<a-select-option v-for="item in projectList" :key="item.pkId" :value="item.pkId">
|
|
|
|
{{ item.serviceProjectName }}
|
|
|
|
{{ item.serviceProjectName }}
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
|
</a-select>
|
|
|
|
</a-select>
|
|
|
|
<a @click="handleInto">引入</a>
|
|
|
|
<a @click="handleInto">引入</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<a-button @click="addItemFlag = false">
|
|
|
|
<a-button @click="addItemFlag = false">
|
|
|
|
关闭
|
|
|
|
关闭
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
@ -130,9 +129,7 @@
|
|
|
|
:model="activeForm">
|
|
|
|
:model="activeForm">
|
|
|
|
<a-form-item name="pkId" style="margin-bottom: 10px;" label="流程活动">
|
|
|
|
<a-form-item name="pkId" style="margin-bottom: 10px;" label="流程活动">
|
|
|
|
<a-select show-search placeholder="请选择流程活动" v-model:value="activeForm.pkId"
|
|
|
|
<a-select show-search placeholder="请选择流程活动" v-model:value="activeForm.pkId"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="activeSearch"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="activeSearch">
|
|
|
|
:default-active-first-option="false" :show-arrow="false" :filter-option="false"
|
|
|
|
|
|
|
|
:not-found-content="null">
|
|
|
|
|
|
|
|
<a-select-option v-for="item in activeList" :key="item.pkId" :value="item.pkId">
|
|
|
|
<a-select-option v-for="item in activeList" :key="item.pkId" :value="item.pkId">
|
|
|
|
{{ item.showName }}
|
|
|
|
{{ item.showName }}
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
@ -167,7 +164,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<a-button type="primary" @click="handleSaveActive">
|
|
|
|
<a-button type="primary" @click="handleSaveActive">
|
|
|
|
确定
|
|
|
|
确定
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
@ -178,13 +175,11 @@
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
<a-modal title="服务活动新增" :width="800" :visible="addActiveFlag" @cancel="addActiveFlag = false">
|
|
|
|
<a-modal title="服务活动新增" :width="800" :visible="addActiveFlag" @cancel="addActiveFlag = false">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<a-form ref="addActiveForm" :rules="addRules" :labelCol="{ span: 3 }" :wrapperCol="{ span: 21 }"
|
|
|
|
<a-form ref="addActiveFormRef" :rules="addRules" :labelCol="{ span: 3 }" :wrapperCol="{ span: 21 }"
|
|
|
|
:model="addActiveForm">
|
|
|
|
:model="addActiveForm">
|
|
|
|
<a-form-item name="statusSKUId" style="margin-bottom: 10px;" label="状态名称">
|
|
|
|
<a-form-item name="statusSKUId" style="margin-bottom: 10px;" label="状态名称">
|
|
|
|
<a-select show-search placeholder="请选择状态名称" v-model:value="addActiveForm.statusSKUId"
|
|
|
|
<a-select show-search placeholder="请选择状态名称" v-model:value="addActiveForm.statusSKUId"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="statusSearch" @change="handleChangeStatus"
|
|
|
|
style="width: 300px;margin-right: 20px;" @search="statusSearch" @change="handleChangeStatus">
|
|
|
|
:default-active-first-option="false" :show-arrow="false" :filter-option="false"
|
|
|
|
|
|
|
|
:not-found-content="null">
|
|
|
|
|
|
|
|
<a-select-option v-for="item in statusList" :key="item.pkId" :value="item.pkId">
|
|
|
|
<a-select-option v-for="item in statusList" :key="item.pkId" :value="item.pkId">
|
|
|
|
{{ item.statusSKUName }}
|
|
|
|
{{ item.statusSKUName }}
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
@ -198,7 +193,7 @@
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<template #footer>
|
|
|
|
<template #footer>
|
|
|
|
<a-button type="primary" @click="handleSaveAddActive">
|
|
|
|
<a-button type="primary" @click="handleSaveAddActive">
|
|
|
|
确定
|
|
|
|
确定
|
|
|
|
</a-button>
|
|
|
|
</a-button>
|
|
|
@ -208,33 +203,34 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
<a-modal title="流程展示" :width="1400" :visible="timeFlag" @cancel="timeFlag = false">
|
|
|
|
<a-modal title="流程展示" :width="1400" :visible="timeFlag" @cancel="timeFlag = false">
|
|
|
|
<a-spin :spinning="timeLoading">
|
|
|
|
<a-spin :spinning="timeLoading">
|
|
|
|
<div v-if="timeForm.activitiesList && timeForm.activitiesList.length > 0" class="time">
|
|
|
|
<div v-if="timeForm.activitiesList && timeForm.activitiesList.length > 0" class="time">
|
|
|
|
<div class="time-title">{{ timeForm.serviceProjectName }}</div>
|
|
|
|
<div class="time-title">{{ timeForm.serviceProjectName }}</div>
|
|
|
|
<div class="item" v-for="(item, index) in timeForm.activitiesList" :key="item.actId">
|
|
|
|
<div class="item" v-for="(item, index) in timeForm.activitiesList" :key="item.actId">
|
|
|
|
<div class="top">
|
|
|
|
<div class="top">
|
|
|
|
<div class="line" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
<div class="line" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
<div class="point" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
<div class="point" :class="{ active: item.isYield == 1 }"></div>
|
|
|
|
<div class="line" v-if="index != timeForm.activitiesList.length - 1" :class="{ active: item.isYield == 1 }">
|
|
|
|
<div class="line" v-if="index != timeForm.activitiesList.length - 1"
|
|
|
|
</div>
|
|
|
|
:class="{ active: item.isYield == 1 }">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom">
|
|
|
|
</div>
|
|
|
|
<div :title="item.showName + item.actDate">{{ item.showName }}</div>
|
|
|
|
<div class="bottom">
|
|
|
|
<div v-if="item.isYield == 1">{{ item.actDate ? item.actDate.substring(0, 11) : '' }}</div>
|
|
|
|
<div :title="item.showName + item.actDate">{{ item.showName }}</div>
|
|
|
|
<div class="subList">
|
|
|
|
<div v-if="item.isYield == 1">{{ item.actDate ? item.actDate.substring(0, 11) : '' }}</div>
|
|
|
|
<div class="sub" v-for="ite in item.subList" :key="ite.actId">
|
|
|
|
<div class="subList">
|
|
|
|
<div :class="{ active: ite.isYield == 1 }" class="subPoint"></div>
|
|
|
|
<div class="sub" v-for="ite in item.subList" :key="ite.actId">
|
|
|
|
<div :title="ite.showName + ite.actDate" class="text">
|
|
|
|
<div :class="{ active: ite.isYield == 1 }" class="subPoint"></div>
|
|
|
|
<span style="margin-right: 4px;">{{ ite.showName }}</span>
|
|
|
|
<div :title="ite.showName + ite.actDate" class="text">
|
|
|
|
<span>{{ ite.actDate ? ite.actDate.substring(0, 11) : '' }}</span>
|
|
|
|
<span style="margin-right: 4px;">{{ ite.showName }}</span>
|
|
|
|
</div>
|
|
|
|
<span>{{ ite.actDate ? ite.actDate.substring(0, 11) : '' }}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-else>暂无数据</div>
|
|
|
|
</div>
|
|
|
|
</a-spin>
|
|
|
|
<div v-else>暂无数据</div>
|
|
|
|
|
|
|
|
</a-spin>
|
|
|
|
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -242,7 +238,7 @@
|
|
|
|
import { ref, onMounted } from 'vue'
|
|
|
|
import { ref, onMounted } from 'vue'
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
projectQueryList, QueryActivitiesList, QueryListStatus, workFlowSetUnPublishRelease,
|
|
|
|
projectQueryList, QueryActivitiesList, QueryListStatus, workFlowSetUnPublishRelease,
|
|
|
|
workFlowSetUnEnable, workFlowSaveAndEnable,GetShowTimeLine
|
|
|
|
workFlowSetUnEnable, workFlowSaveAndEnable, GetShowTimeLine,SaveWFActivities
|
|
|
|
} from './api'
|
|
|
|
} from './api'
|
|
|
|
import { useMessage } from '/@/hooks/web/useMessage'
|
|
|
|
import { useMessage } from '/@/hooks/web/useMessage'
|
|
|
|
const { createMessage } = useMessage()
|
|
|
|
const { createMessage } = useMessage()
|
|
|
@ -252,7 +248,7 @@ const addActiveForm = ref({}) as any
|
|
|
|
const formRef = ref()
|
|
|
|
const formRef = ref()
|
|
|
|
const form = ref({
|
|
|
|
const form = ref({
|
|
|
|
serviceProject: {},
|
|
|
|
serviceProject: {},
|
|
|
|
statusSkuList:[]
|
|
|
|
statusSkuList: []
|
|
|
|
}) as any
|
|
|
|
}) as any
|
|
|
|
const labelCol = {
|
|
|
|
const labelCol = {
|
|
|
|
xs: { span: 24 },
|
|
|
|
xs: { span: 24 },
|
|
|
@ -262,6 +258,7 @@ const wrapperCol = {
|
|
|
|
xs: { span: 24 },
|
|
|
|
xs: { span: 24 },
|
|
|
|
sm: { span: 17 }
|
|
|
|
sm: { span: 17 }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const addActiveFormRef = ref('') as any
|
|
|
|
const statusList = ref([]) as any
|
|
|
|
const statusList = ref([]) as any
|
|
|
|
const addItemFlag = ref(false)
|
|
|
|
const addItemFlag = ref(false)
|
|
|
|
const formRule = {
|
|
|
|
const formRule = {
|
|
|
@ -286,7 +283,7 @@ const addActiveFlag = ref(false)
|
|
|
|
const activeList = ref([]) as any
|
|
|
|
const activeList = ref([]) as any
|
|
|
|
function activeSearch(data) {
|
|
|
|
function activeSearch(data) {
|
|
|
|
QueryActivitiesList({ queryItem: data }).then(res => {
|
|
|
|
QueryActivitiesList({ queryItem: data }).then(res => {
|
|
|
|
activeList.value = res.data.ext
|
|
|
|
activeList.value = res.data
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const SysTenantData = ref([]) as any
|
|
|
|
const SysTenantData = ref([]) as any
|
|
|
@ -331,6 +328,20 @@ function handlePub() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function handleSaveAddActive() {
|
|
|
|
|
|
|
|
addActiveFormRef.value.validate().then(() => {
|
|
|
|
|
|
|
|
SaveWFActivities(addActiveForm.value).then(res => {
|
|
|
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
|
|
|
createMessage.success('添加成功')
|
|
|
|
|
|
|
|
addActiveFlag.value = false
|
|
|
|
|
|
|
|
QueryActivitiesList().then(res => {
|
|
|
|
|
|
|
|
activeList.value = res.data.ext
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
// this.$refs.addActiveForm.resetFields()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
function handleUnable() {
|
|
|
|
function handleUnable() {
|
|
|
|
workFlowSetUnEnable([form.value.pkId]).then(res => {
|
|
|
|
workFlowSetUnEnable([form.value.pkId]).then(res => {
|
|
|
|
if (res.data.ext[0].succ) {
|
|
|
|
if (res.data.ext[0].succ) {
|
|
|
@ -377,16 +388,18 @@ function handleInto() {
|
|
|
|
const projectList = ref([]) as any
|
|
|
|
const projectList = ref([]) as any
|
|
|
|
onMounted(() => {
|
|
|
|
onMounted(() => {
|
|
|
|
projectSearch('')
|
|
|
|
projectSearch('')
|
|
|
|
|
|
|
|
statusSearch('')
|
|
|
|
|
|
|
|
activeSearch('')
|
|
|
|
})
|
|
|
|
})
|
|
|
|
function projectSearch(data) {
|
|
|
|
function projectSearch(data) {
|
|
|
|
projectQueryList({ queryItem: data }).then(res => {
|
|
|
|
projectQueryList({ queryItem: data }).then(res => {
|
|
|
|
projectList.value = res.data.ext
|
|
|
|
projectList.value = res.data
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function statusSearch(data) {
|
|
|
|
function statusSearch(data) {
|
|
|
|
QueryListStatus({ queryItem: data }).then(res => {
|
|
|
|
QueryListStatus({ queryItem: data }).then(res => {
|
|
|
|
statusList.value = res.data.ext
|
|
|
|
statusList.value = res.data
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -437,17 +450,17 @@ const timeFlag = ref(false)
|
|
|
|
const timeLoading = ref(false)
|
|
|
|
const timeLoading = ref(false)
|
|
|
|
const timeForm = ref({}) as any
|
|
|
|
const timeForm = ref({}) as any
|
|
|
|
function handleTime() {
|
|
|
|
function handleTime() {
|
|
|
|
timeFlag.value = true
|
|
|
|
timeFlag.value = true
|
|
|
|
timeLoading.value = true
|
|
|
|
timeLoading.value = true
|
|
|
|
GetShowTimeLine({ pkId: form.value.pkId }).then(res => {
|
|
|
|
GetShowTimeLine({ pkId: form.value.pkId }).then(res => {
|
|
|
|
if (res.data.succ) {
|
|
|
|
if (res.data.succ) {
|
|
|
|
timeForm.value = res.data.ext
|
|
|
|
timeForm.value = res.data.ext
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
createMessage.error(res.data.msg)
|
|
|
|
createMessage.error(res.data.msg)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
timeLoading.value = false
|
|
|
|
timeLoading.value = false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
defineExpose({ init })
|
|
|
|
defineExpose({ init })
|
|
|
|
function handleCancel() {
|
|
|
|
function handleCancel() {
|
|
|
|
visible.value = false
|
|
|
|
visible.value = false
|
|
|
|