fuse/src/views/draw-file/style.module.scss

.df-header {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  line-height: inherit;
  padding: 0 20px;
}

.df-header-right
.df-header-left {
  flex: none;
}

.df-header-center {
  position: absolute;
  left: 0;
  right: 0;
  color: inherit;
  text-align: center;
  font-size: 24px;
  margin: 0;
}

.df-header-left {
  display: flex;
  align-items: center;
}

.df-header-back span {
  margin-right: 18px;
}


.df-header-left,
.df-header-right {
  z-index: 1;
}

.df-header-right {
  display: flex;
  align-items: center;
}

.df-header-action {
  margin-right: 60px;
  :global(.iconfont) {
    cursor: pointer;
    font-size: 15px;
    &:not(:first-child) {
      margin-left: 32px;
    }
  }
}

.df-header-right :global(button) {
  margin-left: 10px;
}

.df-layout :global(.ant-layout-sider) {
  background: #fff;
  max-width: 340px !important;
  min-width: 340px !important;
  flex: 0 0 340px !important;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
}

.df-board {
  margin: 30px;
  height: calc(100% - 30px);
  padding: 10px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;

  .df-board-content {
    box-sizing: content-box;
    border: 1px solid #000;
    outline: 10px solid #fff;
    background: #fff;
    margin: auto;
    width: 940px;
    height: 670px;
    position: relative;

    canvas {
      width: 100%;
      height: 100%;
    }
  }
}

.df-slide-content {
  padding: 24px;
  overflow-y: auto;
  height: 100%;
  h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
  }
}

.df-shape-layout {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.df-slide-shape {
  width: 88px;
  height: 88px;
  text-align: center;
  color: rgba(0,0,0,0.85);;
  cursor: pointer;
  transition: all .3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  :global(svg) {
    width: 40px;
    height: 40px;
    flex: none;
  }
  p {
    margin: 10px 0 0;
  }
  &.active,
  &:hover {
    background-color: #f5f5f5;
  }
}

.def-content {
  position: relative;
}

.def-shape-edit {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  width: fit-content;

  > :global(.ant-form-item) {
    margin-bottom: 0;
    &:not(:last-child) {
      margin-right: 15px;
    }
  }
}

.def-close-shape-edit {
  align-self: start;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85)
}

.def-color-item :global(.ant-form-item-control-input-content) {
  display: flex;
  align-items: center;

  > span {
    height: 32px;
    width: 60px;
  }
}

.def-select-map {
  width: 540px;
  height: 390px
}

