|
|
@@ -21,7 +21,7 @@
|
|
|
<!--查询结果-->
|
|
|
<div class="search-left-box-result">
|
|
|
<!--未查询到结果-->
|
|
|
- <div class="no-result-box">
|
|
|
+ <div class="no-result-box" v-if="showResult == 1">
|
|
|
<div class="no-result-image">
|
|
|
<img src="@/public/search/rc.jpg" alt="">
|
|
|
</div>
|
|
|
@@ -32,59 +32,61 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--人员详情-->
|
|
|
- <div class="result-box">
|
|
|
- <div class="result-title">梁瑞良(<NuxtLink to="/">点击查看详情</NuxtLink>)</div>
|
|
|
- <div class="result-content">
|
|
|
- <div class="result-content-left">
|
|
|
- <div><span>性  别：</span>男</div>
|
|
|
- <div><span>出生年月：</span>1978年10月25日</div>
|
|
|
- <div><span>证件编号：</span>FZNC240272</div>
|
|
|
- <div><span>工作范围：</span>全国</div>
|
|
|
- <div><span>职  务：</span>中级调研员（全国）</div>
|
|
|
+ <div v-if="showResult == 2">
|
|
|
+ <div class="result-box">
|
|
|
+ <div class="result-title">梁瑞良(<NuxtLink to="/">点击查看详情</NuxtLink>)</div>
|
|
|
+ <div class="result-content">
|
|
|
+ <div class="result-content-left">
|
|
|
+ <div><span>性  别：</span>男</div>
|
|
|
+ <div><span>出生年月：</span>1978年10月25日</div>
|
|
|
+ <div><span>证件编号：</span>FZNC240272</div>
|
|
|
+ <div><span>工作范围：</span>全国</div>
|
|
|
+ <div><span>职  务：</span>中级调研员（全国）</div>
|
|
|
+ </div>
|
|
|
+ <div class="result-content-right">
|
|
|
+ <img src="@/public/search/user.jpg" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="result-content-right">
|
|
|
- <img src="@/public/search/user.jpg" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--个人选题-->
|
|
|
- <div class="result-topic-box">
|
|
|
- <div class="result-topic-title">
|
|
|
- <div>个人选题</div>
|
|
|
</div>
|
|
|
- <div class="result-topic-content">
|
|
|
- <h3>关于耒阳中磊石材有限公司涉嫌非法开矿投诉调研</h3>
|
|
|
- <div class="result-topic-content-main">
|
|
|
- <div>同行人员：蒋茂林 贺意成</div>
|
|
|
- <div>涉及组织机构名称：耒阳市人民政府、耒阳市市委宣传部</div>
|
|
|
+ <!--个人选题-->
|
|
|
+ <div class="result-topic-box" v-if="showResult == 2">
|
|
|
+ <div class="result-topic-title">
|
|
|
+ <div>个人选题</div>
|
|
|
</div>
|
|
|
- <div class="result-topic-content-bottom">
|
|
|
- <div>发布时间：2025-04-10</div>
|
|
|
- <div>结束时间：2025-04-29</div>
|
|
|
- <div>申报人：梁瑞良</div>
|
|
|
+ <div class="result-topic-content">
|
|
|
+ <h3>关于耒阳中磊石材有限公司涉嫌非法开矿投诉调研</h3>
|
|
|
+ <div class="result-topic-content-main">
|
|
|
+ <div>同行人员：蒋茂林 贺意成</div>
|
|
|
+ <div>涉及组织机构名称：耒阳市人民政府、耒阳市市委宣传部</div>
|
|
|
+ </div>
|
|
|
+ <div class="result-topic-content-bottom">
|
|
|
+ <div>发布时间：2025-04-10</div>
|
|
|
+ <div>结束时间：2025-04-29</div>
|
|
|
+ <div>申报人：梁瑞良</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="result-topic-box">
|
|
|
- <div class="result-topic-title">
|
|
|
- <div>个人选题</div>
|
|
|
- </div>
|
|
|
- <div class="result-topic-content">
|
|
|
- <h3>关于耒阳中磊石材有限公司涉嫌非法开矿投诉调研</h3>
|
|
|
- <div class="result-topic-content-main">
|
|
|
- <div>同行人员：蒋茂林 贺意成</div>
|
|
|
- <div>涉及组织机构名称：耒阳市人民政府、耒阳市市委宣传部</div>
|
|
|
+ <div class="result-topic-box">
|
|
|
+ <div class="result-topic-title">
|
|
|
+ <div>个人选题</div>
|
|
|
</div>
|
|
|
- <div class="result-topic-content-bottom">
|
|
|
- <div>发布时间：2025-04-10</div>
|
|
|
- <div>结束时间：2025-04-29</div>
|
|
|
- <div>申报人：梁瑞良</div>
|
|
|
+ <div class="result-topic-content">
|
|
|
+ <h3>关于耒阳中磊石材有限公司涉嫌非法开矿投诉调研</h3>
|
|
|
+ <div class="result-topic-content-main">
|
|
|
+ <div>同行人员：蒋茂林 贺意成</div>
|
|
|
+ <div>涉及组织机构名称：耒阳市人民政府、耒阳市市委宣传部</div>
|
|
|
+ </div>
|
|
|
+ <div class="result-topic-content-bottom">
|
|
|
+ <div>发布时间：2025-04-10</div>
|
|
|
+ <div>结束时间：2025-04-29</div>
|
|
|
+ <div>申报人：梁瑞良</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--人员查询表单-->
|
|
|
- <div class="search-left-reset-button">
|
|
|
+ <div class="search-left-reset-button" v-if="showResult == 2 || showResult == 1">
|
|
|
<div>重新查询</div>
|
|
|
</div>
|
|
|
<div class="search-left-box-form">
|
|
|
@@ -96,30 +98,33 @@
|
|
|
<div class="search-form1-text">请输入您要查询的工作人员/外聘人员姓名或证件编号</div>
|
|
|
<div class="search-form1-input-box">
|
|
|
<div class="inputText">人员类型：</div>
|
|
|
- <el-select v-model="value" placeholder="" popper-class="custom-select-dropdown">
|
|
|
- <el-option label="不限" value="1" />
|
|
|
- <el-option label="调研员" value="2" />
|
|
|
- <el-option label="法制监督员" value="3" />
|
|
|
- <el-option label="特邀评论员" value="4" />
|
|
|
- <el-option label="特邀观察员" value="5" />
|
|
|
- <el-option label="特邀编辑" value="6" />
|
|
|
- <el-option label="信息员" value="7" />
|
|
|
- <el-option label="特约通讯员" value="8" />
|
|
|
- <el-option label="普法宣传员" value="9" />
|
|
|
- <el-option label="工作证" value="10" />
|
|
|
- <el-option label="其它工作人员" value="11" />
|
|
|
+ <el-select v-model="rylx" placeholder="" popper-class="custom-select-dropdown">
|
|
|
+ <el-option label="不限" value="" />
|
|
|
+ <el-option label="调研员" value="1" />
|
|
|
+ <el-option label="法制监督员" value="2" />
|
|
|
+ <el-option label="特邀评论员" value="3" />
|
|
|
+ <el-option label="特邀观察员" value="4" />
|
|
|
+ <el-option label="特邀编辑" value="5" />
|
|
|
+ <el-option label="信息员" value="6" />
|
|
|
+ <el-option label="特约通讯员" value="7" />
|
|
|
+ <el-option label="普法宣传员" value="8" />
|
|
|
+ <el-option label="工作证" value="9" />
|
|
|
+ <el-option label="其它工作人员" value="10" />
|
|
|
+ <el-option label="法制调解员" value="11" />
|
|
|
+ <el-option label="法制调查员" value="12" />
|
|
|
+ <el-option label="舆情监测员" value="13" />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="search-form1-input-box">
|
|
|
<div class="inputText">人员姓名：</div>
|
|
|
- <el-input v-model="input" placeholder="" />
|
|
|
+ <el-input v-model="yxxm" placeholder="" />
|
|
|
</div>
|
|
|
<div class="search-form1-input-box">
|
|
|
<div class="inputText">证件编号：</div>
|
|
|
- <el-input v-model="input" placeholder="" />
|
|
|
+ <el-input v-model="zjbh" placeholder="" />
|
|
|
</div>
|
|
|
<div class="search-form1-submit-button">
|
|
|
- <button>提交</button>
|
|
|
+ <button @click="submitFormRYCX">提交</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="search-form1-wx">
|
|
|
@@ -134,10 +139,10 @@
|
|
|
<h3>车辆查询</h3>
|
|
|
<div class="search-right-form-text">请输入相关工作车辆或车牌号</div>
|
|
|
<div class="search-right-input-box">
|
|
|
- <el-input v-model="input" placeholder="车牌" />
|
|
|
+ <el-input v-model="cp" placeholder="车牌" />
|
|
|
</div>
|
|
|
<div class="search-right-input-box">
|
|
|
- <el-input v-model="input" placeholder="车型" />
|
|
|
+ <el-input v-model="cx" placeholder="车型" />
|
|
|
</div>
|
|
|
<div class="search-right-button-box">
|
|
|
<button class="submit-button">查询</button>
|
|
|
@@ -168,10 +173,10 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="search-right-input-box">
|
|
|
- <el-input v-model="input" placeholder="选题名称" />
|
|
|
+ <el-input v-model="xtmc" placeholder="选题名称" />
|
|
|
</div>
|
|
|
<div class="search-right-button-box">
|
|
|
- <button class="submit-button">查询</button>
|
|
|
+ <button class="submit-button" @click="submitFormXTCX">查询</button>
|
|
|
<button class="reset-button">重置</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -186,174 +191,23 @@ import { onMounted } from 'vue'
|
|
|
import { ElBreadcrumb, ElBreadcrumbItem, ElMessage, ElInput, ElSelect, ElOption } from 'element-plus'
|
|
|
import { ArrowRight } from '@element-plus/icons-vue'
|
|
|
const nuxtApp = useNuxtApp();
|
|
|
-const axios = nuxtApp.$axios;
|
|
|
-//1.1 获得跳转过来的id
|
|
|
-const route = useRoute();
|
|
|
-//获得详情id
|
|
|
-const articleId = parseInt(route.params.id); //获得该页面的id
|
|
|
-//获得当前的完整路径
|
|
|
-const fullPath = route.path;
|
|
|
-//拆分，取出来中间这一段，然后提取数字部分
|
|
|
-const segments = fullPath.split('/');
|
|
|
-const targetSegment = segments[1];
|
|
|
-// const numberPart = targetSegment.match(/\d+$/)?.[0];
|
|
|
-// let routeId = 20 //排除路径错误可以打开这个
|
|
|
-// const routeId = numberPart;
|
|
|
-let routeId;
|
|
|
-//通过导航路径反向查询导航id
|
|
|
-const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'pinyin': targetSegment,
|
|
|
- },
|
|
|
-});
|
|
|
-if (getRouteId.code == 200) {
|
|
|
- routeId = getRouteId.data.category_id
|
|
|
-} else {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- console.log("错误位置：通过url路径查询导航池id")
|
|
|
- console.log("后端错误反馈：", getRouteId.message)
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
-}
|
|
|
-//1.2 获得父级栏目的名称、id
|
|
|
-const parent_name = ref([]);
|
|
|
-const parent_id = ref([]);
|
|
|
-const parent_pinyin = ref("");
|
|
|
-const parent_children_count = ref(0)
|
|
|
-let getParentNav = async () => {
|
|
|
- const listData = await requestDataPromise('/web/getOneWebsiteCategory', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'catid': routeId
|
|
|
- },
|
|
|
- });
|
|
|
- console.log("获取父级栏目数据")
|
|
|
- console.log(listData)
|
|
|
- if (listData.code == 200) {
|
|
|
- console.log(listData.data);
|
|
|
- parent_name.value = listData.data.alias;
|
|
|
- parent_id.value = listData.data.parent_id;
|
|
|
- parent_pinyin.value = listData.data.aLIas_pinyin;
|
|
|
- parent_children_count.value = listData.data.children_count;
|
|
|
- } else {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- console.log("错误位置：获取面包屑导航")
|
|
|
- console.log("后端错误反馈：", listData.message)
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- }
|
|
|
-}
|
|
|
-//获得父级栏目详情
|
|
|
-getParentNav();
|
|
|
//1.页面依赖 end ---------------------------------------->
|
|
|
-//2.页面数据 start ---------------------------------------->
|
|
|
-//2.1 资讯详情
|
|
|
-const newsDetail = ref({})
|
|
|
-const routeNewsTtitle = ref("");
|
|
|
-//2.2 发布日期
|
|
|
-const time = ref("");
|
|
|
-//2.3 路径
|
|
|
-const routLevelTitle = ref("");
|
|
|
-const routLevelId = ref("");
|
|
|
-//是否展示投票
|
|
|
-const articleChoice = ref(false);
|
|
|
-//2.4获取详情
|
|
|
-async function getPageData() {
|
|
|
- const mkdata = await requestDataPromise('/web/selectWebsiteArticleInfo', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'articleid': articleId
|
|
|
- },
|
|
|
- });
|
|
|
- if (mkdata.code == 200) {
|
|
|
- //判断是否显示投票
|
|
|
- if (mkdata.data.is_survey == 1) {
|
|
|
- console.log("本篇文章含有投票！")
|
|
|
- articleChoice.value = true;
|
|
|
- getVoteList();
|
|
|
- }
|
|
|
- //获取内容
|
|
|
- newsDetail.value = mkdata.data;
|
|
|
- //获取路径
|
|
|
- routLevelTitle.value = newsDetail.value.cat_name;
|
|
|
- routLevelId.value = newsDetail.value.category_id;
|
|
|
- //获取发布时间
|
|
|
- time.value = newsDetail.value.updated_at.split(' ')[0];
|
|
|
- //修正标题长度
|
|
|
- if (newsDetail.value.title.length >= 30) {
|
|
|
- routeNewsTtitle.value = newsDetail.value.title.substr(0, 30) + "...";
|
|
|
- } else {
|
|
|
- routeNewsTtitle.value = newsDetail.value.title
|
|
|
- }
|
|
|
- } else {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- console.log("错误位置：获取详情内容")
|
|
|
- console.log("后端错误反馈：", mkdata.message)
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- }
|
|
|
-}
|
|
|
-getPageData();
|
|
|
-//2.5 获得广告
|
|
|
-//广告列表
|
|
|
-let adImg1 = ref([]);
|
|
|
-onMounted(async () => {
|
|
|
- const { $webUrl, $CwebUrl } = useNuxtApp();
|
|
|
- //广告1
|
|
|
- let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_detail_0001`
|
|
|
- const responseAd1 = await fetch(url, {
|
|
|
- headers: {
|
|
|
- 'Content-Type': 'application/json',
|
|
|
- 'Userurl': $CwebUrl,
|
|
|
- 'Origin': $CwebUrl
|
|
|
- }
|
|
|
- });
|
|
|
- const resultAd1 = await responseAd1.json();
|
|
|
- adImg1.value = resultAd1.data[0];
|
|
|
-})
|
|
|
-//2.页面数据 end ---------------------------------------->
|
|
|
-//3.设置seo信息 start---------------------------------------->
|
|
|
-//3.1 设置seo信息
|
|
|
-const setData = await requestDataPromise('/web/selectWebsiteArticleInfo', {
|
|
|
- method: 'GET',
|
|
|
- query: {
|
|
|
- 'articleid': articleId
|
|
|
- },
|
|
|
-});
|
|
|
-if (setData.code == 200) {
|
|
|
- let seoTitle = setData.data.title;
|
|
|
- let seoDescription = setData.data.introduce;
|
|
|
- let seoKeywords = setData.data.keyword;
|
|
|
- let seoSuffix = setData.data.suffix;
|
|
|
- let seoName = setData.data.website_name;
|
|
|
- useSeoMeta({
|
|
|
- title: seoTitle + "_" + seoName + "_" + seoSuffix,
|
|
|
- meta: [
|
|
|
- { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
|
|
|
- { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
|
|
|
- { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no', tagPriority: 10 }
|
|
|
- ]
|
|
|
- });
|
|
|
-} else {
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
- console.log("错误位置：设置详情页面SEO数据")
|
|
|
- console.log("后端错误反馈：", setData.message)
|
|
|
- console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
|
|
|
-}
|
|
|
-//3.设置seo信息 end---------------------------------------->
|
|
|
-//4.展示行政区划 start ---------------------------------------->
|
|
|
+
|
|
|
+//2.展示行政区划 start ---------------------------------------->
|
|
|
//let areaList = ref("")
|
|
|
-//4.1 省
|
|
|
+//2.1 省
|
|
|
let province = ref("")
|
|
|
let provinceid = ref("")
|
|
|
let provinceList = ref("")
|
|
|
-//4.2 市
|
|
|
+//2.2 市
|
|
|
let city = ref("")
|
|
|
let cityid = ref("")
|
|
|
let cityList = ref("")
|
|
|
-//4.3 县
|
|
|
+//2.3 县
|
|
|
let region = ref("")
|
|
|
let regionid = ref("")
|
|
|
let regionList = ref("")
|
|
|
-//选择市
|
|
|
+//2.4选择市
|
|
|
let change = async (id) => {
|
|
|
provinceid.value = id;
|
|
|
const shengData = await requestDataPromise('/web/selectWebsiteArea', {
|
|
|
@@ -365,7 +219,7 @@ let change = async (id) => {
|
|
|
cityList.value = shengData.data;
|
|
|
regionList.value = [];// 清空县
|
|
|
}
|
|
|
-//选择县
|
|
|
+//2.5选择县
|
|
|
let change1 = async (id) => {
|
|
|
cityid.value = id;
|
|
|
const xianData = await requestDataPromise('/web/selectWebsiteArea', {
|
|
|
@@ -406,16 +260,44 @@ onMounted(async () => {
|
|
|
navigationElement.scrollLeft = distanceToParentLeft - 66;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ //发起人员查询
|
|
|
+
|
|
|
+ //重新查询
|
|
|
+
|
|
|
})
|
|
|
-//4.展示行政区划 end ---------------------------------------->
|
|
|
-//5.表单 start---------------------------------------->
|
|
|
-let input = ref("");
|
|
|
-let value = ref("1");
|
|
|
-const submitForm = () => {
|
|
|
- console.log(input.value)
|
|
|
- console.log(value.value)
|
|
|
+//3.展示行政区划 end ---------------------------------------->
|
|
|
+//4.表单 start---------------------------------------->
|
|
|
+//4.1人员查询
|
|
|
+let rylx = ref("")//人员类型
|
|
|
+let yxxm = ref("");//人员姓名
|
|
|
+let zjbh = ref("");//证件编号
|
|
|
+
|
|
|
+const submitFormRYCX = () => {
|
|
|
+ console.log(rylx.value)
|
|
|
+ console.log(yxxm.value)
|
|
|
+ console.log(zjbh.value)
|
|
|
+}
|
|
|
+
|
|
|
+//显示查询结果
|
|
|
+let showResult = ref(0)//0=不显示查询窗口 1=查无此人 2=查询成功
|
|
|
+
|
|
|
+//4.2车辆查询
|
|
|
+let cp = ref("")
|
|
|
+let cx = ref("")
|
|
|
+
|
|
|
+//4.3选题查询
|
|
|
+const xtmc = ref("")
|
|
|
+const submitFormXTCX = () => {
|
|
|
+ navigateTo({
|
|
|
+ path: '/list-cheliangchaxun.html',
|
|
|
+ query: {
|
|
|
+ keyword: 'nuxt'
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
-//5.表单 end---------------------------------------->
|
|
|
+
|
|
|
+//4.表单 end---------------------------------------->
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
//@import url('@/assets/css/article/pc.less');
|
