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

loulijun2021

2022-12-30 d1ce83391deac7bbafe7316e91ede5edd6ca30c9

 src/views/jcsz/yhqd.vue

@@ -122,6 +122,7 @@
          <el-table-column
            prop="usercode"
            label="用户编码"
            show-tooltip-when-overflow
            min-width="110"
            sortable="custom"
          />
@@ -130,17 +131,20 @@
            label="用户名称"
            min-width="110"
            sortable="custom"
            show-tooltip-when-overflow
          />
          <el-table-column
            prop="password"
            label="用户密码"
            min-width="110"
            sortable="custom"
            show-tooltip-when-overflow
          />
          <el-table-column
            prop="org_name"
            label="所属组织"
            min-width="110"
            show-tooltip-when-overflow
            sortable="custom"
          >
            <template slot-scope="{row}">
@@ -151,6 +155,7 @@
          <el-table-column
            prop="group_name"
            label="生产班组"
            show-tooltip-when-overflow
            min-width="110"
            sortable="custom"
          >
@@ -162,6 +167,7 @@
          <el-table-column
            prop="wagetype"
            label="工资类型"
            show-tooltip-when-overflow
            sortable="custom"
            width="110"
          >
@@ -173,6 +179,7 @@
          <el-table-column
            prop="mobile"
            label="联系方式"
            show-tooltip-when-overflow
            min-width="110"
            sortable="custom"
          >
@@ -185,6 +192,7 @@
            prop="email"
            label="电子邮箱"
            sortable="custom"
            show-tooltip-when-overflow
            min-width="110"
          >
            <template slot-scope="{row}">
@@ -194,17 +202,20 @@
          </el-table-column>
          <el-table-column
            prop="enable"
            show-tooltip-when-overflow
            label="在职状态"
            width="110"
            sortable="custom"
          >
            <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>
@@ -212,22 +223,25 @@
          <el-table-column
            prop="lm_user"
            label="创建人员"
            show-tooltip-when-overflow
            width="110"
            sortable="custom"
          />
          <el-table-column
            prop="lm_date"
            label="创建时间"
            show-tooltip-when-overflow
            width="160"
            sortable="custom"
          />
          <el-table-column
            prop="is_role"
            label="关联角色"
            show-tooltip-when-overflow
            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"
@@ -244,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>
@@ -381,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"
@@ -485,6 +509,7 @@
          prop="group_code"
          label="班组编码"
          sortable="custom"
          show-tooltip-when-overflow
        >
          <template slot-scope="{row}">
            <el-input
@@ -500,6 +525,7 @@
          prop="group_name"
          label="班组名称"
          sortable="custom"
          show-tooltip-when-overflow
        >
          <template slot-scope="{row}">
            <el-input v-if="row.isVisible===1" v-model="row.group_name" placeholder="请输入" />
@@ -508,6 +534,7 @@
        </el-table-column>
        <el-table-column
          prop="description"
          show-tooltip-when-overflow
          label="班组描述"
          sortable="custom"
        >
@@ -1177,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('从没选中到选中')
@@ -1359,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;