123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 |
- <template>
- <van-nav-bar
- fixed
- title="信教群众异常"
- right-text="上报"
- left-arrow
- @click-left="onClickLeft"
- @click-right="onClickRight"
- >
- <template #right>
- <van-icon name="plus" size="18" />
- </template>
- </van-nav-bar>
- <div class="main">
- <van-search
- v-model="searchVal"
- clearable
- show-action
- shape="round"
- placeholder="请输入搜索关键词"
- label="姓名"
- input-align="center"
- @search="onSearch"
- @cancel="onCancel"
- />
- <van-tabs
- v-show="!searchShow"
- v-model:active="active"
- title-inactive-color="#bdbdbd"
- title-active-color="#36a7f3"
- >
- <van-tab title="未审核" name="0">
- <van-list
- v-model:loading="loading"
- :finished="finished"
- finished-text="没有更多了"
- @load="onLoad"
- >
- <van-swipe-cell v-for="item in list" :key="item">
- <div class="list_item" @click="goInfo(item.id)">
- <div class="item-left">
- <p v-show="item.partyTime != ''" style="color: #c4c4c4">
- {{ item.partyTime }}
- </p>
- <p style="color: red">待审核</p>
- </div>
- <van-cell>
- <template #title>
- <van-text-ellipsis
- rows="2"
- :content="`${item.abnormalName}存在${item.abnormalBehavior}异常行为`"
- />
- </template>
- <template #label>
- {{ item.currentResidence }}
- </template>
- </van-cell>
- </div>
- <template #right>
- <van-button
- square
- type="danger"
- text="删除"
- class="button"
- @click="deleteItem(item.id)"
- />
- <van-button
- square
- type="primary"
- text="修改"
- class="button"
- @click="updateItem(item)"
- />
- </template>
- </van-swipe-cell>
- </van-list>
- </van-tab>
- <van-tab title="已审核" name="1">
- <van-list
- v-model:loading="loading1"
- :finished="finished1"
- finished-text="没有更多了"
- @load="onLoad1"
- >
- <van-swipe-cell v-for="item in readList" :key="item">
- <div class="list_item" @click="goInfo(item.id)">
- <div class="item-left">
- <p style="color: #c4c4c4">{{ item.partyTime }}</p>
- <p style="color: red">已审核</p>
- </div>
- <van-cell>
- <template #title>
- <van-text-ellipsis
- rows="2"
- :content="`${item.abnormalName}存在${item.abnormalBehavior}异常行为`"
- />
- </template>
- <template #label>
- {{ item.currentResidence }}
- </template>
- </van-cell>
- </div>
- </van-swipe-cell>
- </van-list>
- </van-tab>
- </van-tabs>
- <!-- 搜索结果 -->
- <van-list
- v-show="searchShow"
- v-model:loading="loading"
- :finished="finished"
- finished-text="没有更多了"
- @load="onLoad"
- >
- <van-swipe-cell v-for="item in searchList" :key="item">
- <div class="list_item" @click="goInfo(item.id)">
- <div class="item-left">
- <p style="color: #c4c4c4">{{ item.partyTime }}</p>
- <p style="color: red">已审核</p>
- </div>
- <van-cell>
- <template #title>
- <van-text-ellipsis
- rows="2"
- :content="`${item.abnormalName}存在${item.abnormalBehavior}异常行为`"
- />
- </template>
- <template #label>
- {{ item.currentResidence }}
- </template>
- </van-cell>
- </div>
- </van-swipe-cell>
- </van-list>
- <van-dialog
- v-model:show="showDel"
- show-cancel-button
- confirmButtonText="删除"
- message="请确认删除该记录"
- @confirm="Itemdel"
- >
- </van-dialog>
- </div>
- </template>
-
- <script>
- import { ref } from "vue";
- import ReligiousPeopleReportService from "@/api/differentbelievers/ReligiousPeopleReportService";
- import { useRouter } from "vue-router";
- export default {
- name: "ReligiousPeopleReportList",
- setup() {
- const onClickLeft = () => {
- history.back();
- };
- // 上报
- const onClickRight = () => {
- router.push("/differentbelievers");
- };
- // 切换
- let active = ref(0);
- // 未审核列表
- let list = ref([]);
- // 已审核列表
- let readList = ref([]);
- const loading = ref(false);
- const finished = ref(false);
- let index = 0;
- const onLoad = () => {
- loading.value = true;
- finished.value = false;
- // 异步更新数据
- new ReligiousPeopleReportService()
- .list({
- current: index + 1,
- size: 10,
- assessment: 0,
- })
- .then(({ records, pages }) => {
- list.value.push(...records);
- // 加载状态结束
- loading.value = false;
- // 数据全部加载完成
- if (index + 1 >= pages) {
- finished.value = true;
- }
- index++;
- });
- };
- const loading1 = ref(false);
- const finished1 = ref(false);
- let index1 = 0;
- const onLoad1 = () => {
- loading1.value = true;
- finished1.value = false;
- // 异步更新数据
- new ReligiousPeopleReportService()
- .list({
- current: index1 + 1,
- size: 10,
- assessment: 1,
- })
- .then(({ records, pages }) => {
- readList.value.push(...records);
- // 加载状态结束
- loading1.value = false;
- // 数据全部加载完成
- if (index1 + 1 >= pages) {
- finished1.value = true;
- }
- index1++;
- });
- };
- // 搜索
- let searchShow = ref(false);
- let searchList = ref([]);
- const searchVal = ref("");
- const onSearch = () => {
- searchShow.value = true;
- searchList.value = [];
- new ReligiousPeopleReportService()
- .list({
- current: 1,
- size: 10000,
- abnormalName: searchVal.value,
- })
- .then(({ records }) => {
- searchList.value.push(...records);
- // 加载状态结束
- loading.value = false;
- });
- };
- const onCancel = () => {
- searchVal.value = "";
- searchShow.value = false;
- };
- // 删除确认
- let showDel = ref(false);
- let ids = ref("");
- const deleteItem = (val) => {
- showDel.value = true;
- ids.value = val;
- };
- // 删除
- const Itemdel = () => {
- new ReligiousPeopleReportService().delete(ids.value).then((res) => {
- console.log("删除", res);
- index = 0;
- loading.value = true;
- list.value = [];
- readList.value = [];
- onLoad();
- });
- };
- let router = useRouter();
- // 修改跳转
- const updateItem = (val) => {
- router.push({
- path: "/differentbelievers",
- query: { id: val.id },
- });
- };
- // 详情跳转
- const goInfo = (val) => {
- router.push({
- path: "/differentbelieversInfo",
- query: { id: val },
- });
- };
- return {
- active,
- onClickLeft,
- list,
- readList,
- onLoad,
- loading,
- finished,
- onLoad1,
- loading1,
- finished1,
- searchShow,
- searchVal,
- searchList,
- onSearch,
- onCancel,
- onClickRight,
- updateItem,
- goInfo,
- showDel,
- deleteItem,
- Itemdel,
- };
- },
- };
- </script >
-
- <style scope>
- </style>
|