{"remainingRequest":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xypm-web\\src\\components\\flow\\task\\taskImage.vue?vue&type=template&id=17bb33ae&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xypm-web\\src\\components\\flow\\task\\taskImage.vue","mtime":1675214577089},{"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  <el-dialog\n    title=\"流程图\"\n    :visible.sync=\"imageDialog\"\n    :before-close=\"handleClose\"\n    :close-on-click-modal=\"false\"\n    width=\"80%\"\n    top=\"8vh\"\n  >\n    <div style=\"height: 40px;overflow:hidden;padding:0 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\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\n                        class=\"owner-span\"\n                        v-for=\"qualfied in op.qualfieds\"\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                <tr>\n                  <th>开始时间</th>\n                  <td\n                    style=\"font-size:11px;\"\n                  >{{ formatTime(op.createTime) }}</td>\n                </tr>\n                <tr>\n                  <th>结束时间</th>\n                  <td\n                    style=\"font-size:11px;\"\n                  >{{op.completeTime }}</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  </el-dialog>\n  <SubTaskImage ref=\"subTaskImage\" />\n</div>\n",null]}