| | |
| | | <div class="chart-tit"> |
| | | <span class="tit">年度巡检异常趋势</span> |
| | | <div class="filter-part"> |
| | | <el-select v-model="depId1" size="small" :teleported="false"> |
| | | <el-option |
| | | v-for="item in depList1" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | <el-select v-model="depId2" size="small" :teleported="false"> |
| | | <el-option |
| | | v-for="item in depList2" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | <el-cascader v-model="searchDepId" :options="depList" :props="casProps" :teleported="false" :show-all-levels="false" size="small"/> |
| | | </div> |
| | | </div> |
| | | <div class="chart" :id="xjLine"></div> |
| | |
| | | workTypeList: Array<type>; |
| | | departmentList: []; |
| | | timeType: Array<type>; |
| | | depList1: Array<type>; |
| | | classGroupList: Array<classGroup>; |
| | | quotaList: []; |
| | | inspectPointAllList: []; |
| | |
| | | workNum: string; |
| | | beImgs: []; |
| | | afImgs: []; |
| | | depId1:number|null |
| | | depId2:number|null |
| | | searchDepId: number|null |
| | | depList: Array<any> |
| | | casProps:object |
| | | } |
| | | interface type { |
| | | id: number; |
| | |
| | | { id: 4, name: '月' }, |
| | | { id: 5, name: '年' } |
| | | ], |
| | | depList1: [ |
| | | depList: [ |
| | | { |
| | | name: '电石事业部', |
| | | id: 49 |
| | |
| | | id: 32 |
| | | } |
| | | ], |
| | | depId1: null, |
| | | depId2: null, |
| | | searchDepId: null, |
| | | casProps: { |
| | | expandTrigger: 'hover', |
| | | emitPath: false, |
| | | value: 'depId', |
| | | label: 'depName', |
| | | checkStrictly: true |
| | | }, |
| | | classGroupList: [], |
| | | quotaList: [], |
| | | inspectPointAllList: [], |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | | .el-select{ |
| | | width: 50% !important; |
| | | margin-left: 10px; |
| | | :deep(.el-cascader){ |
| | | width: 100% !important; |
| | | } |
| | | .el-switch{ |
| | | width: 100% !important; |
| | |
| | | width: 100% !important; |
| | | } |
| | | } |
| | | |
| | | ::v-deep(.el-popper){ |
| | | background-color: rgba(10,31,92,1); |
| | | border: 1px solid rgba(17,254,238,.4); |
| | | color: #11FEEE; |
| | | .el-cascader-node{ |
| | | .in-active-path{ |
| | | background: #0049af; |
| | | } |
| | | &:hover{ |
| | | background: #0049af; |
| | | } |
| | | } |
| | | .el-cascader-node__label{ |
| | | color: #11FEEE; |
| | | } |
| | | .el-icon{ |
| | | color: #11FEEE; |
| | | } |
| | | .el-select-dropdown__item{ |
| | | color: #11FEEE; |
| | | } |
| | | .el-select-dropdown__item.hover{ |
| | | background: #0049af; |
| | | } |
| | | } |
| | | ::v-deep(.el-popper__arrow){ |
| | | &::before{ |
| | | background-color: rgba(10,31,92,.6) !important; |
| | | border: 1px solid rgba(17,254,238,.4); |
| | | } |
| | | } |
| | | } |
| | | .filter-part2{ |
| | | display: flex; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | | .el-select{ |
| | | width: 50% !important; |
| | | margin-left: 10px; |
| | | :deep(.el-cascader){ |
| | | width: 100% !important; |
| | | } |
| | | .el-switch{ |
| | | width: 100% !important; |
| | |
| | | width: 100% !important; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .filter-part2{ |
| | | display: flex; |
| | |
| | | <!-- <div class="text item">--> |
| | | <!-- 所属设备区域:<span>{{ item.regionId }}</span>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="text item" v-for="i in typeList">--> |
| | | <!-- <div v-if="i.id === item.type">--> |
| | | <!-- 审批层级:<span>{{ i.name }}</span>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <div class="text item" v-for="i in typeList"> |
| | | <div v-if="i.id === item.type"> |
| | | 审批层级:<span>{{ i.name }}</span> |
| | | </div> |
| | | <div v-if="i.id === item.approvalType"> |
| | | 层级类型:<span>{{ i.name }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item" v-for="i in auditTypeList"> |
| | | <div v-if="i.id === item.auditType"> |
| | | 审批类型:<span>{{ i.name }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item" v-for="i in personTypeList"> |
| | | <div v-if="i.id === item.personType"> |
| | | 人员类型:<span>{{ i.name }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item" v-for="i in contentTypeList"> |
| | | <div v-if="i.id === item.contentType"> |
| | | 内容类型:<span>{{ i.name }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="text item">--> |
| | | <!-- 关联RFID:<span>{{ item.rfidId }}</span>--> |
| | |
| | | <!-- <div class="text item">--> |
| | | <!-- 数据填报类型:<span>{{ item.dataReportType }}</span>--> |
| | | <!-- </div>--> |
| | | <div class="text item"> |
| | | <div class="text item" v-if="item.contentType == 1"> |
| | | 审批项:<span>{{ |
| | | item.itemList |
| | | .map((item) => { |
| | |
| | | workTypeList: Array<type>; |
| | | timeList: Array<type>; |
| | | typeList: Array<type>; |
| | | auditTypeList: Array<type>; |
| | | workLevelList: Array<type>; |
| | | personTypeList: Array<type>; |
| | | contentTypeList: Array<type>; |
| | | } |
| | | |
| | | interface type { |
| | |
| | | departmentList: [], |
| | | userList: [], |
| | | typeList: [ |
| | | { id: 1, name: '单人' }, |
| | | { id: 2, name: '多人' }, |
| | | { id: 3, name: '分析人' } |
| | | { id: 1, name: '单人审批' }, |
| | | { id: 2, name: '多人审批' }, |
| | | // { id: 3, name: '分析人' } |
| | | ], |
| | | auditTypeList: [ |
| | | { id: 1, name: '并行单审' }, |
| | | { id: 2, name: '并行会审' }, |
| | | ], |
| | | personTypeList: [ |
| | | { id: 1, name: '普通人员审批' }, |
| | | { id: 2, name: '监护人员元审批' }, |
| | | { id: 3, name: '分析人员审批' } |
| | | ], |
| | | contentTypeList: [ |
| | | { id: 1, name: '审批项审批' }, |
| | | { id: 2, name: '简单审批' }, |
| | | ], |
| | | timeList: [ |
| | | { id: 1, name: '日' }, |
| | |
| | | <div class="text"> |
| | | 审批结果:<span>{{ item.approvalResultDesc }}</span> |
| | | </div> |
| | | <div class="text"> |
| | | 审批层级:<span>{{ item.typeDesc }}</span> |
| | | <div class="text" v-if="item.approvalTypeDesc"> |
| | | 层级类型:<span>{{ item.approvalTypeDesc }}</span> |
| | | </div> |
| | | <div class="text" v-if="item.auditTypeDesc"> |
| | | 审批类型:<span>{{ item.auditTypeDesc }}</span> |
| | | </div> |
| | | <div class="text" v-if="item.personTypeDesc"> |
| | | 人员类型:<span>{{ item.personTypeDesc }}</span> |
| | | </div> |
| | | <div class="text" v-if="item.contentTypeDesc"> |
| | | 内容类型:<span>{{ item.contentTypeDesc }}</span> |
| | | </div> |
| | | <div class="text" v-show="item.startApprovalTime != null"> |
| | | 开始时间:<span>{{ item.startApprovalTime }}</span> |
| | |
| | | ><span>{{ i.resultDesc }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="approveItem"> |
| | | <div class="approveItem" v-if="item.contentType==1"> |
| | | <div class="item-tit"> |
| | | <span>审批项目</span> |
| | | <!-- <span>类型</span>--> |