{"remainingRequest":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/badp-bcxin-web-5.x-vue/src/components/approvers.vue?vue&type=template&id=36d84412&","dependencies":[{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/src/components/approvers.vue","mtime":1735553498192},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/babel-loader/lib/index.js","mtime":315532800000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":1655712169000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/vue-loader/lib/index.js","mtime":1655715099000}],"contextDependencies":[],"result":["\n<span style=\"position:realative;\">\n  <span class=\"flow-his\">\n    <span @click=\"handleDialog\" v-if=\"!finished\">\n      <!-- <span class=\"formFlowstateicon obpm-glyphicon\" style=\"color:#4ead49;\"></span> -->\n      <img src=\"../assets/images/ic_lczt.png\" width=\"18px\" height=\"18px\">\n      {{$t('flow.state')}}\n      <i class=\"el-icon-arrow-down\"></i>\n    </span>\n    <span @click=\"openDialog\">\n      <img src=\"../assets/images/ic_lcls.png\" width=\"18px\" height=\"18px\" />\n      {{$t('flow.history')}}\n    </span>\n  </span>\n\n  <!-- 流程状态 -->\n  <div class=\"approvers\" v-if=\"isHandleDialog\">\n    <div class=\"a-wrap\">\n      <div class=\"tit\">\n        <span>{{$t('flow.point')}}</span>\n        <span>{{$t('flow.people')}}</span>\n      </div>\n      <div v-if=\"approversNum<5\">\n        <div class=\"first-con-le flow-common\">\n          <div v-for=\"(el, i) in currentApproversList.nodes\" :key=\"i\">\n            <div class=\"a-list-new\" v-for=\"(item, index) in el.auditors\" :key=\"index\">\n              <span>{{currentApproversList.nodes[i].stateLabel}}</span>\n              <span>\n                <span v-show=\"!item.photo\"\n                  class=\"s1\">{{item.name.substring(item.name.length-2,item.name.length)}}</span>\n                <span class=\"s2\">\n                  <img :src=\"item.photo\" />\n                </span>\n              </span>\n              <span :title=\"item.name\">{{item.name}}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else>\n        <div class=\"first-con flow-common\" v-if=\"showAllHandler\">\n          <div class=\"a-list\" v-for=\"(item, index) in firstShowApproversList\" :key=\"index\">\n            <span>\n              <span v-show=\"!item.photo\"\n                class=\"s1\">{{item.name.substring(item.name.length-2,item.name.length)}}</span>\n              <span class=\"s2\">\n                <img :src=\"item.photo\" />\n              </span>\n            </span>\n            <span :title=\"item.name\">{{item.name}}</span>\n            <span :title=\"item.stateLabel\">{{item.stateLabel}}</span>\n          </div>\n\n          <!-- <div\n            class=\"a-list\"\n            v-for=\"(item, index) in currentApproversList.nodes[0].auditors\"\n            :key=\"index\"\n          >\n            <span v-if=\"index<3\">\n              <span\n                v-show=\"!item.photo\"\n                class=\"s1\"\n              >{{item.name.substring(item.name.length-2,item.name.length)}}</span>\n              <span class=\"s2\">\n                <img :src=\"item.photo\" />\n              </span>\n            </span>\n            <span v-if=\"index<3\" :title=\"item.name\">{{item.name}}</span>\n            <span\n              v-if=\"index<3\"\n              :title=\"currentApproversList.nodes[0].stateLabel\"\n            >{{currentApproversList.nodes[0].stateLabel}}</span>\n          </div> -->\n          <div class=\"a-list split-line\" @click=\"AllHandlerData\">\n            <i class=\"left\"></i>\n            <i class=\"el-icon-arrow-down down\"></i>\n          </div>\n        </div>\n        <div class=\"second-con\" v-if=\"!showAllHandler\">\n          <el-scrollbar class=\"scrollbar\">\n            <div class=\"divider\">\n              <i class=\"left\"></i>\n              <!-- <i class=\"flowstateicon\"></i>\n              <i class=\"right\"></i> -->\n              <i class=\"el-icon-arrow-down down\" @click.stop=\"AllHandlerData\"></i>\n            </div>\n            <div class=\"a-list\" v-for=\"(item, index) in allNodes\" :key=\"index\">\n              <div class=\"list-wrap\">\n                <span>\n                  <span v-show=\"!item.photo\"\n                    class=\"s1\">{{item.name.substring(item.name.length-2,item.name.length)}}</span>\n                  <span class=\"s2\">\n                    <img :src=\"item.photo\" />\n                  </span>\n                </span>\n                <span :title=\"item.name\">{{item.name}}</span>\n                <span :title=\"item.stateLabel\">{{item.stateLabel}}</span>\n              </div>\n            </div>\n          </el-scrollbar>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- 流程历史 -->\n  <el-dialog :visible.sync=\"dialogVisible\" :append-to-body=\"true\" :lock-scroll=\"true\" :before-close=\"handleClose\"\n    :close-on-click-modal=\"false\" top=\"20px\" class=\"flow-history-dialog\" :title=\"$t('flow.history')\" width=\"62%\">\n    <div slot=\"title\" class=\"dialog-title\">\n      <!-- <img src=\"../assets/images/ic_lcls.png\" width=\"18px\" height=\"18px\"/> -->\n      <i class=\"fa fa-info-circle ic\"></i>\n      <span class=\"title-text\">{{$t('flow.msg')}}</span>\n    </div>\n    <div class=\"dia-con\">\n      <div class=\"tab-header\">\n        <div :class=\"[activeName=='first'?'':'tab-header-bg','tab-header-left']\" @click=\"handleClick('first')\">\n          <span :class=\"[activeName=='first'?'active-tab':'','title']\">\n            <i class=\"fa fa-clock-o\"></i>\n            <span>{{$t('flow.timeline')}}</span>\n          </span>\n        </div>\n        <div :class=\"[activeName=='second'?'':'tab-header-bg','tab-header-center']\" @click=\"handleClick('second')\">\n          <span :class=\"[activeName=='second'?'active-tab':'','title']\">\n            <i class=\"fa fa-list-alt\"></i>\n            <span>{{$t('flow.list')}}</span>\n          </span>\n        </div>\n        <div :class=\"[activeName=='three'?'':'tab-header-bg','tab-header-right']\" @click=\"handleClick('three')\">\n          <span :class=\"[activeName=='three'?'active-tab':'','title']\">\n            <i class=\"fa fa-industry\"></i>\n            <span>{{$t('flow.flowsheet')}}</span>\n          </span>\n        </div>\n      </div>\n      <div class=\"tab-section\">\n        <div class=\"flow-history-wrap\" v-show=\"activeName=='first'\">\n          <el-scrollbar class=\"scrollbar\">\n            <div class=\"content-box\">\n              <div class=\"card-btn\">\n                <!-- <div class=\"btn-list\">\n                  <span @click=\"cutPage(true)\" :class=\"[isActive == true ? activeClass : '']\">{{$t('flow.timeline')}}</span>\n                  <span @click=\"cutPage(false)\" :class=\"[isActive == false? activeClass : '']\">{{$t('flow.list')}}</span>\n                </div> -->\n                <div>\n                  <el-input :placeholder=\"$t('placeholder.condition')\"\n                    @keyup.enter.native=\"handleIconSearch(searchValue)\" v-model=\"searchValue\">\n                    <i style=\"cursor: pointer;\" class=\"el-icon-search\" slot=\"suffix\"\n                      @click=\"handleIconSearch(searchValue)\"></i>\n                  </el-input>\n                </div>\n              </div>\n              <div class=\"list-con\" :class=\"[isActive == true ? isOrHidden : currentCard]\"\n                v-if=\"reverseTableData && reverseTableData.length > 0\">\n                <div class=\"step\">\n                  <div class=\"p-location\">\n                    <div class=\"flow-info-list\" v-for=\"(item, index) in reverseTableData\" :key=\"index\">\n                      <div class=\"flow-time\">\n                        <span>\n                          {{item.processtime | formProcesstime}}\n                        </span>\n                      </div>\n                      <div class=\"flow-detail\">\n                        <div class=\"flow-detail-top\">\n                          <span>\n                            <img src=\"../assets/images/face.jpg\" width=\"24px\" height=\"24px\" />\n                          </span>\n                          <span>{{item.startNodeName}}&nbsp;{{$t('flow.subbmit_in')}}&nbsp;{{item.processtime}}</span>\n                        </div>\n                        <div class=\"flow-detail-bottom\">\n                          <span class=\"start-node-name\">{{item.startNodeName}}</span>\n                          <span @mouseover=\"mover('YES')\" @mouseout=\"mover('NO')\">\n                            <i v-if=\"item.flowOperation == 81 \" class=\"fa fa-reply-all\" aria-hidden=\"true\"\n                              style=\"color:#f76260;\"></i>\n                            <i v-else-if=\"item.flowOperation == 85 \" class=\"fa fa-repeat\" aria-hidden=\"true\"\n                              style=\"color:#ffc107;\"></i>\n                            <i v-else-if=\"item.flowOperation == 88 \" class=\"el-icon-remove\" aria-hidden=\"true\"\n                              style=\"color:#ffc107;\"></i>\n                            <i v-else-if=\"item.flowOperation == 89 \" class=\"fa fa-repeat\" aria-hidden=\"true\"\n                              style=\"color:skyblue;\"></i>\n                            <img v-else src=\"../assets/images/ok.png\" />\n                          </span>\n                          <span class=\"flow-hidden-info\" v-show=\"isShowStatus\">\n                            <span>\n                              {{item.startNodeName}}\n                              <i class=\"fa fa-hand-o-right\"></i>\n                            </span>\n                            <span v-if=\"item.flowOperation == '81'\">{{$t('flow.back')}}</span>\n                            <span v-else-if=\"item.flowOperation == '85'\">{{$t('flow.recall')}}</span>\n                            <span v-else-if=\"item.flowOperation == '88'\">{{$t('flow.handup')}}</span>\n                            <span v-else-if=\"item.flowOperation == '89'\">{{$t('flow.recover')}}</span>\n                            <span v-else-if=\"item.flowOperation == '91'\">{{$t('flow.countersign')}}</span>\n                            <span v-else>{{$t('flow.circulation')}}</span>\n                            <span>{{item.targetNodeName}}</span>\n                          </span>\n                        </div>\n                        <div class=\"flow-detail-sug\"\n                          :style=\"{'display':(item.attitude || item.signatureImageDate)?'block':'none'}\">\n                          {{item.attitude}}\n                          <span class=\"img\" v-show=\"item.signatureImageDate\">\n                            <img :src=\"item.signatureImageDate\" height=\"40px\" alt=\"\">\n                          </span>\n                        </div>\n                        <div class=\"flow-detail-sug flow-detail-fj\"\n                          :style=\"{'display':(item.fileList)?'block':'none'}\">\n                          附件：<span v-if=\"item.fileList\">\n                          <span class=\"img\"  v-for=\"(its,index) in JSON.parse(item.fileList)\">\n                            <em @click=\"download(its)\">{{its.name}}</em>\n                          </span>\n                          </span>\n                        </div>\n                      </div>\n\n                    </div>\n                    <!-- <span class=\"location\" v-for=\"(item, index) in reverseTableData\" :key=\"index\">\n                      <div class=\"status\" v-show=\"isShowStatus\">\n                        <span>\n                          {{item.startNodeName}}\n                          <i class=\"fa fa-hand-o-right\"></i>\n                        </span>\n                        <span v-if=\"item.flowOperation == '81'\">{{$t('flow.back')}}</span>\n                            <span v-else-if=\"item.flowOperation == '85'\">{{$t('flow.recall')}}</span>\n                            <span v-else-if=\"item.flowOperation == '88'\">{{$t('flow.handup')}}</span>\n                            <span v-else-if=\"item.flowOperation == '89'\">{{$t('flow.recover')}}</span>\n                            <span v-else-if=\"item.flowOperation == '91'\">{{$t('flow.countersign')}}</span>\n                            <span v-else>{{$t('flow.circulation')}}</span>\n                        <span>{{item.targetNodeName}}</span>\n                      </div>\n                      <span class=\"local-left\">{{item.processtime}}</span>\n                      <span class=\"local-cen\">\n                        <div class=\"cen-pic\">\n                          <span>{{item.auditorName.substring(item.auditorName.length-2,item.auditorName.length)}}</span>\n                          <div v-if=\"item.flowOperation == '91'\">{{$t('flow.will')}}</div>\n                        </div>\n                        <div class=\"cen-name\">\n                          <span>{{item.auditorName}}</span>\n                          <span v-if=\"index+1 != stepLength\"></span>\n                        </div>\n                      </span>\n                      <span class=\"local-right\">\n                        <div class=\"info\">\n                          <div class=\"info-top\">\n                            <div @mouseover=\"mover('YES')\" @mouseout=\"mover('NO')\">\n                              <span>{{item.startNodeName}}</span>\n                              <span>\n                                <img src=\"../assets/images/ok.png\" />\n                              </span>\n                              <div class=\"iconfont-h5 iconfont-e065 icon-ffc107\"></div>\n                            </div>\n                            <div>{{item.duration}}</div>\n                          </div>\n                          <div class=\"photo\">\n                            <div>{{item.attitude}}</div>\n                            <div>\n                              <img\n                                :src=\"item.signatureImageDate\"\n                                height=\"32px\"\n                                @click=\"bigPhoto(item.signatureImageDate)\"\n                              />\n                            </div>\n                          </div>\n                        </div>\n                      </span>\n                    </span> -->\n                  </div>\n                </div>\n              </div>\n              <div class=\"kong\" v-else></div>\n            </div>\n          </el-scrollbar>\n        </div>\n        <div class=\"flow-pic-wrap\" v-show=\"activeName=='second'\">\n          <el-scrollbar class=\"scrollbar\">\n            <div class=\"content-box\">\n              <div class=\"list-con\" v-if=\"tableData && tableData.length > 0\">\n                <el-table :data=\"tableData\" border\n                  :header-cell-style=\"{background:'#EBEFF0',color:'#666666',textAlign:'center',}\"\n                  :cell-style=\"{textAlign:'center'}\" :row-class-name=\"tableRowClassName\" style=\"width: 100%\">\n                  <el-table-column prop=\"startNodeName\" :label=\"isBeijing?'办理环节':$t('label.approval_node')\" width=\"180\" align=\"center\">\n                  </el-table-column>\n                  <el-table-column prop=\"auditorName\" :label=\"$t('label.transactors')\" align=\"center\" v-if=\"!isBeijing\">\n                  </el-table-column>\n                  <el-table-column prop :label=\"$t('label.sign_off_act')\" align=\"center\">\n                    <template slot-scope=\"scope\">\n                      <span v-if=\"scope.row.flowOperation == '81'\">{{$t('flow.back')}}</span>\n                      <span v-else-if=\"scope.row.flowOperation == '85'\">{{$t('flow.recall')}}</span>\n                      <span v-else-if=\"scope.row.flowOperation == '88'\">{{$t('flow.handup')}}</span>\n                      <span v-else-if=\"scope.row.flowOperation == '89'\">{{$t('flow.recover')}}</span>\n                      <span v-else-if=\"scope.row.flowOperation == '91'\">{{$t('flow.countersign')}}</span>\n                      <span v-else-if=\"scope.row.flowOperation == '8'\">{{$t('flow.stop')}}</span>\n                      <span v-else>{{$t('flow.circulation')}}</span>\n                    </template>\n                  </el-table-column>\n                  <el-table-column prop :label=\"$t('label.sign_off_comments')\" align=\"center\">\n                    <!-- 图片的显示 -->\n                    <template slot-scope=\"scope\">\n                      {{scope.row.attitude}}\n                      <img :src=\"scope.row.signatureImageDate\" style=\"height:32px;\" />\n                    </template>\n                  </el-table-column>\n                  <el-table-column prop :label=\"$t('label.receiver')\" align=\"center\">\n                    <!-- 图片的显示 -->\n                    <template slot-scope=\"scope\">\n                      {{scope.row.receiverInfo | setReceiver}}\n                      <!-- {{scope.row.receiverInfo?JSON.parse(scope.row.receiverInfo).users[0].username:''}} -->\n                    </template>\n                  </el-table-column>\n                  <el-table-column prop=\"processtime\" :label=\"$t('label.processing_time')\" align=\"center\" width=\"200\">\n                  </el-table-column>\n                </el-table>\n              </div>\n              <div class=\"kong\" v-else></div>\n            </div>\n          </el-scrollbar>\n        </div>\n        <div class=\"flow-pic-wrap\" v-show=\"activeName=='three'\">\n          <el-scrollbar class=\"scrollbar\">\n            <div class=\"content-box\">\n              <div class=\"flow-chart\" style=\"font-size:11px; font-weight:bold;\">\n                <div class=\"free-flow\"\n                  v-if=\"(approversData && approversData[0].flowName == $t('flow.free_flow')) || isFreeFlow\">\n                  <i class=\"fa fa-file-image-o fa-5x\" aria-hidden=\"true\"></i>\n                  <div>{{$t('flow.free_flow_noflowsheet')}}</div>\n                </div>\n                <div class=\"pic-box\" v-else>\n                  <div style=\"z-index:10000\">\n                    {{$t('flow.explain_word')}}：\n                    1、\n                    <span style=\"color:red;\">{{$t('flow.red_line')}}</span>{{$t('flow.node_now')}}2、\n                    <span style=\"color:green;\">{{$t('flow.green_line')}}</span>{{$t('flow.has_line')}}3、\n                    <span style=\"color:black;\">{{$t('flow.black_line')}}</span>{{$t('flow.wait_line')}}\n                    <!-- <br />&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;4、\n                    <span\n                      style=\"background:yellow;color:black;\"\n                    >黄色背景</span>代表流程已终止。 -->\n                  </div>\n                  <div class=\"flow-pic\" @mousewheel.prevent=\"rollImg\">\n                    <img :src=\"`${flowChart+'?'+now}`\" alt=\"\" :style=\"{transform:'scale(' +scaleNum+')'}\"\n                      class=\"imgDiv\" @mousedown=\"move\" />\n                  </div>\n                </div>\n              </div>\n            </div>\n          </el-scrollbar>\n        </div>\n      </div>\n    </div>\n  </el-dialog>\n  <div class=\"big-pic\" v-show=\"show\" @click.prevent.stop=\"hiddenBigPhoto\">\n    <div class=\"pic-container\" :title=\"$t('click_close')\" @click.prevent.stop=\"hiddenBigPhoto\">\n      <img :src=\"bigPhotoSrc\" />\n    </div>\n  </div>\n  <div class=\"mask\" v-if=\"isHandleDialog\" @click.stop.prevent=\"hiddenFlowStatus()\"></div>\n</span>\n",null]}