{"remainingRequest":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xypm-web\\src\\components\\flow\\imageBpm.vue?vue&type=template&id=66b26b71&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xypm-web\\src\\components\\flow\\imageBpm.vue","mtime":1675214577073},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div>\n  <div class=\"record-container\">\n    <span>流程图</span>\n  </div>\n  <div style=\"height: 40px;overflow:hidden;padding-top: 20px;\">\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #FF0000;\"></div>\n      <span>待审批</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #F89800;\"></div>\n      <span>提交</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #FFE76E;\"></div>\n      <span>重新提交</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #00FF00;\"></div>\n      <span>同意</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #C33A1F;\"></div>\n      <span>挂起</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #0000FF;\"></div>\n      <span>反对</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #8A0902;\"></div>\n      <span>驳回</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #FFA500;\"></div>\n      <span>驳回到发起人</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #023B62;\"></div>\n      <span>撤回</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #F23B62;\"></div>\n      <span>撤回到发起人</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #338848;\"></div>\n      <span>会签通过</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #82B7D7;\"></div>\n      <span>会签不通过</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #EEAF97;\"></div>\n      <span>人工终止</span>\n    </div>\n    <div class=\"target\">\n      <div class=\"icon\" style=\"background: #4A4A4A;\"></div>\n      <span>完成</span>\n    </div>\n  </div>\n  <div style=\"overflow: auto;min-height:500px;\">\n    <div\n      :style=\"{position:positionImg,width:widthImg+'px',height:heightImg+'px',background:'url('+backGroundImg+') no-repeat'}\"\n    >\n      <el-popover\n        @click=\"nodeClick(layout)\"\n        v-for=\"layout in listLayout\"\n        :key=\"layout.nodeId\"\n        placement=\"bottom-start\"\n        trigger=\"hover\"\n      >\n        <div class=\"opinion-content\" v-if=\"nodeOpinions[layout.nodeId]\">\n          <span>任务审批详情</span>\n          <div v-if=\"nodeOpinions[layout.nodeId].hasOpinion\">\n            <table\n              v-for=\"op in nodeOpinions[layout.nodeId].data\"\n              :key=\"op.id\"\n              class=\"table table-bordered\"\n            >\n              <tr>\n                <th width=\"80\">任务名称</th>\n                <td width=\"160\">{{op.taskName}}</td>\n              </tr>\n              <tr v-show=\"op.auditor\">\n                <th>执行人</th>\n                <td>\n                  <span class=\"owner-span\">\n                    <a href=\"javascript:void(0)\">{{op.auditorName}}</a>\n                  </span>\n                </td>\n              </tr>\n              <tr v-show=\"!op.auditor\">\n                <th>\n                  <label>候选人</label>\n                  <el-tooltip\n                    class=\"item\"\n                    effect=\"light\"\n                    content=\"有资格审批的用户及用户组\"\n                    placement=\"right\"\n                  >\n                    <i class=\"el-icon-question\"></i>\n                  </el-tooltip>\n                </th>\n                <td>\n                  <div class=\"owner-div\">\n                    <span class=\"owner-span\" v-for=\"qualfied in op.qualfieds\" :key=\"qualfied.id\">\n                      <el-button\n                        :disabled=\"true\"\n                        plain\n                        size=\"mini\"\n                        v-if=\"!qualfied.users\"\n                      >{{qualfied.name}}</el-button>\n                      <el-tooltip\n                        class=\"item\"\n                        effect=\"light\"\n                        v-if=\"qualfied.users\"\n                        :content=\"qualfied.users\"\n                        placement=\"top\"\n                      >\n                        <el-button\n                          type=\"primary\"\n                          plain\n                          size=\"mini\"\n                          v-if=\"qualfied.users\"\n                        >{{qualfied.name}}</el-button>\n                      </el-tooltip>\n                    </span>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th>开始时间</th>\n                <td style=\"font-size:11px;\">{{op.createTime | dateformat('yyyy-MM-dd HH:mm:ss')}}</td>\n              </tr>\n              <tr>\n                <th>结束时间</th>\n                <td\n                  style=\"font-size:11px;\"\n                >{{op.completeTime | dateformat('yyyy-MM-dd HH:mm:ss')}}</td>\n              </tr>\n              <tr>\n                <th>审批用时</th>\n                <td>{{op.durMs | timeLag}}</td>\n              </tr>\n              <tr>\n                <th>状态</th>\n                <td>{{op.statusVal}}</td>\n              </tr>\n              <tr>\n                <th>意见</th>\n                <td class=\"opinion\">{{op.opinion}}</td>\n              </tr>\n            </table>\n          </div>\n\n          <div v-if=\"!nodeOpinions[layout.nodeId].hasOpinion\">\n            <span>节点设置详情</span>\n            <table class=\"table table-bordered\">\n              <tr>\n                <th width=\"90\">状态</th>\n                <td width=\"150\">未产生过任务</td>\n              </tr>\n              <tr>\n                <th>\n                  <label>暂定候选人</label>\n                  <el-tooltip\n                    class=\"item\"\n                    effect=\"light\"\n                    content=\"暂定的有审批资格的用户及用户组，实际候选人要在产生任务以后才能确定\"\n                    placement=\"right\"\n                  >\n                    <i class=\"el-icon-question\"></i>\n                  </el-tooltip>\n                </th>\n                <td>\n                  <div class=\"owner-div\">\n                    <span\n                      class=\"owner-span\"\n                      v-for=\"qualfied in nodeOpinions[layout.nodeId].data\"\n                      :key=\"qualfied.id\"\n                    >\n                      <el-button\n                        :disabled=\"true\"\n                        plain\n                        size=\"mini\"\n                        v-if=\"!qualfied.users\"\n                      >{{qualfied.name}}</el-button>\n                      <el-tooltip\n                        class=\"item\"\n                        effect=\"light\"\n                        v-if=\"qualfied.users\"\n                        :content=\"qualfied.users\"\n                        placement=\"top\"\n                      >\n                        <el-button\n                          type=\"primary\"\n                          plain\n                          size=\"mini\"\n                          v-if=\"qualfied.users\"\n                        >{{qualfied.name}}</el-button>\n                      </el-tooltip>\n                    </span>\n                  </div>\n                </td>\n              </tr>\n            </table>\n          </div>\n        </div>\n        <el-button\n          v-if=\"layout.nodeType=='USERTASK' || layout.nodeType=='SIGNTASK'  || layout.nodeType=='CUSTOMSIGNTASK'\"\n          slot=\"reference\"\n          :style=\"{position:'absolute',border: 'none',background: 'none', left:layout.x+'px', top:layout.y+'px', width:layout.width+'px', height:layout.height+'px'}\"\n        ></el-button>\n      </el-popover>\n      <div v-for=\"layout in listLayout\" :key=\"'sub_'+layout.nodeId\">\n        <div\n          @click=\"nodeClick(layout)\"\n          v-if=\"layout.nodeType=='CALLACTIVITY'\"\n          :style=\"{position:'absolute',border: 'none',background: 'none', left:layout.x+'px', top:layout.y+'px', width:layout.width+'px', height:layout.height+'px'}\"\n        ></div>\n      </div>\n    </div>\n  </div>\n  <!-- 流程图 -->\n  <SubTaskImage ref=\"subTaskImage\" />\n</div>\n",null]}