更新类名
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