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,18 +29,25 @@
            <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="height: 30px;line-height: 30px;font-size: 22px;padding:   10px"
                    :style="{color:allowClose?'#6f6e6f':$store.state.settings.theme}"
                    style="height: 30px;line-height: 30px;font-size: 22px;padding:10px;background-color: #fafafa"
                    @click="responseUserClick"
                  />
                </div>
                <div>
                  <el-checkbox v-model="allowClose" @change="allowCloseChange">允许关闭</el-checkbox>
                <div style="display: flex;align-content: center">
                  <div>
                    <el-checkbox v-model="allowClose" @change="allowCloseChange">允许关闭</el-checkbox>
                  </div>
                  <div style="margin-left: 5px;cursor: pointer">
                    <el-tooltip class="item" effect="dark" content="当前呼叫类型(启用/关闭)" placement="top">
                      <i class="el-icon-question" :style="{color:$store.state.settings.theme}" />
                    </el-tooltip>
                  </div>
                </div>
              </div>
              <el-empty v-if="AnDengResponUserArr.length===0" :image-size="200" description="暂无数据" />
@@ -51,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 }}
@@ -160,7 +168,7 @@
      title="响应人员"
      :visible.sync="userDialogVisible"
      width="800px"
      top="15vh"
      top="10vh"
      :close-on-click-modal="false"
      @closed="handleUserClose"
      @close="handleUserClose"
@@ -175,17 +183,18 @@
          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;"
        :style="{maxHeight:(contentHeight-300)+'px',overflowY: 'scroll'}"
        :style="{maxHeight:(contentHeight-300)+'px'}"
      >

        <el-input
@@ -427,12 +436,14 @@
            }
          })

          loading.close()
          this.userDialogVisible = true
          setTimeout(() => {
            loading.close()
            this.userDialogVisible = true

          this.$nextTick(() => {
            this.$refs.userTree.setCheckedKeys(this.treeCheckedKey)
          })
            this.$nextTick(() => {
              this.$refs.userTree.setCheckedKeys(this.treeCheckedKey)
            })
          }, 1000)
        }
      })
    },
@@ -547,7 +558,7 @@
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background-color: $main_color;
    //background-color: $main_color;
    margin-right: 10px;
  }
}
@@ -560,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>