系统部署后，流程详情有时打开页面，后端已返回数据，有时回显有时不回显，插槽数据会回显

Blade 未结

关注举报

 1  10

sense 剑圣 1天前

一、该问题的重现步骤是什么？

1. 流程详情-后端数据已返回，页面有时回显，有时不回显

二、你期待的结果是什么？实际看到的又是什么？

什么原因导致的这种

三、你正在使用的是什么产品，什么版本？在什么操作系统上？

avue2.12.6 windows系统

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。

代码为

<basic-container>

<avue-skeleton :loading="waiting" avatar :rows="8">

<avue-affix id="avue-view" :offset-top="114">

<avue-title :value="process.processDefinitionName"></avue-title>

主题：<avue-select

v-model="theme"

:clearable="false"

:dic="themeList"

></avue-select>

</div>

</avue-affix>

<el-tabs v-model="activeName">

<el-tab-pane label="供应商注册信息" name="first">

<el-card shadow="never">

<div

id="printBody"

:class="process.status != 'todo' ? `wf-theme-${theme}` : ''"

<avue-form

v-if="showInfo"

:option="option"

:table-loading="loading"

:data="data"

v-model="regForm"

ref="crud"

:upload-preview="uploadPreview"

:upload-download="uploadDownload"

<avue-input-number

precision="2"

:min="0"

:max="999999999"

:step="1"

:disabled="true"

v-model="regForm.regCap"

placeholder="请输入注册资金"

></avue-input-number>

<avue-select

v-model="regForm.regCapUnit"

:disabled="true"

:dic="dicts.suppFundingUnitOptions"

placeholder="请选择注册资金单位"

></avue-select>

</div>

</template>

<avue-input-number

style="width: calc(100% - 100px)"

precision="2"

:min="0"

:max="999999999"

:step="1"

v-model="regForm.paidCap"

placeholder="请输入实缴资金"

:disabled="true"

></avue-input-number>

<avue-select

style="width: 100px"

v-model="regForm.paidCapUnit"

:disabled="true"

:dic="dicts.suppFundingUnitOptions"

placeholder="请选择实缴资金单位"

></avue-select>

</div>

</template>

</avue-form>

</div>

</el-card>

<el-card

shadow="never"

style="margin-top: 20px"

v-if="process.status == 'todo' && showAudit"

<wf-examine-form

ref="examineForm"

:comment.sync="comment"

:process="process"

@user-select="handleUserSelect"

@ready="onExamineReady"

></wf-examine-form>

</el-card>

</el-tab-pane>

<el-tab-pane label="流转信息" name="second">

<el-card

shadow="never"

v-if="activeName === 'second'"

style="margin-top: 5px"

<wf-design

ref="bpmn"

style="height: 500px"

:options="bpmnOption"

></wf-design>

</el-card>

<el-card shadow="never" style="margin-top: 5px">

<wf-flow :flow="flow"></wf-flow>

</el-card>

</el-tab-pane>

</el-tabs>

</avue-skeleton>

<wf-button

v-if="showAudit"

:loading="submitLoading"

:button-list="buttonList"

:process="process"

:comment="comment"

@draft="handleDraft({ taskId: process.taskId, variables: regForm })"

@examine="handleExamine"

@user-select="handleUserSelect"

@print="handlePrint"

@rollback="handleRollbackTask"

@terminate="handleTerminate"

@withdraw="handleWithdrawTask"

></wf-button>

<!-- <user-select ref="user-select" :check-type="checkType" :default-checked="defaultChecked"

@onConfirm="handleUserSelectConfirm"></user-select> -->

</basic-container>

</template>

import WfExamineForm from "@/views/plugin/workflow/process/components/examForm.vue";

import WfButton from "@/views/plugin/workflow/process/components/button.vue";

import WfFlow from "@/views/plugin/workflow/process/components/flow.vue";

import userSelect from "@/views/plugin/workflow/process/components/user-select";

import exForm from "@/views/plugin/workflow/mixins/exterForm/ex-form";

import theme from "@/views/plugin/workflow/mixins/theme";

import draft from "@/views/plugin/workflow/mixins/draft";

import flowUtil from "@/views/plugin/workflow/process/external/flowUtil";

import { mapGetters } from "vuex";

import { getDetailByTmpcode, getTaskId } from "@/api/supp/regist/registInfo";

import { getLazyTree } from "@/api/base/region";

import { downloadFile } from "@/util/downloadFile";

export default {

mixins: [exForm, theme, draft, flowUtil],

components: { userSelect, WfExamineForm, WfButton, WfFlow },

watch: {

"$route.query.p": {

handler(val) {

if (val) {

const param = JSON.parse(Buffer.from(val, "base64").toString());

const { taskId, processInsId } = param;

if (taskId && processInsId) this.getDetail(taskId, processInsId);

}

immediate: true,

"$route.query.tmpcode": {

handler(val) {

if (val) {

getTaskId(val).then((res) => {

const data = res.data.data.data;

const taskId = data.process.taskId;

const processInsId = data.process.processInstanceId;

if (taskId && processInsId) {

this.showAudit = false;

this.getDetail(taskId, processInsId);

}

});

}

immediate: true,

computed: {

//获取权限

...mapGetters(["permission"]),

permissionList() {

return {

// 权限控制封装的按钮是否显示

addBtn: this.vaildData(this.permission.hub_add, false), // 屏蔽新增

};

mounted() {

// 等页面和子组件全部渲染完成

this.$nextTick(() => {

// console.log('子组件 this:', this)

});

created() {

//加载字典 - 资金单位

this.$axios

.get("/api/blade-system/global/dictionary?code=supp_funding_unit")

.then((res) => {

if (res.data.data) {

res.data.data.forEach((element) => {

element.label = element.dictValue;

element.value = element.dictKey;

});

}

this.dicts.suppFundingUnitOptions = res.data.data;

});

//联系人类别

this.$axios

.get("/api/blade-system/global/dictionary?code=supp_contact_category")

.then((res) => {

this.dicts.contactCategorys = res.data.data;

});

// this.initDict();

data() {

return {

showAudit: true, //显隐

activeName: "first",

regForm:{},

showInfo: false, /

看了下你的代码，用的是工作流插件么？这个问题需要在工作流插件专门的群内提问哦。入群方式可以看当时购买发来的邮件。