Merge remote-tracking branch 'origin/main'
# Conflicts: # collect_information/src/pages/policeManager/index/index.vue
This commit is contained in:
commit
795f1238af
|
@ -1,43 +1,85 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view class="content">
|
<view class="swiper-demo">
|
||||||
<div @tap="routerPush(1)" class="grid-item">
|
<nut-swiper ref="swiperRef" pagination-visible pagination-color="#e53e31" :auto-play="3000" :init-page="0">
|
||||||
<image class="grid-item-image"></image>
|
<nut-swiper-item v-for="(item, index) in list" :key="index" style="height: 150px">
|
||||||
<view class="grid-item-text">企事业单位</view>
|
<img :src="item" alt="" style="height: 100%; width: 100%" draggable="false"/>
|
||||||
</div>
|
</nut-swiper-item>
|
||||||
<div class="grid-item">
|
</nut-swiper>
|
||||||
<image class="grid-item-image"></image>
|
</view>
|
||||||
<view class="grid-item-text">监督考核</view>
|
<view class="margin-top">
|
||||||
</div>
|
<nut-grid :column-num="3">
|
||||||
<div class="grid-item">
|
<nut-grid-item
|
||||||
<image class="grid-item-image"></image>
|
text="企事业单位"
|
||||||
<view class="grid-item-text">警保风采</view>
|
@click="Taro.navigateTo({url: '/subPages/pages/policeManager/index'})">
|
||||||
</div>
|
</nut-grid-item>
|
||||||
<div class="grid-item">
|
<nut-grid-item
|
||||||
<image class="grid-item-image"></image>
|
text="警保风采"
|
||||||
<view class="grid-item-text">三色预警</view>
|
@click="Taro.navigateTo({url: '/pages/index/dataEntry/personnelInformationEntry/personnelInformationEntry'})">
|
||||||
</div>
|
</nut-grid-item>
|
||||||
|
<nut-grid-item text=".....">
|
||||||
|
</nut-grid-item>
|
||||||
|
</nut-grid>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import './index.scss'
|
||||||
|
import {ref} from 'vue'
|
||||||
import Taro from "@tarojs/taro";
|
import Taro from "@tarojs/taro";
|
||||||
|
|
||||||
const routerPush = (path) => {
|
const list = ref([
|
||||||
switch (path) {
|
'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
|
||||||
case 1:
|
'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
|
||||||
Taro.navigateTo({
|
'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
|
||||||
url: '/subPages/pages/policeManager/index',
|
'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'
|
||||||
})
|
])
|
||||||
}
|
const swiperRef = ref()
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
import './index.scss'
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<!--<template>-->
|
||||||
|
<!-- <view>-->
|
||||||
|
<!-- <view class="content">-->
|
||||||
|
<!-- <div @tap="routerPush(1)" class="grid-item">-->
|
||||||
|
<!-- <image class="grid-item-image"></image>-->
|
||||||
|
<!-- <view class="grid-item-text">企事业单位</view>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="grid-item">-->
|
||||||
|
<!-- <image class="grid-item-image"></image>-->
|
||||||
|
<!-- <view class="grid-item-text">监督考核</view>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="grid-item">-->
|
||||||
|
<!-- <image class="grid-item-image"></image>-->
|
||||||
|
<!-- <view class="grid-item-text">警保风采</view>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="grid-item">-->
|
||||||
|
<!-- <image class="grid-item-image"></image>-->
|
||||||
|
<!-- <view class="grid-item-text">三色预警</view>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </view>-->
|
||||||
|
|
||||||
</style>
|
<!-- </view>-->
|
||||||
|
<!--</template>-->
|
||||||
|
<!--<script setup lang="ts">-->
|
||||||
|
<!--import Taro from "@tarojs/taro";-->
|
||||||
|
|
||||||
|
<!--const routerPush = (path) => {-->
|
||||||
|
<!-- switch (path) {-->
|
||||||
|
<!-- case 1:-->
|
||||||
|
<!-- Taro.navigateTo({-->
|
||||||
|
<!-- url: '/subPages/pages/policeManager/index',-->
|
||||||
|
|
||||||
|
<!-- })-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!--}-->
|
||||||
|
|
||||||
|
<!--import './index.scss'-->
|
||||||
|
<!--</script>-->
|
||||||
|
|
||||||
|
|
||||||
|
<!--<style scoped lang="scss">-->
|
||||||
|
|
||||||
|
<!--</style>-->
|
||||||
|
|
|
@ -2,3 +2,34 @@ page {
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.myProject {
|
||||||
|
.myProjectItem {
|
||||||
|
margin: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 15px;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 50px;
|
||||||
|
color: #333333;
|
||||||
|
|
||||||
|
.myProjectIndex {
|
||||||
|
color: #9b9b9f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-flow: wrap;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
view {
|
||||||
|
width: 45%;
|
||||||
|
height: 100rpx;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
line-height: 100rpx;
|
||||||
|
margin: 8px 0 8px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,20 +1,47 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view class="myProject">
|
||||||
<view class="content">
|
<view class="myProjectItem" v-for="(item,index) in myProjectList" :key="index">
|
||||||
|
<view style="display: flex;justify-content: space-between">
|
||||||
|
<text>{{ item?.name }}</text>
|
||||||
|
<!--<text>进行中</text>-->
|
||||||
|
</view>
|
||||||
|
<view class="myProjectIndex">地址:
|
||||||
|
<text>{{ item?.provinceName }}{{ item.cityName }}{{ item.districtsName }}{{ item.streetName }}</text>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;justify-content: space-between">
|
||||||
|
<text>项目负责人:{{ item?.contactPersonInfo.name }}</text>
|
||||||
|
<text>电话:{{ item?.contactPersonInfo.telephone }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="project">
|
||||||
|
<view v-for="(items,index) in item.serviceProjectList" :key="index">{{ items.name }}</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import api from "@/request/index";
|
||||||
|
import {onMounted, ref} from "vue";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import './index.scss'
|
||||||
|
|
||||||
import Taro, {useLoad} from "@tarojs/taro";
|
const myProjectList = ref<myProjectList[]>()
|
||||||
|
const getMyServiceProject = async () => {
|
||||||
useLoad(() => {
|
const token = Taro.getStorageSync('token')
|
||||||
console.log('onLoad')
|
const resp = await api.get<myProjectList[]>(`/policeIndex/getUnitServiceProjectList`, {
|
||||||
|
token: token.value
|
||||||
})
|
})
|
||||||
|
|
||||||
import './index.scss'
|
myProjectList.value = resp.data
|
||||||
|
console.log(resp.data)
|
||||||
|
}
|
||||||
|
onMounted(async () => {
|
||||||
|
await getMyServiceProject()
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -7,26 +7,14 @@
|
||||||
<div v-else class="logo flex-center">
|
<div v-else class="logo flex-center">
|
||||||
<img src="@/assets/vue.svg" title="超级后台" alt="xx"/>
|
<img src="@/assets/vue.svg" title="超级后台" alt="xx"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- -->
|
|
||||||
<!-- <a-menu v-model:selectedKeys="selectedKeys" theme="light" mode="inline">
|
|
||||||
<a-menu-item key="1">
|
|
||||||
<router-link to="/index">
|
|
||||||
<pie-chart-outlined />
|
|
||||||
<span>首页</span>
|
|
||||||
</router-link>
|
|
||||||
</a-menu-item>
|
|
||||||
<a-menu-item key="2">
|
|
||||||
<router-link to="/register/index">
|
|
||||||
<pie-chart-outlined />
|
|
||||||
<span>注册</span>
|
|
||||||
</router-link>
|
|
||||||
</a-menu-item>
|
|
||||||
</a-menu> -->
|
|
||||||
<!-- 动态生成菜单项 -->
|
<!-- 动态生成菜单项 -->
|
||||||
<a-menu v-model:selectedKeys="selectedKeys" v-model:openKeys="openKeys" theme="light" mode="inline">
|
<a-menu v-model:selectedKeys="selectedKeys" v-model:openKeys="openKeys" theme="light" mode="inline">
|
||||||
<template v-for="route in staticRouter">
|
<template v-for="route in staticRouter">
|
||||||
<a-menu-item v-if="route.meta?.title === undefined && route.children" :key="route.path" @click="handleMenuClick(route.children[0].path)">
|
<a-menu-item v-if="route.meta?.title === undefined && route.children" :key="route.path"
|
||||||
<router-link :to="`${route.children[0].path}`">
|
@click="handleMenuClick(route.children[0].path)">
|
||||||
|
<router-link :to="`${route.children[0].path}`" class="flex_">
|
||||||
|
<!-- <icon-font :font-class="route.icon"/>-->
|
||||||
<HomeOutlined v-if="route.name === 'dashboard'"/>
|
<HomeOutlined v-if="route.name === 'dashboard'"/>
|
||||||
<InsuranceOutlined v-if="route.name === 'police'"/>
|
<InsuranceOutlined v-if="route.name === 'police'"/>
|
||||||
<SoundOutlined v-if="route.name === 'law'"/>
|
<SoundOutlined v-if="route.name === 'law'"/>
|
||||||
|
@ -40,7 +28,8 @@
|
||||||
<UserOutlined v-if="route.name === 'user'"/>
|
<UserOutlined v-if="route.name === 'user'"/>
|
||||||
<span>{{ route.meta?.title }}</span>
|
<span>{{ route.meta?.title }}</span>
|
||||||
</template>
|
</template>
|
||||||
<a-menu-item v-for="child in route.children" :key="child.path" @click="handleMenuClick(`${route.path}/${child.path}`)">
|
<a-menu-item v-for="child in route.children" :key="child.path"
|
||||||
|
@click="handleMenuClick(`${route.path}/${child.path}`)">
|
||||||
<router-link :to="`${route.path}/${child.path}`">{{ child.meta?.title }}</router-link>
|
<router-link :to="`${route.path}/${child.path}`">{{ child.meta?.title }}</router-link>
|
||||||
</a-menu-item>
|
</a-menu-item>
|
||||||
</a-sub-menu>
|
</a-sub-menu>
|
||||||
|
@ -69,11 +58,21 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { InsuranceOutlined, HomeOutlined, SoundOutlined, MailOutlined, ApartmentOutlined, UserOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
|
import IconFont from "@/components/iconfont/IconFont.vue";
|
||||||
|
import {
|
||||||
|
InsuranceOutlined,
|
||||||
|
HomeOutlined,
|
||||||
|
SoundOutlined,
|
||||||
|
MailOutlined,
|
||||||
|
ApartmentOutlined,
|
||||||
|
UserOutlined,
|
||||||
|
AppstoreOutlined
|
||||||
|
} from '@ant-design/icons-vue'
|
||||||
import LayoutHeader from '@/components/layout/header/LayoutHeader.vue'
|
import LayoutHeader from '@/components/layout/header/LayoutHeader.vue'
|
||||||
import {computed, watch, onMounted} from 'vue'
|
import {computed, watch, onMounted} from 'vue'
|
||||||
import {staticRouter} from '@/router/staticRouters'
|
import {staticRouter} from '@/router/staticRouters'
|
||||||
import {useRoute} from 'vue-router'
|
import {useRoute} from 'vue-router'
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const selectedKeys = ref([route.path])
|
const selectedKeys = ref([route.path])
|
||||||
/**
|
/**
|
||||||
|
@ -141,6 +140,13 @@ const keepAliveNames = ref<string[]>(['index', 'rindex'])
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.flex_ {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
|
@ -9,6 +9,7 @@ export const staticRouter: RouteRecordRaw[] =
|
||||||
path: '/',
|
path: '/',
|
||||||
name: 'dashboard',
|
name: 'dashboard',
|
||||||
redirect: '/index',
|
redirect: '/index',
|
||||||
|
icon: 'icon-policeman-full',
|
||||||
meta: {
|
meta: {
|
||||||
keepalive: true
|
keepalive: true
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue