|
|
@ -110,8 +110,7 @@
|
|
|
|
<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>
|
|
|
@ -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>
|
|
|
@ -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>
|
|
|
@ -215,7 +210,8 @@
|
|
|
|
<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"
|
|
|
|
|
|
|
|
:class="{ active: item.isYield == 1 }">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
@ -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
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -447,7 +460,7 @@ function handleTime() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
timeLoading.value = false
|
|
|
|
timeLoading.value = false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
defineExpose({ init })
|
|
|
|
defineExpose({ init })
|
|
|
|
function handleCancel() {
|
|
|
|
function handleCancel() {
|
|
|
|
visible.value = false
|
|
|
|
visible.value = false
|
|
|
|