CrEditProperty.ce.vue 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728
  1. <template>
  2. <div class="jt-wall-dialog">
  3. <el-dialog :modal="false" :destroy-on-close="false" v-model="dialogVisible" :title="title" :style="{ left: '10rem', background: 'rgb(0 44 126 / 68%)', height: 'calc(100% - 175rem)', width: '180rem', top: '125rem' }" @close="closeDialog" @open="openDialog" :show-close="false">
  4. <template #header>
  5. <div slot="title" class="header-title">
  6. <span style="line-height:24rem;font-size:16rem;color:#fff;font-family: 'Alimama_ShuHeiTi_Bold'">{{ title }}</span>
  7. </div>
  8. </template>
  9. <template #default>
  10. <div class="odin-dialog__content">
  11. <div class="jt-wall-row" v-show="isShowHeight">
  12. <div class="col-left">高度</div>
  13. <div class="col-main">
  14. <el-input v-model="wallHeight" placeholder="输入高度值" clearable />
  15. </div>
  16. </div>
  17. <div class="jt-wall-row" v-show="isShowArcHeight">
  18. <div class="col-left">弯曲度</div>
  19. <div class="col-main">
  20. <el-input v-model="arcHeight" placeholder="输入弯曲度0~9000" clearable />
  21. </div>
  22. </div>
  23. <div class="jt-wall-row" v-show="isShowLineWidth">
  24. <div class="col-left">线宽</div>
  25. <div class="col-main">
  26. <el-input v-model="lineWidth" placeholder="输入宽度值" clearable />
  27. </div>
  28. </div>
  29. <div class="jt-wall-row" v-show="isShowGlowpower">
  30. <div class="col-left">发光强度</div>
  31. <div class="col-main">
  32. <el-input v-model="glowPower" placeholder="输入发光强度0~1" clearable />
  33. </div>
  34. </div>
  35. <div class="jt-wall-row" v-show="isShowColor">
  36. <div class="col-left">颜色</div>
  37. <div class="col-main">
  38. <el-config-provider :locale="locale">
  39. <el-color-picker v-model="color" show-alpha :predefine="predefineColors" label="12" />
  40. </el-config-provider>
  41. </div>
  42. </div>
  43. <div class="jt-wall-row" v-show="isShowDirection">
  44. <div class="col-left">流动方向</div>
  45. <div class="col-main">
  46. <el-radio-group v-model="radioDirection">
  47. <el-radio-button v-for="(item, index) in directions" :label="item.key" v-model="item.value" @change="directionChange" />
  48. </el-radio-group>
  49. </div>
  50. </div>
  51. <div class="jt-wall-row" v-show="isShowOrder">
  52. <div class="col-left">流动顺序</div>
  53. <div class="col-main">
  54. <el-radio-group v-model="radioOrder">
  55. <el-radio-button v-for="(item, index) in orders" :label="item.key" v-model="item.value" />
  56. </el-radio-group>
  57. </div>
  58. </div>
  59. <div class="jt-wall-row" v-show="isShowSpeed">
  60. <div class="col-left">流动时间</div>
  61. <div class="col-main">
  62. <div class="col-main">
  63. <el-input v-model="speed" placeholder="输入流动时间0~10" clearable />
  64. </div>
  65. </div>
  66. </div>
  67. <div class="jt-wall-row" v-show="isShowCount">
  68. <div class="col-left">重复数量</div>
  69. <div class="col-main">
  70. <el-input v-model="yCount" placeholder="输入1~100" clearable />
  71. </div>
  72. </div>
  73. <div class="jt-wall-row" v-show="isShowText" style="height: 60rem;">
  74. <div class="col-left">文字内容</div>
  75. <div class="col-main">
  76. <el-input v-model="txtContent" placeholder="输入显示的文字内容" clearable type="textarea" :rows="2" />
  77. </div>
  78. </div>
  79. <div class="jt-wall-row" v-show="isShowOutlineWidth">
  80. <div class="col-left">描边宽度</div>
  81. <div class="col-main">
  82. <el-input v-model="outlineWidth" placeholder="输入宽度值" clearable />
  83. </div>
  84. </div>
  85. <div class="jt-wall-row" v-show="isShowOutlineColor">
  86. <div class="col-left">描边颜色</div>
  87. <div class="col-main">
  88. <el-config-provider :locale="locale">
  89. <el-color-picker v-model="outlineColor" show-alpha :predefine="predefineColors" label="12" />
  90. </el-config-provider>
  91. </div>
  92. </div>
  93. <div class="jt-wall-row" v-show="isShowVideoUrl" style="height: 100rem;">
  94. <div class="col-left">视频地址</div>
  95. <div class="col-main">
  96. <el-input v-model="txtVideoUrl" placeholder="输入播放视频的地址" clearable type="textarea" :rows="4" />
  97. </div>
  98. </div>
  99. <div class="jt-wall-row" v-show="isShowAxis">
  100. <div class="col-left">X轴平移</div>
  101. <div class="col-main">
  102. <el-input-number v-model="axisX" :precision="2" :step="0.1" :max="10"></el-input-number>
  103. </div>
  104. </div>
  105. <div class="jt-wall-row" v-show="isShowAxis">
  106. <div class="col-left">Y轴平移</div>
  107. <div class="col-main">
  108. <el-input-number v-model="axisY" :precision="2" :step="0.1" :max="10"></el-input-number>
  109. </div>
  110. </div>
  111. <div class="jt-wall-row" v-show="isShowAxis">
  112. <div class="col-left">Z轴平移</div>
  113. <div class="col-main">
  114. <el-input-number v-model="axisZ" :precision="2" :step="0.1" :max="10"></el-input-number>
  115. </div>
  116. </div>
  117. <div class="el-body-foot">
  118. <el-button-group>
  119. <el-button type="primary" :icon="Edit" @click="submit()">修改</el-button>
  120. <el-button type="primary" style="background-color: rgb(222, 146, 47);" :icon="Delete" @click="remove()">删除</el-button>
  121. <el-button type="primary" style="background-color: rgb(126, 128, 135);" :icon="Close" @click="close()">关闭</el-button>
  122. </el-button-group>
  123. </div>
  124. </div>
  125. </template>
  126. </el-dialog>
  127. </div>
  128. </template>
  129. <script setup>
  130. /* 引入ref和reactive 其中ref用于简单类型 reactive用于复杂类型 */
  131. import {
  132. computed,
  133. ref,
  134. reactive,
  135. toRefs,
  136. watch,
  137. getCurrentInstance
  138. } from 'vue';
  139. import {
  140. ElDialog,
  141. ElInput,
  142. ElButtonGroup,
  143. ElConfigProvider,
  144. ElColorPicker,
  145. ElRadioButton,
  146. ElButton,
  147. ElRadioGroup,
  148. ElInputNumber
  149. } from 'element-plus';
  150. import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
  151. import en from 'element-plus/dist/locale/en.mjs';
  152. import {
  153. ArrowLeft,
  154. ArrowRight,
  155. Delete,
  156. Edit,
  157. Share,
  158. Close
  159. } from '@element-plus/icons-vue';
  160. import {
  161. param,
  162. type
  163. } from 'jquery';
  164. import {
  165. DrawTools
  166. } from './DrawTools.js';
  167. const language = ref('zh-cn');
  168. const locale = computed(() => (language.value === 'zh-cn' ? zhCn : en));
  169. const {
  170. proxy
  171. } = getCurrentInstance();
  172. const props = defineProps({
  173. params: {
  174. id: {
  175. type: String,
  176. default: () => undefined
  177. },
  178. height: {
  179. type: Number,
  180. default: () => 13
  181. },
  182. bottomHeight: {
  183. type: Number,
  184. default: () => 0
  185. },
  186. color: {
  187. type: String,
  188. default: () => '255,255,0,0.9'
  189. },
  190. direction: {
  191. type: String,
  192. default: () => 'horizontal'
  193. },
  194. order: {
  195. type: String,
  196. default: () => '+'
  197. },
  198. count: {
  199. type: Number,
  200. default: () => 2
  201. },
  202. text: {
  203. type: String,
  204. default: () => ''
  205. },
  206. lineWidth: {
  207. type: Number,
  208. default: () => 2
  209. },
  210. glowPower: {
  211. type: Number,
  212. default: () => 0.25
  213. },
  214. outlineWidth: {
  215. type: Number,
  216. default: () => 0
  217. },
  218. outlineColor: {
  219. type: String,
  220. default: () => '255,255,0,0.9'
  221. },
  222. speed: {
  223. type: Number,
  224. default: () => 1.5
  225. },
  226. videoUrl: {
  227. type: String,
  228. default: () => ''
  229. },
  230. arcHeight: {
  231. type: Number,
  232. default: () => 1000
  233. },
  234. axisX: {
  235. type: Number,
  236. default: () => 0
  237. },
  238. axisY: {
  239. type: Number,
  240. default: () => 0
  241. },
  242. axisZ: {
  243. type: Number,
  244. default: () => 0
  245. }
  246. },
  247. showDialog: {
  248. type: Boolean,
  249. default: () => false
  250. }
  251. });
  252. const emit = defineEmits(['submit', 'update:showDialog', 'update:params', 'remove']);
  253. /* 默认颜色 */
  254. const predefineColors = ref([
  255. '#ff4500',
  256. '#ff8c00',
  257. '#ffd700',
  258. '#90ee90',
  259. '#00ced1',
  260. '#1e90ff',
  261. '#c71585',
  262. 'rgba(255, 69, 0, 0.68)',
  263. 'rgb(255, 120, 0)',
  264. 'hsv(51, 100, 98)',
  265. 'hsva(120, 40, 94, 0.5)',
  266. 'hsl(181, 100%, 37%)',
  267. 'hsla(209, 100%, 56%, 0.73)',
  268. '#c7158577'
  269. ]);
  270. /* 初始赋值 */
  271. const isShowColor = ref(false);
  272. const isShowText = ref(false);
  273. const isShowHeight = ref(false);
  274. const isShowDirection = ref(false);
  275. const isShowOrder = ref(false);
  276. const isShowCount = ref(false);
  277. const isLineWidth = ref(false);
  278. const isShowLineWidth = ref(false);
  279. const isShowGlowpower = ref(false);
  280. const isShowOutlineWidth = ref(false);
  281. const isShowOutlineColor = ref(false);
  282. const isShowSpeed = ref(false);
  283. const isShowVideoUrl = ref(false);
  284. const isShowArcHeight = ref(false);
  285. const isShowAxis = ref(false);
  286. const color = ref(props.params.color);
  287. const title = ref('属性编辑');
  288. const dialogVisible = ref(props.showDialog);
  289. const directions = reactive([{
  290. key: '左右',
  291. value: 'horizontal'
  292. }, {
  293. key: '上下',
  294. value: 'vertical'
  295. }]);
  296. const orders = reactive([]);
  297. const radioDirection = ref('');
  298. const radioOrder = ref('');
  299. const wallHeight = ref(0);
  300. const yCount = ref(0);
  301. const txtContent = ref('');
  302. const lineWidth = ref(0);
  303. const glowPower = ref(0.25);
  304. const outlineWidth = ref(0);
  305. const outlineColor = ref(props.params.outlineColor);
  306. const speed = ref(1.5);
  307. const txtVideoUrl = ref('');
  308. const arcHeight = ref(1000);
  309. const axisX = ref(0);
  310. const axisY = ref(0);
  311. const axisZ = ref(0);
  312. /* 根据传递的属性更新 */
  313. updateParams(props.params);
  314. /**
  315. * 根据参数更新内容
  316. * @param {JSON} params 参数
  317. */
  318. function updateParams(params) {
  319. /* 保存到本地 */
  320. proxy._params = params;
  321. _setShowControls(false);
  322. /* 根据参数的显示不同的内容 */
  323. if (params.id === DrawTools.DrawType.TextWall) {
  324. title.value = '广告牌编辑';
  325. isShowColor.value = true;
  326. isShowText.value = true;
  327. isShowHeight.value = true;
  328. } else if (params.id === DrawTools.DrawType.DynamicWall) {
  329. title.value = '动态围栏编辑';
  330. isShowColor.value = true;
  331. isShowDirection.value = true;
  332. isShowOrder.value = true;
  333. isShowCount.value = true;
  334. isShowHeight.value = true;
  335. isShowSpeed.value = true;
  336. } else if (params.id === DrawTools.DrawType.NormalWall) {
  337. title.value = '普通围栏编辑';
  338. isShowColor.value = true;
  339. isShowHeight.value = true;
  340. } else if (params.id === DrawTools.DrawType.Circle) {
  341. title.value = '贴地圆编辑';
  342. isShowColor.value = true;
  343. isShowOutlineColor.value = true;
  344. isShowOutlineWidth.value = true;
  345. } else if (params.id === DrawTools.DrawType.DynamicCircle) {
  346. title.value = '扩散圆编辑';
  347. isShowColor.value = true;
  348. isShowCount.value = true;
  349. isShowSpeed.value = true;
  350. } else if (params.id === DrawTools.DrawType.House) {
  351. title.value = '房屋编辑';
  352. isShowColor.value = true;
  353. isShowHeight.value = true;
  354. } else if (params.id === DrawTools.DrawType.VideoWall) {
  355. title.value = '视频墙编辑';
  356. isShowHeight.value = true;
  357. isShowVideoUrl.value = true;
  358. isShowAxis.value = true;
  359. } else if (params.id === DrawTools.DrawType.Polyline) {
  360. title.value = '贴地线编辑';
  361. isShowColor.value = true;
  362. isShowLineWidth.value = true;
  363. } else if (params.id === DrawTools.DrawType.ArrowPolyline) {
  364. title.value = '箭头线编辑';
  365. isShowColor.value = true;
  366. isShowLineWidth.value = true;
  367. } else if (params.id === DrawTools.DrawType.DynamicPolyline) {
  368. title.value = '动态线编辑';
  369. isShowColor.value = true;
  370. isShowOrder.value = true;
  371. isShowCount.value = true;
  372. isShowLineWidth.value = true;
  373. isShowSpeed.value = true;
  374. } else if (params.id === DrawTools.DrawType.GrowPolyline) {
  375. title.value = '发光线编辑';
  376. isShowColor.value = true;
  377. isShowLineWidth.value = true;
  378. isShowGlowpower.value = true;
  379. } else if (params.id === DrawTools.DrawType.OutlinePolyline) {
  380. title.value = '描边线编辑';
  381. isShowColor.value = true;
  382. isShowLineWidth.value = true;
  383. isShowOutlineColor.value = true;
  384. isShowOutlineWidth.value = true;
  385. } else if (params.id === DrawTools.DrawType.Polygon) {
  386. title.value = '贴地面编辑';
  387. isShowColor.value = true;
  388. isShowOutlineColor.value = true;
  389. isShowOutlineWidth.value = true;
  390. } else if (params.id === DrawTools.DrawType.Rectangle) {
  391. title.value = '矩形编辑';
  392. isShowColor.value = true;
  393. isShowOutlineColor.value = true;
  394. isShowOutlineWidth.value = true;
  395. } else if (params.id === DrawTools.DrawType.SpatialLine) {
  396. title.value = '空间线编辑';
  397. isShowColor.value = true;
  398. isShowLineWidth.value = true;
  399. } else if (params.id === DrawTools.DrawType.OdLine) {
  400. title.value = 'OD线编辑';
  401. isShowSpeed.value = true;
  402. isShowColor.value = true;
  403. isShowLineWidth.value = true;
  404. isShowOrder.value = true;
  405. isShowArcHeight.value = true;
  406. } else {
  407. _setShowControls(false);
  408. }
  409. color.value = params.color;
  410. /* 判断方向及顺序 */
  411. if (params.direction === 'horizontal') {
  412. radioDirection.value = directions[0].key;
  413. Object.assign(orders, [{
  414. key: '自左至右',
  415. value: '-'
  416. }, {
  417. key: '自右至左',
  418. value: '+'
  419. }]);
  420. if (params.order === '-') {
  421. radioOrder.value = orders[0].key;
  422. } else {
  423. radioOrder.value = orders[1].key;
  424. }
  425. } else {
  426. radioDirection.value = directions[1].key;
  427. Object.assign(orders, [{
  428. key: '自上至下',
  429. value: '+'
  430. }, {
  431. key: '自下至上',
  432. value: '-'
  433. }]);
  434. if (params.order === '+') {
  435. radioOrder.value = orders[0].key;
  436. } else {
  437. radioOrder.value = orders[1].key;
  438. }
  439. }
  440. /* 单独更改 */
  441. if (params.id === DrawTools.DrawType.OdLine) {
  442. Object.assign(orders, [{
  443. key: '汇聚',
  444. value: '+'
  445. }, {
  446. key: '扩散',
  447. value: '-'
  448. }]);
  449. if (params.order === '+') {
  450. radioOrder.value = orders[0].key;
  451. } else {
  452. radioOrder.value = orders[1].key;
  453. }
  454. }
  455. wallHeight.value = parseFloat(params.height).toFixed(2);
  456. yCount.value = params.count;
  457. txtContent.value = params.text;
  458. lineWidth.value = params.lineWidth;
  459. glowPower.value = params.power;
  460. outlineColor.value = params.outlineColor;
  461. outlineWidth.value = params.outlineWidth;
  462. speed.value = (parseFloat(params.duration) / 1000).toFixed(2);
  463. txtVideoUrl.value = params.videoUrl;
  464. arcHeight.value = params.odlineHeight;
  465. axisX.value = params.axisX;
  466. axisY.value = params.axisY;
  467. axisZ.value = params.axisZ;
  468. // console.log('===设置参数显示>>>', params.lineWidth);
  469. }
  470. /**
  471. * 显示控件设置
  472. * @param {Boolean} isShow 是否显示
  473. */
  474. function _setShowControls(isShow) {
  475. isShowColor.value = isShow;
  476. isShowText.value = isShow;
  477. isShowDirection.value = isShow;
  478. isShowOrder.value = isShow;
  479. isShowCount.value = isShow;
  480. isShowHeight.value = isShow;
  481. isShowLineWidth.value = isShow;
  482. isShowGlowpower.value = isShow;
  483. isShowOutlineColor.value = isShow;
  484. isShowOutlineWidth.value = isShow;
  485. isShowSpeed.value = isShow;
  486. isShowVideoUrl.value = isShow;
  487. isShowArcHeight.value = isShow;
  488. isShowAxis.value = isShow;
  489. }
  490. /**
  491. * 对外部公开的函数
  492. */
  493. defineExpose({
  494. // updateParams
  495. });
  496. /**
  497. * 提交更改
  498. */
  499. function submit() {
  500. let outParam = proxy._params;
  501. outParam.height = wallHeight.value;
  502. outParam.color = color.value;
  503. outParam.direction = directions.filter(item => {
  504. return item.key === radioDirection.value;
  505. })[0].value;
  506. outParam.order = orders.filter(item => {
  507. return item.key === radioOrder.value;
  508. })[0].value;
  509. outParam.count = yCount.value;
  510. outParam.text = txtContent.value;
  511. outParam.lineWidth = lineWidth.value;
  512. outParam.power = glowPower.value;
  513. outParam.outlineColor = outlineColor.value;
  514. outParam.outlineWidth = outlineWidth.value;
  515. outParam.duration = speed.value * 1000;
  516. outParam.videoUrl = txtVideoUrl.value;
  517. outParam.odlineHeight = arcHeight.value;
  518. outParam.bottomHeight = props.params.bottomHeight;
  519. outParam.axisX = axisX.value;
  520. outParam.axisY = axisY.value;
  521. outParam.axisZ = axisZ.value;
  522. emit('submit', outParam);
  523. axisX.value = axisY.value = axisZ.value = 0;
  524. // dialogVisible.value = false;
  525. }
  526. /**
  527. * 关闭
  528. */
  529. function close() {
  530. dialogVisible.value = false;
  531. }
  532. /**
  533. * 提交删除
  534. */
  535. function remove() {
  536. emit('remove', {});
  537. dialogVisible.value = false;
  538. }
  539. /**
  540. * 材质方向选择事件
  541. * @param {Object} e
  542. */
  543. function directionChange(e) {
  544. if (e.target.value === directions[0].key) {
  545. Object.assign(orders, [{
  546. key: '自左至右',
  547. value: '-'
  548. }, {
  549. key: '自右至左',
  550. value: '+'
  551. }]);
  552. radioOrder.value = orders[0].key;
  553. } else if (e.target.value === directions[1].key) {
  554. Object.assign(orders, [{
  555. key: '自上至下',
  556. value: '-'
  557. }, {
  558. key: '自下至上',
  559. value: '+'
  560. }]);
  561. radioOrder.value = orders[0].key;
  562. }
  563. }
  564. /**
  565. * 窗口关闭,修改双向绑定值
  566. */
  567. function closeDialog() {
  568. emit('update:showDialog', false);
  569. }
  570. /**
  571. * 窗口打开
  572. */
  573. function openDialog() {
  574. updateParams(props.params);
  575. }
  576. </script>
  577. <style lang="scss">
  578. /* 引入element-plus的内部样式 必须在此处引入 否则无效 */
  579. /* 为了保证引入的样式文件起作用 必须保证文件名称以.ce.vue结束 */
  580. @import 'element-plus/theme-chalk/index.css';
  581. //组件内部样式
  582. .el-button{
  583. height: 32rem !important;
  584. padding: 8rem 15rem !important;
  585. font-size: 14rem !important;
  586. }
  587. .el-input__wrapper{
  588. padding: 1rem 11rem !important;
  589. }
  590. .el-input{
  591. height: 32rem !important;
  592. font-size: 14rem !important;
  593. }
  594. .jt-wall-row .col-left{
  595. font-size: 14rem !important;
  596. }
  597. .el-color-picker__trigger{
  598. height: 32rem !important;
  599. padding: 4rem !important;
  600. }
  601. .el-radio-button__inner{
  602. padding: 8rem 15rem !important;
  603. font-size: 14rem;
  604. }
  605. .el-textarea__inner{
  606. padding: 5rem 11rem !important;
  607. font-size: 14rem;
  608. }
  609. .el-input__inner{
  610. height: 32rem !important;
  611. font-size: 14rem !important;
  612. }
  613. /* 墙对话框内容行样式 */
  614. .jt-wall-row {
  615. display: flex;
  616. flex-direction: row;
  617. height: 40rem;
  618. align-items: center;
  619. /* 行左侧标题样式 */
  620. .col-left {
  621. display: flex;
  622. align-items: center;
  623. justify-content: right;
  624. width: 60rem;
  625. font-family: 'Alimama_ShuHeiTi_Bold';
  626. font-weight: bold;
  627. margin-right: 8rem;
  628. }
  629. /* 主要内容样式 */
  630. .col-main {
  631. flex: 1;
  632. display: flex;
  633. flex-direction: row;
  634. .el-input--suffix {
  635. background-color: rgba(255, 255, 255, 0);
  636. }
  637. .el-input--suffix * {
  638. background-color: rgba(255, 255, 255, 0);
  639. color: rgba(255, 255, 255, 1);
  640. }
  641. /* 数字组件按钮背景色 */
  642. .el-input-number__decrease,
  643. .el-input-number__increase {
  644. background-color: rgb(52, 137, 255);
  645. color: rgb(255, 255, 255);
  646. }
  647. }
  648. }
  649. /* 墙对话框整体样式 */
  650. .jt-wall-dialog {
  651. pointer-events: none; // ***覆盖层元素增加可穿透点击事件***
  652. .el-dialog {
  653. pointer-events: auto; // ***弹窗层元素不可穿透点击事件(不影响弹窗层元素的点击事件)***
  654. position: absolute !important; //将通知框的position改成absolute,可以在某个div进行显示
  655. background: rgb(5 45 155 / 70%);
  656. min-width: 280rem;
  657. overflow: hidden;
  658. margin-top: 0rem;
  659. /* 对话框标题头样式 */
  660. .el-dialog__header {
  661. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAyCAIAAAD9fhrKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NTc1YTY2Yi1hY2U5LTUyNDctODM5MS01MGJjMjM4MDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY4MTUxMzk2RDM1MTFFRDkzM0JDNEQ5N0IwQTIxRjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY4MTUxMzg2RDM1MTFFRDkzM0JDNEQ5N0IwQTIxRjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjZlNTUzODYtMzRjZC02NDQyLWI4OTktODY4YTdiYTNkMzgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1NzVhNjZiLWFjZTktNTI0Ny04MzkxLTUwYmMyMzgwOTEwOSIv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) no-repeat;
  662. background-size: 100%;
  663. margin-right: 0rem;
  664. padding: 6rem;
  665. text-align: center;
  666. }
  667. /* 对话框关闭按钮的样式 */
  668. .el-dialog__headerbtn {
  669. height: 34rem;
  670. }
  671. /* 对话框主体的样式 */
  672. .el-dialog__body {
  673. padding: 10rem;
  674. color: #fff;
  675. }
  676. /* 颜色选择器的宽度 */
  677. .el-color-picker__trigger {
  678. width: 120rem;
  679. }
  680. /* 底部按钮容器样式 */
  681. .el-body-foot {
  682. position: absolute;
  683. bottom: 8rem;
  684. right: 8rem;
  685. width: calc(100% - 16rem);
  686. }
  687. /* 底部容器内分组容器样式 */
  688. .el-body-foot .el-button-group {
  689. display: flex;
  690. }
  691. /* 底部容器内按钮样式 */
  692. .el-body-foot .el-button-group .el-button {
  693. border: solid 0rem rgb(255, 0, 0);
  694. flex: 1;
  695. }
  696. }
  697. }
  698. </style>