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

loulijun2021

2022-12-30 d1ce83391deac7bbafe7316e91ede5edd6ca30c9

 src/views/jcsz/yhqd.vue

@@ -209,11 +209,13 @@
          >
            <template slot-scope="{row}">
              <div v-if="row.enable==='Y'">
                <svg-icon icon-class="circleYes" style="margin-right: 2px" />
                <!--                <svg-icon icon-class="circleYes" style="margin-right: 2px" />-->
                <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
                在职
              </div>
              <div v-if="row.enable==='N'">
                <svg-icon icon-class="circleNo" style="margin-right: 2px" />
                <!--/*                <svg-icon icon-class="circleNo" style="margin-right: 2px" />*/-->
                <i class="el-icon-info" style="margin-right: 2px" />
                离职
              </div>
            </template>
@@ -239,7 +241,7 @@
            width="110"
          >
            <template slot-scope="{row}">
              <i v-if="row.is_role==='Y'" class="el-icon-share" @click="roleClick({row})" />
              <i v-if="row.is_role==='Y'" :style="{color:$store.state.settings.theme}" class="el-icon-share" @click="roleClick({row})" />
              <i
                v-if="row.is_role==='N'"
                class="el-icon-share"
@@ -256,10 +258,10 @@
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                  <i class="el-icon-edit-outline" @click="edit('edit',row)" />
                  <i :style="{color:$store.state.settings.theme}" class="el-icon-edit-outline" @click="edit('edit',row)" />
                </el-tooltip>
                <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">
                  <i class="el-icon-delete" @click="del(row.id)" />
                  <i :style="{color:$store.state.settings.theme}" class="el-icon-delete" @click="del(row.id)" />
                </el-tooltip>
              </div>
            </template>
@@ -393,38 +395,48 @@
      <!--      @opened="handleOpenedRoles"-->

      <div>
        <i class="el-icon-s-comment" style="color:#42b983;" /> 用户名称：{{ dialogFormRoles.username }}
        <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> 用户名称：{{ dialogFormRoles.username }}
      </div>
      <el-divider />
      <div>
        <div style="margin-bottom:20px">
          <i class="el-icon-s-operation" style="color:#42b983;" /> 角色类型集合：
          <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 角色类型集合：
        </div>
        <div class="myCheckboxGroup">
          <div
            v-for="item in dialogFormRoles.rolesArr"
            :key="item.code"
            :style="{border:item.isSelected1?'1px solid #42b983':'1px solid #eee'}"
            :style="{border:item.isSelected1?'1px solid '+ $store.state.settings.theme :'1px solid #eee'}"
            class="myCheckbox"
            @click="myCheckboxClick(item)"
          >
            <input
              class="myCheckboxInput"
              type="checkbox"
              :value="item.code"
              :name="item.name"
              :style="{color:item.isSelected2?'#42b983':'#fff'}"
              @click="myCheckboxInputClick(item)"
            >{{ item.name }}
            <!--            <input-->
            <!--              class="myCheckboxInput"-->
            <!--              type="checkbox"-->
            <!--              :value="item.code"-->
            <!--              :name="item.name"-->
            <!--              :style="{color:item.isSelected2?'#42b983':'#fff'}"-->
            <!--              @click="myCheckboxInputClick(item)"-->
            <!--            >{{ item.name }}-->
            <!--            父子点击事件不影响-->
            <!--            onClick="event.cancelBubble = true"-->
            <el-checkbox
              :key="item.code"
              v-model="item.isSelected2"
              class="myCheckboxInput"
              :value="item.code"
              :name="item.name"
              :checked="item.isSelected2"
              @change="myCheckboxInputClick(item)"
            >{{ item.name }}
            </el-checkbox>
          </div>
        </div>
      </div>
      <el-divider />
      <div>
        <div style="margin-bottom:20px">
          <i class="el-icon-s-operation" style="color:#42b983;" /> 角色：
          <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 角色：
        </div>
        <el-tree
          ref="roleTree"
@@ -1192,7 +1204,7 @@
    },
    // myCheckBoxInput点击事件  小盒子点击(input)
    myCheckboxInputClick(item) {
      item.isSelected2 = !item.isSelected2
      item.isSelected2 = !!item.isSelected2
      this.dialogFormRoles.rolesArrSelectedArr = [...new Set(this.dialogFormRoles.rolesArrSelectedArr)]// 数组去重
      if (item.isSelected2) { // 从没选中到选中
        console.log('从没选中到选中')
@@ -1374,7 +1386,7 @@
    .myCheckbox {
      border: 1px solid #eee;
      display: flex;
      min-width: 100px;
      min-width: 110px;
      padding: 10px;
      margin: 10px 30px 0 0;
      border-radius: 5px;