yos_web/src/HManagement/siteManage/securityConfig/modules/setTemplate.vue

<template>
  <div style="margin-bottom: 10px">
    <el-card shadow="hover">
      <div class="div-flex">
        <div class="div-flex-left">
          <div style="margin: auto">
            <slot name="svgIcon"></slot>
          </div>
          <div style="margin-left: 10px">
            <div class="title-font">
              {{$t(title)}}
              <el-tooltip  effect="dark"  placement="top-start" class="inline-16" style="margin-top: 4px;margin-left: 5px" v-if="is_tip">
                <div slot="content">
                 <slot name="tipContent"></slot>
                </div>
                <img width="14px" height="14px" src="../../../../assets/icons/prompt_icon.svg" style="float: right">
              </el-tooltip>
            </div>
            <div class="result-font">{{$t(`当前设置：`) + $t(setResult)}}</div>
          </div>
          <div style="margin-left: 10px">
            <slot name="imgSrc"></slot>
          </div>
        </div>
<!--        <setContentTemplate></setContentTemplate>-->
        <div style="margin-top: 4px">
          <slot name="setContent"></slot>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import setContentTemplate from "@/HManagement/siteManage/securityConfig/modules/setContentTemplate";
export default {
  name: "setTemplate",
  props:['title','setResult','is_tip'],
  components:{setContentTemplate}
}
</script>

<style scoped>
 .div-flex{
   display: flex;
   justify-content: space-between;
 }
 .div-flex-left{
   display: flex;
   justify-content: left;
 }
 .title-font{
   font-size: 14px;
   font-weight: bold;
 }
 .result-font{
   font-size: 12px;
   color: #7F8792;
 }
</style>