electronicSignature.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695
  1. <template>
  2. <div>
  3. <div class="dianqian">
  4. <el-row :span="24">
  5. <el-col :span="3.3" style="line-height: 40px">
  6. 元素坐标:
  7. </el-col>
  8. <el-col :span="18">
  9. <avue-input v-model="htmlData1.name" placeholder="请点击坐标" :disabled='true'></avue-input>
  10. </el-col>
  11. </el-row>
  12. <el-row :span="24">
  13. <el-col :span="3.3" style="line-height: 40px">
  14. 证书类型:
  15. </el-col>
  16. <el-col :span="18">
  17. <el-select v-model="signType" placeholder="请选择证书类型" @change="signTypeChang()">
  18. <el-option v-for="item in seloptions" :label="item.label" :value="item.value" :key="item.value"></el-option>
  19. </el-select>
  20. </el-col>
  21. </el-row>
  22. <el-row :span="24" v-if="signType==2">
  23. <el-col :span="3.3">
  24. 所属方:
  25. </el-col>
  26. <el-col :span="18">
  27. <avue-radio v-model="radio" :dic="roleType" v-on:click="roleTypeChang()"></avue-radio>
  28. </el-col>
  29. </el-row>
  30. <el-row :span="24" v-if="signType==2">
  31. <el-col :span="3.3" style="line-height: 40px">
  32. 签字角色:
  33. </el-col>
  34. <el-col :span="18">
  35. <el-select v-model="roleInfo" placeholder="请选择签字岗位" filterable @change="changeRole">
  36. <el-option v-for="item in options" :key="item" :value="item" :label="item.label"></el-option>
  37. </el-select>
  38. </el-col>
  39. </el-row>
  40. <el-row :span="24" v-if="signType==2">
  41. <el-col :span="3.3" style="line-height: 40px">签字时间:</el-col>
  42. <el-col :span="18">
  43. <div style="height: 40px; display: flex; align-items: center">
  44. <el-checkbox v-model="timesTimeElement.timeState" :true-label="1" :false-label="2">是否需要获取签字时间</el-checkbox>
  45. </div>
  46. </el-col>
  47. </el-row>
  48. <el-row :span="24" v-if="timesTimeElement.timeState === 1">
  49. <el-col :span="3.3" style="line-height: 40px">时间元素:</el-col>
  50. <el-col :span="14">
  51. <el-input v-model="timesTimeElement.timeName" placeholder="请点击后,在左边选择元素" @focus="timeElementFocus"></el-input>
  52. </el-col>
  53. <el-col :span="3" style="margin-left: 5px">
  54. <el-button type="primary" :disabled="!isTimeElement" @click="timeElementFinish">完成</el-button>
  55. </el-col>
  56. </el-row>
  57. <el-row :span="24" v-if="signType==6">
  58. <el-col :span="3.3" style="line-height: 40px">
  59. 签章类型:
  60. </el-col>
  61. <el-col :span="18">
  62. <el-select v-model="signInfo" placeholder="请选择签章类型" @change="signInfoChang">
  63. <el-option v-for="item in options" :key="item.dictKey" :value="item.dictKey"
  64. :label="item.dictValue"></el-option>
  65. </el-select>
  66. </el-col>
  67. </el-row>
  68. <el-row :span="24">
  69. <el-col :span="3.3" style="line-height: 40px">
  70. 偏移位X:
  71. </el-col>
  72. <el-col :span="16">
  73. <avue-input v-model="pyzbx" placeholder="横坐标,负代表左移,正代表右移,偏移量50大概等于一厘米"
  74. type="number"></avue-input>
  75. </el-col>
  76. </el-row>
  77. <el-row :span="24">
  78. <el-col :span="3.3" style="line-height: 40px">
  79. 偏移位Y:
  80. </el-col>
  81. <el-col :span="16">
  82. <avue-input v-model="pyzby" placeholder="纵坐标,负代表下移,正代表上移,偏移量50大概等于一厘米"
  83. type="number"></avue-input>
  84. </el-col>
  85. </el-row>
  86. <el-row :span="24" style="text-align: center">
  87. <el-button type="warning"
  88. size="small"
  89. icon="el-icon-view"
  90. @click="previewClick()">预览
  91. </el-button> &nbsp;&nbsp;
  92. <el-button type="primary"
  93. size="small"
  94. icon="el-icon-circle-plus-outline"
  95. @click="addRoleInfo()">添加列表
  96. </el-button> &nbsp;&nbsp;
  97. </el-row>
  98. </div>
  99. <div style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;" class="martop20 marbottom10">
  100. <el-tabs v-model="activeName" @tab-click="handleActiveClick">
  101. <el-tab-pane label="电签配置" name="tab1">
  102. <table @click class="table martop20 copyTable" width='100%' border='1px ' bordercolor="#E5E5E5" cellpadding='2px'>
  103. <thead cellpadding='2px' height='40px'>
  104. <tr>
  105. <th >元素位置</th>
  106. <th>签字岗位</th>
  107. <th>是否匹配</th>
  108. <th>签字时间元素位置</th>
  109. <th >偏移x</th>
  110. <th>偏移y</th>
  111. <th >操作</th>
  112. </tr>
  113. </thead>
  114. <tbody height='36px'>
  115. <tr v-for="(item,key) in setsignaTable" :key="key" v-on:click="">
  116. <td>{{ item.colName }}</td>
  117. <td>{{ item.sigRoleName }}</td>
  118. <td align="center">
  119. <el-tag type="success" v-if="item.isMatch==1">是</el-tag>
  120. <el-tag type="info" v-if="item.isMatch==0">否</el-tag>
  121. </td>
  122. <td>{{ item.timeName }}</td>
  123. <td>{{ item.pyzbx }}</td>
  124. <td>{{ item.pyzby }}</td>
  125. <td align="center">
  126. <span style="color:#409EFF;;cursor: pointer;margin-right: 5px;" @click="editClick(item)" v-if="item.show===false">编辑</span>
  127. <span style="color:green;;cursor: pointer;margin-right: 5px;" @click="saveClick(item)" v-else v-loading="isEditLoaing">保存</span>
  128. <span style="color:red;cursor: pointer;" v-on:click="deleteTableSig(key,item.id,item)">删除</span>
  129. </td>
  130. </tr>
  131. </tbody>
  132. </table>
  133. </el-tab-pane>
  134. <el-tab-pane label="系统识别" name="tab2">
  135. <table @click class="table martop20 copyTable" width='100%' border='1px ' bordercolor="#E5E5E5" cellpadding='2px'>
  136. <thead cellpadding='2px' height='40px'>
  137. <tr>
  138. <th width='30%'>元素位置</th>
  139. <th width='30%'>签字岗位</th>
  140. <th width='30%'>签字时间元素位置</th>
  141. <th width='10%'>偏移x</th>
  142. <th width='10%'>偏移y</th>
  143. </tr>
  144. </thead>
  145. <tbody height='36px'>
  146. <tr v-for="(item,key) in setsignaTable2" :key="key" v-on:click="">
  147. <td>{{ item.colName }}</td>
  148. <td>{{ item.sigRoleName }}</td>
  149. <td>{{ item.timeName }}</td>
  150. <td>{{ item.pyzbx }}</td>
  151. <td>{{ item.pyzby }}</td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. </el-tab-pane>
  156. </el-tabs>
  157. <el-button type="primary" size="small" class="martop25" style="float:right;" icon="el-icon-circle-plus-outline" :loading="saveLoaing" @click="saveSingInfo()">保存入库</el-button> &nbsp;&nbsp;
  158. </div>
  159. </div>
  160. </template>
  161. <script>
  162. import {
  163. getRoleInfoByParentId,
  164. getRoleType,
  165. getSigList,
  166. saveSig,
  167. remove,
  168. updateDetail,
  169. getSignDetail
  170. } from "../../../../../api/manager/AdjustForm";
  171. import {findPfxType, getPriwbsPdf} from "../../../../../api/certificate/list";
  172. import {f} from "vuedraggable/dist/vuedraggable.common";
  173. export default {
  174. props: ['pkeyId1', 'htmlData1', 'excelId', 'times'],
  175. data() {
  176. return {
  177. radio: '',
  178. isTimeElement: false,
  179. timesTimeElement: {
  180. timeState: 2,
  181. },
  182. roleType: [],
  183. options: [],
  184. roleInfo: '',
  185. signInfo: '',
  186. signInfoarr: [],
  187. signType: '2', // 证书类型
  188. pyzbx: 0.0,
  189. pyzby: 0.0,
  190. setsignaTable: [],
  191. seloptions: [
  192. {
  193. value: '2',
  194. label: '个人证书',
  195. },
  196. {
  197. value: '6',
  198. label: '企业证书',
  199. }
  200. ],
  201. isCansave: false,
  202. colKey: '',
  203. colName: '',
  204. signId: '',
  205. isDeleted: '',
  206. parentRoleId: '',
  207. isEditLoaing: false,
  208. sigRoleName: '',
  209. saveLoaing: false,
  210. activeName: 'tab1',
  211. setsignaTable2: [],
  212. }
  213. },
  214. watch: {
  215. 'htmlData1': {
  216. handler(val) {
  217. setTimeout(async () => {
  218. if (val.obj) {
  219. let obj = val.obj
  220. this.signType = obj.type.toString()
  221. this.pyzbx = obj.pyzbx
  222. this.pyzby = obj.pyzby
  223. this.sigRoleId = obj.sigRoleId
  224. this.colKey = val.keyname
  225. this.colName = obj.colName
  226. this.signId = obj.id
  227. this.isDeleted = obj.isDeleted
  228. if (obj.type == 2) {
  229. this.radio = obj.parentRoleId
  230. await this.roleTypeChang()
  231. } else {
  232. this.radio = ''
  233. await this.signTypeChang()
  234. this.signInfo = obj.sigRoleId
  235. this.options.forEach((ele) => {
  236. if (ele.dictKey === this.signInfo) {
  237. this.sigRoleName = ele.dictValue
  238. }
  239. })
  240. }
  241. } else {
  242. let isEdit = this.setsignaTable.some(element => element.show === true);
  243. if (!isEdit) {
  244. this.radio = ''
  245. this.roleInfo = ''
  246. this.signInfo = ''
  247. this.signType = '2'
  248. this.pyzbx = 0
  249. this.pyzby = 0
  250. }
  251. this.colKey = val.keyname
  252. }
  253. }, 1000);
  254. // todo
  255. },
  256. deep: true
  257. },
  258. 'options': {
  259. handler(val) {
  260. if (this.sigRoleId && val.length > 0 && this.radio.length > 1) {
  261. this.options.forEach((ele) => {
  262. if (ele.value === this.sigRoleId) {
  263. this.roleInfo = ele
  264. }
  265. })
  266. }
  267. }
  268. },
  269. 'times': {
  270. handler(obj) {
  271. this.$set(this.timesTimeElement, 'timeName', obj.colName)
  272. this.$set(this.timesTimeElement, 'timeColKey', obj.keyname)
  273. },
  274. deep: true
  275. }
  276. },
  277. methods: {
  278. async getRoleType() {//获取角色类型
  279. const {data: res} = await getRoleType()
  280. if (res.code === 200) {
  281. this.roleType = res.data
  282. }
  283. },
  284. // 签证类型
  285. async signTypeChang() {
  286. setTimeout(async () => {
  287. if (this.signType == 6) {
  288. const {data: res} = await findPfxType({typeOrStatus: 'pfx_type'})
  289. if (res.code === 200) {
  290. this.options = res.data
  291. }
  292. }
  293. }, 200);
  294. },
  295. // 单选按钮改变事件
  296. async roleTypeChang() {
  297. setTimeout(async () => {
  298. const {data: res} = await getRoleInfoByParentId({ParentId: this.radio})
  299. if (res.code === 200) {
  300. this.options = res.data
  301. }
  302. }, 200);
  303. },
  304. //签章类型改变e
  305. signInfoChang(e) {
  306. console.log(e, 'e');
  307. this.signInfoarr = this.options.filter(item => {
  308. if (item.dictKey === e) {
  309. return item
  310. }
  311. })
  312. this.options.forEach((ele) => {
  313. if (ele.dictKey === this.signInfo) {
  314. this.sigRoleName = ele.dictValue
  315. }
  316. })
  317. },
  318. //角色改变
  319. changeRole(e) {
  320. this.sigRoleName = e.label
  321. this.sigRoleId = e.value
  322. },
  323. //预览
  324. previewClick() {
  325. let _this = this
  326. console.log('预览', this.pkeyId1)
  327. getPriwbsPdf(this.pkeyId1).then(({data}) => {
  328. if (data.code === 200 && data.data) {
  329. window.open(data.data, '_blank')
  330. } else {
  331. _this.$message({
  332. type: "error",
  333. message: data.msg || "预览失败"
  334. });
  335. }
  336. })
  337. },
  338. async addRoleInfo() {
  339. var isadd = true;
  340. // 集合中添加数据
  341. var data = {};
  342. // 坐标位置
  343. if (this.htmlData1.name === '') {
  344. this.$message({
  345. type: "error",
  346. message: "请选坐标位置"
  347. });
  348. return;
  349. } else if (this.htmlData1.name === '警告') {
  350. this.$message({
  351. type: "warning",
  352. message: "警告框不能配置电签"
  353. });
  354. return;
  355. }
  356. // 证书类型
  357. if (this.signType === '') {
  358. this.$message({
  359. type: "error",
  360. message: "请选择证书类型"
  361. });
  362. return;
  363. }
  364. if (this.signType == 2) {
  365. if (this.roleInfo === '') {
  366. this.$message({
  367. type: "error",
  368. message: "请选择签字岗位"
  369. });
  370. return;
  371. }
  372. data.sigRoleId = this.roleInfo.value;
  373. data.sigRoleName = this.roleInfo.label;
  374. data.type = 2;
  375. } else if (this.signType == 6) {
  376. if (this.signInfo === '') {
  377. this.$message({
  378. type: "error",
  379. message: "请选择签章类型"
  380. });
  381. return;
  382. }
  383. // data.sigRoleId = this.signInfo.dictKey;
  384. // data.sigRoleName = this.signInfo.dictValue;
  385. data.sigRoleId = this.signInfoarr[0].dictKey;
  386. data.sigRoleName = this.signInfoarr[0].dictValue;
  387. data.type = 6;
  388. }
  389. data.colKey = "__" + this.htmlData1.tr + "_" + this.htmlData1.td;
  390. data.tabId = this.pkeyId1;
  391. data.colName = this.htmlData1.name;
  392. data.pyzbx = this.pyzbx;
  393. data.pyzby = this.pyzby;
  394. //签字时间
  395. const times = this.timesTimeElement
  396. data.timeState = times.timeState || 2;
  397. data.timeName = times.timeName;
  398. data.timeColKey = times.timeColKey;
  399. if (data.timeState === 1 && (!data.timeName || data.timeName === '')) {
  400. this.$message({type: "error", message: "请先配置签字时间"});
  401. return;
  402. }
  403. try {
  404. this.setsignaTable.forEach(val => {
  405. if (val.sigRoleId == data.sigRoleId && val.colName == data.colName) {
  406. this.$message({
  407. type: "error",
  408. message: "一个位置只能配置一个岗位"
  409. });
  410. isadd = false;
  411. }
  412. })
  413. if (isadd) {
  414. data.show = false
  415. data.colKey = this.htmlData1.keyname
  416. this.setsignaTable.push(data);
  417. }
  418. } catch (e) {
  419. throw e;
  420. }
  421. },
  422. async editClick(item) {
  423. console.log(item, 'item222');
  424. this.setsignaTable.forEach((ele) => {
  425. ele.show = false
  426. })
  427. item.show = true
  428. console.log(this.htmlData1, 'htmlData222');
  429. const {data: res} = await getSignDetail({id: item.id, tabId: this.pkeyId1})
  430. if (res.code === 200) {
  431. console.log(res, 'res');
  432. this.htmlData1.obj = res.data
  433. debugger
  434. let obj = this.htmlData1.obj
  435. console.log(obj, 'opbj');
  436. if (obj) {
  437. console.log(obj, 'obj');
  438. this.htmlData1.name = obj.colName;
  439. this.htmlData1.keyname = obj.colKey;
  440. this.signType = obj.type.toString()
  441. this.pyzbx = obj.pyzbx
  442. this.pyzby = obj.pyzby
  443. this.sigRoleId = obj.sigRoleId
  444. this.sigRoleName = obj.sigRoleName
  445. this.colKey = obj.colKey
  446. this.colName = obj.colName
  447. this.signId = obj.id
  448. this.isDeleted = obj.isDeleted
  449. if (obj.type == 2) {
  450. this.radio = obj.parentRoleId
  451. await this.roleTypeChang()
  452. } else {
  453. this.radio = ''
  454. await this.signTypeChang()
  455. this.signInfo = obj.sigRoleId
  456. this.options.forEach((ele) => {
  457. if (ele.dictKey === this.signInfo) {
  458. this.sigRoleName = ele.dictValue
  459. }
  460. })
  461. }
  462. //签字时间
  463. this.timesTimeElement = {
  464. timeState: obj.timeState || 2,
  465. timeName: obj.timeName,
  466. timeColKey: obj.timeColKey
  467. }
  468. } else {
  469. this.radio = ''
  470. this.roleInfo = ''
  471. this.signInfo = ''
  472. this.signType = ''
  473. this.pyzbx = 0
  474. this.pyzby = 0
  475. //签字时间
  476. this.timesTimeElement = {
  477. timeState: 2,
  478. timeName: '',
  479. timeColKey: ''
  480. }
  481. }
  482. }
  483. console.log(this.htmlData1, ' this.htmlData1111');
  484. this.$emit('edit', true)
  485. },
  486. saveClick(item) {
  487. console.log('保存');
  488. debugger;
  489. this.editRoleInfo(item)
  490. },
  491. async editRoleInfo() {
  492. let obj = {}
  493. obj.colKey = this.colKey
  494. obj.colName = this.colName
  495. obj.sigRoleName = this.sigRoleName
  496. obj.tabId = this.pkeyId1
  497. obj.excelId = this.excelId
  498. obj.type = this.signType
  499. obj.pyzbx = this.pyzbx
  500. obj.pyzby = this.pyzby
  501. obj.id = this.signId
  502. obj.isDeleted = this.isDeleted
  503. const times = this.timesTimeElement
  504. obj.timeState = times.timeState || 2
  505. obj.timeName = times.timeName
  506. obj.timeColKey = times.timeColKey
  507. if (this.signType == 2) {
  508. obj.parentRoleId = this.radio
  509. obj.sigRoleId = this.sigRoleId
  510. } else {
  511. obj.sigRoleId = this.signInfo
  512. }
  513. let arr = this.setsignaTable
  514. arr.forEach((ele) => {
  515. if (obj.id == ele.id) {
  516. ele.colKey = this.colKey
  517. ele.excelId = obj.excelId
  518. ele.pyzbx = obj.pyzbx
  519. ele.pyzby = obj.pyzby
  520. ele.sigRoleId = obj.sigRoleId
  521. ele.sigRoleName = obj.sigRoleName
  522. ele.type = obj.type
  523. ele.tabId = obj.tabId
  524. ele.show = false
  525. ele.colName = this.htmlData1.name
  526. ele.timeState = obj.timeState
  527. ele.timeName = obj.timeName
  528. ele.timeColKey = obj.timeColKey
  529. }
  530. })
  531. this.$nextTick(() => {
  532. this.setsignaTable = arr
  533. })
  534. this.$forceUpdate()
  535. console.log(this.setsignaTable, 'this.setsignaTable');
  536. // this.saveSingInfo()
  537. this.$emit('edit', false)
  538. },
  539. async deleteTableSig(key, id, item) {//删除数据
  540. console.log(item, 'item');
  541. this.setsignaTable.splice(key, 1);
  542. this.isCansave = true
  543. // this.saveSingInfo();
  544. // const {data: res} = await saveSig({dataInfo: this.setsignaTable,tabId:this.pkeyId1})
  545. if (id) {
  546. const {data: res} = await remove(id, this.pkeyId1)
  547. if (res.code === 200) {
  548. //console.log(this.$parent)
  549. this.isCansave = false
  550. this.$parent.getExcelHtml(this.pkeyId1);
  551. this.getSingInfo()
  552. this.$message({
  553. type: "success",
  554. message: "操作成功"
  555. });
  556. }
  557. }
  558. this.$emit('edit', false)
  559. },
  560. async saveSingInfo() {
  561. console.log(this.setsignaTable, 'this.setsignaTable');
  562. if (this.activeName==='tab1' && this.setsignaTable.length === 0) {
  563. this.$message.warning('请先选择数据')
  564. return
  565. }
  566. if (this.activeName==='tab2' && this.setsignaTable2 === 0) {
  567. this.$message.warning('暂无系统识别数据')
  568. return
  569. }
  570. let newDataArr = []
  571. if (this.activeName==='tab1') {
  572. newDataArr = this.setsignaTable
  573. } else if (this.activeName==='tab2') {
  574. newDataArr = this.setsignaTable2
  575. }
  576. this.saveLoaing = true
  577. setTimeout(() => {
  578. this.saveLoaing = false
  579. }, 1500);
  580. const {data: res} = await saveSig({
  581. dataInfo: newDataArr,
  582. tabId: this.pkeyId1
  583. })
  584. if (res.code === 200) {
  585. //console.log(this.$parent)
  586. this.$parent.getExcelHtml(this.pkeyId1);
  587. this.activeName = 'tab1'
  588. this.getSingInfo()
  589. this.$message({
  590. type: "success",
  591. message: "操作成功"
  592. });
  593. }
  594. },
  595. //电签配置
  596. async getSingInfo() {
  597. const {data: res} = await getSigList({
  598. current: 0,
  599. size: 100,
  600. tabId: this.pkeyId1,
  601. type: 2,
  602. excelId: this.excelId,
  603. showType: 1
  604. })
  605. if (res.code === 200) {
  606. this.setsignaTable = res.data.records;
  607. this.setsignaTable.forEach((ele) => {
  608. ele.show = false
  609. })
  610. }
  611. },
  612. //系统识别
  613. async getSingInfo1() {
  614. const {data: res} = await getSigList({
  615. current: 0,
  616. size: 100,
  617. tabId: this.pkeyId1,
  618. type: 2,
  619. excelId: this.excelId,
  620. showType: 2
  621. })
  622. if (res.code === 200) {
  623. this.setsignaTable2 = res.data.records;
  624. }
  625. },
  626. timeElementFocus() {
  627. this.isTimeElement = true
  628. this.$emit('timeFocus', true)
  629. },
  630. timeElementFinish() {
  631. this.isTimeElement = false
  632. this.$emit('timeFocus', false)
  633. },
  634. //电签配置和系统识别
  635. handleActiveClick() {
  636. //系统识别
  637. if (this.activeName === 'tab2') {
  638. this.getSingInfo1()
  639. }
  640. },
  641. },
  642. created() {
  643. this.getRoleType(); //获取文本类型接口
  644. this.getSingInfo();
  645. this.setsignaTable = [];
  646. console.log(this.htmlData1, 'html1');
  647. },
  648. }
  649. </script>
  650. <style lang="scss" scoped>
  651. .table {
  652. margin-top: 20px;
  653. border-radius: 5px;
  654. color: #101010;
  655. font-size: 14px;
  656. }
  657. .dianqian {
  658. width: 90%;
  659. height: 100%;
  660. }
  661. .copyTable td {
  662. user-select: initial !important;
  663. }
  664. </style>