app:修改images引入方式

zhangzengfei

2020-08-03 1a94e4c4d56cdb04da7bab981d9389f87daa0683

 src/pages/algorithmManage/index/App.vue

@@ -66,8 +66,12 @@
                          <div class="svg-wrap">

                            <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">

                              <use :xlink:href="`#${item.icon}`" />

                            </svg> -->

                            <img class="baseImg" :src="`data:image/png;base64,${item.iconBlob}`" alt="">

                            </svg>-->

                            <img

                              class="baseImg"

                              :src="`data:image/png;base64,${item.iconBlob}`"

                              alt

                            />

                          </div>

                          <div class="alg-name">

                            <div style="padding:0px 10px 0px 10px;">

@@ -705,7 +709,7 @@
                </div>

              </div>

            </div>

          </div> -->

          </div>-->

        </div>

      </div>

    </div>

@@ -846,7 +850,7 @@
  },

  directives: {

    focus: {

      inserted: function(el) {

      inserted: function (el) {

        el.querySelector("input").focus();

      }

    }

@@ -869,7 +873,7 @@
      //this.activeCode

      this.actStep++

    },

    getCodeDetail() {},

    getCodeDetail() { },

    checkMyAlgorith() {

      this.actDrawerShow = false;

      this.activeName = "myAlgorithm";

@@ -909,7 +913,7 @@
      //     });

      //   });



      this.$confirm('','算法信息',{

      this.$confirm('', '算法信息', {

        message: `<div class="installInfo">

                    <div><span>算法名称：</span><span>${file.filename}</span></div>

                    <div><span>安装版本：</span><span></span></div>

@@ -924,7 +928,7 @@
        this.isInstall = true;

        //安装

        installSdk(file).then(res => {

          if(res.success){

          if (res.success) {

            debugger

            this.isInstall = false;

            //this.$refs['progressBar'].style.width = 100%

@@ -933,16 +937,16 @@
              type: 'success',

              message: '安装成功,将跳转至我的算法中查看'

            });

            setTimeout(()=>{

            setTimeout(() => {

              this.findAllSdk();

              this.activeName = 'myAlgorithm';

            },3000)

            }, 3000)

          }

        });

      }).catch(() => {

        console.log('取消安装')

      })

      


    },



    onFileAdded(f) {

@@ -1036,7 +1040,7 @@
        .then(() => {

          this.deleteTask(data);

        })

        .catch(err => {});

        .catch(err => { });

    },

    clickSetAlgo(row, data) {

      // window.console.log(row, data, "编辑任务中某一个算法");

@@ -1225,7 +1229,7 @@
        .then(() => {

          this.delTaskSdk(task, sdk);

        })

        .catch(err => {});

        .catch(err => { });

    },

    selectChange(event, type, data) {

      if (type === "options1") {

@@ -1603,14 +1607,14 @@
      this.sceneDialogVisible = true;

      this.dialogTitle = '编辑场景模板';

    },

    handleDelScene(item){

    handleDelScene(item) {

      this.$confirm('此操作将删除该应用场景模板, 是否继续?', '提示', {

        confirmButtonText: '确定',

        cancelButtonText: '取消',

        type: 'warning'

      }).then(() => {

        deleteTemplate(item.id).then(res=>{

          if(res && res.success){

        deleteTemplate(item.id).then(res => {

          if (res && res.success) {

            this.updateTemplates();

            this.$message({

              type: 'success',

@@ -1618,7 +1622,7 @@
            });

          }

        })

        


      }).catch(() => {

        console.log('取消删除');

      });

@@ -1646,7 +1650,7 @@
.s-task-manage {

  width: 100% !important;

  height: 100%;

  


  box-sizing: border-box;

  background-color: rgb(233, 235, 242);

  padding: 10px;

@@ -1693,20 +1697,18 @@
  cursor: pointer;

}







.installInfo{

.installInfo {

  text-indent: 2em;

  font-size: 14px;

  color: #777;

  p{

  p {

    text-align: center;

    color: #666;

  }

}

.task-manage {

  height: 100%;

  .installModel{

  .installModel {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

@@ -1714,7 +1716,7 @@
    top: 0;

    left: 0;

    z-index: 100;

    .progress-bar{

    .progress-bar {

      width: 70%;

      height: 17px;

      border-radius: 3px;

@@ -1722,10 +1724,10 @@
      position: absolute;

      top: 50%;

      left: 50%;

      background: url(../../../assets/gif/green.gif);

      background: url("/images/algo/green.gif");

      overflow: hidden;

      transform: translate(-50%,-50%);

      .inner-bar{

      transform: translate(-50%, -50%);

      .inner-bar {

        position: absolute;

        top: 0;

        left: 0;

@@ -1753,7 +1755,7 @@
  //     width: 58% !important;

  //   }

  // }

  .edit-rules-box{

  .edit-rules-box {

    padding: 0 2px 0 13px;

  }

  .common {

@@ -1834,7 +1836,7 @@
          margin-bottom: 30px;

          .inner {

            width: 80%;

           


            box-sizing: border-box;

            position: relative;

            font-size: 14px;

@@ -1845,12 +1847,12 @@
            box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);

            border-radius: 4px;

            margin: auto;

            &:hover{

              .mask{

            &:hover {

              .mask {

                display: block;

              }

            }

            .mask{

            .mask {

              position: absolute;

              top: 0;

              left: 0;

@@ -1862,18 +1864,18 @@
              z-index: 1;

              border-radius: 3px;

              display: none;

              .tool{

              .tool {

                position: absolute;

                top: 49%;

                left: 50%;

                transform: translate(-50%,-50%);

                i{

                transform: translate(-50%, -50%);

                i {

                  font-size: 50px;

                }

                i:nth-of-type(1){

                i:nth-of-type(1) {

                  margin-right: 30px;

                }

                i:nth-of-type(2){

                i:nth-of-type(2) {

                  color: red;

                }

              }

@@ -1885,7 +1887,7 @@
              margin: auto;

              justify-content: center;

              align-content: center;

              align-items: center;        
              align-items: center;

              .single,

              .double,

              .third,

@@ -1920,54 +1922,54 @@
              }

              .single {

                margin: auto;

                .svg-wrap{

                .svg-wrap {

                  top: 50%;

                  left: 50%;

                  transform: translate(-50%,-50%);

                  transform: translate(-50%, -50%);

                  box-shadow: none;

                }

              }

              .double{

                .svg-wrap:nth-of-type(1){

              .double {

                .svg-wrap:nth-of-type(1) {

                  top: 50%;

                  transform: translateY(-50%);

                  left: 0;

                }

                .svg-wrap:nth-of-type(2){

                .svg-wrap:nth-of-type(2) {

                  top: 50%;

                  transform: translateY(-50%);

                  right: 0;

                }

              }

              .third{

                .svg-wrap:nth-of-type(1){

              .third {

                .svg-wrap:nth-of-type(1) {

                  top: 0;

                  left: 0;

                }

                .svg-wrap:nth-of-type(2){

                .svg-wrap:nth-of-type(2) {

                  top: 0;

                  right: 0;

                }

                .svg-wrap:nth-of-type(3){

                .svg-wrap:nth-of-type(3) {

                  top: 50%;

                  left: 50%;

                  transform: translateX(-50%);

                }

              }

              .four{

                .svg-wrap:nth-of-type(1){

              .four {

                .svg-wrap:nth-of-type(1) {

                  top: 0;

                  left: 0;

                }

                .svg-wrap:nth-of-type(2){

                .svg-wrap:nth-of-type(2) {

                  top: 0;

                  right: 0;

                }

                .svg-wrap:nth-of-type(3){

                .svg-wrap:nth-of-type(3) {

                  top: 50%;

                  left: 0;                
                  left: 0;

                }

                .svg-wrap:nth-of-type(4){

                .svg-wrap:nth-of-type(4) {

                  top: 50%;

                  right: 0;

                }

@@ -1983,7 +1985,6 @@
              left: 0;

            }

          }

          
        }

      }

      .store-list {

@@ -2009,12 +2010,11 @@
              width: 80%;

              margin: auto;

              padding-top: 80%;

              svg{

              svg {

                position: absolute;

                top: 50%;

                left: 50%;

                transform: translate(-50%,-50%);



                transform: translate(-50%, -50%);

              }

            }

            .alg-name {

@@ -2097,9 +2097,9 @@
        }

        .text-right {

          padding-right: 30px;

          .tip{

          .tip {

            color: #999;

            line-height: 38px;  
            line-height: 38px;

          }

        }

      }

@@ -2391,22 +2391,22 @@
      height: 100%;

      padding-bottom: 10px;

      text-align: center;

      .svg-wrap{

      .svg-wrap {

        width: 80%;

        margin: auto;

        padding-top: 80%;

        position: relative;

        svg{

        svg {

          position: absolute;

          top: 50%;

          left: 50%;

          transform: translate(-50%,-50%);

          transform: translate(-50%, -50%);

        }

        .baseImg {

          position: absolute;

          top: 50%;

          left: 50%;

          transform: translate(-50%,-50%);

          transform: translate(-50%, -50%);

        }

      }

    }