taskCenterEvlNewFrom.vue 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795
  1. <template>
  2. <div class="startFrom">
  3. <el-dialog title="考评详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
  4. <div class="startDetail">
  5. <p class="starttitleSty">单据信息:</p>
  6. <el-row class="danjuMsg">
  7. <el-col :span="6">
  8. <div class="danjuMsg_data">
  9. <span class="data_tit">业务编号:</span>
  10. <span>{{receiptMsg.code}}</span>
  11. </div>
  12. <div class="danjuMsg_data">
  13. <span class="data_tit">创建日期:</span>
  14. <span>{{receiptMsg.createDate}}</span>
  15. </div>
  16. </el-col>
  17. <el-col :span="6">
  18. <div class="danjuMsg_data">
  19. <span class="data_tit">业务简述:</span>
  20. <span>{{receiptMsg.des}}</span>
  21. </div>
  22. <div class="danjuMsg_data">
  23. <span class="data_tit">业务类别:</span>
  24. <span>{{receiptMsg.type}}</span>
  25. </div>
  26. </el-col>
  27. <el-col :span="6">
  28. <div class="danjuMsg_data">
  29. <span class="data_tit">流程状态:</span>
  30. <span>{{receiptMsg.stage}}</span>
  31. </div>
  32. <div class="danjuMsg_data">
  33. <span class="data_tit">年度:</span>
  34. <span>{{receiptMsg.year}}</span>
  35. </div>
  36. </el-col>
  37. <el-col :span="6">
  38. <div class="danjuMsg_data">
  39. <span class="data_tit">创建人:</span>
  40. <span>{{receiptMsg.createName}}</span>
  41. </div>
  42. <div class="danjuMsg_data">
  43. <span class="data_tit">单据状态:</span>
  44. <span>{{receiptMsg.recStage}}</span>
  45. </div>
  46. </el-col>
  47. </el-row>
  48. <div class="monthQuarterYear">
  49. <el-tabs v-model="activeName" class="tableMain" @tab-click="handleClick">
  50. <el-tab-pane v-for="it in stageData" :key="it.id" :label="it.stageName" :name="it.stageCode">
  51. <div class="detailsHeader">
  52. <div class="headerLeft">
  53. <el-tag v-for="tag in indicatorList" :key="tag.id" size="large" class="tagArr"
  54. effect="dark" :type="tag.id === isClickTagId ? '': 'info'" @click="handleShowPage(tag)">
  55. <span>{{ tag.indicator_name }}</span>
  56. </el-tag>
  57. </div>
  58. <div class="headerRight">
  59. <div class="tableBtn add" @click="addTableDetail"
  60. v-if="(activeName === 'ZDZX' || activeName === 'GLSX') && indicatorList.length > 0">
  61. <img :src="addIcon" alt="">
  62. <span>新增</span>
  63. </div>
  64. <div class="tableBtn save" @click="saveAddDetail"
  65. v-if="(activeName === 'ZDZX' || activeName === 'GLSX') && indicatorList.length > 0">
  66. <img :src="saveIcon" alt="">
  67. <span>保存</span>
  68. </div>
  69. <div class="tableBtn save" @click="saveDetail" v-else>
  70. <img :src="saveIcon" alt="">
  71. <span>保存</span>
  72. </div>
  73. <div class="tableBtn import" @click="handleImport">
  74. <img :src="importIcon" alt="">
  75. <span>导入</span>
  76. </div>
  77. <div class="tableBtn export" @click="handleExport">
  78. <img :src="exportIcon" alt="">
  79. <span>导出</span>
  80. </div>
  81. </div>
  82. </div>
  83. <el-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT" :border="true" >
  84. <el-table-column type="index" label="排名" align="center"></el-table-column>
  85. <el-table-column label="考评单位" prop="organizationShortName" width="300" />
  86. <el-table-column v-for="(it, index) in monthQuarterYearHeader" :key="index" :label="it.name" align="center">
  87. <el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key" align="center">
  88. <template #default="scope">
  89. <el-input v-model="scope.row[iv.code]" v-if="!scope.row['IS_LH_'+iv.code]"></el-input>
  90. <el-input-number v-model="scope.row[iv.code]" v-else />
  91. </template>
  92. </el-table-column>
  93. </el-table-column>
  94. </el-table>
  95. </el-tab-pane>
  96. </el-tabs>
  97. <div class="tableSeach">
  98. <div class="seachType" v-for="item in titleMsgArr" :key="item.isName"
  99. :class="item.showClick? 'seachTypeCha':''" @click="changType(item)">
  100. <img :src="item.img" alt="" v-if="!item.showClick">
  101. <img :src="item.clickImg" alt="" v-else>
  102. <p :style="item.showClick? 'color: #3B7AD1' : ''">{{item.isName}}</p>
  103. </div>
  104. </div>
  105. </div>
  106. <div>
  107. <p class="starttitleSty">审批意见:</p>
  108. <el-input v-model="descMsg" :rows="3" type="textarea" placeholder="请输入审批意见"></el-input>
  109. </div>
  110. </div>
  111. <!-- <template #footer>
  112. <span class="dialog-footer">
  113. <el-button type="primary" @click="dialogVisible = false">取 消</el-button>
  114. </span>
  115. </template> -->
  116. <template #footer>
  117. <span class="dialog-footer">
  118. <el-button type="primary" @click="examineAndApprove('agree')">同 意</el-button>
  119. <el-button @click="examineAndApprove('reject')">拒 绝</el-button>
  120. </span>
  121. </template>
  122. </el-dialog>
  123. <import-dailog ref="importPage" @successImport="successImport"></import-dailog>
  124. </div>
  125. </template>
  126. <script>
  127. import importDailog from '../importPage/importDailog.vue'
  128. import {apiGetEvaluationIndicatorList,apiGetgetEvaluationInfoDataList,apiGetbinsectionList, apiGetbinstageList,
  129. apiPostorganizationUpdateEvaluationInfo, apiPostorganizationUpdateAddEvaluationInfo,apiGetHeaderOrganizationEvaluation,
  130. apiGetHeaderDeptResponsibility, apiPostgetInstanceAndChildren} from '../../api/api'
  131. import * as XLSX from 'xlsx'
  132. import { saveAs } from 'file-saver'
  133. import * as XLSXD from 'xlsx-js-style'
  134. import sectionDef from '../../assets/benchmarkImg/sectionDef.png'
  135. import sectionCha from '../../assets/benchmarkImg/sectionCha.png'
  136. import addIcon from '../../assets/btnIcon/add.png'
  137. import saveIcon from '../../assets/btnIcon/save.png'
  138. import exportIcon from '../../assets/btnIcon/export.png'
  139. import importIcon from '../../assets/btnIcon/import.png'
  140. export default {
  141. components: {
  142. importDailog
  143. },
  144. data() {
  145. return {
  146. dialogVisible: false,
  147. activeName: '',
  148. monthQuarterYearData: [],
  149. monthQuarterYearHeader: [],
  150. indicatorList: [],
  151. isClickTagId: '',
  152. receiptMsg: {
  153. code: '',
  154. des: '',
  155. stage: '',
  156. createName: '',
  157. createDate: '',
  158. type: '',
  159. year: '',
  160. recStage: ''
  161. },
  162. rowMsg: {},
  163. moduleData: [],
  164. stageData: [],
  165. titleMsgArr: [],
  166. binSectionStr: '',
  167. addIcon: addIcon,
  168. saveIcon: saveIcon,
  169. exportIcon: exportIcon,
  170. importIcon: importIcon,
  171. addstageId: '',
  172. tastbizKey: '',
  173. userMes: {},
  174. instanceChild: {}
  175. }
  176. },
  177. created() {
  178. },
  179. methods: {
  180. init(row) {
  181. this.dialogVisible = true
  182. // this.userMes = JSON.parse(window.sessionStorage.getItem('user'))
  183. // this.getTaskId(row)
  184. this.rowMsg = row
  185. },
  186. // 根据流程ID获取业务ID
  187. getTaskId(row) {
  188. let that = this
  189. let params = {
  190. id: row.instId,
  191. iamCode: window.localStorage.getItem('code')
  192. }
  193. apiPostgetInstanceAndChildren(params).then(datas =>{
  194. if (datas && datas.data) {
  195. that.instanceChild = datas.data.data.bpmInstance
  196. let bizKey = datas.data.data.bpmInstance.bizKey
  197. let defKey = datas.data.data.bpmInstance.defKey
  198. that.tastbizKey = datas.data.data.bpmInstance.bizKey
  199. // that.taskDefKey = datas.data.data.bpmInstance.defKey
  200. that.getevalHeaderDetails(bizKey)
  201. that.getModelData(defKey)
  202. }
  203. })
  204. },
  205. //获取头部详情
  206. getevalHeaderDetails(id) {
  207. let that = this
  208. let params = {
  209. id: id
  210. }
  211. if (defKey === 'yddwkplc' || defKey === 'jddwkplc' || defKey === 'nddwkplc') {
  212. apiGetHeaderOrganizationEvaluation(params).then(datas =>{
  213. that.getDataMsg(defKey, datas)
  214. })
  215. } else if(defKey === 'dwkpmbqd') {
  216. apiGetHeaderDeptResponsibility(params).then(datas =>{
  217. that.getDataMsg('dwkpmbqd', datas)
  218. })
  219. }
  220. },
  221. getDataMsg(types, datas) {
  222. if (datas && datas.data) {
  223. let item = datas.data
  224. this.receiptMsg = {
  225. code: types === 'dwkpmbqd'?item.responsibilityCode:item.organizationEvaluationCode,
  226. des: item.des,
  227. stage: item.stage,
  228. creator: item.createBy,
  229. createDate: item.createTime,
  230. type: item.checkCycle === 'YDKP'?'月度考评':item.checkCycle === 'JDKP'?'季度考评':'年度考评',
  231. year: item.year,
  232. recStage: '有效'
  233. }
  234. }
  235. },
  236. // 获取业务属性
  237. getModelData(type) {
  238. let that = this
  239. that.titleMsgArr = []
  240. let params = {
  241. type: type === 'nddwkplc' ? '3' : '2'
  242. }
  243. apiGetbinsectionList(params).then(datas =>{
  244. if (datas && datas.data) {
  245. that.moduleData = datas.data
  246. that.moduleData.forEach(item =>{
  247. let obj = {
  248. id: item.id,
  249. isName: item.sectionName === '新能源(光电)' ? '新能源光电' : item.sectionName === '新能源(风电)' ? '新能源风电' : item.sectionName,
  250. isNameEn: item.sectionCode,
  251. showClick: false,
  252. isClass: 'sectionDef',
  253. img: sectionDef,
  254. isClassC: 'sectionCha',
  255. clickImg: sectionCha
  256. }
  257. that.titleMsgArr.push(obj)
  258. })
  259. that.titleMsgArr[0].showClick = true
  260. that.binSectionStr = that.titleMsgArr[0].id
  261. that.getStageData()
  262. }
  263. })
  264. },
  265. //根据业务属性获取业务阶段
  266. getStageData() {
  267. let that = this
  268. apiGetbinstageList().then(datas =>{
  269. if (datas && datas.data) {
  270. that.stageData = datas.data
  271. that.activeName = datas.data[0].stageCode
  272. that.getTableHeaderData(datas.data[0].id)
  273. }
  274. })
  275. },
  276. //获取指标数据
  277. getTableHeaderData(id) {
  278. let that = this
  279. that.monthQuarterYearHeader = []
  280. that.monthQuarterYearData = []
  281. that.isClickTagId = ''
  282. let params = {
  283. organizationEvaluationId: that.tastbizKey,
  284. binSection: that.binSectionStr,
  285. binStage: id
  286. }
  287. apiGetEvaluationIndicatorList(params).then(datas =>{
  288. if (datas && datas.data) {
  289. that.indicatorList = datas.data
  290. if (datas.data.length>0) {
  291. that.isClickTagId = datas.data[0].id
  292. that.getTableData(that.isClickTagId)
  293. }
  294. }
  295. })
  296. },
  297. handleClick(val) {
  298. let stageId = ''
  299. this.stageData.forEach(it =>{
  300. if (it.stageCode === val.props.name) {
  301. stageId = it.id
  302. }
  303. })
  304. this.getTableHeaderData(stageId)
  305. },
  306. //获取表格数据
  307. getTableData(id) {
  308. let that = this
  309. let params = {
  310. organizationEvaluationId: that.tastbizKey,
  311. indicatorId: id
  312. }
  313. apiGetgetEvaluationInfoDataList(params).then(datas =>{
  314. if (datas && datas.data) {
  315. if (datas.data.title) {
  316. let header = []
  317. for(let i in datas.data.title) {
  318. let obj = {
  319. name: i,
  320. children: datas.data.title[i]
  321. }
  322. header.push(obj)
  323. }
  324. that.monthQuarterYearHeader = header
  325. }
  326. that.monthQuarterYearData = datas.data.value
  327. }
  328. })
  329. },
  330. handleShowPage(tag) {
  331. this.isClickTagId = tag.id
  332. this.monthQuarterYearHeader = []
  333. this.monthQuarterYearData = []
  334. this.getTableData(tag.id)
  335. },
  336. changType(data) {
  337. this.titleMsgArr.forEach(it =>{
  338. it.showClick = false
  339. if (it.isName === data.isName) {
  340. it.showClick = true
  341. this.binSectionStr = it.id
  342. }
  343. })
  344. let stageId = ''
  345. this.stageData.forEach(it =>{
  346. if (it.stageCode === this.activeName) {
  347. stageId = it.id
  348. }
  349. })
  350. this.getTableHeaderData(stageId)
  351. },
  352. addTableDetail() {
  353. console.log('表头数据11====>>>>>>>', this.monthQuarterYearHeader)
  354. if (this.monthQuarterYearHeader.length>0) {
  355. let headerArr = []
  356. this.monthQuarterYearHeader.forEach(item =>{
  357. headerArr = headerArr.concat(item.children)
  358. })
  359. console.log('表头数据22====>>>>>>>', headerArr)
  360. this.addstageId = ''
  361. this.stageData.forEach(it =>{
  362. if (it.stageCode === this.activeName) {
  363. this.addstageId = it.id
  364. }
  365. })
  366. let obj = {
  367. isAdd: true,
  368. }
  369. headerArr.forEach(it =>{
  370. obj[it.code] = ''
  371. obj['IS_LH_'+it.code] = it.flag
  372. })
  373. this.monthQuarterYearData.unshift(obj)
  374. }
  375. console.log('表格数据====>>>>>>>', this.monthQuarterYearData)
  376. },
  377. saveAddDetail() {
  378. let that = this
  379. let addParams = []
  380. let saveParams = []
  381. let addObj = {
  382. organizationId: that.userMes.unitId,
  383. organizationEvaluationId: that.tastbizKey,
  384. indicatorId: that.isClickTagId,
  385. binSection: that.binSectionStr,
  386. binStage: that.addstageId,
  387. optionMap: {}
  388. }
  389. that.monthQuarterYearData.forEach(it =>{
  390. if (it.isAdd) {
  391. addObj.optionMap = it
  392. addParams.push(addObj)
  393. } else {
  394. saveParams.push(it)
  395. }
  396. })
  397. if (addParams.length > 0) {
  398. apiPostorganizationUpdateAddEvaluationInfo(addParams).then(datas =>{
  399. if (datas) {
  400. that.responseData(datas)
  401. }
  402. })
  403. }
  404. if (saveParams.length > 0) {
  405. apiPostorganizationUpdateEvaluationInfo(saveParams).then(datas =>{
  406. if (datas) {
  407. that.responseData(datas)
  408. }
  409. })
  410. }
  411. },
  412. // 返回数据
  413. responseData(datas) {
  414. if (datas.message === '成功') {
  415. this.$message({
  416. message: '考评详情信息保存成功',
  417. type: 'success'
  418. });
  419. } else {
  420. this.$message({
  421. message: datas.message,
  422. type: 'error'
  423. });
  424. }
  425. this.getTableData(this.isClickTagId)
  426. },
  427. saveDetail() {
  428. let that = this
  429. apiPostorganizationUpdateEvaluationInfo(that.monthQuarterYearData).then(datas =>{
  430. if (datas) {
  431. if (datas.message === '成功') {
  432. that.$message({
  433. message: '考评详情信息保存成功',
  434. type: 'success'
  435. });
  436. } else {
  437. that.$message({
  438. message: datas.message,
  439. type: 'error'
  440. });
  441. }
  442. that.getTableData(that.isClickTagId)
  443. }
  444. })
  445. },
  446. handleImport() {
  447. this.$refs.importPage.upload.title = "考评详情信息导入"
  448. this.$refs.importPage.upload.open = true
  449. this.$refs.importPage.upload.url = '/organization-evaluation-info/import-excel'
  450. },
  451. successImport(val) {
  452. that.getTableData(that.isClickTagId)
  453. },
  454. handleExport() {
  455. let indexvs = 0
  456. this.stageData.forEach((it, index) =>{
  457. if (it.stageCode === this.activeName) {
  458. indexvs = index
  459. }
  460. })
  461. let $e = this.$refs.monthQuarterYearTT[indexvs].$el
  462. try {
  463. let $table = $e.querySelector('.el-table__fixed')
  464. if(!$table) {
  465. $table = $e
  466. }
  467. const wb = XLSX.utils.table_to_book($table, {raw:true})
  468. const wbout = XLSXD.write(wb, {bookType: 'xlsx', bookSST:true, type: 'array'})
  469. saveAs(
  470. new Blob([wbout],{type: 'application/octet-stream'}),
  471. `考评详情数据导出.xlsx`,
  472. )
  473. } catch (e) {
  474. if (typeof console !== 'undefined') console.error(e)
  475. }
  476. },
  477. examineAndApprove(type) {
  478. let that = this
  479. let actionCS = ''
  480. if (type === 'agree') {
  481. if (that.rowMsg.taskType === 'SIGN') {
  482. actionCS = 'signAgree'
  483. } else if (that.rowMsg.taskType === 'NORMAL') {
  484. actionCS = 'agree'
  485. }
  486. } else {
  487. if (that.rowMsg.taskType === 'SIGN') {
  488. actionCS = 'signReject'
  489. } else if (that.rowMsg.taskType === 'NORMAL') {
  490. actionCS = 'reject'
  491. }
  492. }
  493. let params = {
  494. taskId: that.rowMsg.id, //任务ID
  495. nodeId: that.rowMsg.nodeId, //节点ID
  496. action: actionCS, //固定值
  497. instanceId: that.rowMsg.instId, //流程实例ID
  498. opinion: that.descMsg, //审批意见
  499. iamCode: window.localStorage.getItem('code'), //认证后code值
  500. taskName: that.rowMsg.name,
  501. defKey: that.instanceChild.defKey,
  502. bizKey: that.instanceChild.bizKey
  503. }
  504. apiPostIsdoAction(params).then(datas =>{
  505. if (datas && datas.data) {
  506. if (datas.data.isOk) {
  507. that.$message({
  508. message: datas.data.data,
  509. type: 'success'
  510. })
  511. that.dialogVisible = false
  512. that.$emit('approveMsg', datas.data.isOk)
  513. } else {
  514. that.$message({
  515. message: datas.data.msg,
  516. type: 'error'
  517. })
  518. }
  519. }
  520. })
  521. },
  522. }
  523. }
  524. </script>
  525. <style lang="less">
  526. .startFrom{
  527. .el-overlay{
  528. .el-dialog{
  529. // margin-top: 7vh;
  530. .el-dialog__body{
  531. padding: 0 20px !important;
  532. .startDetail{
  533. .starttitleSty{
  534. font-size: 18px;
  535. font-family: Microsoft YaHei;
  536. font-weight: bold;
  537. color: #3B7AD1;
  538. // line-height: 12px;
  539. margin: 20px 0 20px 10px;
  540. }
  541. .danjuMsg{
  542. border: 1px solid #D6DBEA;
  543. padding: 10px 20px;
  544. border-radius: 10px;
  545. // margin-bottom: 20px;
  546. .danjuMsg_data{
  547. padding: 5px 0 10px 0;
  548. .data_tit{
  549. margin-right: 10px;
  550. font-weight: bold;
  551. font-size: 14px;
  552. font-family: Microsoft YaHei;
  553. color: #8991B0;
  554. }
  555. .data_tit_wd{
  556. display: inline-block;
  557. width: 90px;
  558. }
  559. .el-form-item--small{
  560. .el-input{
  561. height: 25px;
  562. width: 160px;
  563. }
  564. margin-bottom: 0;
  565. .el-input-number{
  566. height: 25px;
  567. .el-input-number__decrease, .el-input-number__increase{
  568. right: -39px;
  569. }
  570. }
  571. }
  572. }
  573. }
  574. .el-select, .el-input{
  575. width: 100%;
  576. }
  577. .monthQuarterYear{
  578. display: flex;
  579. width: 100%;
  580. margin-top: 20px;
  581. .tableMain{
  582. width: calc(100% - 100px);
  583. .el-tabs__header{
  584. .el-tabs__nav{
  585. .el-tabs__item{
  586. font-size: 18px;
  587. font-family: Microsoft YaHei;
  588. font-weight: bold;
  589. margin: 0 10px;
  590. color: #8991B0;
  591. }
  592. .is-active{
  593. font-size: 18px;
  594. font-family: Microsoft YaHei;
  595. font-weight: bold;
  596. color: #3B7AD1;
  597. margin: 0 10px;
  598. }
  599. }
  600. }
  601. .detailsHeader{
  602. width: 100%;
  603. display: flex;
  604. justify-content: space-between;
  605. .headerLeft{
  606. display: flex;
  607. width: 80%;
  608. .tagArr {
  609. height: 33px;
  610. margin-right: 10px;
  611. cursor: pointer;
  612. margin-bottom: 10px;
  613. }
  614. .el-tag--dark {
  615. background-color: #184FB4;
  616. border: 1px solid #184FB4;
  617. }
  618. .el-tag--info {
  619. background-color: #E6EBF5;
  620. border: 1px solid #E6EBF5;
  621. color: #9DA5BE;
  622. .el-tag__close {
  623. color: #9DA5BE;
  624. }
  625. }
  626. }
  627. .headerRight{
  628. display: flex;
  629. justify-content: end;
  630. width: 20%;
  631. margin-bottom: 5px;
  632. .tableBtn {
  633. display: flex;
  634. height: 20px;
  635. margin: 0 10px;
  636. img{
  637. margin-right: 5px;
  638. margin-top: 1px;
  639. }
  640. span{
  641. font-size: 14px;
  642. font-family: Microsoft YaHei;
  643. font-weight: 400;
  644. }
  645. }
  646. .add{
  647. cursor: pointer;
  648. span{
  649. color: #3B7AD1;
  650. }
  651. }
  652. .save{
  653. cursor: pointer;
  654. span{
  655. color: #50C14E;
  656. }
  657. }
  658. .import{
  659. cursor: pointer;
  660. span{
  661. color: #ce1e78;
  662. }
  663. }
  664. .export{
  665. cursor: pointer;
  666. span{
  667. color: #2baa8a;
  668. }
  669. }
  670. }
  671. }
  672. .el-table {
  673. .el-table__header-wrapper{
  674. .el-table__header{
  675. .el-table__cell {
  676. border-bottom: none !important;
  677. }
  678. thead{
  679. tr{
  680. th{
  681. .cell{
  682. line-height: 16px;
  683. }
  684. }
  685. }
  686. }
  687. }
  688. }
  689. .el-table__body-wrapper {
  690. height: 35vh !important;
  691. .el-scrollbar{
  692. .is-horizontal{
  693. .el-scrollbar__thumb{
  694. width: 100% !important;
  695. }
  696. }
  697. .el-table__body{
  698. tr{
  699. td{
  700. padding: 0;
  701. .cell{
  702. background: #F6F7FA;
  703. line-height: 47px;
  704. height: 47px;
  705. }
  706. }
  707. td:hover {
  708. line-height: 45px;
  709. height: 45px;
  710. }
  711. }
  712. }
  713. }
  714. }
  715. .el-table--border .el-table__cell{
  716. border: none;
  717. }
  718. .el-table thead.is-group th.el-table__cell{
  719. background: transparent;
  720. }
  721. .tooltipCC {
  722. width: 180px;
  723. display: inline-block;
  724. overflow: hidden;
  725. text-overflow: ellipsis;
  726. white-space: nowrap;
  727. }
  728. }
  729. .el-pagination {
  730. margin-top: 20px;
  731. text-align: end;
  732. position: relative;
  733. }
  734. }
  735. .tableSeach{
  736. width: 88px;
  737. height: 50vh;
  738. margin-left: 10px;
  739. margin-top: 37px;
  740. border: 1px solid #D6DBEA;
  741. padding: 5px 0;
  742. border-radius: 5px;
  743. overflow-y: auto;
  744. .seachType{
  745. width: 78px;
  746. height: 78px;
  747. cursor: pointer;
  748. border-left: 3px solid transparent;
  749. img{
  750. margin-top: 17px;
  751. margin-left: 27px;
  752. }
  753. p{
  754. text-align: center;
  755. font-size: 14px;
  756. }
  757. }
  758. .seachTypeCha{
  759. background: #E6EBF5;
  760. cursor: pointer;
  761. border-left: 3px solid #3B7AD1;
  762. }
  763. }
  764. }
  765. }
  766. }
  767. .el-dialog__footer{
  768. .dialog-footer{
  769. display: flex;
  770. justify-content: center;
  771. .el-button{
  772. width: 180px !important;
  773. height: 40px !important;
  774. }
  775. }
  776. }
  777. }
  778. }
  779. }
  780. </style>