Browse Source

用户管理、组织架构、回收站 状态颜色调整

qymljy 8 months ago
parent
commit
73c67f4ef9

+ 2 - 2
src/HManagement/accountManage/index.vue

@@ -59,8 +59,8 @@
           <span
             :style="
               scope.data.column.data.status === 'ACTIVE'
-                ? 'color:#67C23A'
-                : 'color:#CCC'
+                ? tool.getStatusColor('启用')
+                : tool.getStatusColor('停用')
             "
             >{{
               scope.data.column.data.status === "ACTIVE"

+ 2 - 22
src/HManagement/accountManage/modules/account_detail.vue

@@ -179,17 +179,7 @@ export default {
             {label:this.$t('是否服务经销商'),value:this.accountInfo.isservice?this.$t('是'):this.$t('否')},
             {label:this.$t('状态'),value:this.accountInfo.status == '禁用'?'停用':this.accountInfo.status,
               style: () => {
-                let color = "";
-                switch (that.accountInfo.status) {
-                  case "启用":
-                    color = "#67c23a";
-                    break;
-                  case "禁用":
-                    color = "#ccc";
-                    break;
-                  default:
-                    break;
-                }
+                let color = that.tool.getStatusColor(that.accountInfo.status == '禁用'?'停用':that.accountInfo.status,true);
                 return { color: color };
               },
             },
@@ -222,17 +212,7 @@ export default {
           label:this.$t('状态'),
           value:this.mainData.status === 'ACTIVE'?this.$t('启用'):this.mainData.status === 'INACTIVE'?this.$t('停用'):this.$t('其他'),
           style: () => {
-            let color = "";
-            switch (this.mainData.status) {
-              case "ACTIVE":
-                color = "#67c23a";
-                break;
-              case "INACTIVE":
-                color = "#ccc";
-                break;
-              default:
-                break;
-            }
+            let color = that.tool.getStatusColor(that.accountInfo.status == '禁用'?'停用':that.accountInfo.status,true);
             return { color: color };
           },
         },

+ 1 - 16
src/HManagement/department/index.vue

@@ -34,21 +34,6 @@
             @onSuccess="onSuccess"
           ></delArea>
         </div>
-        <!--        <el-dropdown>-->
-        <!--          <span class="el-dropdown-link"><i class="el-icon-more"></i>-->
-        <!--          </span>-->
-        <!--          <el-dropdown-menu slot="dropdown">-->
-        <!--            <el-dropdown-item>-->
-        <!--              <editArea v-if="tool.checkAuth($route.name,'editDep')" class="inline-16" :data="data.data" @onSuccess="onSuccess"></editArea>-->
-        <!--            </el-dropdown-item>-->
-        <!--            <el-dropdown-item>-->
-        <!--              <delArea  v-if="tool.checkAuth($route.name,'delDep')" class="inline-16" :data="data.data" @onSuccess="onSuccess"></delArea>-->
-        <!--            </el-dropdown-item>-->
-        <!--            <el-dropdown-item >-->
-        <!--              <startArea v-if="tool.checkAuth($route.name,'editDep')" class="inline-16" :data="data.data" @onSuccess="onSuccess"></startArea>-->
-        <!--            </el-dropdown-item>-->
-        <!--          </el-dropdown-menu>-->
-        <!--        </el-dropdown>-->
       </template>
     </areaTree>
     <div class="hm-info-panel">
@@ -120,7 +105,7 @@
             <p v-else-if="scope.data.column.columnname === 'status'">
               <span
                 :style="{
-                  color: scope.data.column.data.status == '0' ? '#67C23A' : '#CCC',
+                  color: scope.data.column.data.status == '0' ? tool.getStatusColor('在职',true) : tool.getStatusColor('离职',true),
                 }"
                 >{{
                   scope.data.column.data.status == "0" ? $t("在职") : $t("离职")

+ 1 - 1
src/HManagement/department/staff/detail/modules/main.vue

@@ -7,7 +7,7 @@
           <el-descriptions-item label-class-name="my-label" content-class-name="my-content" :label="$t(`账号类型`)">{{mainInfo.usertypename?mainInfo.usertypename:'--'}}</el-descriptions-item>
           <el-descriptions-item label-class-name="my-label" content-class-name="my-content" :label="$t(`授权角色`)">{{mainInfo.userrole?mainInfo.userrole.map(item => item.remarks).join(','):'--'}}</el-descriptions-item>
         <el-descriptions-item label-class-name="my-label" content-class-name="my-content" :label="$t('状态')">
-          <span :style="{color:mainInfo.status == '0'?'#67c23a':'#ccc'}">{{mainInfo.status == '0'?'在职':'离职'}}</span>
+          <span :style="{color:mainInfo.status == '0'?tool.getStatusColor('在职',true) : tool.getStatusColor('离职',true)}">{{mainInfo.status == '0'?'在职':'离职'}}</span>
         </el-descriptions-item>
         <el-descriptions-item label-class-name="my-label" content-class-name="my-content" :label="$t(`编号`)">{{mainInfo.hrcode?mainInfo.hrcode:'--'}}</el-descriptions-item>
         <el-descriptions-item label-class-name="my-label" content-class-name="my-content" :label="$t(`性别`)">{{mainInfo.sex?mainInfo.sex:'--'}}</el-descriptions-item>

+ 2 - 7
src/HManagement/ecycle/agentManage/index.vue

@@ -94,15 +94,10 @@
              </span>
           </p>
           <p v-else-if="scope.data.column.columnname === 'cooperationstatus'">
-            <span style="color:#67C23A" v-if="scope.data.column.data[[scope.data.column.columnname]] == '正式'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-            <span style="color:#3874F6" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '意向'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-            <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
           </p>
           <p v-else-if="scope.data.column.columnname === 'status'">
-            <span style="color:#cccccc" v-if="scope.data.column.data[[scope.data.column.columnname]] == '禁用'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-            <span style="color:#cccccc" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '停用'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-            <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '启用'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-            <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+            <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
           </p>
           <p v-else-if="scope.data.column.columnname === 'isservice'">
             {{scope.data.column.data.isservice ? $t('是') : $t('否')}}

+ 1 - 6
src/HManagement/ecycle/contract/index.vue

@@ -82,12 +82,7 @@
       </template>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname == 'status'">
-          <span style="color:#3874f6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '新建'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已提交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#e6a23c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '审核'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#cccccc" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已终止'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#999999" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已过期'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span  v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname == 'type'">
           <span v-if="scope.data.column.data[[scope.data.column.columnname]] == '框架'">{{ $t('经销商合作协议') }}</span>

+ 2 - 9
src/HManagement/ecycle/customer/index.vue

@@ -108,17 +108,10 @@
           </div>
         </div>
         <div v-else-if="scope.data.column.columnname === 'tradingstatus'">
-          <span style="color:#3874F6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '未成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '多次成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname === 'status'">
-          <span style="color:#3874f6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '潜在'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '合作中'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#e6a23c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '暂缓'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#cccccc" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已终止'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname === 'contact'">
           <span>{{scope.data.column.data['leader'][0]?scope.data.column.data['leader'][0].name:'--'}}</span>

+ 1 - 5
src/HManagement/ecycle/projectChange/index.vue

@@ -93,11 +93,7 @@
       </template>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname === 'status'">
-          <span style="color:#3874F6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '跟进中'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#f56c6c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已失败'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#cccccc" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已结案'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname === 'tag'">
           <div v-for="item in scope.data.column.data.tag_sys" :key="item.index"  style="float: left;margin-left: 5px;margin-bottom: 5px">

+ 1 - 5
src/HManagement/ecycle/quotedPrice/index.vue

@@ -92,11 +92,7 @@
 
         </div>
         <div v-else-if="scope.data.column.columnname === 'status'">
-          <span style="color:#3874f6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '新建'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '提交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#e6a23c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '审核'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#e6a23c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '复核'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname === 'invaliddate'">
           <p>{{scope.data.column.data.begdate?scope.data.column.data.begdate+ $t('至') + scope.data.column.data.enddate:'--'}}</p>

+ 1 - 6
src/HManagement/ecycle/saleClue/index.vue

@@ -41,12 +41,7 @@
       </template>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname == 'status'">
-          <span style="color:#999" v-if="scope.data.column.data[[scope.data.column.columnname]] == '已过期'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#67C23A" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '跟进中'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#3874f6" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '待跟进'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#ccc" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已无效'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span style="color:#e6a23c" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已转化'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
-          <span v-else>{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span :style="tool.getStatusColor(scope.data.column.data[[scope.data.column.columnname]])">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname == 'leader'">
           <span v-if="scope.data.column.data[[scope.data.column.columnname]].length !== 0">{{scope.data.column.data[[scope.data.column.columnname]].length > 0 && scope.data.column.data[[scope.data.column.columnname]][0].name}}</span>