|
@@ -11,7 +11,7 @@
|
|
|
<el-form ref="scheduleRef" class="m-top-20" style="max-width: 600px" :model="scheduleForm" :rules="scheduleRules"
|
|
<el-form ref="scheduleRef" class="m-top-20" style="max-width: 600px" :model="scheduleForm" :rules="scheduleRules"
|
|
|
label-width="auto" label-position="top">
|
|
label-width="auto" label-position="top">
|
|
|
<el-form-item label="客服账号" prop="customerId">
|
|
<el-form-item label="客服账号" prop="customerId">
|
|
|
- <el-select v-model="scheduleForm.customerId" placeholder="选择客服账号" filterable>
|
|
|
|
|
|
|
+ <el-select v-model="scheduleForm.customerId" placeholder="选择客服账号" filterable clearable>
|
|
|
<el-option :label="item.nickname" :value="String(item.id)" v-for="item in fetchSupportAgentsList"
|
|
<el-option :label="item.nickname" :value="String(item.id)" v-for="item in fetchSupportAgentsList"
|
|
|
:key="item.id" />
|
|
:key="item.id" />
|
|
|
</el-select>
|
|
</el-select>
|
|
@@ -59,7 +59,7 @@
|
|
|
<div class="m-top-20" style="font-size: 16px;color: #333;font-weight: bold;">配置 <span style="color: #0083FF;">{{
|
|
<div class="m-top-20" style="font-size: 16px;color: #333;font-weight: bold;">配置 <span style="color: #0083FF;">{{
|
|
|
idName }}</span> 值班客服</div>
|
|
idName }}</span> 值班客服</div>
|
|
|
<!-- 表格区域 -->
|
|
<!-- 表格区域 -->
|
|
|
- <el-button type="primary" class="m-top-20 m-btn-20" @click="dutyScheduleAdd">
|
|
|
|
|
|
|
+ <el-button type="primary" class="m-top-20 m-btn-20" @click="dutyScheduleAdd" color="#0083FF" >
|
|
|
<template #icon>
|
|
<template #icon>
|
|
|
<el-icon>
|
|
<el-icon>
|
|
|
<Plus />
|
|
<Plus />
|
|
@@ -67,13 +67,13 @@
|
|
|
</template>
|
|
</template>
|
|
|
添加值班信息
|
|
添加值班信息
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- <el-table :data="shiftDataList" style="width: 100%" align="conter" :header-cell-style="{
|
|
|
|
|
|
|
+ <el-table :data="shiftDataList" class="table" style="width: 100%" align="conter" :header-cell-style="{
|
|
|
'background-color': '#F7F7F9', 'border-bottom': '1px solid #EEF1F6',
|
|
'background-color': '#F7F7F9', 'border-bottom': '1px solid #EEF1F6',
|
|
|
'font-size': '15px', 'color': '#333', 'padding': '10px 0'
|
|
'font-size': '15px', 'color': '#333', 'padding': '10px 0'
|
|
|
}">
|
|
}">
|
|
|
<el-table-column prop="date" label="值班时间" align="center">
|
|
<el-table-column prop="date" label="值班时间" align="center">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <el-time-picker v-model="scope.row.startTime" placeholder="开始时间" value-format="HH:mm:ss"
|
|
|
|
|
|
|
+ <el-time-picker v-model="scope.row.startTime" placeholder="开始时间" value-format="HH:mm:ss"
|
|
|
format="HH:mm:ss" />
|
|
format="HH:mm:ss" />
|
|
|
<span class="m-left-10 m-right-10">至</span>
|
|
<span class="m-left-10 m-right-10">至</span>
|
|
|
<el-time-picker v-model="scope.row.endTime" placeholder="结束时间" value-format="HH:mm:ss" format="HH:mm:ss" />
|
|
<el-time-picker v-model="scope.row.endTime" placeholder="结束时间" value-format="HH:mm:ss" format="HH:mm:ss" />
|
|
@@ -321,8 +321,20 @@ const del = (index: any) => {
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+<style>
|
|
|
|
|
+
|
|
|
|
|
+</style>
|
|
|
<!-- 样式区域 -->
|
|
<!-- 样式区域 -->
|
|
|
<style lang='scss' scoped>
|
|
<style lang='scss' scoped>
|
|
|
|
|
+:deep(.main-container) {
|
|
|
|
|
+ padding-top: 12px;
|
|
|
|
|
+}
|
|
|
|
|
+:deep(.el-input ::placeholder) {
|
|
|
|
|
+ color: #D9D9D9;
|
|
|
|
|
+}
|
|
|
|
|
+:deep(.el-select .el-input__inner::placeholder) { /* 使用::placeholder伪元素 */
|
|
|
|
|
+ color: blue; /* 修改placeholder颜色 */
|
|
|
|
|
+}
|
|
|
.pageheader {
|
|
.pageheader {
|
|
|
padding-bottom: 12px;
|
|
padding-bottom: 12px;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -402,7 +414,7 @@ const del = (index: any) => {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
span:first-child {
|
|
span:first-child {
|
|
|
- font-weight: bold;
|
|
|
|
|
|
|
+ font-weight: 500;
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -430,9 +442,8 @@ const del = (index: any) => {
|
|
|
//非工作日样式
|
|
//非工作日样式
|
|
|
.holiday {
|
|
.holiday {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
-
|
|
|
|
|
span:first-child {
|
|
span:first-child {
|
|
|
- font-weight: bold;
|
|
|
|
|
|
|
+ font-weight: 500;
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
@@ -440,6 +451,7 @@ const del = (index: any) => {
|
|
|
span:last-child {
|
|
span:last-child {
|
|
|
margin-top: 6px;
|
|
margin-top: 6px;
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
color: #666;
|
|
color: #666;
|
|
|
|
|
|
|
|
}
|
|
}
|