reactor:通话记录调整;

src/views/tels/callLog/index.vue

@@ -69,8 +69,8 @@
 									type="datetimerange"
 									unlink-panels
 									range-separator="至"
-									start-placeholder="开始时间"
-									end-placeholder="挂断时间"
+									start-placeholder="开始开始时间"
+									end-placeholder="开始结束时间"
 									:shortcuts="shortcuts"
 									@change="timeStartChange"
 									value-format="YYYY-MM-DD[T]HH:mm:ss"
@@ -78,6 +78,40 @@
 							</el-form-item>
 						</el-col>
 					</transition>
+          <transition name="el-zoom-in-top">
+            <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '2'].includes(state.queryParams.type)">
+              <el-form-item prop="callTime">
+                <el-date-picker
+                  v-model="state.queryParams.callTime"
+                  type="datetimerange"
+                  unlink-panels
+                  range-separator="至"
+                  start-placeholder="接通开始时间"
+                  end-placeholder="接通结束时间"
+                  :shortcuts="shortcuts"
+                  @change="timeStartChangeCall"
+                  value-format="YYYY-MM-DD[T]HH:mm:ss"
+                />
+              </el-form-item>
+            </el-col>
+          </transition>
+          <transition name="el-zoom-in-top">
+            <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol">
+              <el-form-item prop="callTime">
+                <el-date-picker
+                  v-model="state.queryParams.callTime"
+                  type="datetimerange"
+                  unlink-panels
+                  range-separator="至"
+                  start-placeholder="挂断开始时间"
+                  end-placeholder="挂断结束时间"
+                  :shortcuts="shortcuts"
+                  @change="timeStartChangeCall"
+                  value-format="YYYY-MM-DD[T]HH:mm:ss"
+                />
+              </el-form-item>
+            </el-col>
+          </transition>
 					<transition name="el-zoom-in-top">
 						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
 							<el-form-item prop="ivrTime">
@@ -86,8 +120,8 @@
 									type="datetimerange"
 									unlink-panels
 									range-separator="至"
-									start-placeholder="ivr开始时间"
-									end-placeholder="ivr结束时间"
+									start-placeholder="ivr开始开始时间"
+									end-placeholder="ivr开始结束时间"
 									:shortcuts="shortcuts"
 									@change="timeStartChangeIvr"
 									value-format="YYYY-MM-DD[T]HH:mm:ss"
@@ -95,6 +129,40 @@
 							</el-form-item>
 						</el-col>
 					</transition>
+					<transition name="el-zoom-in-top">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
+							<el-form-item prop="ivrTime">
+								<el-date-picker
+									v-model="state.queryParams.ivrTime"
+									type="datetimerange"
+									unlink-panels
+									range-separator="至"
+									start-placeholder="ivr结束开始时间"
+									end-placeholder="ivr结束结束时间"
+									:shortcuts="shortcuts"
+									@change="timeStartChangeIvr"
+									value-format="YYYY-MM-DD[T]HH:mm:ss"
+								/>
+							</el-form-item>
+						</el-col>
+					</transition>
+					<transition name="el-zoom-in-top">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
+							<el-form-item prop="callTime">
+								<el-date-picker
+									v-model="state.queryParams.callTime"
+									type="datetimerange"
+									unlink-panels
+									range-separator="至"
+									start-placeholder="队列开始开始时间"
+									end-placeholder="队列开始结束时间"
+									:shortcuts="shortcuts"
+									@change="timeStartChangeCall"
+									value-format="YYYY-MM-DD[T]HH:mm:ss"
+								/>
+							</el-form-item>
+						</el-col>
+					</transition>
 					<transition name="el-zoom-in-top">
 						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
 							<el-form-item prop="callTime">
@@ -103,8 +171,42 @@
 									type="datetimerange"
 									unlink-panels
 									range-separator="至"
