|  | @@ -1,87 +1,230 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  | -    <van-nav-bar
 | 
	
		
			
				|  |  | -      title="安防设施异常"
 | 
	
		
			
				|  |  | -      left-text=""
 | 
	
		
			
				|  |  | -      left-arrow
 | 
	
		
			
				|  |  | -      @click-left="onClickLeft"
 | 
	
		
			
				|  |  | -    />
 | 
	
		
			
				|  |  | -    <van-search
 | 
	
		
			
				|  |  | -    v-model="value"
 | 
	
		
			
				|  |  | -    shape="round"
 | 
	
		
			
				|  |  | -    placeholder="请输入搜索关键词"
 | 
	
		
			
				|  |  | +  <van-nav-bar
 | 
	
		
			
				|  |  | +    title="安防设施异常"
 | 
	
		
			
				|  |  | +    left-text=""
 | 
	
		
			
				|  |  | +    right-text="上报"
 | 
	
		
			
				|  |  | +    left-arrow
 | 
	
		
			
				|  |  | +    @click-left="onClickLeft"
 | 
	
		
			
				|  |  | +    @click-right="onClickRight"
 | 
	
		
			
				|  |  |    />
 | 
	
		
			
				|  |  | -    <van-list
 | 
	
		
			
				|  |  | -      v-model:loading="loading"
 | 
	
		
			
				|  |  | -      :finished="finished"
 | 
	
		
			
				|  |  | -      finished-text="没有更多了"
 | 
	
		
			
				|  |  | -    >
 | 
	
		
			
				|  |  | -      <van-button type="primary" size="small" to="/placeActivity">新增</van-button>
 | 
	
		
			
				|  |  | -      <van-cell v-for="item in list" :key="item" :title="item" label="2222" is-link>
 | 
	
		
			
				|  |  | -        <template #value>
 | 
	
		
			
				|  |  | -          11111
 | 
	
		
			
				|  |  | -        </template>
 | 
	
		
			
				|  |  | -      </van-cell>
 | 
	
		
			
				|  |  | -    </van-list>
 | 
	
		
			
				|  |  | -  </template>
 | 
	
		
			
				|  |  | +  <van-search v-model="value" shape="round" placeholder="请输入搜索关键词" />
 | 
	
		
			
				|  |  | +  <van-tabs
 | 
	
		
			
				|  |  | +    v-model:active="active"
 | 
	
		
			
				|  |  | +    title-inactive-color="#bdbdbd"
 | 
	
		
			
				|  |  | +    title-active-color="#36a7f3"
 | 
	
		
			
				|  |  | +    @click-tab="onClickTab"
 | 
	
		
			
				|  |  | +  >
 | 
	
		
			
				|  |  | +    <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"
 | 
	
		
			
				|  |  | +          :before-close="beforeClose"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +          <div class="list_item" @click="goInfo(item.id)">
 | 
	
		
			
				|  |  | +            <div class="item-left">
 | 
	
		
			
				|  |  | +              <p style="color: #c4c4c4">{{ item.updateDate }}</p>
 | 
	
		
			
				|  |  | +              <p style="color: red">待审核</p>
 | 
	
		
			
				|  |  | +            </div>
 | 
	
		
			
				|  |  | +            <van-cell is-link v-if="item.facilityType==0">
 | 
	
		
			
				|  |  | +              <template #title >
 | 
	
		
			
				|  |  | +                {{ item.siteName.name }}({{ item.videoAudioPoint.name }})
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +              <template #label>
 | 
	
		
			
				|  |  | +                {{ item.position }}
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +            </van-cell>
 | 
	
		
			
				|  |  | +            <van-cell is-link v-if="item.facilityType==1">
 | 
	
		
			
				|  |  | +              <template #title >
 | 
	
		
			
				|  |  | +                {{ item.siteName.name }}({{ item.siteFireProtection.name }})
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +              <template #label>
 | 
	
		
			
				|  |  | +                {{ item.position }}
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +            </van-cell>
 | 
	
		
			
				|  |  | +          </div>
 | 
	
		
			
				|  |  | +          <template #right>
 | 
	
		
			
				|  |  | +            <van-button square type="danger" text="删除" class="button" />
 | 
	
		
			
				|  |  | +            <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="loading"
 | 
	
		
			
				|  |  | +        :finished="finished"
 | 
	
		
			
				|  |  | +        finished-text="没有更多了"
 | 
	
		
			
				|  |  | +        @load="onLoad"
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  | +        <van-swipe-cell
 | 
	
		
			
				|  |  | +          v-for="item in list"
 | 
	
		
			
				|  |  | +          :key="item"
 | 
	
		
			
				|  |  | +          :before-close="beforeClose"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +          <div class="list_item" @click="goInfo(item.id)">
 | 
	
		
			
				|  |  | +            <div class="item-left">
 | 
	
		
			
				|  |  | +              <p style="color: #c4c4c4">{{ item.updateDate }}</p>
 | 
	
		
			
				|  |  | +              <p style="color: gray">已审核</p>
 | 
	
		
			
				|  |  | +            </div>
 | 
	
		
			
				|  |  | +            <van-cell is-link v-if="item.facilityType==0">
 | 
	
		
			
				|  |  | +              <template #title >
 | 
	
		
			
				|  |  | +                {{ item.siteName.name }}({{ item.videoAudioPoint.name }})
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +              <template #label>
 | 
	
		
			
				|  |  | +                {{ item.position }}
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +            </van-cell>
 | 
	
		
			
				|  |  | +            <van-cell is-link v-if="item.facilityType==1">
 | 
	
		
			
				|  |  | +              <template #title >
 | 
	
		
			
				|  |  | +                {{ item.siteName.name }}({{ item.siteFireProtection.name }})
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +              <template #label>
 | 
	
		
			
				|  |  | +                {{ item.position }}
 | 
	
		
			
				|  |  | +              </template>
 | 
	
		
			
				|  |  | +            </van-cell>
 | 
	
		
			
				|  |  | +          </div>
 | 
	
		
			
				|  |  | +        </van-swipe-cell>
 | 
	
		
			
				|  |  | +      </van-list>
 | 
	
		
			
				|  |  | +    </van-tab>
 | 
	
		
			
				|  |  | +  </van-tabs>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -  <script>
 | 
	
		
			
				|  |  | -  import  qs  from "qs";
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  export default {
 | 
	
		
			
				|  |  | -		data() {
 | 
	
		
			
				|  |  | -			return{
 | 
	
		
			
				|  |  | -        value:"",
 | 
	
		
			
				|  |  | -        list:[],
 | 
	
		
			
				|  |  | -        loading:false,
 | 
	
		
			
				|  |  | -        finished:false,
 | 
	
		
			
				|  |  | -        title:'民宗干事',
 | 
	
		
			
				|  |  | -				username:"",
 | 
	
		
			
				|  |  | -				sms:"",
 | 
	
		
			
				|  |  | -				password:"",
 | 
	
		
			
				|  |  | -				password2:"",
 | 
	
		
			
				|  |  | -				con1:"0",
 | 
	
		
			
				|  |  | -        searchForm: {
 | 
	
		
			
				|  |  | -            siteName: {
 | 
	
		
			
				|  |  | -                id: ''
 | 
	
		
			
				|  |  | -            }
 | 
	
		
			
				|  |  | -        },
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -		},
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		async created(){
 | 
	
		
			
				|  |  | -			let aa=qs.stringify({
 | 
	
		
			
				|  |  | -            'current': 1,
 | 
	
		
			
				|  |  | -            'size': 10,
 | 
	
		
			
				|  |  | -            'orders': [],
 | 
	
		
			
				|  |  | -            ...this.searchForm
 | 
	
		
			
				|  |  | -            },  { allowDots: true, arrayFormat: 'indices' })
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -			let id=this.$route.query.id;
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -			var res = await this.$API.activityMan.siteInspectionList.get(aa);
 | 
	
		
			
				|  |  | -      console.log(res);
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		},
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		methods:{
 | 
	
		
			
				|  |  | -        onClickLeft(){
 | 
	
		
			
				|  |  | -          history.back();
 | 
	
		
			
				|  |  | -        },
 | 
	
		
			
				|  |  | -      },
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +import { ref } from "vue";
 | 
	
		
			
				|  |  | +import router from "@/router";
 | 
	
		
			
				|  |  | +import securityFacilitiesErrService from "@/api/securityFacilitiesErr/securityFacilitiesErrService";
 | 
	
		
			
				|  |  | +export default {
 | 
	
		
			
				|  |  | +name: "securityFacilitiesErrList",
 | 
	
		
			
				|  |  | +setup() {
 | 
	
		
			
				|  |  | +  const onClickLeft = () => {
 | 
	
		
			
				|  |  | +    history.back();
 | 
	
		
			
				|  |  |    };
 | 
	
		
			
				|  |  | +  const onClickRight = () => {
 | 
	
		
			
				|  |  | +    router.push("/securityFacilitiesErrView");
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +  let tabIndex = ref(0);
 | 
	
		
			
				|  |  | +  
 | 
	
		
			
				|  |  | +  //tab切换
 | 
	
		
			
				|  |  | +  let active = ref(0);
 | 
	
		
			
				|  |  | +  const onClickTab = (val) => {
 | 
	
		
			
				|  |  | +    // 清空列表数据
 | 
	
		
			
				|  |  | +    finished.value = false;
 | 
	
		
			
				|  |  | +    list.value = [];
 | 
	
		
			
				|  |  | +    // 重新加载数据
 | 
	
		
			
				|  |  | +    // 将 loading 设置为 true,表示处于加载状态
 | 
	
		
			
				|  |  | +    loading.value = true;
 | 
	
		
			
				|  |  | +    index = 0;
 | 
	
		
			
				|  |  | +    if (val.name == 0) {
 | 
	
		
			
				|  |  | +      onLoad(0);
 | 
	
		
			
				|  |  | +    } else {
 | 
	
		
			
				|  |  | +      onLoad(1);
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +  // 列表
 | 
	
		
			
				|  |  | +  let list = ref([]);
 | 
	
		
			
				|  |  | +  const loading = ref(false);
 | 
	
		
			
				|  |  | +  const finished = ref(false);
 | 
	
		
			
				|  |  | +  let index = 0;
 | 
	
		
			
				|  |  | +  const onLoad = (val) => {
 | 
	
		
			
				|  |  | +    // 异步更新数据
 | 
	
		
			
				|  |  | +    console.log(val);
 | 
	
		
			
				|  |  | +    new securityFacilitiesErrService()
 | 
	
		
			
				|  |  | +      .list({
 | 
	
		
			
				|  |  | +        current: index + 1,
 | 
	
		
			
				|  |  | +        size: 10,
 | 
	
		
			
				|  |  | +        assessment:val ? val : 0,
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +      .then((res) => {
 | 
	
		
			
				|  |  | +        list.value.push(...res.records) ;
 | 
	
		
			
				|  |  | +        // 加载状态结束
 | 
	
		
			
				|  |  | +        loading.value = false;        
 | 
	
		
			
				|  |  | +        // 数据全部加载完成
 | 
	
		
			
				|  |  | +        if (res.records.length < 10) {
 | 
	
		
			
				|  |  | +          finished.value = true;
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        index++;
 | 
	
		
			
				|  |  | +      });
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +  // 搜索
 | 
	
		
			
				|  |  | +  let value = ref("");
 | 
	
		
			
				|  |  | +  // 删除确认
 | 
	
		
			
				|  |  | +  const beforeClose = ({ position }) => {
 | 
	
		
			
				|  |  | +    switch (position) {
 | 
	
		
			
				|  |  | +      case "left":
 | 
	
		
			
				|  |  | +      case "cell":
 | 
	
		
			
				|  |  | +      case "outside":
 | 
	
		
			
				|  |  | +        return true;
 | 
	
		
			
				|  |  | +      case "right":
 | 
	
		
			
				|  |  | +        return new Promise((resolve) => {
 | 
	
		
			
				|  |  | +          showConfirmDialog({
 | 
	
		
			
				|  |  | +            title: "确定删除吗?",
 | 
	
		
			
				|  |  | +          }).then(resolve);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +  return {
 | 
	
		
			
				|  |  | +    onClickLeft,
 | 
	
		
			
				|  |  | +    onClickTab,
 | 
	
		
			
				|  |  | +    list,
 | 
	
		
			
				|  |  | +    onLoad,
 | 
	
		
			
				|  |  | +    loading,
 | 
	
		
			
				|  |  | +    finished,
 | 
	
		
			
				|  |  | +    value,
 | 
	
		
			
				|  |  | +    onClickRight,
 | 
	
		
			
				|  |  | +    tabIndex,
 | 
	
		
			
				|  |  | +    beforeClose,
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +},
 | 
	
		
			
				|  |  | +};
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  </script>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  <style>
 | 
	
		
			
				|  |  | -  .van-button {
 | 
	
		
			
				|  |  | -    top: -5px;
 | 
	
		
			
				|  |  | -  }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  .van-list {
 | 
	
		
			
				|  |  | -    height: 80%;
 | 
	
		
			
				|  |  | -    margin-top: 5px;
 | 
	
		
			
				|  |  | -  }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -  </style>
 | 
	
		
			
				|  |  | +<style>
 | 
	
		
			
				|  |  | +body {
 | 
	
		
			
				|  |  | +background: #f5f5f5;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.nav_tab {
 | 
	
		
			
				|  |  | +width: 100vw;
 | 
	
		
			
				|  |  | +display: flex;
 | 
	
		
			
				|  |  | +text-align: center;
 | 
	
		
			
				|  |  | +background: #fff;
 | 
	
		
			
				|  |  | +margin: 10px 0;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.tab {
 | 
	
		
			
				|  |  | +flex: 1;
 | 
	
		
			
				|  |  | +line-height: 40px;
 | 
	
		
			
				|  |  | +font-size: 14px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.active {
 | 
	
		
			
				|  |  | +background: #36a7f3;
 | 
	
		
			
				|  |  | +color: #fff;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.van-list {
 | 
	
		
			
				|  |  | +height: 80%;
 | 
	
		
			
				|  |  | +margin-top: 5px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.list_item {
 | 
	
		
			
				|  |  | +display: flex;
 | 
	
		
			
				|  |  | +background: #fff;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.item-left {
 | 
	
		
			
				|  |  | +text-align: center;
 | 
	
		
			
				|  |  | +width: 30%;
 | 
	
		
			
				|  |  | +font-size: 12px;
 | 
	
		
			
				|  |  | +border-right: 1px solid #eee;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button {
 | 
	
		
			
				|  |  | +height: 100%;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +</style>
 |