<template> <view> <cu-custom bgColor="bg-blue" :isBack="true" backUrl="/pages/indexcf/indexcf"> <block slot="content">企业列表</block> </cu-custom> <view :style="[{top:CustomBar + 'px'}]"> <view class="search-box"> <view class="choose-box"> <jp-picker v-model="parkId" rangeKey="label" rangeValue="value" :range="parkList2" empty="选择园区" :disabled="stype == 3"> </jp-picker> </view> <view class="choose-box"> <jp-picker v-model="parkId" rangeKey="label" rangeValue="value" :range="parkList" :disabled="stype == 3" empty="选择楼宇"> </jp-picker> </view> <view class="input-box"> <input type="text" placeholder="请输入企业名称" v-model="curWord" confirm-type="search"></input> </view> <text class="cuIcon-search color-white" @click="doSearch"></text> </view> <view> <view class="cu-item" :class="modalName=='move-box-'+ index?'move-cur':''" v-for="(item, index) in comList" :key="index"> <view class="item-box" @click="gotoBuildInfo(item.id)"> <view class="item-title"> <view> {{item.name.substring(0,14)}} </view> </view> <view class="item-line"> <view class="item-name">所属楼宇:</view> <view class="item-content">{{item.lyname}}</view> </view> <view class="item-line"> <view class="item-name">所属楼层:</view> <view class="item-content">{{item.floor}}-{{item.des3}}</view> </view> <view class="item-line"> <view class="item-name">联系人 :</view> <view class="item-content">{{item.lxr}}({{item.phone}})</view> </view> </view> </view> </view> <view style="height: 20rpx;"></view> </view> </view> </template> <script> import loginService from '@/api/auth/loginService.js' export default { onShow(option) { // this.$auth.checkLogin() }, components: {}, data() { return { searchForm: {}, comList: [{ "id": "582ca566b9ea44778b7d9482af11b87e", "createDate": "2024-12-31 14:11:33", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-31 14:11:33", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "江苏阿顿智能科技有限公司", "industry": "4", "industryName": "注册经济", "entryTime": "2022-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "无", "phone": "18921876098", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "无", "htStime": "2022-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 1, "securityNumber": 1, "belowUndergraduate": 0, "undergraduate": 1, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "0", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "4d2d1c2c1b8842cb90dfdc74cb52e446", "createDate": "2024-12-23 14:56:22", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-23 14:56:22", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "江苏盈森科技有限公司", "industry": "2", "industryName": "服务业", "entryTime": "2023-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "无", "phone": "18821876099", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "6", "htStime": "2023-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 2, "securityNumber": 2, "belowUndergraduate": 0, "undergraduate": 2, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "1", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "8b6d235a2f294b23afb42de91b393e24", "createDate": "2024-12-23 14:53:31", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-23 14:53:31", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "盐城亦达科技有限公司", "industry": "2", "industryName": "服务业", "entryTime": "2023-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "薛", "phone": "15660992187", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "无", "htStime": "2023-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 1, "securityNumber": 1, "belowUndergraduate": 0, "undergraduate": 1, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "0", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "67410e9674bf4833930644a566b3a0bf", "createDate": "2024-12-23 14:48:00", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-23 14:48:00", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "盐城万鸿信网络技术服务有限公司", "industry": "1", "industryName": "国家高企", "entryTime": "2022-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "无", "phone": "13921876099", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "无", "htStime": "2022-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 2, "securityNumber": 2, "belowUndergraduate": 0, "undergraduate": 2, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "1", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "c69e5fae4cc94a0cbb94ff3af76ff521", "createDate": "2024-12-23 14:44:18", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-23 14:44:18", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "江苏鹏之云信息科技有限公司", "industry": "5", "industryName": "科创企业", "entryTime": "2022-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "无", "phone": "18321876099", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "无", "htStime": "2022-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 2, "securityNumber": 2, "belowUndergraduate": 1, "undergraduate": 1, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "1", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "8406e8c036d94f3ca315ef24f4dfb813", "createDate": "2024-12-23 11:26:05", "createBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-23 11:26:05", "updateBy": { "id": "1858788038421487618", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "盐城浪鲸智能科技有限公司", "industry": "1", "industryName": "国家高企", "entryTime": "2022-04-01", "officeArea": "", "annualRent": "", "floor": "6", "lxr": "无", "phone": "15621876099", "des1": "fbb6ca3417804c4db5a5b635103a4a2c", "lyname": "B4", "des2": "", "des3": "无", "htStime": "2022-04-01 00:00:00", "htEtime": "2025-03-31 00:00:00", "qyDes": "", "businessContent": "", "totalNumber": 1, "securityNumber": 1, "belowUndergraduate": 0, "undergraduate": 1, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "0", "bz6": "", "des5": "", "des6": "1", "des7": "1", "des8": "0", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "bc502fb5aacb4a8eae6137a7540ca7fd", "createDate": "2024-12-17 17:42:55", "createBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-17 20:21:48", "updateBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "盐城埃欧珞机器人科技有限公司", "industry": "5,10,16", "industryName": "科创企业,人工智能,机器人", "entryTime": "2023-10-01", "officeArea": "3058", "annualRent": "", "floor": "1-4", "lxr": "贾伟伟", "phone": "13770222444", "des1": "6a87501c27c44b83875c7ef65702247b", "lyname": "B6", "des2": "", "des3": "101、201、301、401", "htStime": "2023-10-01 00:00:00", "htEtime": "2025-12-01 00:00:00", "qyDes": "", "businessContent": "智能机器人技术研发、生产、销售", "totalNumber": 5, "securityNumber": 2, "belowUndergraduate": 1, "undergraduate": 3, "postgraduate": 1, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "5", "des8": "0", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "16c40ef4d22547d493bd9b15fefe0548", "createDate": "2024-12-17 17:36:50", "createBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-17 17:36:50", "updateBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "优必选(盐城)科技有限公司", "industry": "5,10,16", "industryName": "科创企业,人工智能,机器人", "entryTime": "2023-11-01", "officeArea": "2711", "annualRent": "", "floor": "1-4", "lxr": "李丙程", "phone": "13851189828", "des1": "6a87501c27c44b83875c7ef65702247b", "lyname": "B6", "des2": "", "des3": "101、201、301、401", "htStime": "2023-11-01 00:00:00", "htEtime": "2026-12-01 00:00:00", "qyDes": "", "businessContent": "智能机器人技术研发、生产、测试", "totalNumber": 5, "securityNumber": 2, "belowUndergraduate": 1, "undergraduate": 3, "postgraduate": 1, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "4", "des8": "1", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "9b487cb9e23d42f5a6c40d16005611e9", "createDate": "2024-12-17 17:31:41", "createBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-17 17:31:41", "updateBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "江苏天恩无双智能装备有限公司", "industry": "5,10,16", "industryName": "科创企业,人工智能,机器人", "entryTime": "2024-12-01", "officeArea": "706", "annualRent": "", "floor": "5", "lxr": "张勇", "phone": "18651591639", "des1": "6a87501c27c44b83875c7ef65702247b", "lyname": "B6", "des2": "", "des3": "501", "htStime": "2024-11-15 00:00:00", "htEtime": "2026-12-01 00:00:00", "qyDes": "", "businessContent": "工业机器人制造、安装、维修", "totalNumber": 3, "securityNumber": 2, "belowUndergraduate": 0, "undergraduate": 3, "postgraduate": 0, "doctoralStudent": 0, "num2": 0, "num3": 0, "softWritingNumbers": 0, "bz1": "", "bz2": "", "bz3": "", "bz4": "", "bz5": "", "bz6": "", "des5": "", "des6": "1", "des7": "2", "des8": "1", "des9": "0", "des10": "0", "des11": "", "des16": "人工智能港" }, { "id": "a3088ef4b298426da6ed417badd83cde", "createDate": "2024-12-06 16:58:30", "createBy": { "id": "1858855719768805378", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "updateDate": "2024-12-30 09:17:21", "updateBy": { "id": "1506167921787850753", "admin": false, "roleIdList": [], "roleIds": "", "postIdList": [], "roleNames": "" }, "delFlag": 0, "name": "江苏风格互娱网络科技有限公司", "industry": "5,10,9", "industryName": "科创企业,规上企业,人工智能", "entryTime": "2024-11-01", "officeArea": "50", "annualRent": "", "floor": "4", "lxr": "徐大勇", "phone": "17768202001", "des1": "fee838a5d36243f08bf45cbf2709e0b9", "lyname": "B8", "des2": "", "des3": "410", "htStime": "2024-11-01 00:00:00", "htEtime": "2027-10-31 00:00:00", "qyDes": "江苏风格互娱网络科技有限公司", "businessContent": "江苏风格互娱网络科技有限公司", "totalNumber": 8, "securityNumber": 3, "belowUndergraduate": 8, "undergraduate": 0, "postgraduate": 0, "doctoralStudent": 0, "num2": 1, "num3": 1, "softWritingNumbers": 13, "bz1": "", "bz2": "市高企", "bz3": "0", "bz4": "", "bz5": "1", "bz6": "", "des5": "", "des6": "1", "des7": "2", "des8": "6", "des9": "0", "des10": "0", "des11": "", "des12": "1", "des16": "人工智能港" }], parkList2: [], curWord: "", //当前搜索关键词 dataList: [], // 数据列表 modalName: null, tablePage: { total: 0, currentPage: 1, pageSize: 10, orders: [] }, loading: false, parkId: '', parkList: [], stype: '', // 企业 => 3 楼宇 => 2 园区 => 1 zfadmin => 4 admin=> 5 } }, created() { }, methods: { getParkList2() { loginService.parkList({ current: 1, size: 1000000, }).then(({ data }) => { this.parkList2 = data.records.map((item) => { return { label: item.parkName, value: item.id } }) console.log(this.parkList2, '=============>') }).catch(e => { console.log(e) }) }, getParkList() { loginService.list({ current: 1, size: 1000000, }).then(({ data }) => { this.parkList = data.records.map((item) => { return { label: item.buildingName, value: item.id } }) console.log(this.parkList, '=============>') }).catch(e => { console.log(e) }) }, // 新增 add() { uni.navigateTo({ url: '/pages/comEdit/comEdit' }) }, // 修改 edit(id) { uni.navigateTo({ url: '/pages/comEdit/comEdit?id=' + id }) }, gotoBuildInfo(id) { uni.navigateTo({ url: `/pages/comEditcf/comEditcf?id=${id}&ischeck=1` }) }, // 删除 del(id) { uni.showModal({ title: '提示', content: '您确认要删除数据吗', showCancel: true, success: (res) => { if (res.confirm) { loginService.deleteCom(id).then(({ data }) => { uni.showToast({ title: data, icon: "success" }) this.doSearch() }) } } }); }, /*获取数据列表 */ upCallback(page) { this.loading = true loginService.comlist({ current: page.num, size: page.size, name: this.curWord, des1: this.parkId, orders: [{ column: 'a.create_date', asc: false }], ...this.searchForm }).then(({ data }) => { let curPageData = data.records this.mescroll.endBySize(curPageData.length, data.total); //如果是第一页需手动制空列表 if (page.num == 1) this.dataList = []; //追加新数据 this.dataList = this.dataList.concat(curPageData); }).catch(e => { //联网失败, 结束加载 this.mescroll.endErr(); }) }, // 输入监听 inputWord(e) { }, // 搜索 doSearch() { this.dataList = []; // 先清空列表,显示加载进度 this.mescroll.resetUpScroll(); }, // ListTouch触摸开始 ListTouchStart(e) { this.listTouchStart = e.touches[0].pageX }, // ListTouch计算方向 ListTouchMove(e) { this.listTouchDirection = e.touches[0].pageX - this.listTouchStart > -60 ? 'right' : 'left' }, // ListTouch计算滚动 ListTouchEnd(e) { if (this.listTouchDirection == 'left') { this.modalName = e.currentTarget.dataset.target } else { this.modalName = null } this.listTouchDirection = null } } } </script> <style> .ellipsis-description { font-size: 12px; line-height: $line-height-base; display: -webkit-box; /*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数;如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省略号*/ -webkit-box-orient: vertical; /*伸缩盒子的子元素排列:从上到下*/ } .cu-bar .search-form { background-color: white; } .item-box { width: 710rpx; margin-left: 20rpx; background: #FFFFFF; box-shadow: 0px 1px 3px 0px rgba(9, 2, 4, 0.1); border-radius: 10px; padding-top: 20rpx; padding-left: 38rpx; padding-right: 10rpx; margin-top: 20rpx; } .item-title { position: relative; display: flex; justify-content: space-between; font-size: 30rpx; color: #333; font-weight: bold; align-items: center; } .item-line { display: flex; height: 48rpx; margin-top: 20rpx; } .subtitle { color: #E5880E; } .item-name { font-size: 30rpx; color: #333; } .item-content { color: #1497EF; font-size: 30rpx; } .btn-box { display: flex; } .line-zs { width: 2rpx; height: 30rpx; background: #36A7F3; } .edit-botton { width: 100rpx; height: 48rpx; line-height: 48rpx; color: #fff; font-size: 28rpx; margin-right: 20rpx; border-radius: 10rpx; background: #5A9EE9; text-align: center; } .del-botton { width: 100rpx; height: 48rpx; line-height: 48rpx; color: #fff; font-size: 28rpx; margin-right: 20rpx; border-radius: 10rpx; background: #F27C85; text-align: center; } .color-white { color: #fff; font-size: 40rpx; line-height: 60rpx; } .search-box { background: #36A7F3; display: flex; padding-left: 20rpx; padding-right: 20rpx; padding-bottom: 10rpx; } .input-box { background: #fff; height: 60rpx; width: 420rpx; display: flex; align-items: center; border-radius: 30rpx; padding-left: 10rpx; margin-right: 20rpx; } .choose-box { background: #fff; width: 200rpx; border-radius: 30rpx; height: 60rpx; display: flex; align-items: center; justify-content: center; margin-right: 20rpx; } </style>