From 0a886e37d2ba6011b0803faa6589fb4406d63d52 Mon Sep 17 00:00:00 2001
From: chenrui <1950717904@qq.com>
Date: Mon, 25 Mar 2024 10:00:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=A7=E6=B3=95=E7=9B=91=E7=9D=A3=E7=A0=81-?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../enterprise/registrationSelectList.vue     | 403 ++++++++++++++++++
 1 file changed, 403 insertions(+)
 create mode 100644 src/views/enterprise/registrationSelectList.vue

diff --git a/src/views/enterprise/registrationSelectList.vue b/src/views/enterprise/registrationSelectList.vue
new file mode 100644
index 0000000..08d0876
--- /dev/null
+++ b/src/views/enterprise/registrationSelectList.vue
@@ -0,0 +1,403 @@
+
+<template>
+	<div class="shop app_content">
+		<!-- 导航栏 -->
+		<div class="header_body">
+			<header-nav
+				:slefBack="true"
+				@goBack="goBack"
+				:titelText="`请选择投诉案件`"
+			>
+			</header-nav>
+		</div>
+    <van-search
+    v-model="searchParam.searchText"
+    show-action
+    placeholder="请输入关键字查询"
+    @search="onSearch"
+    >
+      <template #action>
+        <div  @click="onClickButton">搜索</div>
+      </template>
+    </van-search>
+    <div class="search-button-list">
+      <van-button plain hairline class="search-button" @click="searchDateType()" round type="primary" size="mini">全部</van-button>
+      <van-button plain hairline class="search-button" @click="searchDateType(2)" round type="primary" size="mini">本月</van-button>
+      <van-button plain hairline class="search-button" @click="searchDateType(3)" round type="primary" size="mini">本季度</van-button>
+      <van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary" size="mini">本年度</van-button>
+      <van-button plain hairline class="search-button" @click="searchComplaint(1)" round type="primary" size="mini">投诉</van-button>
+    </div>
+    <div class="search-button-date">
+      <span class="date-select" @click="selectDate">{{  data.dateSearch }}</span>
+      <div style="border-color: black;" class="van-hairline--bottom"></div>
+      <!-- <van-button class="search-button"  type="primary" size="mini">统计分析</van-button> -->
+      <van-popup v-model:show="data.showDatePicker" position="bottom">
+        <van-date-picker
+          title="选择日期"
+          v-model="data.currentDate"
+          :min-date="data.minDate"
+          :max-date="data.maxDate"
+          :columns-type="data.columnsType"
+          @confirm="onDateConfirm"
+          @cancel="cancelSelectDate"
+        />
+      </van-popup>
+    </div>
+
+		<!-- 中间 -->
+		<div class="shop-center">
+			<lodding-card :isLodding="isLodding">
+				<refresh-list v-model:freshMap="freshMap" :classMap="classMap" @refresh="onRefresh" @onLoad="onLoad"
+						:resetScroll="resetScroll" class="refresh_box">
+					<div class="refresh_content" v-if="data?.dataList.length">
+						<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
+							<van-swipe-cell class="swipe_cell">
+								<div class="card_box">
+                  <van-checkbox style="margin-left: 10px" v-model="item.checked"
+										@change="oneCheckbox(item)"></van-checkbox>
+                  <div class="card_box_span">
+                    <p>执法时间：{{ item.createTime }} <span class="card_box_action"></span></p>
+                  </div>
+                  <!-- <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa',padding: '0 5px' }" /> -->
+                  <div  style="border-color: aqua; border: 2px;" class="van-hairline--bottom"></div>
+                  <div class="card_box_span">
+                    <p style="font-size: 16px;font-weight: bold;">{{ item.lawEnforcementIncident }}</p>
+                  </div>
+                  
+                  <div class="card_box_span">
+                    <p><span class="card_box_label">执法部门：</span> {{ item.lawEnforcement }}</p>
+                  </div>
+                  <div class="card_box_span">
+                    <p><span class="card_box_label">执法人员：</span> {{ item.lawEnforcer }}</p>
+                  </div>
+                  <div class="card_box_span">
+                    <p><span class="card_box_label">备注：</span> {{ item.remark }}</p>
+                  </div>
+								</div>
+							</van-swipe-cell>
+						</div>
+					</div>
+					<van-empty v-else class="no_data" description="暂无数据" />
+				</refresh-list>
+			</lodding-card>
+		</div>
+	</div>
+</template>
+
+<script setup name="registrationList">
+import { ref } from 'vue';
+import {queryRegistrationList} from '../../api/enterprise';
+import { setGoodsNum } from "@/util/util";
+const { useCommon, useShopCard } = $globalStore;
+
+const router = useRouter();
+let allchecked = ref(false); // 是否全选
+let refreshLoad = ref(false); // 是否加载中
+let value = ref('')
+let totalPrice = ref(0); // 总钱数
+
+let searchParam = reactive({
+  //执法事件
+  lawEnforcementIncident:"",
+  //执法部门
+  lawEnforcement:"",
+  //搜索框
+  searchText: ref(''),
+  //时间类型 
+  dateType: null,
+  //是否投诉
+  isComplaint: null,
+  //企业统一信用码
+  enterpriseNumber: ref(useCommon.enterpriseNumber),
+  //日期搜索
+  dateSearch: ref()
+});
+
+const data = reactive({
+  cartList: [],
+  dataList: [],
+  dateSearch: ref(),
+  showDatePicker:false,
+  currentDate:ref(['2024', '01']),
+  minDate: new Date(2020, 0, 1),
+  maxDate: new Date(2125, 5, 1),
+  columnsType :['year', 'month'],
+  dataChecked: ref(),
+});
+
+ // 设置初始值为当前时间
+onMounted(() => {
+  console.log(useCommon.enterpriseNumber);
+	// getCard();
+  searchParam.enterpriseNumber = useCommon.enterpriseNumber;
+  console.log(useCommon.enterpriseNumber)
+  queryList();
+  data.dateSearch = nowDate(new Date());
+});
+const queryList = () =>{
+  queryRegistrationList(searchParam,success =>{
+    console.log(success)
+    data.dataList = success.data;
+  },error =>{
+
+  })
+}
+
+const onSearch = (val) => {
+  searchParam.dateSearch = null;
+  queryRegistrationList(
+    {
+      "searchText": searchParam.searchText
+    }
+    ,success =>{
+    console.log(success)
+    data.dataList = success.data;
+  },error =>{
+
+  })
+};
+const onClickButton = () =>{
+  console.log(searchParam.searchText)
+  queryList();
+}
+
+
+onActivated(() => {
+});
+
+onDeactivated(() => {
+
+});
+
+// 返回
+const goBack = () => {
+	router.go(-1);
+};
+
+let resetScroll = ref(0); // 滚动记录
+let isLodding = ref(true); // 是否加载中
+let freshMap = reactive({
+	refreshLoad: false, // 是否刷新
+	listLoading: false, // 是否加载中
+	listFinished: false, // 是否加载完成标识
+});
+
+
+//下拉刷新
+const onRefresh = () => {
+	freshMap.listFinished = false;
+	freshMap.listLoading = true;
+	getGoodslist();
+};
+
+// 触底加载
+const onLoad = () => {
+	freshMap.listFinished = true;
+	getGoodslist(true);
+};
+
+
+
+//获取分类下的商品列表
+const getGoodslist = async (onLoad) => {
+	// const res = await useClassify.classifyGoods();
+	// if (res?.code === 20000) {
+	// 	goodsList = onLoad ? goodsList.concat(res?.data) : res?.data;
+	// 	freshMap.refreshLoad = false;
+	// 	freshMap.listLoading = false;
+	// 	freshMap.listFinished = res?.listFinished;
+	// 	if (goodsList.length > 50) {
+	// 		freshMap.listFinished = true;
+	// 	}
+	// }
+    freshMap.refreshLoad = false;
+		freshMap.listLoading = false;
+		freshMap.listFinished = true;
+	  isLodding.value = false;
+};
+
+onMounted(async () => {
+	// let res = await getClassify();
+	// if (res && res?.length) {
+	// 	classifyId = res?.[0]?.id;
+	// 	classifyId && getGoodslist();
+	// } else {
+	// 	isLodding.value = false;
+	// }
+  queryList();
+  isLodding.value = false;
+});
+
+const selectDate  = () =>{
+  data.showDatePicker = true;
+  console.log(data.showDatePicker)
+}
+
+const onDateConfirm = (value)=> {
+      console.log(value);
+      value.selectedValues.forEach((item,index) => {
+        console.log(item);
+      });
+      data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1]
+      data.showDatePicker = false;
+      //日期搜索条件
+      searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1]
+      //取消投诉
+      searchParam.isComplaint = null,
+      queryList();
+}
+const nowDate = (time) => {
+    var year = time.getFullYear(); // 年
+    var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
+    var date = time.getDate().toString().padStart(2, '0'); // 日
+    var hour = time.getHours().toString().padStart(2, '0'); // 时
+    var minute = time.getMinutes().toString().padStart(2, '0'); // 分
+    var second = time.getSeconds().toString().padStart(2, '0'); // 秒
+    return (
+      year + "/" + month
+    )
+}
+
+
+const searchDateType = (val) =>{
+  searchParam.dateType =  val;
+  searchParam.isComplaint =  null;
+  queryList();
+}
+const searchComplaint = (val) =>{
+  searchParam.isComplaint =  val;
+  searchParam.dateType =  null;
+  queryList();
+}
+
+//单个选
+const oneCheckbox = (item) => {
+
+  //先取消已经勾选的数据
+  data.dataList.forEach((it) => {
+		if (it?.id == data.dataChecked) {
+			item.checked = false;
+		}
+	});
+  //再去选择
+	data.dataList.forEach((it) => {
+		if (it?.id == item?.id) {
+			it.checked = true;
+      data.dataChecked = it.id;
+		}
+	});
+	// allchecked.value = data.dataList.every((item) => {
+  //   data.dataChecked = item;
+  //   console.log(item);
+	// 	return item.checked;
+	// });
+  // console.log(allchecked.value)
+}; 
+</script>
+
+<style lang="less" scoped>
+.shop {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	background-color: #f4f4f4;
+
+	.header_body {
+		height: 50px;
+	}
+
+	.shop-center {
+		flex: 1;
+		overflow-y: scroll;
+		position: relative;
+
+		.goods_box {
+			display: flex;
+			background-color: #fff;
+			margin: 6px;
+			border-radius: 10px;
+
+			.swipe_cell {
+				width: 100%;
+			}
+
+			.card_box {
+				display: flex;
+				width: 100%;
+        padding: 10px,0px;
+        flex-direction: column;
+				.card_body {
+					background-color: #fff;
+					border-radius: 10px;
+					flex: 1;
+				}
+        .card_box_span{
+          font-size: 13px;
+          padding-left: 5%;
+          height: 35px;
+          align-items: center;
+          display: flex;
+          align-items: center;
+        }
+        .card_box_action{
+          position: absolute;
+          right: 4%;
+        }
+			}
+		}
+	}
+
+	.shop_footer_body {
+		height: 101px;
+		position: relative;
+		.footer-one-btn {
+			height: 50px;
+			bottom: 51px;
+		}
+	}
+}
+
+.search-button-list{
+    height: 3%;
+    display: flex;
+    flex-direction: row;
+    padding-left: 10px;
+    margin-top: 6px;
+    align-items: end;
+    .search-button{
+        width: 15%;
+        height: 80%;
+    }
+}
+.search-button-date{
+    height: 3%;
+    display: flex;
+    flex-direction: row;
+    padding-left: 10px;
+    margin-top: 6px;
+    align-items: end;
+    position: relative;
+    .date-select{
+      font-size: 20px;
+      margin-left: 2%;
+    }
+    .search-button{
+        width: 15%;
+        height: 80%;
+        position: absolute;
+        top: 1%;
+        right: 1%;
+    }
+}
+
+.van-checkbox{
+    margin-left: 10px;
+    position: absolute;
+    top: 45%;
+}
+.card_box_span{
+  padding-left: 10% !important;
+}
+
+</style>