-									start-placeholder="队列开始时间"
-									end-placeholder="队列结束时间"
+									start-placeholder="队列结束开始时间"
+									end-placeholder="队列结束结束时间"
+									:shortcuts="shortcuts"
+									@change="timeStartChangeCall"
+									value-format="YYYY-MM-DD[T]HH:mm:ss"
+								/>
+							</el-form-item>
+						</el-col>
+					</transition>
+					<transition name="el-zoom-in-top">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
+							<el-form-item prop="callTime">
+								<el-date-picker
+									v-model="state.queryParams.callTime"
+									type="datetimerange"
+									unlink-panels
+									range-separator="至"
+									start-placeholder="开始振铃开始时间"
+									end-placeholder="开始振铃结束时间"
+									:shortcuts="shortcuts"
+									@change="timeStartChangeCall"
+									value-format="YYYY-MM-DD[T]HH:mm:ss"
+								/>
+							</el-form-item>
+						</el-col>
+					</transition>
+					<transition name="el-zoom-in-top">
+						<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '3'].includes(state.queryParams.type)">
+							<el-form-item prop="callTime">
+								<el-date-picker
+									v-model="state.queryParams.callTime"
+									type="datetimerange"
+									unlink-panels
+									range-separator="至"
+									start-placeholder="结束振铃开始时间"
+									end-placeholder="结束振铃结束时间"
 									:shortcuts="shortcuts"
 									@change="timeStartChangeCall"
 									value-format="YYYY-MM-DD[T]HH:mm:ss"
@@ -263,19 +365,19 @@ const allColumns = [
 	{ prop: 'onStateText', label: '通话结果' },
 	{ prop: 'callDirectionText', label: '电话方向' },
 	{ prop: 'endByText', label: '挂机类型', width: 120 },
-  {
-    prop: 'createdTime',
-    label: '开始时间',
-    width: 170,
-    render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
-  },
-  {
-    prop: 'answeredTime',
-    label: '接通时间',
-    width: 170,
-    render: (scope) => <span>{formatDate(scope.row.answeredTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
-  },
-  { prop: 'overTime', label: '挂断时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
+	{
+		prop: 'createdTime',
+		label: '开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'answeredTime',
+		label: '接通时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.answeredTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{ prop: 'overTime', label: '挂断时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
 	{
 		prop: 'beginIvrTime',
 		label: 'ivr开始时间',
@@ -331,19 +433,19 @@ const inColumns = [
 	{ prop: 'userName', label: '话务员', width: 120 },
 	{ prop: 'duration', label: '通话时间(秒)', width: 120 },
 	{ prop: 'endByText', label: '挂机类型', width: 120 },
-  {
-    prop: 'createdTime',
-    label: '开始时间',
-    width: 170,
-    render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
-  },
-  {
-    prop: 'answeredTime',
-    label: '接通时间',
-    width: 170,
-    render: (scope) => <span>{formatDate(scope.row.answeredTime, ' YYYY-mm-dd HH:MM:SS')}</span>,
-  },
-  { prop: 'overTime', label: '挂断结束时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
+	{
+		prop: 'createdTime',
+		label: '开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{
+		prop: 'answeredTime',
+		label: '接通时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.answeredTime, ' YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{ prop: 'overTime', label: '挂断结束时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
 	{
 		prop: 'beginIvrTime',
 		label: 'ivr开始时间',
@@ -420,13 +522,13 @@ const noColumns = [
 	{ prop: 'gateway', label: '中继号码', width: 120 },
 	{ prop: 'userName', label: '话务员' },
 	{ prop: 'callDirectionText', label: '电话方向' },
-  {
-    prop: 'createdTime',
-    label: '开始时间',
-    width: 170,
-    render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
-  },
-  { prop: 'overTime', label: '挂断时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
+	{
+		prop: 'createdTime',
+		label: '开始时间',
+		width: 170,
+		render: (scope) => <span>{formatDate(scope.row.createdTime, 'YYYY-mm-dd HH:MM:SS')}</span>,
+	},
+	{ prop: 'overTime', label: '挂断时间', width: 170, render: (scope) => <span>{formatDate(scope.row.overTime, 'YYYY-mm-dd HH:MM:SS')}</span> },
 	{
 		prop: 'beginIvrTime',
 		label: 'ivr开始时间',