[FE]增添配置页面图片显示

security-protection-platform/src/api/system/index.js

import http from '@/http'
import { keysMapping, keysMappingReverse } from '@/utils/keysMapping'
const { $default, $http } = http
const { $default } = http
const mapping = {
  scheduleId: 'workShiftId',

security-protection-platform/src/conf/axios.config.js

  root: {
    default: {
      baseURL: 'http://10.19.90.34:8018'
    },
    picurl: {
      baseURL: 'http://10.19.90.34:19000/tool-image/'
    }
  }
}

security-protection-platform/src/modules/system/monitor/HomePageSettings/Card.vue

  <div :class="{ active: showConfirm, lock: loadingDelete }" class="masonry__item div-block">
    <div :style="{ width: gridWidth }" class="card card-has-shadowed">
      <div :style="{ height: gridHeight }" class="card-block" style="margin: 0px; padding: 0px">
        <img :style="{ height: gridHeight, width: gridWidth }" :src="data.pictureUrl" alt="" />
        <img :style="{ height: gridHeight, width: gridWidth }" :src="this.$picurl.defaults.baseURL+data.pictureUrl" alt="" />
      </div>
      <div class="opt">
        <div class="move">拖拽移动</div>
<script>
import UpdateName from './UpdateName'
import http from '@/http'
const { $picurl } = http
export default {
  components: {
    UpdateName
    }
  },
  mounted() {
    //  console.log(this.$picurl.defaults.baseURL)
  },
  methods: {
    handleChangeName: function (name) {

security-protection-platform/src/modules/system/monitor/VideoMonitor/index.vue

            >
              <t-option
                v-for="item in departmentList"
                :key="item.code"
                :value="item.code"
                :key="item.id"
                :value="item.id"
              >{{ item.name }}</t-option
              >
            </t-select>
      sysapi.getDepartments().then((resp) => {
        this.departmentList = resp.data.data || []
        if (this.departmentList.length > 0) {
          this.currentWindPlaceValue = this.departmentList[0].code
          this.currentWindPlaceValue = this.departmentList[0].id
          this.getMonitorScene(this.currentWindPlaceValue)
        }
      })

security-protection-platform/src/modules/system/monitor/components/ViewCard/index.vue

<template>
  <div :class="{ active: showConfirm, lock: loadingDelete }" :style="{ width, height }" class="masonry__item div-block">
    <div class="card card-has-shadowed card-main">
      <div :style="`backgroundImage:url(${data.pictureUrl})`" class="card-bg" />
      <div :style="`backgroundImage:url(${this.$picurl.defaults.baseURL+data.pictureUrl})`" class="card-bg" />
      <div class="opt">
        <div class="move">拖拽移动</div>
        <t-button shape="round" icon="swap-outline" style="margin: 0px 2px 0px 2px" @click="handleEdit">替换</t-button>
<script>
import UpdateName from './UpdateName'
import http from '@/http'
// eslint-disable-next-line no-unused-vars
const { $picurl } = http
export default {
  components: {
    UpdateName
    height: {
      type: String,
      default: '100%'
    },
    monitorSceneTypeName: {
      type: String,
      require: true
    }
  },
  data() {