<!--
 * @Author: YKH
 * @Date: 2022-03-30 10:36:45
 * @LastEditTime: 2022-03-30 10:39:05
 * @Description: 
 * @FilePath: \cool-admin\cool-admin-vue-vue3-ts-vite\src\cool\modules\shuyou\components\adv-search-target-business.vue
-->
<template>
	<div class="demo-adv-search-target-business">
		<cl-adv-btn>搜索</cl-adv-btn>
		<cl-adv-search :items="items" :op-list="opList" />
	</div>
</template>

<script lang="ts">
import { AdvSearchItem } from "cl-admin-crud-vue3/types";
import { defineComponent, ref } from "vue";
// import dayjs from "dayjs";

export default defineComponent({
	setup() {
		const items = ref<AdvSearchItem[]>([
			{
				prop: "new_date",
				label: "目标日期",
				span: 18,
				component: {
					name: "el-date-picker",
					props: {
						type: "daterange",
						rangeSeparator: "至",
						startPlaceholder: "开始日期",
						endPlaceholder: "结束日期",
						format: "YYYY-MM-DD",
						valueFormat: "YYYY-MM-DD"
					}
				},
				rules: {
					required: true,
					message: "日期不能为空"
				}
			},
			{
				label: "任务名称",
				prop: "task_name",
				span: 18,
				component: {
					name: "el-input",
					attrs: {
						placeholder: "请填写任务名称"
					}
				}
			},
			{
				prop: "game_agentId",
				label: "游戏厂商",
				span: 13,
				component: {
					name: "shuyouGameAgentselect",
					props: {
						placeholder: "请选择游戏厂商"
					}
				}
			}
			// {
			// 	prop: "login_modeId",
			// 	label: "登录方式",
			// 	span: 13,
			// 	component: {
			// 		name: "shuyouLoModeselect",
			// 		props: {
			// 			placeholder: "请选择登录方式"
			// 		}
			// 	}
			// },
			// {
			// 	prop: "directorId",
			// 	label: "负责人",
			// 	span: 13,
			// 	component: {
			// 		name: "shuyouGameDirectorselect",
			// 		props: {
			// 			placeholder: "请选择负责人"
			// 		}
			// 	}
			// }
		]);

		const opList = ref<string[]>(["search", "reset", "clear", "close"]);

		return {
			items,
			opList
		};
	}
});
</script>

<style lang="scss" scoped></style>