.search-layout {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.search-result {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 0;
  overflow: hidden;

  &.show {
    max-height: 450px;
    overflow-y: auto;
  }
}

.def-map-info {
  margin-top: 10px;
  p {
    font-size: 14px;
    color: rgba(0,0,0,0.85);
    display: inline;
    &:not(:last-child)::after {
      content: ',';
      margin-right: 6px;
    }
  }

  span::after {
    content: '：';
  }
}

body {
  :global(.amap-content-body) {
    box-shadow: none;
  }
  :global(.amap_lib_placeSearch_poi) {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 20px 25px;
  }
  :global(.amap-combo-close) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAJYCAYAAAAgz7WkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTQyMDVlMi01NWJmLTIyNDctODQyOS1kNThkZmUxM2Y4NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIwQjg2RDUzNzc3MTFFNTlGQTBCRTlBNkIxQjU5Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIwQjg2RDQzNzc3MTFFNTlGQTBCRTlBNkIxQjU5Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5ZjlkMjFmLWNlZTEtMTU0OS05MTcwLWNiMWE3MTI4YTE4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTQyMDVlMi01NWJmLTIyNDctODQyOS1kNThkZmUxM2Y4NzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5v/VAMAAAPVUlEQVR42uzdCZAU1RkH8K+n52QP9oBdEImcBkVFckCqjFG8KwasCh54BBWLIlo5VBKiVhJJLI9SCTGIJRWjGLRiCRsJEgRMRa5UTEWJZCFkUQFld2WXddnZHXbn7nzf9GsYxz1mcQdfk39X/Wvn6J6Z3/br173Mx3uGZVl0MiyGQOavOcO5fzbnHs5FnArOPs7LnEWcsLPSohm7tYN4sm7P4rzFOZ3zOGcO5xXO7Zy3OWN13iNe9fMczvOcpZz5nOz29ivORrVnpnBSOkKcPXIfp7YbhCyHONdxJnFm6LpHHMiFnBe7QTjLHs4/ORfrDqlQv/nelibOYN0h0jtN7GNd6dE+0B2yinMbZ2gP68kxMpqzUnfIY5wuzgbO+Jx1ruX8lrOOs0N3SJs6Ccp9Odu9yVnNeY/zEmcT5wLOTN0hsrzP+RLnGtVDHVGIc1W3ewtnua4Yb879tDqbv9LNujWqe16kbut3rXXSXDQCAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggJyUkIjXS0YqNdI0zXtNn+9yMoyhZFkHk4nE+nQq9ZDl9R4sTiT0h7Sb5oSA3781EAoNoXicKBYjCgaJfD6KdnU1xhOJ80uTyb1aSzJ7JBTaa1VWWpbPZ8UMI9ZZXS2UuBUIWPJ4RzC4S9bTOZkSDp/PN5oiEYpWVnZY69cf8u3ZE7NWr26KlZZG6MgRef5M7Q8S0SRKSizeA1bH3Xe38/2EZS+xjnnz2vnIsOL8vCv2SDqdJpN/pnbv5luZSqF4iiicqquzDPW8K3qtttJSq4yPiq54PBmdOTNMU6cGaMuWaHDt2vKQ328e5gO/PBw2tG9a71ZVLekaNMhK8cF+hB/iXWJ1clJ+v9XJj++prn5Y96aV2SO1I0f6Bkej9SPC4aqU51gJl8lNqr6s7EB7IHDa2QcOaH3mzHxqyzASh4qL57YFAmTyiS/JOPnZyk2qpbj4Nn5e+9N/BpLkMztnTWN5+YakdMeMiBsG8f2alGm+Ls+7AiLNySMHfXHxnIaKioSPbzdUVnZ2FBXN5bZH2c1N7z1impnwh25sLi9fyMcFNZeVLeD7h53ndF8ybSaumo789mM+3xN7hw8v5ePiabnvhmaFv0cAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQSQbiHeRyOUImOk6TXv9XnNyw0PDbXSdDCRSK5PpdIPeck6mFhQrDUk85WtlU5PCAYDW0ODAkPiaaIYJ+ilklDQN76rMzozEYufz6tpXUGX+Z494DPXFRUHhkTiRJ2d8Xil1RWPHIknOhNERcXBU3xez6u6Ny27gs7vGx2JEVVStGP9DOvQnjm+2OorrabSdIw95IoKOruoxuOh2MdxuuH0JF02LlBdGvKWXDUhUPXtMQkr2pokMl1SwpGpkAuYtLspxTfSmQo6olS4rjllUcBwRQVd5mD3dHWSf3AZvdboL7r6D+Hw1GEU39JIxqbmYJG/zCSzrV2OJP0hoXDLk6lg8HtWScBb875VWVMrR7m/2F8RIG+0i0LtLY8QlevftPzxrrsHtTY3U5pbUqmXAsNCFCgxyeKWVXS4+YAvEb3PFceIYViJ4vZDcwORNkp4BJDM/Ax2tFJxe8ttBlnuqKDz8gf3ppNrylsbN1CSEaaPjESc+H6NmU69Ls+7AuJJpcji65LizrY5Fa0NCcvro8qPGzqLujrmWoaRed4VENNKkplOSpFmY3m4eWFZSz2VtTcv4PuH5XF53hXdrzcZz9yR374vGXtiePPeUr6afFrue5P6I/D3CCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAANItZP/+/W/Inba2tmm9rVxWVpZZb9SoUdN0gzj1SwYjLnQ+aE8IWUfW1XGPeNSeEMTmnjAOwllHW0hvGDcgZPnEeDrqA2/KxrgB8SlILkbtEe0Rn2haOYvVw233QLKPid46AK0huQd2X72ZlpCeeie3YDz5dLFuwBw9s/fVOzkYXc/suPoFBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAHEbRAptbuBcxRlP9jBO73HWcZ7ldGkpyZlXcBJnp3VsaeU0Zd3/kPMNHedDzL5zFqeNk+Ys5YzPem4E5wFOlBPnXKQrxM/ZpRCzetlA9sYRTgtnsI6Qm1TTWZrHRvPVuj/XEfJH9eHG5rFRiNPBeUe7OUN52c2p4FTn2Uf8jTOJo81wmk51kI/Tn2GbopxBOvW+DmS/2hsVeW4zkbNPR8gGjsyneWse20xX6HU6ntkr1dlbisqmcPb0sH4V503OqZwz1TbandlnqvOInCOu5hg5PcOFnPdV71aj85ldMkedvZ3LEemWX+bUqcdSnH+o23fpDJGM4TyjrrOcJcJZyZnMMTkr1ON36gzJznB1nWXmPO5gpCneoQOkr0lzP+rhcRm48RZOgjMSf1gBAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAkgGMm/ePLk9nPMSp6iPbSKc6zkfLVu2TBtI9neIszjPcFb0sc1szrWcJ3TaI9mjOZ3Oqc1jm11qXdIVMpbymzv3Xc443SBO07qCcy6nJs/tJqlt1usGeVg1l7Y8tyvjvKETxJPVE8lUrWs4l/Wy/qWcP6l1I7oeI3JCOUy9FyhH1V6zdD1GOtSHu7mP9beqONtoB3mMM4Fzdp7b1apttIM8wFmrIP/uY5tzVFf9Lc7XdYM0qDO7FPZ/0Mc2p6kD/l1cNAICCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAKIiyGqpnEwZyHZIzU5E9PJUFVBsotv5DEpuPkP5xecNl1rGudztnB+xPkO2bUp2YsMjLScM0Ot81Od9ogDkdGZziO7OFMGb5HpAnPrG1s5ac52zvfVNvW6QVaoD+ks+6jvgcBk71yiC8QpPDvCqevHdrJuVKem5UCePo5tl+kIWXsc276q48HuLC/m0WSClF+h8+cKkcH0rlTNJhcUUL2VVKLeqRskd6bjIZwfkD24Xu4ij323h+e02yONZNcrdrfIc1JK/gXdIb8huwT2y31ss1etqy1EmpQMInmfulTpbvka53HONzl36AqRD/8I5y7O6z2sL2fyxZyHcBkPCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCfgqh6LVlk5BkpYZKvrReRXSVEOtVl9bTkfj0t36PPVLefdyBuWHIh0s5K1O20m5pWbuXDQs4mzt85Td087wqIjM84lezh2CYqyF84Y9wEkcEmV3Eu5iwhe1LTaZxHyS7EdA1kOdllGXLMyNhyUlEqU2+Odkvzcj7kIdVbfZzVzA6qvdLupl7rJrKHLJQ6k7jaOy+QXRH0oZv2iKGODanlfVId5FLOJPPtdrgJIjW/UlTzQ85fOaNU73UPHavKdgXkOs5qzllk1zXKueTHZA8JeoubIOVkj2XqlDdtVcfMTrInBHbNwZ5Ue+CGrOfuUd1yEy7jAQEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEDdD+j2Lq64QGX2jhfKbxVW+zsYsroWGuHoWV6dpyYysv+fsyHO7SaqJrdcN8i+ya7P6O4vrZN2aFmZx1WaRpsVZp372J8ezTcHiHCPT1AmuP7O4DlfHiVYH+zbq3yyuAsEsrrhoBAQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAD5f4b0e85QXSG/JLtKSAprpITpiznrZs8Z+hXSbM5QByLzf8rgeTL7nozeJONqVeSsK3OGyvSbMjjSc5ybSaM5Qx2I1JSksyC9LQ5ENsScoYWCYM5QXRbMGaobBHOG6nyJIrN/y+hmfQ35KdXa1Zz/6gp5ilw8Z2h2yekszk7Opb2UpV7CqeVcr1OpbHa5LP4eAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQGTJLRiQkWdkqjSpbrjAVZKcb0df4JgqL+j2zW1vOWlmcc09RqR8Q2bckwIaKX36iVtAJ80srk4bG855jfM7zghOKefPnCs4K9xwjGAWV5273zLOM5wQ53lVXDORU+KGpuX0WtKUZMBJmaXyQbLnDPVz3ua846buV87oZ6geaqf6+SzZc7RfTzoOZ9hD01rCGcp5Vd0/n/NrzjWcW93Ua7l+FlenaUn3ewrZs7i2qOeG0bFZXG/GZTwggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggPQK4fjo2IhmhV7ktyZFOinKfA87gL/FWCy21jqBi7wf2d/hewbyW11aunTpualUKnIiEPI+8n6MCA04hJfqHTt2PHgiIPI+ZI9yUxBIRWVl5YRwOLyrkAh5fXkfsse28zsdzUBC5LczbPHixVen0+lkIRDyuvL6ZH93H1KdCw00RGq0Sjmj6urqnisEhF9XRhwcpd7naB3lQEOk25UaxiGTJ0+e1NnZWT+QCH69hilTpsj0tUPU+xiFgpDa1VJsdsrKlSvnDSRk1apVt/PrjlCv78l+00JAnBOjDAM6pr6+ft1AIBoaGqTQU0qmytTrG4WGOHtFBsobeuONN56XSCTaPguCtw/Pnj1b6sCq1Ot6ct+0UBBZpCCzmHPq5s2b7/8skG3btsnArSPV65ndvWkhIU4TKw8EAuNbW1vfOh4Eb7ddtie7DsyXe84oBMTTzUWdXNBF+ZqoY8mSJffzOSDen2s3WZ+3+5lsT/YQiakBvTjs5yJ9vdTIf6G2tvap/uwNWZ/sKWtle29vzaCQTSu7icllROW4ceMmRiKRffkgZD1Zn+yxHHu8DDmREKcXGyTnluXLl8+WK42+rkRkPbJLCgf1dlF4oiGGamJybhm9f//+mt4U8jzZJeiD1XaGLpDsy5eh06dP/yofwC09/LHUIs/Les5lSD5veiIhzrlFLi9GbNy4cUF3EHk86zLEzPdNTzTk6LmFM7a5uXlbNkLuk/0faLo9Z+gEyb58qZ4/f/6lyWSyUxDyU+6rv/qC+f7V93lCnCaWObds3759kUDkJ9mjzZbk06R0gTjnloqqqqqxTU1NL8vP4/nTtRCQ/v5blkd96JDqYmWkfxndPy7nkbx/I4ZxFDKQ/0DX38VU8Tj/2Cb/0tOvN9UEYmT9tLIuNvv/z44DCcE/YgMCCCCAAAIIIIAAAggggAACCCCAAOLC5X8CDADZPq8AgEDGhwAAAABJRU5ErkJggg==) no-repeat -1px -151px;
  }
  :global(.amap-combo-sharp) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAJYCAYAAAAgz7WkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTQyMDVlMi01NWJmLTIyNDctODQyOS1kNThkZmUxM2Y4NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIwQjg2RDUzNzc3MTFFNTlGQTBCRTlBNkIxQjU5Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIwQjg2RDQzNzc3MTFFNTlGQTBCRTlBNkIxQjU5Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5ZjlkMjFmLWNlZTEtMTU0OS05MTcwLWNiMWE3MTI4YTE4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTQyMDVlMi01NWJmLTIyNDctODQyOS1kNThkZmUxM2Y4NzMiLz4gPC9y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) no-repeat -5px -564px;
  }
}

