1.基础设置模块下的变换肤色完成

loulijun2021

2022-12-30 d1ce83391deac7bbafe7316e91ede5edd6ca30c9

 src/views/jcsz/adsz.vue

@@ -3,7 +3,7 @@
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="body_left">
        <div style="margin:10px 0">
          <i class="el-icon-s-comment" style="color:#42b983;" /> 车间信息：
          <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> 车间信息：
        </div>
        <el-input
          v-model="filterText"
@@ -29,12 +29,12 @@
            <div :style="{height: (contentHeight+51)+'px'}">
              <div class="pane_top">
                <div style="display: flex;align-items: center">
                  <div class="bar" />
                  <div class="bar" :style="{background:$store.state.settings.theme}" />
                  <div>响应人员</div>
                  <el-button
                    icon="el-icon-circle-plus-outline"
                    :disabled="allowClose"
                    :style="{color:allowClose?'#6f6e6f':'#42b983'}"
                    :style="{color:allowClose?'#6f6e6f':$store.state.settings.theme}"
                    style="height: 30px;line-height: 30px;font-size: 22px;padding:10px;background-color: #fafafa"
                    @click="responseUserClick"
                  />
@@ -45,7 +45,7 @@
                  </div>
                  <div style="margin-left: 5px;cursor: pointer">
                    <el-tooltip class="item" effect="dark" content="当前呼叫类型(启用/关闭)" placement="top">
                      <i class="el-icon-question" />
                      <i class="el-icon-question" :style="{color:$store.state.settings.theme}" />
                    </el-tooltip>
                  </div>
                </div>
@@ -58,6 +58,7 @@
                  :closable="!allowClose"
                  type="success"
                  style="margin-right: 10px;margin-bottom: 10px"
                  :style="{color:$store.state.settings.theme}"
                  @close="val=>tagClose(val,item,tag)"
                >
                  {{ tag.username }}
@@ -182,13 +183,14 @@
          closable
          type="success"
          style="margin-right: 10px;margin-bottom: 10px"
          :style="{color:$store.state.settings.theme}"
          @close="val=>userTagClose(val,tag)"
        >
          {{ tag.username }}
        </el-tag>
      </div>
      <div>
        <i class="el-icon-s-comment" style="color:#42b983;margin: 20px 10px 20px 0" />人员：
        <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" style="margin: 20px 10px 20px 0" />人员：
      </div>
      <div
        style=" background-color: #fafafa;  padding: 10px;  min-height: 420px;"
@@ -524,7 +526,6 @@
<!--本页面单独样式-->
<style lang="scss" scoped>
$main_color: #42b983;
//$main_color: var(theme);
.body {
  display: flex;
  flex-direction: row;
@@ -557,7 +558,7 @@
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background-color: $main_color;
    //background-color: $main_color;
    margin-right: 10px;
  }
}
@@ -570,9 +571,9 @@

.body_left_tree {
  ::v-deep .is-current > .el-tree-node__content {
    background-color: $main_color !important;
    background-color: #dedcdc !important;
    font-weight: bolder;
    color: #FFFFFF;
    //color: #FFFFFF;
  }
}
</style>