openatc-components 0.0.93 → 0.0.94

package/src/kisscomps/components/MessageBox/index.vue

@@ -1,96 +0,0 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-<template>
-  <div>
-    <el-dialog
-      center
-      width="424px"
-      :visible.sync="boxVisible"
-      :title="modalTitle"
-      :close-on-click-modal="false"
-      custom-class="MessageBox"
-      @close="oncancle"
-      append-to-body>
-      <div class="text">{{text}}</div>
-      <div slot="footer" class="boxFooter">
-        <el-button class="btn canclebtn" @click="oncancle">{{$t('openatccomponents.button.Cancel')}}</el-button>
-        <el-button class="btn okbtn" type="primary" @click="onok">{{$t('openatccomponents.button.OK')}}</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-export default {
-  name: 'message-box',
-  data () {
-    return {
-      boxVisible: this.visible,
-      modalTitle: this.$t('openatccomponents.common.tipsmodaltitle')
-    }
-  },
-  watch: {
-    visible: function (val) {
-      this.boxVisible = val
-    },
-    title: function (val) {
-      this.modalTitle = val
-    }
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '提示'
-    },
-    text: {
-      type: String,
-      default: ''
-    }
-  },
-  methods: {
-    onok () {
-      this.$emit('ok')
-    },
-    oncancle () {
-      this.$emit('cancle')
-    }
-  },
-  mounted () {
-  },
-  beforeUpdate () {
-    this.modalTitle = this.$t('openatccomponents.common.tipsmodaltitle')
-  }
-}
-</script>
-<style>
-.MessageBox .el-dialog__body {
-  text-align: center;
-}
-.MessageBox .el-dialog__title {
-  font-size: 16px;
-}
-.MessageBox .text {
-  font-size: 14px;
-}
-.MessageBox .boxFooter .btn {
-  font-size: 14px;
-  width: 64px;
-  height: 34px;
-  padding: 2px 10px;
-}
-.MessageBox .el-dialog__footer {
-  padding: 10px 20px 20px;
-}
-</style>

package/src/views/customchannelization.vue

@@ -1,49 +0,0 @@
-<template>
-<!-- 渠化绘制demo -->
-  <div style="height: 100%;">
-      <!-- <custom-channelization
-        :AgentId="agentId" /> -->
-      <CustomChannelization
-        :AgentId="agentId"
-        :tscParam="tscParams"
-        @saveCallback="saveCallback" />
-  </div>
-</template>
-<script>
-import { getIntersectionInfo } from '../api/template.js'
-import CustomChannelization from '../kisscomps/components/DrawChannelization/drawsvg/index'
-export default {
-  name: 'custom-channelization-demo',
-  data () {
-    return {
-      agentId: '10003-391',
-      tscParams: {}
-    }
-  },
-  components: {
-    CustomChannelization
-  },
-  methods: {
-    getIntersectionInfo () {
-      // 获取路口信息
-      getIntersectionInfo(this.agentId).then(res => {
-        console.log('接口上载的参数', res.data.data.param)
-        this.tscParams = res.data.data.param
-      })
-    },
-    saveCallback (res) {
-      // 保存渠化图回调
-      console.log('保存接口返回的参数', res)
-    }
-  },
-  created () {
-  },
-  mounted () {
-    this.getIntersectionInfo()
-  },
-  destroyed () {
-  }
-}
-</script>
-<style lang="scss">
-</style>

package/static/styles/channelizatioon.scss