.house-layout {
  display: flex;
  height: 556px;
}

.iframe-layout {
  height: 100%;
  flex: 0 0 1040px;
  iframe {
    border: none;
    width: 100%;
    height: 100%;
  }
}


.content-layout {
  flex: none;
  width: 360px;
  display: flex;
  flex-direction: column;
  margin-left: 40px;

  > div {
    flex: none;
    display: flex;
    flex-direction: column;

    > div {
      flex: 1;
    }
    h4 {
      font-size: 14px;
      font-weight: 400;
      color: rgba(0,0,0,0.85);
      line-height: 22px;
      margin-bottom: 15px;
      flex: none;

      span {
        float: right
      }
    }

    &:not(:first-of-type) {
      margin-top: 20px;
    }
  }

  
}
.house-image {
  border: 1px solid #D9D9D9;
  padding-top: 72.2222%;
  position: relative;

  > div {
    position: absolute;
    inset: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  img {
    width: 100%;
    object-fit: cover;
  }
}

.add-table-row {
  text-align: center;
  margin: 10px;
}

.tagging-transfer {
  padding: 8px;
}

.sort-item {
  list-style: none;
  position: relative;
  z-index: 2000;
}

.sort-bar-parent {
  position: relative;
  padding-right: 18px;
  .sort-bar {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
}

.def-btn:focus {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;

  &:global(.ant-btn-primary:focus) {
    color: #fff;
    border-color: #26559B;
    background: #26559B;
  }
}

:global(.edit-table-layout .ant-modal-body) {
  max-height: 451px;
  overflow-y: auto;
  
}

:global(.body-container .row-container:first-child:last-child .cell:last-child) {
  min-height: 24px;
}

:global(.body-container .row-container:first-child:last-child .cell:last-child .delete-container) {
  display: none;
}