更新类名
parent
beceb5b1d5
commit
f5d8ab546c
@ -0,0 +1,38 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'iconfont'; /* Project id 4340011 */
|
||||||
|
src: url('//at.alicdn.com/t/c/font_4340011_rzfq6m1kbn.woff2?t=1700639506016') format('woff2'),
|
||||||
|
url('//at.alicdn.com/t/c/font_4340011_rzfq6m1kbn.woff?t=1700639506016') format('woff'),
|
||||||
|
url('//at.alicdn.com/t/c/font_4340011_rzfq6m1kbn.ttf?t=1700639506016') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-family: 'iconfont' !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xin2:before {
|
||||||
|
content: '\e647';
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xin1:before {
|
||||||
|
content: '\e600';
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xin:before {
|
||||||
|
content: '\e6c9';
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xiaoxi1:before {
|
||||||
|
content: '\e611';
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xiaoxizhongxin:before {
|
||||||
|
content: '\e7d9';
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-xiaoxi:before {
|
||||||
|
content: '\e6c5';
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,72 @@
|
|||||||
|
<template>
|
||||||
|
<a-card :bordered="false" style="margin-bottom: 16px" :body-style="{ paddingBottom: 0 }">
|
||||||
|
<a-form :model="formModel" :label-col="labelCol">
|
||||||
|
<a-row :gutter="16">
|
||||||
|
<a-col :xl="12" :md="12" :sm="24">
|
||||||
|
<a-form-item label="创建时间">
|
||||||
|
<a-range-picker
|
||||||
|
v-model:value="searchTimeValue"
|
||||||
|
show-time
|
||||||
|
format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
style="width: 100%"
|
||||||
|
:ranges="{
|
||||||
|
Today: [dayjs().startOf('date'), dayjs()]
|
||||||
|
}"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :xl="3" :md="3" :sm="12">
|
||||||
|
<search-actions :loading="props.loading" @search="search" @reset="reset" />
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</a-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { Form } from 'ant-design-vue'
|
||||||
|
import type { DistributeTaskManagementSearch } from '@/api/controlcenterstation/distributionTaskManagement/types'
|
||||||
|
import dayjs from 'dayjs'
|
||||||
|
import type { Dayjs } from 'dayjs'
|
||||||
|
|
||||||
|
const useForm = Form.useForm
|
||||||
|
|
||||||
|
// 表单 label 全局配置
|
||||||
|
const labelCol = { md: { span: 6 } }
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
loading?: boolean
|
||||||
|
}>(),
|
||||||
|
{ loading: false }
|
||||||
|
)
|
||||||
|
|
||||||
|
const emits = defineEmits<{
|
||||||
|
(e: 'search', params: Record<string, any>): void
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const searchTimeValue = ref<[Dayjs, Dayjs]>()
|
||||||
|
const formModel = reactive<DistributeTaskManagementSearch>({})
|
||||||
|
|
||||||
|
const { resetFields } = useForm(formModel)
|
||||||
|
|
||||||
|
const search = () => {
|
||||||
|
const param = toRaw(formModel)
|
||||||
|
if (searchTimeValue.value && searchTimeValue.value.length == 2) {
|
||||||
|
param.startTime = searchTimeValue.value[0].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
param.endTime = searchTimeValue.value[1].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
} else {
|
||||||
|
param.startTime = ''
|
||||||
|
param.endTime = ''
|
||||||
|
}
|
||||||
|
emits('search', param)
|
||||||
|
}
|
||||||
|
|
||||||
|
const reset = () => {
|
||||||
|
// 清空表单其他元素
|
||||||
|
resetFields()
|
||||||
|
// 清空时间
|
||||||
|
searchTimeValue.value = undefined
|
||||||
|
search()
|
||||||
|
}
|
||||||
|
</script>
|
@ -0,0 +1,69 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<dict-select
|
||||||
|
v-model:value="formModel.httpStatus"
|
||||||
|
style="display: none"
|
||||||
|
dict-code="user_status"
|
||||||
|
allow-clear
|
||||||
|
placeholder="请选择"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { Form } from 'ant-design-vue'
|
||||||
|
import dayjs from 'dayjs'
|
||||||
|
import type { Dayjs } from 'dayjs'
|
||||||
|
import type { CustomerListSearch } from '@/api/customermanagement/customerList/types'
|
||||||
|
|
||||||
|
const useForm = Form.useForm
|
||||||
|
|
||||||
|
// 表单 label 全局配置
|
||||||
|
const labelCol = { md: { span: 8 } }
|
||||||
|
|
||||||
|
const props = withDefaults(
|
||||||
|
defineProps<{
|
||||||
|
loading?: boolean
|
||||||
|
}>(),
|
||||||
|
{ loading: false }
|
||||||
|
)
|
||||||
|
|
||||||
|
const emits = defineEmits<{
|
||||||
|
(e: 'search', params: Record<string, any>): void
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const searchTimeValue = ref<[Dayjs, Dayjs]>()
|
||||||
|
const formModel = reactive<CustomerListSearch>({
|
||||||
|
clueLabelName: '',
|
||||||
|
//线索阶段
|
||||||
|
userId: undefined,
|
||||||
|
//标签
|
||||||
|
httpStatus: undefined,
|
||||||
|
//模糊查询
|
||||||
|
ip: '',
|
||||||
|
//号码
|
||||||
|
nid: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
const { resetFields } = useForm(formModel)
|
||||||
|
|
||||||
|
const search = () => {
|
||||||
|
const param = toRaw(formModel)
|
||||||
|
if (searchTimeValue.value && searchTimeValue.value.length == 2) {
|
||||||
|
param.startTime = searchTimeValue.value[0].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
param.endTime = searchTimeValue.value[1].format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
} else {
|
||||||
|
param.startTime = ''
|
||||||
|
param.endTime = ''
|
||||||
|
}
|
||||||
|
emits('search', param)
|
||||||
|
}
|
||||||
|
|
||||||
|
const reset = () => {
|
||||||
|
// 清空表单其他元素
|
||||||
|
resetFields()
|
||||||
|
// 清空时间
|
||||||
|
searchTimeValue.value = undefined
|
||||||
|
search()
|
||||||
|
}
|
||||||
|
</script>
|
Loading…
Reference in New Issue