{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\flow\\InstanceDetail.vue?vue&type=template&id=03de2801&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\flow\\InstanceDetail.vue","mtime":1675071992835},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"fullheight\">\n  <el-tabs type=\"card\" style=\"height: 100%;\" v-model=\"activeName\">\n    <el-tab-pane label=\"审批记录\" name=\"approvalManage\">\n      <ht-table\n        @load=\"loadData\"\n        :data=\"opinionData\"\n        :nopagination=\"true\"\n        ref=\"htTable\"\n        :show-export=\"false\"\n        :show-custom-column=\"false\"\n        :selectable=\"false\"\n      >\n        <template>\n          <ht-table-column type=\"index\" width=\"50\" align=\"center\" label=\"序号\" />\n          <ht-table-column prop=\"taskName\" label=\"审批节点\" width=\"150\" />\n          <ht-table-column prop=\"auditorName\" label=\"执行人\" width=\"120\" />\n          <ht-table-column prop=\"qualfiedNames\" label=\"待执行人\" width=\"120\" />\n          <ht-table-column label=\"审批操作\" width=\"110\">\n            <template v-slot=\"{row}\">\n              <span :style=\"'color:'+handleStatus(row).color\">{{handleStatus(row).val}}</span>\n            </template>\n          </ht-table-column>\n          <ht-table-column prop=\"opinion\" label=\"意见\" />\n          <ht-table-column prop=\"completeTime\" label=\"操作时间\" width=\"140\" />\n          <ht-table-column prop=\"durMs\" label=\"停留时长\" width=\"110\">\n            <template v-slot=\"{row}\">\n              <span\n                v-if=\"row && row.status!='start_commu' && row.status!='awaiting_check'\"\n              >{{row.durMs | timeLag}}</span>\n            </template>\n          </ht-table-column>\n          <ht-table-column label=\"操作\" align=\"center\" width=\"80\">\n            <template v-slot=\"{row,index}\">\n              <el-button\n                v-if=\"row.status !='awaiting_check'\"\n                @click=\"modifyOpinion(row,index)\"\n                size=\"small\"\n              >修改</el-button>\n              <!-- <el-button size=\"small\" type=\"danger\" @click=\"handleDetele(row,index)\">删除</el-button> -->\n            </template>\n          </ht-table-column>\n        </template>\n      </ht-table>\n    </el-tab-pane>\n    <el-tab-pane label=\"业务表单\" name=\"form\">\n      <div style=\"height:100%;\">\n        <iframe\n          frameborder=\"0\"\n          name=\"frmFrame\"\n          scrolling=\"no\"\n          width=\"100%\"\n          height=\"100%\"\n          :src=\"htmlSrc\"\n        ></iframe>\n      </div>\n    </el-tab-pane>\n    <el-tab-pane label=\"流程图\" name=\"flowImage\">\n      <FlowImage ref=\"taskImage\" :instId=\"instance.id\" />\n    </el-tab-pane>\n    <el-tab-pane label=\"实例信息\" name=\"instDetail\">\n      <table\n        class=\"table table-bordered\"\n        style=\"border-spacing: 0;width: 100%;max-height: 400px;overflow: initial;\"\n      >\n        <tbody>\n          <tr>\n            <th width=\"20%\">实例标题</th>\n            <td width=\"30%\">{{instance.subject}}</td>\n            <th width=\"20%\">是否正式数据</th>\n            <td width=\"30%\">{{instance.isFormmal=='Y'?'是':'否'}}</td>\n          </tr>\n          <tr>\n            <th>流程实例ID(proInstId)</th>\n            <td>{{instance.id}}</td>\n            <th>BPMN流程实例ID(bpmnInstId)</th>\n            <td>{{instance.bpmnInstId}}</td>\n          </tr>\n          <tr>\n            <th>流程定义ID(procDefId)</th>\n            <td>{{instance.procDefId}}</td>\n            <th>BPM流程定义ID(bpmnDefId)</th>\n            <td>{{instance.bpmnDefId}}</td>\n          </tr>\n          <tr>\n            <th>流程定义KEY(procDefKey)</th>\n            <td>{{instance.procDefKey}}</td>\n            <th>流程名称</th>\n            <td>{{instance.procDefName}}</td>\n          </tr>\n          <tr>\n            <th>关联数据的业务主键</th>\n            <td>{{instance.bizKey}}</td>\n            <th>创建人</th>\n            <td>{{instance.creator}}</td>\n          </tr>\n          <tr>\n            <th>创建时间</th>\n            <td>{{instance.createTime}}</td>\n            <th>结束时间</th>\n            <td>{{instance.endTime}}</td>\n          </tr>\n          <tr>\n            <th>审批用时</th>\n            <td>{{instance.duration}}</td>\n            <th>父实例ID</th>\n            <td>{{instance.parentInstId}}</td>\n          </tr>\n        </tbody>\n      </table>\n    </el-tab-pane>\n\n    <el-tab-pane label=\"表单修改记录\" name=\"modifyRecored\">\n      <div style=\"height:calc(100% - 30px);margin:10px;\" v-if=\"activeName == 'modifyRecored'\">\n        <ht-table\n          @load=\"loadRecordData\"\n          :data=\"data\"\n          :pageResult=\"pageResult\"\n          quick-search-props=\"userName,taskName\"\n          ref=\"recordhtTable\"\n          :show-export=\"false\"\n          :show-custom-column=\"false\"\n          :defaultQuerys=\"[\n          { property: 'instId', value: instance.id, operation: 'EQUAL'}\n        ]\"\n        >\n          <template v-slot:toolbar>\n            <el-button-group>\n              <ht-delete-button\n                :url=\"deleteUrl\"\n                :htTable=\"$refs.recordhtTable\"\n                @after-delete=\"$refs.recordhtTable.load();\"\n              >删除</ht-delete-button>\n            </el-button-group>\n          </template>\n          <template>\n            <ht-table-column type=\"index\" width=\"50\" align=\"center\" label=\"序号\" />\n            <ht-table-column prop=\"userName\" label=\"修改人\"  width=\"140\" />\n            <ht-table-column prop=\"taskName\" label=\"任务名称\"  width=\"140\" />\n            <ht-table-column prop=\"reason\" label=\"审批意见\" show-overflow-tooltip width=\"200\" />\n            <ht-table-column prop=\"modifyTime\" label=\"修改时间\" width=\"160\" />\n            <ht-table-column prop=\"detail\" label=\"修改详情\" show-overflow-tooltip>\n               <template v-slot=\"{row}\">\n                  <el-link type=\"primary\" @click=\"openModifyDetail(row)\" title=\"查看明细\" >{{row.detail}}</el-link>\n                </template>\n            </ht-table-column>\n          </template>\n        </ht-table>\n      </div>\n    </el-tab-pane>\n  </el-tabs>\n  <InstanceModifyOpinion @opinionModifysuccess=\"handleModifySuccess\" ref=\"instanceModifyOpinion\" />\n  <el-dialog\n    width=\"60%\"\n    title=\"修改明细\"\n    :visible.sync=\"modifyDialogVisible\"\n    top=\"8vh\"\n    :append-to-body=\"true\"\n    :close-on-click-modal=\"false\"\n  >\n    <el-form v-if=\"modifyDialogVisible\" v-model=\"curRow\" data-vv-scope=\"editRoleForm\">\n         <ht-input style=\"width:100%\" type=\"textarea\" v-model=\"curRow.detail\" :rows=\"20\" :readonly=\"true\" />\n    </el-form>\n  </el-dialog>\n</div>\n",null]}