zpc ------ 提交工作流审核意见控件

src/components/app-wf-approval/app-wf-approval.less

 .app-wf-approval{
-    width:400px;
+    width:100%;
     .app-wf-approval-header{
         width: 100%;
         text-align: center;
-        background: #9acdf5;
+        background: #e5eaef;
         height: 32px;
         line-height: 32px;
         font-size: 16px;
@@ -15,7 +15,7 @@
     .app-wf-approval-bottom{
         width: 100%;
         text-align: center;
-        background: #9acdf5;
+        background: #e5eaef;
         height: 32px;
         line-height: 32px;
         font-size: 16px;
@@ -32,11 +32,12 @@
             font-size: 16px;
             border-bottom: 1px solid #565656;
             .approval-content-item-left{
-                width: 30%;
+                width: 130px;
                 padding: 8px;
+                text-align: center;
             }
             .approval-content-item-right{
-                width: 70%;
+                width: calc(100% - 130px);
                 border-left:1px solid #565656;
                 .approval-content-item-wait{
                     padding: 0px 4px;
@@ -79,7 +80,6 @@
                     }
                 }
                 .approval-content-item-memo{
-                    border-top:1px solid #565656;
                     padding: 0px 4px;
                     .el-textarea__inner{
                         border: 0px !important;

src/components/app-wf-approval/app-wf-approval.vue

@@ -4,7 +4,7 @@
             <span class="approval-header-left">{{data.startTime}}</span>
             <span>{{data.startUserName}}提交</span>
         </div>
-        <div class="app-wf-approval-content" v-if="data.usertasks.length >0">
+        <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}}
@@ -24,8 +24,8 @@
                             </div>
                         </div>
                     </div>
-                    <div class="approval-content-item-memo" v-if="usertask.userTaskId === 'tid-2-c60d498abacb47b510e0aa9d64a55e57'">
-                        <el-input type="textarea"  :rows="2" v-model="input" placeholder="请输入内容"></el-input>
+                    <div class="approval-content-item-memo" v-if="usertask.userTaskId === viewparams.userTaskId">
+                        <el-input type="textarea"  v-model="initmemo" :rows="2" @blur="handleBlur" placeholder="请输入内容"></el-input>
                     </div>
                 </div>
             </div>
@@ -36,80 +36,70 @@
     </div>
 </template>
 <script lang = 'ts'>
-import { Vue, Component } from 'vue-property-decorator';
+import { Vue, Component,Prop } from 'vue-property-decorator';
 
 @Component({
 })
 export default class AppWFApproval extends Vue {
 
-    public input:any ="";
+    /**
+     * 数据
+     * 
+     *  @memberof AppWFApproval
+     */
+    public data:any = {};
+
+    /**
+     *  初始化memo
+     * 
+     *  @memberof AppWFApproval
+     */
+    public initmemo:string = "";
+
+    /**
+     * 传入数据服务
+     * 
+     *  @memberof AppWFApproval
+     */
+    @Prop() public service:any;
 
     /**
-     * 传入数据
+     *  上下文
      * 
      *  @memberof AppWFApproval
      */
-    public data:any = {
-    "id": "40833204-9be4-11ea-9c94-0242130d84ce",
-    "name": null,
-    "processDefinitionKey": null,
-    "processDefinitionName": null,
-    "businessKey": "DC20200522022",
-    "startTime": "2020-05-22 12:25:22",
-    "endTime": null,
-    "startUserId": "001-004_0001",
-    "startUserName": "隆俊杰",
-    "usertasks": [{
-        "userTaskId": "tid-1-1f3eda90105907e25e6f2e8c0f82b903",
-        "userTaskName": "管理员审批",
-        "processDefinitionKey": null,
-        "processDefinitionName": null,
-        "identitylinks": [],
-        "comments": [{
-            "id": "44eddf40-9be4-11ea-9c94-0242130d84ce",
-            "author": "001-004_0001",
-            "authorName": "隆俊杰",
-            "fullMessage": "",
-            "time": "2020-05-22 12:25:29",
-            "type": "审批不通过",
-            "taskId": "40844383-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceId": "40833204-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceBusinessKey": "DC20200522022"
-        }, {
-            "id": "b39cfc68-9be4-11ea-9c94-0242130d84ce",
-            "author": "450000-000",
-            "authorName": "ibzadmin",
-            "fullMessage": "",
-            "time": "2020-05-22 12:28:35",
-            "type": "审批不通过",
-            "taskId": "a6c57ad1-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceId": "40833204-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceBusinessKey": "DC20200522022"
-        }]
-    }, {
-        "userTaskId": "tid-2-c60d498abacb47b510e0aa9d64a55e57",
-        "userTaskName": "被驳回",
-        "processDefinitionKey": null,
-        "processDefinitionName": null,
-        "identitylinks": [{
-            "id": "001-004_0001",
-            "firstname": null,
-            "displayname": "隆俊杰"
-        }],
-        "comments": [{
-            "id": "a6c21f6e-9be4-11ea-9c94-0242130d84ce",
-            "author": "001-004_0001",
-            "authorName": "隆俊杰",
-            "fullMessage": "",
-            "time": "2020-05-22 12:28:14",
-            "type": "提交",
-            "taskId": "44f09e63-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceId": "40833204-9be4-11ea-9c94-0242130d84ce",
-            "processInstanceBusinessKey": "DC20200522022"
-        }]
-    }]
-    };
+    @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('formitemvaluechange',{name:'srfwfmemo',value:$event.target.value});
+    }
    
 }
 </script>

src/service/entity-service.ts

@@ -775,7 +775,7 @@ export default class EntityService {
      * @memberof EntityService
      */
     public async GetWFHistory(context: any = {},data: any = {}, isloading?: boolean):Promise<any> {
-        return Http.getInstance().get(`/${this.SYSTEMNAME}-app-${this.APPNAME}/${this.APPDENAME}/${context[this.APPLYDEKEY]}/process-instances/alls/history`);
+        return Http.getInstance().get(`/wfcore/${this.SYSTEMNAME}-app-${this.APPNAME}/${this.APPDENAME}/${context[this.APPLYDEKEY]}/process-instances/alls/history`);
     }
 
     /**