微信客服样式修改

src/assets/styles/globals.css

@@ -62,6 +62,11 @@
   }
 }
 
+/* 全局输入框占位符样式 */
+.el-input ::placeholder {
+  color: #d9d9d9;
+}
+
 ::-webkit-scrollbar {
   width: 12px;
   height: 12px;

src/views/personnel/holidaySchedule.vue

@@ -59,7 +59,7 @@
       <div class="m-top-20" style="font-size: 16px;color: #333;font-weight: bold;">配置 <span style="color: #0083FF;">{{
         idName }}</span> 值班客服</div>
       <!-- 表格区域 -->
-      <el-button type="primary" class="m-top-20 m-btn-20" @click="dutyScheduleAdd" color="#0083FF" >
+      <el-button type="primary" class="m-top-20 m-btn-20" @click="dutyScheduleAdd" >
         <template #icon>
           <el-icon>
             <Plus />
@@ -81,7 +81,7 @@
         </el-table-column>
         <el-table-column prop="dutyCustomerServiceId" label="值班客服" align="center" width="350">
           <template #default="scope">
-            <el-select v-model="scope.row.dutyCustomerServiceId" placeholder="选择值班客服" filterable>
+            <el-select v-model="scope.row.dutyCustomerServiceId" placeholder="选择值班客服" filterable clearable>
               <el-option :label="item.nickname" :value="item.id" v-for="item in fetchSupportAgentsList"
                 :key="item.id" />
             </el-select>
@@ -96,10 +96,10 @@
       </el-table>
     </PageMain>
     <FixedActionBar>
-      <ElButton @click="router.back()">
+      <ElButton @click="router.back()" style="background-color: #fff;color: #666;" >
         取消
       </ElButton>
-      <ElButton type="primary" @click="submitForm(scheduleRef)">
+      <ElButton color="#0083FF"  @click="submitForm(scheduleRef)">
         保存
       </ElButton>
     </FixedActionBar>
@@ -321,9 +321,6 @@ const del = (index: any) => {
 
 }
 </script>
-<style>
-
-</style>
 <!-- 样式区域 -->
 <style lang='scss' scoped>
 :deep(.main-container) {
@@ -332,8 +329,8 @@ const del = (index: any) => {
 :deep(.el-input ::placeholder) {
   color: #D9D9D9;
 }
-:deep(.el-select .el-input__inner::placeholder) { /* 使用::placeholder伪元素 */
-  color: blue; /* 修改placeholder颜色 */
+:deep(.el-select__placeholder.is-transparent) { /* 使用::placeholder伪元素 */
+  color: #D9D9D9; /* 修改placeholder颜色 */
 }
 .pageheader {
   padding-bottom: 12px;

src/views/personnel/wechatService.vue

@@ -52,7 +52,7 @@
       </ComplexTable>
     </PageMain>
     <!-- 客服弹窗 -->
-    <el-dialog v-model="ServiceAddShow" :title="dialogTitle" width="30%">
+    <el-dialog v-model="ServiceAddShow" :title="dialogTitle" width="30%" :show-close="false">
       <el-form ref="ServiceFormRef" style="max-width: 600px" :model="ServiceForm" :rules="ServiceRules"
         label-width="auto" label-position="top">
         <el-form-item label="客服昵称" prop="nickname">
@@ -91,7 +91,7 @@
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="ServiceAddShow = false">取消</el-button>
+          <el-button @click="ServiceAddShow = false"  style="color: #0083FF;border-color: #0083FF;">取消</el-button>
           <el-button type="primary" @click="ServiceSave(ServiceFormRef)">
             确定
           </el-button>
@@ -283,9 +283,8 @@ function ServiceDel(item: any) {
     '删除客服',
     {
       confirmButtonText: '确定删除',
-      type: 'error',
+      type: 'warning',
       center: true,
-      confirmButtonClass: 'el-button--danger',
     }
   )
     .then(() => {
@@ -398,8 +397,8 @@ const ServiceSave = async (formEl: FormInstance | undefined) => {
 .avatar-uploader :deep(.el-upload) {
   border: 1px dashed #eee;
   border-radius: 6px;
-  width: 150px;
-  height: 150px;
+  width: 82px;
+  height: 82px;
   cursor: pointer;
   position: relative;
   overflow: hidden;