|
|
|
@ -14,12 +14,11 @@ |
|
|
|
<div class="item-box"> |
|
|
|
<!-- <span :class="checkCss==1?'item-btn active':'item-btn'" |
|
|
|
@click="checkReason('企业拒绝出示二维码', 1)">企业拒绝出示二维码</span>--> |
|
|
|
<span :class="checkCss==2?'item-btn active':'item-btn'" |
|
|
|
@click="checkReason('网络/设备故障', 2)">网络/设备故障</span> |
|
|
|
<span :class="checkCss==3?'item-btn active':'item-btn'" |
|
|
|
<!-- <span :class="checkCss==2?'item-btn active':'item-btn'" v-for="(item,index) in dicts" :key="index" @click="checkReason('网络/设备故障', 2)">网络/设备故障</span> --> |
|
|
|
<!-- <span :class="checkCss==3?'item-btn active':'item-btn'" |
|
|
|
@click="checkReason('其它', 3)">其它</span> |
|
|
|
<span :class="checkCss==4?'item-btn active':'item-btn'" |
|
|
|
@click="checkReason('补录', 3)">补录</span> |
|
|
|
@click="checkReason('补录', 3)">补录</span> --> |
|
|
|
|
|
|
|
<span v-for="(item, index) in dicts" :key="index" :class="checkCss==item.dictValue?'item-btn active':'item-btn'" @click="checkReason(item.dictLabel, item.dictValue)">{{item.dictLabel}}</span> |
|
|
|
</div> |
|
|
|
@ -38,10 +37,11 @@ |
|
|
|
<div class="search-result"> |
|
|
|
<van-pull-refresh v-model="refreshing" @refresh="onRefresh"> |
|
|
|
<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> |
|
|
|
<div class="case-item" v-for="(item, index) in dataList" :key="index" @click="selectData(item)"> |
|
|
|
<div class="case-item" v-for="(item, index) in dataList" :key="index" @click="toDetail(item)"> |
|
|
|
<div class="case-title">{{ item.enterpriseName }}</div> |
|
|
|
<!-- <div class="case-depart">{{ item.phonenumber }}</div> |
|
|
|
<div class="case-time">{{ item.loginName }}</div> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
</van-list> |
|
|
|
</van-pull-refresh> |
|
|
|
@ -50,14 +50,17 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import {ref} from 'vue' |
|
|
|
<script setup> |
|
|
|
import {ref,defineEmits,getCurrentInstance,defineProps } from 'vue'; |
|
|
|
// import {queryUsers} from '../../api/user' |
|
|
|
import {queryEnterpriseInfoList} from '../../api/enterprise' |
|
|
|
|
|
|
|
const {useCommon} = $globalStore |
|
|
|
export default { |
|
|
|
props: { |
|
|
|
import {queryEnterpriseInfoList} from '@/api/enterprise' |
|
|
|
import {getDict} from "@/api/Home"; |
|
|
|
const {useCommon} = $globalStore; |
|
|
|
//子组件调用父组件方法 |
|
|
|
const emits = defineEmits(['reciveData','close']); |
|
|
|
//路由参数 |
|
|
|
const router = useRouter(); |
|
|
|
const props = defineProps( { |
|
|
|
visible: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
@ -66,95 +69,112 @@ export default { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
searchParam: { |
|
|
|
}) |
|
|
|
|
|
|
|
const searchParam = reactive( { |
|
|
|
//搜索框 |
|
|
|
enterpriseName: '', |
|
|
|
// 分页 |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 6, |
|
|
|
}, |
|
|
|
dataList: [], |
|
|
|
loading: false, |
|
|
|
finished: false, |
|
|
|
refreshing: false, |
|
|
|
curPage: 1, |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
'searchParam.enterpriseName': { |
|
|
|
handler: function (newValue, oldValue) { |
|
|
|
// 当person对象的age属性变化时，这个函数会被调用 |
|
|
|
console.log(`age changed from ${oldValue} to ${newValue}`); |
|
|
|
if (newValue.length > 0) { |
|
|
|
// this.queryList(); |
|
|
|
} else { |
|
|
|
this.dataList = []; |
|
|
|
}) |
|
|
|
const dataList = []; |
|
|
|
const loading = ref(false); |
|
|
|
const finished = ref(false); |
|
|
|
const refreshing = ref(false); |
|
|
|
const curPage = ref(false); |
|
|
|
const dicts = ref([]); |
|
|
|
const reason = ref(""); |
|
|
|
const checkCss = ref(0); |
|
|
|
// watch: { |
|
|
|
// 'searchParam.enterpriseName': { |
|
|
|
// handler: function (newValue, oldValue) { |
|
|
|
// // 当person对象的age属性变化时，这个函数会被调用 |
|
|
|
// console.log(`age changed from ${oldValue} to ${newValue}`); |
|
|
|
// if (newValue.length > 0) { |
|
|
|
// // this.queryList(); |
|
|
|
// } else { |
|
|
|
// this.dataList = []; |
|
|
|
// } |
|
|
|
// }, |
|
|
|
// } |
|
|
|
// }, |
|
|
|
onMounted(() =>{ |
|
|
|
getDict({"dictType":"no-scan-reason"}, success => { |
|
|
|
if (success.success) { |
|
|
|
dicts.value.push(...success.data); |
|
|
|
} |
|
|
|
}, |
|
|
|
}); |
|
|
|
}) |
|
|
|
const closePopup = () =>{ |
|
|
|
emits('close'); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
closePopup() { |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
|
queryList() { |
|
|
|
this.searchParam.pageNum = (this.curPage-1)*this.searchParam.pageSize; |
|
|
|
queryEnterpriseInfoList(this.searchParam, success => { |
|
|
|
this.curPage++; |
|
|
|
this.loading = false; // 查出结果停止加载 |
|
|
|
if (success.total <= this.dataList.length) { |
|
|
|
const queryList = () =>{ |
|
|
|
searchParam.pageNum = (curPage.value-1)*searchParam.pageSize; |
|
|
|
queryEnterpriseInfoList(searchParam, success => { |
|
|
|
curPage.value++; |
|
|
|
loading.value = false; // 查出结果停止加载 |
|
|
|
if (success.total <= dataList.length) { |
|
|
|
// 查到最后没数据 |
|
|
|
this.finished = true; |
|
|
|
finished.value = true; |
|
|
|
return; |
|
|
|
} |
|
|
|
// this.dataList = success.data |
|
|
|
this.dataList.push(...success.rows); |
|
|
|
dataList.push(...success.rows); |
|
|
|
}, error => { |
|
|
|
}) |
|
|
|
}, |
|
|
|
search() { |
|
|
|
this.curPage = 1; |
|
|
|
this.dataList = []; |
|
|
|
this.onRefresh(); |
|
|
|
}, |
|
|
|
cancel() { |
|
|
|
} |
|
|
|
const search = () =>{ |
|
|
|
curPage.value = 1; |
|
|
|
dataList = []; |
|
|
|
onRefresh(); |
|
|
|
} |
|
|
|
const cancel = () =>{ |
|
|
|
this.searchParam.enterpriseName = ''; |
|
|
|
this.search() |
|
|
|
}, |
|
|
|
selectData(item) { |
|
|
|
this.$emit("reciveData", item); |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
|
} |
|
|
|
const selectData = (item) =>{ |
|
|
|
emits("reciveData", item); |
|
|
|
emits('close'); |
|
|
|
} |
|
|
|
|
|
|
|
//下拉刷新 |
|
|
|
onRefresh() { |
|
|
|
const onRefresh = () =>{ |
|
|
|
// 清空列表数据 |
|
|
|
this.enterpriseList = []; |
|
|
|
this.finished = false; |
|
|
|
enterpriseList = []; |
|
|
|
finished.value = false; |
|
|
|
|
|
|
|
// 重新加载数据 |
|
|
|
// 将 loading 设置为 true，表示处于加载状态 |
|
|
|
this.loading = true; |
|
|
|
this.onLoad(); |
|
|
|
}, |
|
|
|
loading.value = true; |
|
|
|
onLoad(); |
|
|
|
} |
|
|
|
// 触底加载 |
|
|
|
onLoad() { |
|
|
|
let that = this; |
|
|
|
const onLoad = () =>{ |
|
|
|
setTimeout(() => { |
|
|
|
if (that.refreshing) { |
|
|
|
that.refreshing = false; |
|
|
|
if (refreshing.value) { |
|
|
|
refreshing.value = false; |
|
|
|
} |
|
|
|
that.queryList(); |
|
|
|
queryList(); |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
} |
|
|
|
|
|
|
|
const checkReason = (val, key) =>{ |
|
|
|
reason.value = val; |
|
|
|
checkCss.value = key; |
|
|
|
} |
|
|
|
const toDetail = (item) =>{ |
|
|
|
router.push({ |
|
|
|
// path: "/sign", |
|
|
|
path: "/enterpriseScanPreview", |
|
|
|
query: { |
|
|
|
reason: reason.value, |
|
|
|
checkCss: checkCss.value, |
|
|
|
enterpriseNumber: item.salt, |
|
|
|
isNoScan: true, |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
chenrui
2 years ago