2025-6-11-3
This commit is contained in:
parent
4c42a2d9cc
commit
0ab07f40c8
BIN
sub-operation-service/src/assets/images/mockPic/policyDetail.png
Normal file
BIN
sub-operation-service/src/assets/images/mockPic/policyDetail.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.7 MiB |
@ -63,6 +63,10 @@ let mapConfig = reactive({
|
||||
beta: 0,
|
||||
minBeta: -360,
|
||||
maxBeta: 720,
|
||||
zoomSensitivity: 0, // 禁用滚轮缩放
|
||||
rotateSensitivity: 0, // 可选:禁用旋转
|
||||
panSensitivity: 0, // 可选:禁用平移
|
||||
zoomOnMouseWheel: false, // 明确禁用鼠标滚轮缩放
|
||||
// 限制视角,使不能旋转缩放平移
|
||||
// rotateSensitivity: 0,
|
||||
// zoomSensitivity: 0,
|
||||
@ -154,7 +158,7 @@ const chartsData = reactive({
|
||||
},
|
||||
},
|
||||
geo: {
|
||||
roam: true,
|
||||
roam: false,
|
||||
left: '30px',
|
||||
show: false,
|
||||
zlevel: -1, // 必须设置,
|
||||
@ -162,7 +166,7 @@ const chartsData = reactive({
|
||||
},
|
||||
series: [
|
||||
{
|
||||
roam: true,
|
||||
roam: false,
|
||||
type: 'map',
|
||||
left: '30px',
|
||||
...mapConfig,
|
||||
|
@ -131,6 +131,7 @@ export const constantRoutes = [
|
||||
{
|
||||
path: 'consult',
|
||||
component: Views,
|
||||
redirect: '/sub-operation-service/farmService/consult/policy',
|
||||
name: 'farmServiceMain',
|
||||
meta: { title: '农事咨询' },
|
||||
children: [
|
||||
@ -148,7 +149,7 @@ export const constantRoutes = [
|
||||
},
|
||||
{
|
||||
path: 'detail',
|
||||
component: () => import('@/views/farmingService/farmingConsult/index.vue'),
|
||||
component: () => import('@/views/farmingService/farmingConsult/policyDetail.vue'),
|
||||
name: 'farmPolicyDetail',
|
||||
meta: { title: '农业政策详情' },
|
||||
},
|
||||
|
@ -1,12 +1,5 @@
|
||||
<template>
|
||||
<div class="brand-system">
|
||||
<!-- 搜索与筛选 -->
|
||||
<!-- <div class="system-header">-->
|
||||
<!-- <el-input v-model="searchQuery" placeholder="搜索制度名称/编号" prefix-icon="el-icon-search" />-->
|
||||
<!-- <el-select v-model="filterType" placeholder="分类筛选">-->
|
||||
<!-- <el-option v-for="type in filterTypes" :key="type.value" :label="type.label" :value="type.value" />-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </div>-->
|
||||
<h2>品牌制度</h2>
|
||||
|
||||
<!-- 制度列表 -->
|
||||
@ -91,8 +84,8 @@ const systemList = ref([
|
||||
title: '《耿马县蔬菜公共品牌申请管理制度》',
|
||||
code: 'BRM-2023-001',
|
||||
desc: '包含品牌标识、使用规范、VI应用等内容的最新版本',
|
||||
content: `\`<div style="font-family: 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px;">
|
||||
<div style="text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 30px; color: #2a5885; border-bottom: 2px solid #2a5885; padding-bottom: 10px;">
|
||||
content: `\`<div style="font-family: 'Microsoft YaHei', sans-serif; line-height: 1; color: #333; max-width: 800px; margin: 0 auto; padding: 20px;">
|
||||
<div style="text-align: center; font-size: 22px; font-weight: bold; color: #2a5885; border-bottom: 2px solid #2a5885; padding-bottom: 10px;">
|
||||
耿马县蔬菜公共品牌申请管理制度
|
||||
</div>
|
||||
|
||||
@ -100,31 +93,31 @@ const systemList = ref([
|
||||
第一章 总则
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第一条</span>
|
||||
为规范"耿马蔬菜"(或其他确定的公共品牌名称)公共品牌的使用与管理,维护品牌形象,提升耿马县蔬菜产品的市场竞争力和附加值,促进蔬菜产业高质量发展,特制定本制度。
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第二条</span>
|
||||
本制度所称"耿马蔬菜"公共品牌(以下简称"公共品牌"),是指经耿马县人民政府授权,由耿马县农业农村局(或其他指定主管部门)统一注册、管理和监督,代表耿马县特定区域、特定品质蔬菜产品的区域性公用品牌标识。
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第三条</span>
|
||||
本制度适用于在耿马县行政区域内从事蔬菜生产、加工、经营,自愿申请使用公共品牌的企业、农民专业合作社、家庭农场等主体(以下简称"申请人")。
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第四条</span>
|
||||
耿马县农业农村局是公共品牌的主管部门,负责品牌的注册、推广、授权、监督、管理和违规处理。设立或授权专门的管理机构(以下简称"品牌管理机构")具体执行日常管理工作。
|
||||
</div>
|
||||
|
||||
<div style="font-size: 18px; font-weight: bold; margin: 25px 0 15px 0; color: #2a5885; border-bottom: 1px solid #eee; padding-bottom: 5px;">
|
||||
<div style="font-size: 18px; font-weight: bold; color: #2a5885; border-bottom: 1px solid #eee; padding-bottom: 5px;">
|
||||
第二章 申请条件
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第五条</span>
|
||||
申请使用公共品牌的申请人,应同时具备以下基本条件:
|
||||
<div style="margin-left: 20px; margin-top: 10px;">
|
||||
@ -152,11 +145,11 @@ const systemList = ref([
|
||||
</div>
|
||||
|
||||
<!-- 后续章节保持相同格式 -->
|
||||
<div style="font-size: 18px; font-weight: bold; margin: 25px 0 15px 0; color: #2a5885; border-bottom: 1px solid #eee; padding-bottom: 5px;">
|
||||
<div style="font-size: 18px; font-weight: bold; color: #2a5885; border-bottom: 1px solid #eee; padding-bottom: 5px;">
|
||||
第六章 附则
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<div style="">
|
||||
<span style="font-weight: bold; margin-right: 5px; color: #d35400;">第十五条</span>
|
||||
本制度自发布之日起施行。根据实施情况可适时修订。
|
||||
</div>
|
||||
@ -532,4 +525,42 @@ $color-danger: #ff4949;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 修改卡片内容样式
|
||||
.card-content {
|
||||
padding: 12px 16px; // 减少上下padding
|
||||
font-size: 14px;
|
||||
color: $color-text;
|
||||
line-height: 1.4; // 减小行高
|
||||
min-height: 60px; // 减小最小高度
|
||||
margin: 0; // 移除默认margin
|
||||
p {
|
||||
margin: 0; // 移除段落默认margin
|
||||
}
|
||||
}
|
||||
|
||||
// 修改弹窗内容样式
|
||||
.doc-preview {
|
||||
line-height: 1.4; // 减小行高
|
||||
padding: 12px 16px; // 减少内边距
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-top: 1em; // 减少标题上边距
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div {
|
||||
margin-bottom: 0.5em; // 减少div之间的间距
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 0.3em 0; // 减少列表间距
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0.2em 0; // 减少列表项间距
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -15,7 +15,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-button style="height: 50px; background-color: #25bf82; color: #ffffff; border-radius: 16px"
|
||||
<el-button style="height: 50px; background-color: #25bf82; color: #ffffff; border-radius: 16px" @click="goDetail(item.id)"
|
||||
>查看详情<el-icon><Right /></el-icon
|
||||
></el-button>
|
||||
</div>
|
||||
@ -31,7 +31,9 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import common from '../components/common.vue';
|
||||
import { getAssetsFile } from '../../../utils/index.js';
|
||||
import { getAssetsFile } from '@/utils/index.js';
|
||||
import { useRouter } from 'vue-router';
|
||||
const router = useRouter();
|
||||
|
||||
/* --------------- data --------------- */
|
||||
// #region
|
||||
@ -61,7 +63,9 @@ const tableData = ref([
|
||||
|
||||
/* --------------- methods --------------- */
|
||||
// #region
|
||||
|
||||
const goDetail = (id) => {
|
||||
router.push('/sub-operation-service/farmService/consult/policy/detail?id=' + id);
|
||||
};
|
||||
// #endregion
|
||||
</script>
|
||||
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user