Skip to content

iBiz-Vue-Mob-R7-Res
iBiz-Vue-Mob-R7-Res
提交 c0bb24d1 编写于 作者: KK's avatar KK
浏览文件
操作

update

上级 b83e76f4
隐藏空白字符变更
内嵌 并排
正在显示 包含 67 行增加 和 237 行删除
src/components/app-wf-approval/app-wf-approva1l.vue 已删除 100644 → 0
浏览文件 @ b83e76f4
<template>
<div class="app-wf-approval">
<div class="app-wf-approval-header">
<span class="approval-header-left">{{data.startTime}}</span>
<span>{{data.startUserName}}提交</span>
</div>
<van-collapse v-model="activeNames" v-if="data.usertasks && data.usertasks.length >0">
<van-collapse-item
:title="usertask.userTaskName"
:name="index"
v-for="(usertask,index) in data.usertasks"
:key="index"
>
<div class="app-wf-approval-content" v-if="data.usertasks && data.usertasks.length >0">
<div class="approval-content-item-right">
<div class="approval-content-item-wait" v-if="usertask.identitylinks.length >0">
<!-- <van-steps direction="vertical" >
<van-step v-for="(identitylink,inx) in usertask.identitylinks" :key="inx">
<h3>{{identitylink.displayname}}</h3>
</van-step>
</van-steps> -->
等待
<span v-for="(identitylink,inx) in usertask.identitylinks" :key="inx">
{{identitylink.displayname}}
<span v-if="inx >0">、</span>
</span>处理
</div>
<div class="approval-content-item-info" v-if="usertask.comments.length >0">
<div v-for="(comment,commentInx) in usertask.comments" :key="commentInx">
<div
class="approval-content-item-info-item approval-content-item-info-top"
>{{`【${comment.type}】${comment.fullMessage}`}}</div>
<div class="approval-content-item-info-item approval-content-item-info-bottom">
<span class="info-bottom-name">{{comment.authorName}}</span>
<span>{{comment.time}}</span>
</div>
</div>
</div>
<div
class="approval-content-item-memo"
v-if="usertask.userTaskId === viewparams.userTaskId"
>
<ion-input
debounce="300"
type="textarea"
:value="initmemo"
placeholder="请输入内容"
@ionBlur="handleBlur"
></ion-input>
</div>
</div>
</div>
<div class="app-wf-approval-bottom">
<span v-if="data.endTime">{{data.endTime}}结束</span>
</div>
</van-collapse-item>
<!-- <van-collapse-item title="被驳回" name="2">内容</van-collapse-item>
<van-collapse-item title="标题3" name="3">内容</van-collapse-item>-->
</van-collapse>
<!--<div class="app-wf-approval-header">
<span class="approval-header-left">{{data.startTime}}</span>
<span>{{data.startUserName}}提交</span>
</div>
<div class="app-wf-approval-content" v-if="data.usertasks && data.usertasks.length >0">
<div class="approval-content-item" v-for="(usertask,index) in data.usertasks" :key="index">
<div class="approval-content-item-left">
{{usertask.userTaskName}}
</div>
<div class="approval-content-item-right">
<div class="approval-content-item-wait" v-if="usertask.identitylinks.length >0">
等待<span v-for="(identitylink,inx) in usertask.identitylinks" :key="inx">{{identitylink.displayname}}<span v-if="inx >0">、</span></span>处理
</div>
<div class="approval-content-item-info" v-if="usertask.comments.length >0">
<div v-for="(comment,commentInx) in usertask.comments" :key="commentInx">
<div class="approval-content-item-info-item approval-content-item-info-top">
{{`【${comment.type}】${comment.fullMessage}`}}
</div>
<div class="approval-content-item-info-item approval-content-item-info-bottom">
<span class="info-bottom-name">{{comment.authorName}}</span>
<span>{{comment.time}}</span>
</div>
</div>
</div>
<div class="approval-content-item-memo" v-if="usertask.userTaskId === viewparams.userTaskId">
<ion-input debounce="300" type="textarea" :value="initmemo" placeholder="请输入内容" @ionBlur="handleBlur"></ion-input>
</div>
</div>
</div>
</div>
<div class="app-wf-approval-bottom">
<span v-if="data.endTime">{{data.endTime}}结束</span>
</div>-->
</div>
</template>
<script lang = 'ts'>
import { Vue, Component, Prop, Model } from "vue-property-decorator";
@Component({})
export default class AppWFApproval extends Vue {
public activeNames= [];
/**
* 双向绑定值
*
* @memberof AppWFApproval
*/
@Model("change") value!: string;
/**
* 数据
*
* @memberof AppWFApproval
*/
public data: any = {};
/**
* 初始化memo
*
* @memberof AppWFApproval
*/
public initmemo: string = "";
/**
* 传入数据服务
*
* @memberof AppWFApproval
*/
@Prop() public service: any;
/**
* 上下文
*
* @memberof AppWFApproval
*/
@Prop() public context: any;
/**
* 视图参数
*
* @memberof AppWFApproval
*/
@Prop() public viewparams: any;
/**
* 初始化数据
*
* @memberof AppWFApproval
*/
public created() {
if (this.service) {
this.service.GetWFHistory(this.context).then((res: any) => {
if (res && res.status === 200) {
this.data = res.data;
}
});
}
}
/**
* 抛出wfprocmemo
*
* @memberof AppWFApproval
*/
public handleBlur($event: any) {
this.$emit("change", $event.target.value);
}
}
</script>
<style lang="less">
@import "./app-wf-approval.less";
</style>
\ No newline at end of file
src/components/app-wf-approval/app-wf-approval.vue
浏览文件 @ c0bb24d1
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</div> </div>
</van-step> </van-step>
<template v-for="(usertask,index) in data.usertasks" > <template v-for="(usertask,index) in data.usertasks" >
<van-step v-if="usertask.identitylinks.length >0" :key="index"> <van-step v-if="usertask.identitylinks.length >0" :key="index+'identitylinks'">
<div class="step-start-user" > <div class="step-start-user" >
<div class="step-text">等待处理</div> <div class="step-text">等待处理</div>
<div class="step-start-user-name"> <div class="step-start-user-name">
...@@ -19,9 +19,7 @@ ...@@ -19,9 +19,7 @@
</div> </div>
</div> </div>
</van-step> </van-step>
</template> <van-step v-if="usertask.comments.length >0" :key="index">
<template v-for="(usertask,index) in data.usertasks" >
<van-step v-if="usertask.comments.length >0" :key="index">
<div class="userTaskName">{{usertask.userTaskName}}</div> <div class="userTaskName">{{usertask.userTaskName}}</div>
<div class="approval-content-item-info" > <div class="approval-content-item-info" >
<div class="step-name" v-for="(comment,commentInx) in usertask.comments" :key="commentInx"> <div class="step-name" v-for="(comment,commentInx) in usertask.comments" :key="commentInx">
...@@ -39,7 +37,7 @@ ...@@ -39,7 +37,7 @@
<ion-textarea debounce="300" type="textarea" :value="initmemo" placeholder="请输入内容" @ionBlur="handleBlur"></ion-textarea> <ion-textarea debounce="300" type="textarea" :value="initmemo" placeholder="请输入内容" @ionBlur="handleBlur"></ion-textarea>
</div> </div>
</van-step> </van-step>
</template> </template>
</van-steps> </van-steps>
</div> </div>
</template> </template>
...@@ -48,73 +46,79 @@ import { Vue, Component, Prop, Model } from "vue-property-decorator"; ...@@ -48,73 +46,79 @@ import { Vue, Component, Prop, Model } from "vue-property-decorator";
@Component({}) @Component({})
export default class AppWFApproval extends Vue { export default class AppWFApproval extends Vue {
public activeNames = [];
/** /**
* 双向绑定值 * 激活步骤
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
@Model("change") value!: string; public activeNames = [];
/**
* 双向绑定值
*
* @memberof AppWFApproval
*/
@Model("change") value!: string;
/** /**
* 数据 * 数据
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
public data: any = {}; public data: any = {};
/** /**
* 初始化memo * 初始化memo
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
public initmemo: string = ""; public initmemo: string = "";
/** /**
* 传入数据服务 * 传入数据服务
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
@Prop() public service: any; @Prop() public service: any;
/** /**
* 上下文 * 上下文
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
@Prop() public context: any; @Prop() public context: any;
/** /**
* 视图参数 * 视图参数
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
@Prop() public viewparams: any; @Prop() public viewparams: any;
/** /**
* 初始化数据 * 初始化数据
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
public created() { public created() {
if (this.service) { if (this.service) {
this.service.GetWFHistory(this.context).then((res: any) => { this.service.GetWFHistory(this.context).then((res: any) => {
if (res && res.status === 200) { if (res && res.status === 200) {
this.data = res.data; this.data = res.data;
}
});
} }
}); }
}
}
/** /**
* 抛出wfprocmemo * 抛出wfprocmemo
* *
* @memberof AppWFApproval * @memberof AppWFApproval
*/ */
public handleBlur($event: any) { public handleBlur($event: any) {
this.$emit("change", $event.target.value); this.$emit("change", $event.target.value);
} }
} }
</script> </script>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或