import { d as defineComponent, r as ref, n as reactive, o as onMounted, b as createElementBlock, c as createVNode, C as createCommentVNode, e as createBaseVNode, f as withCtx, F as Fragment, u as useRouter, j as openBlock, s as createTextVNode, x as renderList, k as createBlock, t as toDisplayString, _ as _export_sfc } from "./index-5e4623ce.js"; import { B as BackTop } from "./index-9e456003.js"; import { P as PullRefresh } from "./index-e8b8fc91.js"; import { S as SwipeCell } from "./index-73d5a905.js"; import { C as Cell } from "./index-8540448e.js"; import { g as getDateTimeAgo, D as DatePicker, N as NavBar, a as DropdownMenu, b as DropdownItem } from "./util-88d32f50.js"; import { B as Button } from "./index-b1054607.js"; import { C as CellGroup } from "./index-3a8cf159.js"; import { F as Field } from "./index-41ec7e28.js"; import "./index-0f48f786.js"; import { p as post } from "./request-76e4192b.js"; import { O as Overlay } from "./index-eef3af38.js"; import { s as showToast } from "./function-call-dc072a29.js"; import { I as Icon } from "./index-487cde8c.js"; import { L as Loading } from "./index-217c49a0.js"; import "./use-scope-id-0b5b8615.js"; import "./on-popup-reopen-c5ca1603.js"; import "./use-route-726f0d0b.js"; import "./use-placeholder-16d7c5d7.js"; import "./axios-8cd254ce.js"; import "./mount-component-2b0f7b23.js"; const _hoisted_1 = { key: 0, style: { "position": "fixed", "bottom": "0px", "left": "0px", "right": "0px", "z-index": "999" } }; const _hoisted_2 = { style: { "display": "flex", "flex-direction": "column", "height": "100vh" } }; const _hoisted_3 = { style: { "border-bottom": "1px solid #fefefe" }, class: "my-dropdown-menu" }; const _hoisted_4 = { style: { "padding": "0px 16px", "display": "flex" } }; const _hoisted_5 = { style: { "flex-grow": "1" } }; const _hoisted_6 = { style: { "flex-grow": "1" } }; const _hoisted_7 = { class: "container", style: { "overflow-y": "auto", "flex": "1" } }; const _hoisted_8 = { style: { "text-align": "left" } }; const _hoisted_9 = { style: { "display": "flex", "flex-direction": "column", "justify-content": "space-between", "flex-grow": "1", "overflow-x": "hidden", "word-break": "break-all" } }; const _hoisted_10 = { style: { "width": "100%" } }; const _hoisted_11 = { style: { "display": "flex", "justify-content": "space-between" } }; const _hoisted_12 = { style: { "font-size": "16px", "color": "#000", "font-weight": "bold", "display": "flex" } }; const _hoisted_13 = { style: { "font-size": "16px" } }; const _hoisted_14 = { key: 0 }; const _hoisted_15 = { style: { "color": "blue" } }; const _hoisted_16 = { key: 1, style: { "color": "red" } }; const _hoisted_17 = { style: { "display": "flex", "justify-content": "space-between" } }; const _hoisted_18 = { style: { "margin-left": "3px", "font-weight": "bold" } }; const _hoisted_19 = { key: 0 }; const _hoisted_20 = { key: 1, style: { "text-align": "center", "padding": "20px", "color": "#ccc" } }; const _hoisted_21 = { key: 2, style: { "text-align": "center", "padding": "20px" } }; const _hoisted_22 = { key: 3, style: { "text-align": "center", "padding": "20px", "color": "#ccc" } }; const _hoisted_23 = { key: 4, style: { "text-align": "center", "padding": "20px" } }; const _hoisted_24 = { style: { "height": "100%", "width": "100%", "display": "flex", "align-items": "center", "justify-content": "center" } }; const _hoisted_25 = { style: { "height": "60%", "width": "80%", "background-color": "#ffffff", "display": "flex", "flex-direction": "column" } }; const _hoisted_26 = { style: { "flex-grow": "1", "word-break": "break-all", "overflow-y": "auto", "padding": "10px 0px 16px 16px" } }; const _hoisted_27 = { style: { "padding-right": "16px" } }; const _hoisted_28 = { key: 0, style: { "display": "flex", "align-items": "center", "justify-content": "center", "margin-top": "30px" } }; const _hoisted_29 = { key: 1 }; const _hoisted_30 = { key: 0 }; const _hoisted_31 = { style: { "margin-top": "10px" } }; const _hoisted_32 = { style: { "margin-top": "10px" } }; const _hoisted_33 = { key: 1 }; const _hoisted_34 = { style: { "margin-top": "10px" } }; const _hoisted_35 = { style: { "margin-top": "10px" } }; const _hoisted_36 = { style: { "margin-top": "10px" } }; const _hoisted_37 = { style: { "margin-top": "10px" } }; const _hoisted_38 = { style: { "margin-top": "10px" } }; const _hoisted_39 = { style: { "margin-top": "10px" } }; const _hoisted_40 = { style: { "margin-top": "10px" } }; const _hoisted_41 = { style: { "margin-top": "10px" } }; const _hoisted_42 = { style: { "padding": "0px 16px" } }; const _sfc_main = /* @__PURE__ */ defineComponent({ __name: "Index", setup(__props) { const router = useRouter(); const dropdown_1 = ref(); const search = reactive({ name: "", mobile: "", startDate: "", endDate: "", sort: "desc" }); const page = reactive({ pageNum: 1, pageSize: 10, pages: 0 }); const detail = reactive({ show: false, isLoading: false, refresherLoading: false, content: { clientName: "", clientPhone: "", realnameFlag: "1", info: "", registCode: "", register: "", id: "", physicType: "", name: "", typeName: "", validDate: "", concent: "", num: 1 } }); const dataList = ref([]); const whichOne = ref("start"); const currentDate = ref([]); const maxDate = ref(/* @__PURE__ */ new Date()); const minDate = ref(getDateTimeAgo(6)); const date_picker_show = ref(false); const option2 = [ { text: "时间降序", value: "desc" }, { text: "时间升序", value: "asc" } ]; const refreshing = ref(false); const isLoading = ref(false); const finished = ref(false); const datetime_picker_start = () => { console.log("start"); whichOne.value = "start"; date_picker_show.value = true; }; const clear_datetime_picker_start = () => { console.log("clear_start"); search.startDate = ""; }; const datetime_picker_end = () => { console.log("end"); whichOne.value = "end"; date_picker_show.value = true; }; const clear_datetime_picker_end = () => { console.log("clear_end"); search.endDate = ""; }; const datetime_picker_confirm = (confirm) => { console.log("confirm", confirm.selectedValues); currentDate.value = confirm.selectedValues; const year = confirm.selectedValues[0]; const mouth = confirm.selectedValues[1]; const day = confirm.selectedValues[2]; const date = year + "-" + mouth + "-" + day; if (whichOne.value == "start") { search.startDate = date; } else { search.endDate = date; } console.log(search); date_picker_show.value = false; }; const datetime_picker_cancel = (cancel2) => { console.log("cancel", cancel2); date_picker_show.value = false; }; const getData = () => { console.log("onload....."); const startTime = search.startDate ? search.startDate + " 00:00:00" : ""; const endTime = search.endDate ? search.endDate + " 23:59:59" : ""; post("/recycleRecord/searchUserRecord", { clientName: search.name, clientPhone: search.mobile, startTime, endTime, pageNum: page.pageNum, pageSize: page.pageSize, sort: "createTime", order: search.sort }).then(({ data }) => { console.log(data); isLoading.value = false; refreshing.value = false; if (data.code == 0) { const dataArr = data.data; const pages = data.pages; console.log(pages); console.log(dataArr); if (page.pageNum == 1) { dataList.value.splice(0, dataList.value.length); } dataList.value.push(...dataArr); page.pages = pages; console.log(dataList.value, pages); } }); }; const onRefresh = () => { console.log("onrefresh..."); console.log(refreshing.value); finished.value = false; isLoading.value = true; getData(); }; onMounted(() => { console.log("onMounted"); getData(); }); const cancel = () => { console.log("确定"); detail.show = false; }; const sort_change = (value) => { console.log(value); search.sort = value; getData(); }; const clickLoading = () => { console.log("clickLoading"); page.pageNum++; isLoading.value = true; getData(); }; const closeSearch = () => { dropdown_1.value.toggle(false); date_picker_show.value = false; }; const onCancel = () => { console.log("onCancel"); closeSearch(); }; const onConfirm = () => { console.log("onConfirm"); console.log(search); closeSearch(); page.pageNum = 1; getData(); }; const clickCell = (event) => { console.log(event); const id = event.id; console.log(id); detail.show = true; detail.isLoading = true; post("/recycleRecord/getRecordDetail", { id }).then(({ data }) => { console.log(data); detail.isLoading = false; if (data.code == 0) { console.log("success", data); Object.assign(detail.content, data.data); return; } else { showToast("获取数据失败"); } }); }; const onClickLeft = () => { console.log(history); if (!history.state.back) { console.log("跳转到首页"); router.push("/"); } else { history.back(); } }; return (_ctx, _cache) => { const _component_van_date_picker = DatePicker; const _component_van_icon = Icon; const _component_van_nav_bar = NavBar; const _component_van_field = Field; const _component_van_cell_group = CellGroup; const _component_van_button = Button; const _component_van_dropdown_item = DropdownItem; const _component_van_dropdown_menu = DropdownMenu; const _component_van_cell = Cell; const _component_van_swipe_cell = SwipeCell; const _component_van_loading = Loading; const _component_van_pull_refresh = PullRefresh; const _component_van_back_top = BackTop; const _component_van_overlay = Overlay; return openBlock(), createElementBlock(Fragment, null, [ date_picker_show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [ createVNode(_component_van_date_picker, { type: "date", modelValue: currentDate.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDate.value = $event), "min-date": minDate.value, "max-date": maxDate.value, onConfirm: datetime_picker_confirm, onCancel: datetime_picker_cancel }, null, 8, ["modelValue", "min-date", "max-date"]) ])) : createCommentVNode("", true), createBaseVNode("div", _hoisted_2, [ createVNode(_component_van_nav_bar, { title: "回收列表", "left-text": "返回", "left-arrow": "", onClickLeft }, { left: withCtx(() => [ createVNode(_component_van_icon, { name: "arrow-left", size: "20", color: "#000000" }) ]), _: 1 }), createBaseVNode("div", _hoisted_3, [ createVNode(_component_van_dropdown_menu, { "close-on-click-overlay": false, "close-on-click-outside": false }, { default: withCtx(() => [ createVNode(_component_van_dropdown_item, { ref_key: "dropdown_1", ref: dropdown_1, id: "item111", title: "筛选条件" }, { default: withCtx(() => [ createVNode(_component_van_cell_group, null, { default: withCtx(() => [ createVNode(_component_van_field, { size: "large", modelValue: search.name, "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.name = $event), border: true, placeholder: "请输入姓名", clearable: "" }, { label: withCtx(() => _cache[7] || (_cache[7] = [ createBaseVNode("span", { style: { "color": "#646566" } }, "姓   名", -1) ])), _: 1 }, 8, ["modelValue"]), createVNode(_component_van_field, { clearable: "", size: "large", type: "number", modelValue: search.mobile, "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.mobile = $event), border: true, placeholder: "请输入手机号" }, { label: withCtx(() => _cache[8] || (_cache[8] = [ createBaseVNode("span", { style: { "color": "#646566" } }, "手 机 号", -1) ])), _: 1 }, 8, ["modelValue"]), createVNode(_component_van_field, { "right-icon": "clear", clearable: "", readonly: "", label: "时间区间", size: "large", type: "text", modelValue: search.startDate, "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.startDate = $event), border: true, placeholder: "请输入开始时间", onClickInput: datetime_picker_start, onClickRightIcon: clear_datetime_picker_start }, null, 8, ["modelValue"]), createVNode(_component_van_field, { "right-icon": "clear", clearable: "", readonly: "", label: " ", size: "large", type: "text", modelValue: search.endDate, "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => search.endDate = $event), border: true, placeholder: "请输入结束时间", onClickInput: datetime_picker_end, onClickRightIcon: clear_datetime_picker_end }, null, 8, ["modelValue"]) ]), _: 1 }), _cache[12] || (_cache[12] = createBaseVNode("div", { style: { "height": "20px" } }, null, -1)), createBaseVNode("div", _hoisted_4, [ createBaseVNode("div", _hoisted_5, [ createVNode(_component_van_button, { type: "warning", icon: "close", size: "small", block: "", round: "", onClick: onCancel }, { default: withCtx(() => _cache[9] || (_cache[9] = [ createTextVNode("取消") ])), _: 1 }) ]), _cache[11] || (_cache[11] = createBaseVNode("div", { style: { "width": "20px" } }, null, -1)), createBaseVNode("div", _hoisted_6, [ createVNode(_component_van_button, { type: "primary", icon: "search", size: "small", block: "", round: "", onClick: onConfirm }, { default: withCtx(() => _cache[10] || (_cache[10] = [ createTextVNode("搜索") ])), _: 1 }) ]) ]), _cache[13] || (_cache[13] = createBaseVNode("div", { style: { "height": "15px" } }, null, -1)) ]), _: 1 }, 512), createVNode(_component_van_dropdown_item, { "title-class": "my-title-class", modelValue: search.sort, "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => search.sort = $event), options: option2, onChange: sort_change }, null, 8, ["modelValue"]) ]), _: 1 }) ]), createBaseVNode("div", _hoisted_7, [ createVNode(_component_van_pull_refresh, { modelValue: refreshing.value, "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => refreshing.value = $event), onRefresh }, { default: withCtx(() => [ createBaseVNode("div", null, [ (openBlock(true), createElementBlock(Fragment, null, renderList(dataList.value, (item) => { return openBlock(), createBlock(_component_van_swipe_cell, { "right-width": "0" }, { right: withCtx(() => [ createVNode(_component_van_button, { square: "", type: "danger", text: "删除" }) ]), default: withCtx(() => [ createVNode(_component_van_cell, { border: true, onClick: ($event) => clickCell(item) }, { default: withCtx(() => [ createBaseVNode("div", _hoisted_8, [ createBaseVNode("div", _hoisted_9, [ createBaseVNode("div", _hoisted_10, [ createBaseVNode("div", _hoisted_11, [ createBaseVNode("div", _hoisted_12, [ createBaseVNode("div", null, [ createBaseVNode("span", null, toDisplayString(item.pesticideName), 1) ]), createBaseVNode("div", null, [ _cache[14] || (_cache[14] = createBaseVNode("span", null, "(", -1)), createVNode(_component_van_icon, { name: "cross", size: "14" }), createBaseVNode("span", null, toDisplayString(item.num), 1), _cache[15] || (_cache[15] = createBaseVNode("span", null, ")", -1)) ]) ]), createBaseVNode("div", _hoisted_13, [ item.realnameFlag == "1" ? (openBlock(), createElementBlock("span", _hoisted_14, [ createBaseVNode("span", _hoisted_15, toDisplayString(item.clientName), 1) ])) : (openBlock(), createElementBlock("span", _hoisted_16, "匿名")) ]) ]), createBaseVNode("div", null, toDisplayString(item.register), 1) ]), createBaseVNode("div", _hoisted_17, [ createBaseVNode("div", null, toDisplayString(item.pesticideRegistCode), 1), createBaseVNode("div", null, [ createBaseVNode("span", _hoisted_18, toDisplayString(item.createtime), 1) ]) ]) ]) ]) ]), _: 2 }, 1032, ["onClick"]) ]), _: 2 }, 1024); }), 256)) ]), createBaseVNode("div", null, [ refreshing.value ? (openBlock(), createElementBlock("div", _hoisted_19)) : dataList.value.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_20, _cache[16] || (_cache[16] = [ createBaseVNode("span", null, "暂无数据", -1) ]))) : isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_21, [ createVNode(_component_van_loading, { type: "spinner", color: "#1989fa" }) ])) : page.pages <= page.pageNum ? (openBlock(), createElementBlock("div", _hoisted_22, _cache[17] || (_cache[17] = [ createBaseVNode("span", null, "没有更多了", -1) ]))) : (openBlock(), createElementBlock("div", _hoisted_23, [ createBaseVNode("span", { onClick: clickLoading }, "点击加载") ])) ]) ]), _: 1 }, 8, ["modelValue"]), createVNode(_component_van_back_top, { target: ".container", right: "5vw", bottom: "20px" }) ]) ]), createVNode(_component_van_overlay, { "lock-scroll": false, show: detail.show }, { default: withCtx(() => [ createBaseVNode("div", _hoisted_24, [ createBaseVNode("div", _hoisted_25, [ _cache[33] || (_cache[33] = createBaseVNode("div", { style: { "height": "16px" } }, null, -1)), createBaseVNode("div", _hoisted_26, [ createBaseVNode("div", _hoisted_27, [ detail.isLoading ? (openBlock(), createElementBlock("div", _hoisted_28, [ _cache[18] || (_cache[18] = createBaseVNode("div", { style: { "margin-right": "6px" } }, [ createBaseVNode("span", { style: {} }, "销售信息加载中") ], -1)), createBaseVNode("div", null, [ createVNode(_component_van_loading, { type: "spinner", color: "#1989fa" }) ]) ])) : (openBlock(), createElementBlock("div", _hoisted_29, [ detail.content.realnameFlag == "1" ? (openBlock(), createElementBlock("div", _hoisted_30, [ _cache[21] || (_cache[21] = createBaseVNode("div", { style: { "margin-top": "10px" } }, [ createBaseVNode("span", { style: { "font-weight": "bold" } }, "销售方式: "), createBaseVNode("span", { style: { "font-weight": "bold", "color": "green" } }, "实名") ], -1)), createBaseVNode("div", _hoisted_31, [ _cache[19] || (_cache[19] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "顾客姓名: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.clientName), 1) ]), createBaseVNode("div", _hoisted_32, [ _cache[20] || (_cache[20] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "手机号: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.clientPhone), 1) ]) ])) : (openBlock(), createElementBlock("div", _hoisted_33, _cache[22] || (_cache[22] = [ createBaseVNode("div", { style: { "margin-top": "10px" } }, [ createBaseVNode("span", { style: { "font-weight": "bold" } }, "销售方式: "), createBaseVNode("span", { style: { "font-weight": "bold", "color": "red" } }, "匿名") ], -1) ]))), createBaseVNode("div", _hoisted_34, [ _cache[23] || (_cache[23] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "登记证号: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.registCode), 1) ]), createBaseVNode("div", _hoisted_35, [ _cache[24] || (_cache[24] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "农药名称: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.name), 1) ]), createBaseVNode("div", _hoisted_36, [ _cache[25] || (_cache[25] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "农药类别: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.typeName), 1) ]), createBaseVNode("div", _hoisted_37, [ _cache[26] || (_cache[26] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "剂型: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.physicType), 1) ]), createBaseVNode("div", _hoisted_38, [ _cache[27] || (_cache[27] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "总含量: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.concent), 1) ]), createBaseVNode("div", _hoisted_39, [ _cache[28] || (_cache[28] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "有效期至: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.validDate), 1) ]), createBaseVNode("div", _hoisted_40, [ _cache[29] || (_cache[29] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "登记证持有人: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.register), 1) ]), createBaseVNode("div", _hoisted_41, [ _cache[30] || (_cache[30] = createBaseVNode("span", { style: { "font-weight": "bold" } }, "数量: ", -1)), createBaseVNode("span", null, toDisplayString(detail.content.num), 1) ]) ])) ]) ]), _cache[34] || (_cache[34] = createBaseVNode("div", { style: { "height": "20px" } }, null, -1)), createBaseVNode("div", _hoisted_42, [ createVNode(_component_van_button, { color: "#4fc08d", type: "danger", round: "", block: "", size: "normal", icon: "close", onClick: cancel }, { default: withCtx(() => _cache[31] || (_cache[31] = [ createTextVNode("确定") ])), _: 1 }), _cache[32] || (_cache[32] = createBaseVNode("div", { style: { "height": "10px" } }, null, -1)) ]) ]) ]) ]), _: 1 }, 8, ["show"]) ], 64); }; } }); const Index_vue_vue_type_style_index_0_scoped_7db8eaf4_lang = ""; const Index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7db8eaf4"]]); export { Index as default };