diff --git a/src/api/index.js b/src/api/index.js index c0a5c2ef..3b1eb6ba 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -31,3 +31,41 @@ export function userPhoneLogin(params) { params: params, }); } +export function userCollection(params) { + return http('/api/user/collection', { + method: 'POST', + params: params, + }); +} +export function userComment(params) { + return http('/api/user/comment', { + method: 'GET', + params: params, + }); +} +export function userFootprint(params) { + return http('/api/user/footprint', { + method: 'GET', + params: params, + }); +} +export function userAgreement(params) { + return http('/api/index/agreement', { + method: 'GET', + params: params, + }); +} +//export const DelPolitics = data => request.delete('api/politics/delPolitics', data, false); +export function AddCollection(params) { + return http('/api/news/collection', { + method: 'POST', + params: params, + }); +} +export function delPolitics(params) { + return http('/api/politics/delPolitics', { + method: 'POST', + params: params, + }); +} + diff --git a/src/api/request.js b/src/api/request.js index 3f0de40c..5aa8306b 100644 --- a/src/api/request.js +++ b/src/api/request.js @@ -45,6 +45,11 @@ const Request = (url, options = {}) => { service.interceptors.request.use( config => { // 此处添加Loading + var item = sessionStorage.getItem('user'); + var jsonArray = JSON.parse(item); + if (item) { + config.headers['token'] =jsonArray['token'] + } return config; }, error => { diff --git a/src/components/Head.vue b/src/components/Head.vue index b1ccf487..9a4f7b7e 100644 --- a/src/components/Head.vue +++ b/src/components/Head.vue @@ -47,13 +47,13 @@
- +
- + @@ -71,7 +71,7 @@
- + @@ -113,17 +113,24 @@ const buttonThemeOverrides: ButtonThemeOverrides = { const message = useMessage() const router = useRouter() const userPhone=ref(); +const x = ref(); onMounted(() => { var item = sessionStorage.getItem('user'); - const jsonArray = JSON.parse(item); - const hiddenPhoneNumber = jsonArray.mobile.substring(0, 3) + "****" + jsonArray.mobile.substring(7); - userPhone.value=hiddenPhoneNumber; + if(item!=null){ + const jsonArray = JSON.parse(item); + const hiddenPhoneNumber = jsonArray.mobile.substring(0, 3) + "****" + jsonArray.mobile.substring(7); + userPhone.value=hiddenPhoneNumber; + }else{ + userPhone.value=''; + } + x.value=router.options.history.location; }) const quit = () => { sessionStorage.removeItem('user'); userPhone.value=''; } const tn = (url) => { + x.value=url; if(url=='/user'&&userPhone.value==''){ message.error('请登录！') return; diff --git a/src/router/routes.js b/src/router/routes.js index 90bd94af..1e02e79e 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -24,7 +24,14 @@ const router = createRouter({ title: '洛阳百姓问政-我的' //title配置 }, component: () => import("../view/user/user.vue") - }], + },{ + path: "/department", + meta: { + title: '洛阳百姓问政-部门' //title配置 + }, + component: () => import("../view/department/index.vue") + } + ], }); export default router diff --git a/src/view/department/index.vue b/src/view/department/index.vue new file mode 100644 index 00000000..3ac8cfa6 --- /dev/null +++ b/src/view/department/index.vue @@ -0,0 +1,74 @@ + + + diff --git a/src/view/user/user.vue b/src/view/user/user.vue index d7f4d6c5..50eb950e 100644 --- a/src/view/user/user.vue +++ b/src/view/user/user.vue @@ -13,21 +13,61 @@
-
我的问政
-
我的收藏
-
我的评论
-
历史足迹
-
用户协议
-
隐私政策
-
关于我们
+
{{ item }} +
-
我的问政
-
+
{{ leftList[leftListIndex] }}
+
+
+ +
+
+ {{item.politics_title}} +
+
{{item.createtime}}
+
+ + + 确定要取消收藏吗？ + +
+
+ + + 确定要取消收藏吗？ + +
+ +
+
+
+
+ +
+
+ {{item.info.politics_title}} +
+
我的回复：{{item.content}}
+
{{item.info.createtime}}
+ +
+
+
+
+
+
+
+
没有更多了
@@ -45,44 +85,107 @@ import Header from "@/components/Head.vue"; import Footer from "@/components/Footer.vue"; import {onMounted, ref} from "vue"; - -const userInfo = ref(); +import {getPolitics,userCollection,userComment,userFootprint,userAgreement,AddCollection,delPolitics} from "@/api/index"; +import {useMessage} from "naive-ui"; +const message = useMessage() +const leftListIndex = ref(0); +const leftList = ref(['我的问政', '我的收藏', '我的评论', '历史足迹', '用户协议', '隐私政策']); +const userInfo = ref({}); +const list=ref(); onMounted(() => { var item = sessionStorage.getItem('user'); var jsonArray = JSON.parse(item); // 隐藏用户手机号，只显示前3位和后7位 - const hiddenPhoneNumber = jsonArray.mobile.substring(0, 3) + "****" + jsonArray.mobile.substring(7); - // 更新用户手机号 - jsonArray.mobile = hiddenPhoneNumber; - // 将用户信息赋值给userInfo + jsonArray.mobile = jsonArray.mobile.substring(0, 3) + "****" + jsonArray.mobile.substring(7); userInfo.value = jsonArray; - // 更新用户信息的mobile属性 - jsonArray.mobile = hiddenPhoneNumber; - // 将更新 - // 用户通过手机号登录 - userPhoneLogin({'mobile':mobile.value,'captcha':code.value}).then(res => { - // 如果返回状态码为200，说明登录成功 - if(res.code==200){ - // 显示登录成功的信息 - message.success(res.msg); - // 将用户信息存入sessionStorage - sessionStorage.setItem('user', JSON.stringify(res.data.userinfo)); - // 跳转到首页 - router.push('/'); - }else{ - // 如果返回状态码不为200，说明登录失败 - message.error(res.msg) - } - }); - ngify(res.data.userinfo)); - // 跳转到首页 - router.push('/'); - }else{ - // 如果返回状态码不为200，说明登录失败 - message.error(res.msg) - } - }); - _text_init { + getList(); +}) +const openLeft = (e) => { + list.value=''; + leftListIndex.value = e; + getList(); +} +const delDep = (item) => { + console.log(item); + delPolitics({'id':item.id}).then(res => { + console.log(res); + if(res.code==200){ + message.success('删除成功！'); + }else{ + message.error(res.msg); + } + getList(); + }); +} +const delCollection = (item) => { + console.log(item); + AddCollection({'type': '3','id':item.news_id}).then(res => { + console.log(res); + if(res.code==200){ + message.success('取消成功！'); + }else{ + message.error(res.msg); + } + getList(); + }); +} +const getList = () => { + var type=leftListIndex.value; + if (type == 0) { + getPolitics({'is_user': 1}).then(res => { + console.log(res); + list.value=res.data; + }); + } else if (type == 1) { + userCollection({'type': 3}).then(res => { + console.log(res); + list.value=res.data; + }); + } else if (type == 2) { + userComment({'type': 3}).then(res => { + console.log(res); + list.value=res.data; + }); + } else if (type == 3) { + userFootprint({'type': 3}).then(res => { + console.log(res); + list.value=res.data; + }); + } else if (type == 4) { + userAgreement({'type': 'user'}).then(res => { + console.log(res); + list.value=res.data; + }); + } else if (type == 5) { + userAgreement({'type': 'privacy'}).then(res => { + console.log(res); + list.value=res.data; + }); + } + +} + +