@@ -1,365 +0,0 @@
-// 渠化图组件
-.custom-cross-part {
-  padding-top: 8PX;
-  // padding-left: 28PX;
-  height: 100%;
-  .first-import-crossmap {
-    height: 100%;
-    background-color: $--color-white;
-    position: relative;
-    margin-left: 28PX;
-    .import-btn {
-      min-width: 218PX;
-      text-align: center;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      .el-button {
-        width: 220PX;
-        height: 60PX;
-        border-radius: 4PX;
-        line-height: 60PX;
-        padding: 0;
-        font-size: 20PX;
-        font-weight: 400;
-      }
-      .tip {
-        font-size: 14PX;
-        font-weight: 400;
-        color: $--color-text-regular;
-        line-height: 22PX;
-        margin-top: 22PX;
-      }
-    }
-  }
-  .custom-cross {
-    .custom-main {
-      width: 100%;
-      overflow: hidden;
-    }
-    .drawPanelAnimation {
-      transition-property: opacity , width;
-      transition-duration: 0.5s , 0.5s;
-    }
-    .custom-group {
-      // width: 980PX;
-      width: calc(64% - 28PX);
-      margin-left: 28PX;
-      float: left;
-      background-color: $--color-white;
-      border: solid 1PX $--border-color-lighter;
-      // margin-right: 20PX;
-      .draw-function {
-        overflow: hidden;
-        padding: 20PX;
-        .again-import {
-          float: left;
-          .import-label {
-            font-size: 14PX;
-            font-weight: 400;
-            color: $--color-text-primary;
-            margin-right: 23PX;
-          }
-          .again-import-btn {
-            padding: 0;
-            line-height: 32PX;
-            width: 90PX;
-            height: 32PX;
-          }
-        }
-        .draw-to-sketchpad {
-          float: right;
-          overflow: hidden;
-          .drawtip {
-            float: left;
-            font-size: 14PX;
-            font-family: Source Han Sans CN;
-            font-weight: 400;
-            color: #909399;
-            line-height: 22PX;
-            margin-right: 14PX;
-            line-height: 32PX;
-          }
-          .draw-operation {
-            float: left;
-          }
-        }
-      }
-      .sketchpad-area {
-        position: relative;
-        // min-height: 702PX;
-        height: 652PX;
-        overflow: auto;
-        .cross-map-part {
-          position: relative;
-          min-height: 650PX;
-        }
-        /* 删除hover的虚线框 */
-        .drr:hover:before {
-          outline: none;
-        }
-        .drr.active:before {
-          outline: 2PX dashed lightskyblue;
-        }
-        .channelization-elements-components {
-          border: 1px solid $--border-color-base;
-          margin: 0 auto;
-        }
-      }
-      .draw-end-function {
-        text-align: center;
-        padding-bottom: 60PX;
-        margin-top: 52PX;
-        .el-button {
-          width: 90PX;
-          height: 32PX;
-          padding: 0;
-          line-height: 32PX;
-        }
-      }
-    }
-    #sketchpadArea{
-      cursor: default;
-      overflow: hidden;
-    }
-    .custom-edit {
-      float: left;
-      // width: calc(100% - 980PX - 20PX);
-      // width: 515PX;
-      width: calc(36% - 20PX);
-      margin-left: 20PX;
-      background-color: $--color-white;
-      border: solid 1PX $--border-color-lighter;
-      padding: 22PX;
-      padding-right: 0PX;
-      min-height: 916PX;
-      .each-icon {
-        float: left;
-        .single-icon {
-          margin-right: 10PX;
-          text-align: center;
-          cursor:pointer;
-          width: 70PX;
-          height: 70PX;
-          background-color: #edf6ff;
-          border-radius: 6PX;
-          line-height: 1.15;
-          .patternWalk{
-            left: 14PX !important;
-          }
-          .closephase-icon {
-            margin-top: 10PX;
-            width: 56PX;
-            height: 24PX;
-          }
-          .direction-icon {
-            margin-top: 22PX;
-            width: 30PX;
-            height: 30PX;
-          }
-          .type-icon {
-            margin-top: 11PX;
-            width: 48PX;
-            height: 48PX;
-          }
-          .ped-icon {
-            margin-top: 11PX;
-            width: 48PX;
-            height: 48PX;
-          }
-        }
-        .single-icon-select {
-          text-align: center;
-          cursor:pointer;
-          width: 70PX;
-          height: 70PX;
-          background-color: #a2cfff;
-          border-radius: 6PX;
-        }
-        .single-icon-name {
-          width: 70PX;
-          margin-top: 3PX;
-          font-size: 12PX;
-          font-weight: normal;
-          font-stretch: normal;
-          line-height: 22PX;
-          letter-spacing: 0PX;
-          color: $--color-text-regular;
-          text-align: center;
-          height: 40PX;
-        }
-      }
-      .tittle {
-        height: 20PX;
-        font-size: 20PX;
-        font-weight: 400;
-        color: $--color-text-primary;
-        line-height: 22PX;
-        margin-bottom: 17PX;
-      }
-      .lane-edit-panel {
-        position: relative;
-        .edit-id {
-          position: absolute;
-          right: 30PX;
-          top: 0PX;
-          color: $--color-text-primary;
-          font-size: 20PX;
-        }
-        .directions, .position, .lane-types, .ped-type, .ped-position, .detector-type, .detector-associated {
-          overflow: hidden;
-          margin-bottom: 55PX;
-        }
-        .delete-drawed-item {
-          text-align: center;
-          margin-top: 57PX;
-        }
-        .detector-threshold-formtext {
-          color: $--color-text-regular;
-        }
-      }
-      .phase-associated-component {
-        width: 100%;
-        height: auto;
-        overflow: hidden;
-        .phase-box {
-          float: left;
-          margin-top: 10PX;
-            .single-phase {
-              margin-right: 10PX;
-              text-align: center;
-              cursor:pointer;
-              width: 70PX;
-              height: 70PX;
-              background-color: #edf6ff;
-              border-radius: 6PX;
-              line-height: 1.15;
-              position: relative;
-              .phase-icon {
-                position: absolute;
-                left: 14PX;
-                top: 15PX;
-              }
-              .ped-icon {
-                position: absolute;
-                left: 14PX;
-                top: 15PX;
-              }
-              .patternWalk{
-                left: 14PX !important;
-              }
-              .delete-phase-icon {
-                position: absolute;
-                right: 3PX;
-                top: 0PX;
-                z-index: 99;
-                .el-icon-close {
-                  font-size: 6PX;
-                }
-              }
-            }
-            .single-phase-select {
-              background-color: #a2cfff;
-            }
-            .single-phase-name {
-              width: 70PX;
-              margin-top: 3PX;
-              font-size: 12PX;
-              font-weight: normal;
-              font-stretch: normal;
-              line-height: 22PX;
-              letter-spacing: 0PX;
-              color: $--color-text-regular;
-              text-align: center;
-              height: 40PX;
-            }
-        }
-      
-        .add-phase {
-          padding-top: 23PX;
-        }
-        .icon-fangda {
-          font-size: 24PX;
-          color: #409EFF;
-        }
-        .add-disabled {
-          color: #bcbec2;
-          background-color: #f4f4f5;
-        }
-        .special-lane {
-          display:flex;
-          flex-direction:row;
-          justify-content:center;
-          align-items:center;
-        }
-      }
-    }
-    .footer-btn {
-      margin-bottom: 20PX;
-    }
-    .phaseText {
-      // color: $--color-text-regular;
-      color: #fff;
-      position: absolute;
-      height: 14PX;
-      font-size: 14PX;
-    }
-    .edit-icon-btn {
-      min-width: 128PX;
-      height: 32PX;
-      border: 1PX solid $--border-color-base;
-      border-radius: 4PX;
-      padding: 0;
-      color: $--color-text-regular;
-      &:hover {
-        color: $--color-text-regular;
-      }
-      .lane-icon-svg {
-        float: left;
-        position: relative;
-        top: 1PX;
-        left: 13PX;
-        > div {
-          float: left;
-        }
-      }
-      .btn-label {
-        float: left;
-        position: relative;
-        top: 2PX;
-        left: 23PX;
-      }
-      .highlightColor {
-        color: $--color-primary;
-      }
-      .defaultColor {
-        color: $--color-text-regular;
-      }
-    }
-    .phase-table {
-      margin-top: 20PX;
-    }
-  }
-}
-.show-channelization {
-  .channelization-elements-components {
-    .cross-map-part {
-      position: relative;
-      min-height: 650PX;
-    }
-    .drr:hover:before {
-      outline: none;
-    }
-    .drr.active:before {
-      outline: 2PX dashed lightskyblue;
-    }
-    .phaseText {
-      // color: $--color-text-regular;
-      color: #fff;
-      position: absolute;
-      height: 14PX;
-      font-size: 14PX;
-    }
-  }
-}