Web/daimp-front
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'develop' of http://192.168.18.88:8077/sznyb/daimp-front into develop

Browse Source
This commit is contained in:
李想 2025-03-03 16:28:48 +08:00
commit 1130f4f036
27 changed files with 1967 additions and 751 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
main/.env.test
View File

@ -1,5 +1,4 @@
# 开发环境
VITE_PORT = 9000
VITE_APP_NAME = 'daimp-front-main'
VITE_APP_TITLE = '数字农业产业管理平台'
VITE_APP_SUB_OS = '//localhost:8090/sub-operation-service/'

3
main/src/micro/actions.js
View File

@ -18,9 +18,6 @@ actions.onGlobalStateChange((newState, prev) => {
}
});
// 有key，表示取globalState下的某个子级对象
// 无key，表示取全部
actions.getGlobalState = (key) => {
return key ? initialState[key] : initialState;
};

1
main/src/store/modules/permission.js
View File

@ -25,7 +25,6 @@ export const usePermissionStore = defineStore({
actions: {
generateRoutes(roles) {
return new Promise((resolve) => {
// 在这判断是否有权限，哪些角色拥有哪些权限
const UserStore = useUserStore();
this.asyncRoutes = createAsyncRoutes(getTree(UserStore.getMenus()));
let accessedRoutes;

52
main/src/store/modules/setting.js
View File

@ -1,64 +1,12 @@
import { defineStore } from 'pinia';
import { CONSTANTS } from '@/config';
export const useSettingStore = defineStore({
id: 'settingStore',
state: () => ({
// menu 是否收缩
isCollapse: true,
//
withoutAnimation: false,
device: 'desktop',
// 刷新当前页
isReload: true,
// 主题设置
themeConfig: {
// 显示设置
showSetting: false,
// 菜单展示模式 默认 vertical horizontal / vertical /columns
mode: 'vertical',
// tagsView 是否展示 默认展示
showTag: true,
// 页脚
footer: true,
// 深色模式 切换暗黑模式
isDark: false,
// 显示侧边栏Logo
showLogo: true,
// 主题颜色
primary: CONSTANTS.PRIMARY,
// element组件大小
globalComSize: 'default',
// 是否只保持一个子菜单的展开
uniqueOpened: true,
// 固定header
fixedHeader: true,
// 灰色模式
gray: false,
// 色弱模式
weak: false,
},
}),
getters: {},
actions: {
// 设置主题
setThemeConfig({ key, val }) {
this.themeConfig[key] = val;
},
// 切换 Collapse
setCollapse(value) {
this.isCollapse = value;
this.withoutAnimation = false;
},
// 关闭侧边栏
closeSideBar({ withoutAnimation }) {
this.isCollapse = false;
this.withoutAnimation = withoutAnimation;
},
toggleDevice(device) {
this.device = device;
},
// 刷新
setReload() {
this.isReload = false;
setTimeout(() => {

5
main/src/utils/permission.js
View File

@ -34,9 +34,10 @@ router.beforeEach(async (to, from, next) => {
if (!PermissionStore.routes.length) {
const accessRoutes = await PermissionStore.generateRoutes(userStore.roles);
accessRoutes.forEach((item) => router.addRoute(item));
next({ ...to, replace: true });
return next({ ...to, replace: true });
} else {
if (from.path.includes('/sub') && !to.path.includes('/sub')) {
if (from.path.includes('/sub') && (!to.path.includes('/sub') || to.path.includes('/platform'))) {
NProgress.done();
window.location.reload();
return;
}

9
main/src/views/index.vue
View File

@ -36,22 +36,15 @@ import actions from '@/micro/actions';
import { getAssetsFile } from '@/utils';
const gotoPage = (row) => {
// const curentApp = microApps.find((item) => row.name === item.name);
// actions.setGlobalState({
// curentApp,
// });
// console.log('===', actions.getGlobalState('user'));
// if (row.name !== 'sub-government-affairs-service') return;
window.history.pushState({}, row.name, row.activeRule);
};
</script>
<style lang="scss" scoped>
.platform {
width: 100%;
height: 100%;
min-height: 100%;
background-image: url('@/assets/images/platform/bg.png');
background-size: cover;
// background-position: center;
&-title {
width: 1200px;

32
main/vite.config.js
View File

@ -21,30 +21,6 @@ export default defineConfig(({ command, mode }) => {
target: 'ESNext',
outDir: 'dist',
minify: 'terser',
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log'],
},
output: {
comments: true,
},
},
reportCompressedSize: false,
chunkSizeWarningLimit: 2000,
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
return id.toString().split('node_modules/')[1].split('/')[1].toString();
}
},
chunkFileNames: 'assets/js/[name]-[hash].js',
entryFileNames: 'assets/js/[name]-[hash].js',
assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
},
},
},
server: {
host: '0.0.0.0',
@ -119,5 +95,13 @@ export default defineConfig(({ command, mode }) => {
}),
],
};
if (mode === 'production') {
config.build.terserOptions = {
compress: {
drop_console: true,
drop_debugger: true,
},
};
}
return config;
});

2
sub-government-affairs-service/index.html
View File

@ -7,7 +7,7 @@
<title>政务服务</title>
</head>
<body>
<div id="sub-app"></div>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

2
sub-government-affairs-service/src/App.vue
View File

@ -3,7 +3,7 @@
* @Author: zenghua.wang
* @Date: 2024-01-24 18:54:01
* @LastEditors: zenghua.wang
* @LastEditTime: 2024-01-26 22:57:34
* @LastEditTime: 2025-02-28 11:31:12
-->
<template>
<el-config-provider :size="size" :locale="zhCn">

2
sub-government-affairs-service/src/config/index.js
View File

@ -2,7 +2,7 @@ import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
const { VITE_APP_MIAN, VITE_APP_NAME } = import.meta.env;
export const GenKey = (key, prefix = VITE_APP_NAME) => {
prefix = qiankunWindow.__POWERED_BY_QIANKUN__ ? VITE_APP_MIAN : VITE_APP_NAME;
prefix = qiankunWindow.__POWERED_BY_QIANKUN__ ? VITE_APP_MIAN : VITE_APP_MIAN;
return prefix ? `${prefix}_` + key : key;
};

46
sub-government-affairs-service/src/main.js
View File

@ -7,7 +7,7 @@
*/
import 'virtual:svg-icons-register';
import { createApp } from 'vue';
import { renderWithQiankun, qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
import VueAMap, { initAMapApiLoader } from '@vuemap/vue-amap';
import App from './App.vue';
import router from './router';
import pinia from './store';
@ -15,11 +15,12 @@ import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
import './utils/permission';
import { registerDirective } from './directives';
import { registerGlobalComponents } from './plugins/globalComponents';
import { registerElIcons } from './plugins/icon';
import './utils/permission';
import VueAMap, { initAMapApiLoader } from '@vuemap/vue-amap';
import { registerMicroApps } from './plugins/micro';
initAMapApiLoader({
key: 'c843a50db7157faf295c6fa37c48719f',
securityJsCode: 'f09302d3ed65110614bdb26e44717ddf', // 新版key需要配合安全密钥使用
@ -27,37 +28,10 @@ initAMapApiLoader({
// version: '2.0.0'
//} // 如果需要使用loca组件库，需要加载Loca
});
const registerMicroApps = () => {
let app = null;
const initQiankun = () => {
renderWithQiankun({
bootstrap() {
console.log('bootstrap');
},
mount(props) {
console.log('mount', props);
render(props);
},
update(props) {
console.log('update', props);
},
unmount(props) {
console.log('unmount', props);
app = null;
},
});
};
const render = async ({ container }) => {
await new Promise((resolve) => setTimeout(resolve, 1000));
app = createApp(App);
app.use(pinia).use(router).use(ElementPlus).use(Avue).use(VueAMap);
registerGlobalComponents(app);
registerElIcons(app);
registerDirective(app);
registerMicroApps(app);
app.mount(container.querySelector('#sub-app') || '#sub-app');
};
qiankunWindow.__POWERED_BY_QIANKUN__ ? initQiankun() : render({});
};
registerMicroApps();
const app = createApp(App);
app.use(pinia).use(router).use(ElementPlus).use(Avue).use(VueAMap);
registerGlobalComponents(app);
registerElIcons(app);
registerDirective(app);
registerMicroApps(app);

8
sub-government-affairs-service/src/plugins/micro.js
View File

@ -1,6 +1,6 @@
import { renderWithQiankun, qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
export const registerMicroApps = (app) => {
export const registerMicroApps = async (app) => {
const initQiankun = () => {
renderWithQiankun({
bootstrap() {
@ -20,11 +20,7 @@ export const registerMicroApps = (app) => {
};
const render = async ({ container }) => {
await new Promise((resolve) => setTimeout(resolve, 1000));
if (!container) {
console.error('挂载容器不存在');
return;
}
app.mount(container.querySelector('#sub-app') || '#sub-app');
app.mount(container ? container.querySelector('#app') : '#app');
};
qiankunWindow.__POWERED_BY_QIANKUN__ ? initQiankun() : render({});
};

31
sub-government-affairs-service/src/router/index.js
View File

@ -3,10 +3,9 @@
* @Author: zenghua.wang
* @Date: 2023-06-20 11:48:41
* @LastEditors: zenghua.wang
* @LastEditTime: 2025-02-18 11:22:07
* @LastEditTime: 2025-02-28 13:50:00
*/
import { createRouter, createWebHistory } from 'vue-router';
import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
import Layout from '@/layouts/index.vue';
import resourceRouter from './modules/resource';
@ -15,40 +14,28 @@ import landsRoutes from './modules/lands';
import annualplanRoutes from './modules/annualplan';
import statisticsRoutes from './modules/statistics';
const { VITE_APP_NAME } = import.meta.env;
export const constantRoutes = [
{
path: '/404',
path: '/sub-government-affairs-service/404',
name: '404',
component: () => import('@/views/error/404.vue'),
hidden: true,
},
{
path: '/403',
path: '/sub-government-affairs-service/403',
name: '403',
component: () => import('@/views/error/403.vue'),
hidden: true,
},
// {
// path: '/login',
// name: 'login',
// component: () => import('@/views/error/404.vue'),
// hidden: true,
// meta: {
// title: '登录',
// icon: 'Login',
// },
// },
{
path: '/',
path: '/sub-government-affairs-service',
name: 'layout',
component: Layout,
redirect: '/home',
redirect: '/sub-government-affairs-service/home',
meta: { title: '政务服务', icon: 'House' },
children: [
{
path: '/home',
path: '/sub-government-affairs-service/home',
component: () => import('@/views/home/index.vue'),
name: 'home',
meta: { title: '首页', icon: 'House' },
@ -66,13 +53,13 @@ export const constantRoutes = [
* @Title notFoundRouter(找不到路由)
*/
export const notFoundRouter = {
path: '/:pathMatch(.*)',
path: '/sub-government-affairs-service/:pathMatch(.*)',
name: 'notFound',
redirect: '/404',
redirect: '/sub-government-affairs-service/404',
};
const router = createRouter({
history: createWebHistory(qiankunWindow.__POWERED_BY_QIANKUN__ ? `/${VITE_APP_NAME}/` : '/'), // history
history: createWebHistory(),
routes: constantRoutes,
});

8
sub-government-affairs-service/src/router/modules/annualplan.js
View File

@ -2,20 +2,20 @@ import Layout from '@/layouts/index.vue';
const annualplanRoutes = [
{
path: '/annualPlan',
path: '/sub-government-affairs-service/annualPlan',
name: 'annualPlan',
component: Layout,
redirect: '/annualPlans',
redirect: '/sub-government-affairs-service/annualPlans',
meta: { title: '年度计划', icon: 'Document' },
children: [
{
path: '/annualPlans',
path: '/sub-government-affairs-service/annualPlans',
name: 'annualPlans',
component: () => import('@/views/annualPlan/component/annualPlans/index.vue'),
meta: { title: '年度计划', icon: 'Document' },
},
{
path: '/plantings',
path: '/sub-government-affairs-service/plantings',
name: 'plantings',
component: () => import('@/views/annualPlan/component/plantings/index.vue'),
meta: { title: '网格种植进度', icon: 'Document' },

14
sub-government-affairs-service/src/router/modules/lands.js
View File

@ -2,38 +2,38 @@ import Layout from '@/layouts/index.vue';
const landsRoutes = [
{
path: '/landManage',
path: '/sub-government-affairs-service/landManage',
name: 'landManage',
component: Layout,
redirect: '/landsManage',
redirect: '/sub-government-affairs-service/landsManage',
meta: { title: '土地管理', icon: 'Document' },
children: [
{
path: '/landsManage',
path: '/sub-government-affairs-service/landsManage',
name: 'landsManage',
component: () => import('@/views/landManage/component/landsManage/index.vue'),
meta: { title: '土地管理', icon: 'Document' },
},
{
path: '/plantPlan',
path: '/sub-government-affairs-service/plantPlan',
name: 'plantPlan',
component: () => import('@/views/landManage/component/plantPlan/index.vue'),
meta: { title: '种植规划', icon: 'Document' },
},
{
path: '/landPartol',
path: '/sub-government-affairs-service/landPartol',
name: 'landPartol',
component: () => import('@/views/landManage/component/landPartol/index.vue'),
meta: { title: '土地巡查', icon: 'Document' },
},
{
path: '/illegalHandle',
path: '/sub-government-affairs-service/illegalHandle',
name: 'illegalHandle',
component: () => import('@/views/landManage/component/illegalHandle/index.vue'),
meta: { title: '土地违法处理', icon: 'Document' },
},
{
path: '/operationRecord',
path: '/sub-government-affairs-service/operationRecord',
name: 'operationRecord',
component: () => import('@/views/landManage/component/operationRecord/index.vue'),
meta: { title: '作业记录', icon: 'Document' },

28
sub-government-affairs-service/src/router/modules/plantingAndBreeding.js
View File

@ -3,27 +3,27 @@ import Views from '@/layouts/Views.vue';
export default [
{
path: '/plantingAndBreeding',
path: '/sub-government-affairs-service/plantingAndBreeding',
name: 'plantingAndBreeding',
component: Layout,
redirect: '/breeding',
redirect: '/sub-government-affairs-service/breeding',
meta: { title: '种养殖管理', icon: 'Document' },
children: [
{
path: '/planting',
path: '/sub-government-affairs-service/planting',
name: 'planting',
component: Views,
meta: { title: '种植档案', icon: 'Document' },
redirect: '/planting-base',
redirect: '/sub-government-affairs-service/planting-base',
children: [
{
path: '/planting-base',
path: '/sub-government-affairs-service/planting-base',
component: () => import('@/views/trace/planting/base/index.vue'),
name: 'planting-base',
meta: { title: '基地档案', icon: 'Document' },
},
{
path: '/planting-seed',
path: '/sub-government-affairs-service/planting-seed',
component: () => import('@/views/trace/planting/seed/index.vue'),
name: 'planting-seed',
meta: { title: '种子档案', icon: 'Document' },
@ -31,20 +31,20 @@ export default [
],
},
{
path: '/breeding',
path: '/sub-government-affairs-service/breeding',
name: 'breeding',
component: Views,
meta: { title: '农事管理', icon: 'Document' },
redirect: '/breeding-coding',
redirect: '/sub-government-affairs-service/breeding-coding',
children: [
{
path: '/breeding-coding',
path: '/sub-government-affairs-service/breeding-coding',
component: () => import('@/views/trace/breeding/coding/index.vue'),
name: 'breeding-coding',
meta: { title: '采收与赋码管理', icon: 'Document' },
},
{
path: '/breeding-quality',
path: '/sub-government-affairs-service/breeding-quality',
component: () => import('@/views/trace/breeding/quality/index.vue'),
name: 'breeding-quality',
meta: { title: '产品质检管理', icon: 'Document' },
@ -54,20 +54,20 @@ export default [
],
},
{
path: '/trace',
path: '/sub-government-affairs-service/trace',
name: 'trace',
component: Layout,
redirect: '/trace-search',
redirect: '/sub-government-affairs-service/trace-search',
meta: { title: '溯源查询', icon: 'Document' },
children: [
{
path: '/trace-search',
path: '/sub-government-affairs-service/trace-search',
name: 'trace-search',
component: () => import('@/views/trace/search/index.vue'),
meta: { title: '溯源查询', icon: 'Document' },
},
{
path: '/trace-info',
path: '/sub-government-affairs-service/trace-info',
name: 'trace-info',
component: () => import('@/views/trace/search/info.vue'),
meta: { title: '溯源详情', icon: 'Document' },

6
sub-government-affairs-service/src/router/modules/resource.js
View File

@ -3,14 +3,14 @@ import Views from '@/layouts/Views.vue';
export default [
{
path: '/resource',
path: '/sub-government-affairs-service/resource',
name: 'resource',
component: Layout,
redirect: '/grid',
redirect: '/sub-government-affairs-service/grid',
meta: { title: '土地资源管理', icon: 'icon-test' },
children: [
{
path: '/grid',
path: '/sub-government-affairs-service/grid',
component: () => import('@/views/resource/grid/index.vue'),
name: 'grid',
meta: { title: '网格化管理', icon: 'Document' },

10
sub-government-affairs-service/src/router/modules/statistics.js
View File

@ -2,26 +2,26 @@ import Layout from '@/layouts/index.vue';
const statisticsRoutes = [
{
path: '/statistics',
path: '/sub-government-affairs-service/statistics',
name: 'statistics',
component: Layout,
redirect: '/utilizePlan',
redirect: '/sub-government-affairs-service/utilizePlan',
meta: { title: '统计分析', icon: 'Document' },
children: [
{
path: '/utilizePlan',
path: '/sub-government-affairs-service/utilizePlan',
name: 'utilizePlan',
component: () => import('@/views/statistics/component/utilizePlan/index.vue'),
meta: { title: '土地利用与规划分析', icon: 'Document' },
},
{
path: '/agriculture',
path: '/sub-government-affairs-service/agriculture',
name: 'agriculture',
component: () => import('@/views/statistics/component/agriculture/index.vue'),
meta: { title: '农业生产效率分析', icon: 'Document' },
},
{
path: '/environment',
path: '/sub-government-affairs-service/environment',
name: 'environment',
component: () => import('@/views/statistics/component/environment/index.vue'),
meta: { title: '环境影响与经济效益分析', icon: 'Document' },

3
sub-government-affairs-service/src/store/modules/setting.js
View File

@ -1,8 +1,9 @@
import { defineStore } from 'pinia';
import { CONSTANTS } from '@/config';
import { GenKey } from '@/config';
export const useSettingStore = defineStore({
id: 'settingStore',
id: GenKey('settingStore'),
state: () => ({
// menu 是否收缩
isCollapse: true,

6
sub-government-affairs-service/src/utils/permission.js
View File

@ -34,8 +34,12 @@ router.beforeEach(async (to, from, next) => {
if (!PermissionStore.routes.length) {
const accessRoutes = await PermissionStore.generateRoutes(userStore.roles);
accessRoutes.forEach((item) => router.addRoute(item));
next({ ...to, replace: true });
return next({ ...to, replace: true });
} else {
if (from.path.includes('/sub') && to.path.includes('/platform')) {
window.location.reload();
return;
}
next();
}
} catch (error) {

407
sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index copy.vue Normal file
View File

@ -0,0 +1,407 @@
<template>
<CustomCard>
<el-form ref="searchRef" :model="searchCondition">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="计划名称:" prop="planName">
<el-input v-model="searchCondition.planName" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="getList()">查询</el-button>
<el-button type="" @click="handleResetSearch">重置</el-button>
</el-col>
</el-row>
</el-form>
<div class="options_btns">
<el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" @click="item.method">
{{ item.label }}
</el-button>
</div>
<el-table :data="list">
<el-table-column type="selection" width="55" />
<el-table-column type="index"> </el-table-column>
<el-table-column label="计划编号" prop="id" show-overflow-tooltip />
<el-table-column label="计划名称" prop="planName" show-overflow-tooltip />
<el-table-column label="种植面积" prop="plantingArea" show-overflow-tooltip />
<el-table-column label="种植月份" prop="plantingMonths" show-overflow-tooltip />
<el-table-column label="生长周期" prop="growthCycle" show-overflow-tooltip />
<el-table-column label="备注" prop="note" show-overflow-tooltip />
<el-table-column label="计划进度" prop="planProgress" show-overflow-tooltip />
<el-table-column label="状态" prop="planStatus" show-overflow-tooltip>
<template #default="{ row }">
<el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
<el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
<el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
<el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="280" show-overflow-tooltip>
<template #default="{ row }">
<el-button type="primary" size="small" @click="doExam(row)">审核</el-button>
<el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
<el-button type="primary" size="small" @click="doDetail(row)">详情</el-button>
<el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<Pagina :page-data="pageData" />
<el-dialog v-model="infoVisible" title="年度种植计划" width="1000" center>
<el-form ref="infoRef" :model="infoData" :rules="infoRules">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="计划名称:" prop="planName">
<el-input v-model="infoData.planName" placeholder="请输入" style="width: 240px"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="种植面积" prop="plantingArea">
<el-input-number v-model="infoData.plantingArea" :min="1" :max="10000">
<template #suffix>
<span>亩</span>
</template>
</el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="适宜种植月份" prop="plantingMonths">
<el-select v-model="infoData.plantingMonths" placeholder="请选择月份" style="width: 240px" :clearable="true" :multiple="true">
<el-option v-for="item in monthsOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="生厂周期" prop="growthCycleVal">
<el-input-number v-model="infoData.growthCycleVal[0]" :min="1" :max="30">
<template #suffix>
<span>周</span>
</template>
</el-input-number>
&nbsp; - &nbsp;
<el-input-number v-model="infoData.growthCycleVal[1]" :min="1" :max="30">
<template #suffix>
<span>周</span>
</template>
</el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="备注" prop="note">
<el-input v-model="infoData.note" type="textarea" placeholder="请输入备注" style="width: 240px"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="infoCancel">取消</el-button>
<el-button type="primary" @click="subMitInfo(infoRef)"> 确认 </el-button>
</div>
</template>
</el-dialog>
<el-dialog v-model="examVisible" title="审核计划" width="500" center>
<!-- <el-form ref="infoRef" :model="infoData" :rules="infoRules">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="备注" prop="note">
<el-input v-model="infoData.note" type="textarea" placeholder="请输入备注" style="width: 240px"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form> -->
<template #footer>
<div class="dialog-footer">
<el-button type="danger" @click="examCancel">审核拒绝</el-button>
<el-button type="primary" @click="examPast"> 审核通过 </el-button>
</div>
</template>
</el-dialog>
</CustomCard>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue';
import Pagina from '@/components/pagina.vue';
import CustomCard from '@/components/CustomCard.vue';
import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
import { useApp } from '@/hooks';
import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
onMounted(() => {
getList();
});
/* --------------- data --------------- */
// #region
const app = useApp();
const searchRef = ref();
const searchCondition = reactive({
planName: '',
});
const pageData = reactive({
page: 1,
size: 10,
total: 0,
});
const infoVisible = ref(false);
const infoRef = ref();
const list = ref([]);
const state = reactive({
loading: false,
query: {
current: 1,
size: 10,
},
pageData: {
total: 0,
currentPage: 1,
pageSize: 10,
},
data: [],
currentRow: {},
});
const btns = reactive([
{
label: '新增年度规划',
loading: false,
method: function () {
console.log('add');
infoVisible.value = true;
},
},
{
label: '导出',
disabled: true,
method: function () {
if (isEmpty(state.data)) {
app.$message.error('当前暂时没有可供导出的数据！');
return;
}
state.loading = true;
const fileName = '年度规划明细表';
exportAnnua(state.query)
.then((res) => {
if (res.status === 200) {
downloadFile(res.data, `${fileName}.xlsx`, 'blob');
app.$message.success('导出成功！');
}
})
.catch((err) => {
app.$message.error('导出失败！');
})
.finally(() => {
state.loading = false;
});
},
},
]);
let infoData = reactive({
planName: '',
plantingArea: 0,
plantingMonths: [],
growthCycle: '',
note: '',
growthCycleVal: [0, 0],
});
const infoRules = reactive({
planName: [{ required: true, message: '请输入计划名称', trigger: 'blur' }],
plantingArea: [{ required: true, message: '请输入种植面积', trigger: 'blur' }],
plantingMonths: [{ required: true, message: '请选择种植月份', trigger: 'blur' }],
growthCycleVal: [{ required: true, message: '请输入生长周期', trigger: 'blur' }],
note: [{ required: true, message: '请输入备注', trigger: 'blur' }],
});
const monthsOptions = reactive([
{ label: '1月份', value: '1月' },
{ label: '2月份', value: '2月' },
{ label: '3月份', value: '3月' },
{ label: '4月份', value: '4月' },
{ label: '5月份', value: '5月' },
{ label: '6月份', value: '6月' },
{ label: '7月份', value: '7月' },
{ label: '8月份', value: '8月' },
{ label: '9月份', value: '9月' },
{ label: '10月份', value: '10月' },
{ label: '11月份', value: '11月' },
{ label: '12月份', value: '12月' },
]);
const examVisible = ref(false);
// #endregion
/* --------------- methods --------------- */
// #region
async function getList() {
const params = { current: pageData.page, size: pageData.size };
let { code, data, msg } = await getAnnualList(params);
//console.log('res ---------', data);
list.value = data.records || [];
pageData.total = data.total;
state.data = data.records;
state.pageData = {
currentPage: data.current || 1,
pageSize: data.size || 10,
total: data.total,
};
}
function handleResetSearch() {
searchRef.value && searchRef.value.resetFields();
getList();
}
function doEdit(row) {
infoVisible.value = true;
// eslint-disable-next-line no-const-assign
infoData = reactive({
...row,
plantingMonths: row.plantingMonths.split(','),
growthCycleVal: row.growthCycle.split(',').map((m) => {
return Number(m.replace(/[^0-9]/gi, ''));
}),
});
}
function doDel(row) {
// console.info('删除');
app
.$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
// delAnnual({ ids: ids.join(',') })
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('删除成功！');
// getList();
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// });
})
.catch(() => {});
}
const doExam = (row) => {
examVisible.value = true;
infoData = reactive({
...row,
plantingMonths: row.plantingMonths.split(','),
growthCycleVal: row.growthCycle.split(',').map((m) => {
return Number(m.replace(/[^0-9]/gi, ''));
}),
});
};
const subMitInfo = (formEl) => {
if (!formEl) return;
formEl.validate((valid) => {
if (valid) {
let parmer = {
...infoData,
plantingMonths: infoData.plantingMonths.toString(),
growthCycle: infoData.growthCycleVal[0] + '周' + ',' + infoData.growthCycleVal[1] + '周',
};
parmer.growthCycleVal && delete parmer.growthCycleVal;
console.info('新增年度规划参数', parmer);
if (parmer.id) {
editAnnual(parmer)
.then((res) => {
if (res.code === 200) {
app.$message.success('编辑成功！');
getList();
infoHide();
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
} else {
saveAnnual(parmer)
.then((res) => {
if (res.code === 200) {
app.$message.success('添加成功！');
getList();
infoHide();
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
}
} else {
console.log('error submit!');
}
});
};
const infoCancel = () => {
infoHide();
};
const infoHide = () => {
infoRef.value && infoRef.value.resetFields();
infoVisible.value = false;
};
const examCancel = () => {
console.log('审核不通过');
examVisible.value = true;
toDoexam(infoData.id, '4', '审核不通过');
};
const examPast = (row) => {
console.log('审核通过');
toDoexam(infoData.id, '3', '审核通过');
};
const toDoexam = (id, status, tips) => {
app
.$confirm(`确定` + tips + `吗？`, '温馨提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
examineAnnual({ id: id, planStatus: status })
.then((res) => {
if (res.code === 200) {
app.$message.success('审核提交成功！');
getList();
examHide();
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
})
.catch(() => {});
};
const examHide = () => {
examVisible.value = false;
};
// #endregion
</script>
<style lang="scss" scoped>
.container {
border-radius: 4px;
background-color: #ffffff;
}
</style>

453
sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index.vue
View File

@ -1,51 +1,40 @@
<template>
<CustomCard>
<el-form ref="searchRef" :model="searchCondition">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="计划名称:" prop="planName">
<el-input v-model="searchCondition.planName" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="getList()">查询</el-button>
<el-button type="" @click="handleResetSearch">重置</el-button>
</el-col>
</el-row>
</el-form>
<div class="options_btns">
<el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" @click="item.method">
{{ item.label }}
</el-button>
</div>
<el-table :data="list">
<el-table-column type="selection" width="55" />
<el-table-column type="index"> </el-table-column>
<el-table-column label="计划编号" prop="id" show-overflow-tooltip />
<el-table-column label="计划名称" prop="planName" show-overflow-tooltip />
<el-table-column label="种植面积" prop="plantingArea" show-overflow-tooltip />
<el-table-column label="种植月份" prop="plantingMonths" show-overflow-tooltip />
<el-table-column label="生长周期" prop="growthCycle" show-overflow-tooltip />
<el-table-column label="备注" prop="note" show-overflow-tooltip />
<el-table-column label="计划进度" prop="planProgress" show-overflow-tooltip />
<el-table-column label="状态" prop="planStatus" show-overflow-tooltip>
<template #default="{ row }">
<el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
<el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
<el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
<el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="280" show-overflow-tooltip>
<template #default="{ row }">
<el-button type="primary" size="small" @click="doExam(row)">审核</el-button>
<el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
<el-button type="primary" size="small" @click="doDetail(row)">详情</el-button>
<el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<Pagina :page-data="pageData" />
<div class="custom-page">
<avue-crud
ref="crudRef"
v-model="state.form"
v-model:search="state.query"
v-model:page="state.pageData"
:table-loading="state.loading"
:data="state.data"
:option="state.options"
@refresh-change="refreshChange"
@search-reset="searchChange"
@search-change="searchChange"
@selection-change="selectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@row-save="rowSave"
@row-update="rowUpdate"
@row-del="rowDel"
>
<template #menu-left>
<el-button type="primary" icon="Plus" @click="onAdd">新增</el-button>
<el-button type="success" icon="download" @click="onExport">导出</el-button>
</template>
<template #planStatus="{ row }">
<el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
<el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
<el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
<el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
</template>
<template #menu="scope">
<custom-table-operate :actions="state.options.actions" :data="scope" />
</template>
</avue-crud>
<el-dialog v-model="infoVisible" title="年度种植计划" width="1000" center>
<el-form ref="infoRef" :model="infoData" :rules="infoRules">
<el-row :gutter="20">
@ -71,7 +60,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="生厂周期" prop="growthCycleVal">
<el-form-item label="生长周期" prop="growthCycleVal">
<el-input-number v-model="infoData.growthCycleVal[0]" :min="1" :max="30">
<template #suffix>
<span>周</span>
@ -117,89 +106,63 @@
</div>
</template>
</el-dialog>
</CustomCard>
<el-dialog v-model="detailVisible" title="年度计划详情" width="800" center>
<el-descriptions :title="currentRow.planName || ''">
<el-descriptions-item label="计划编号">{{ currentRow.id || '--' }}</el-descriptions-item>
<el-descriptions-item label="计划名称">{{ currentRow.planName || '--' }}</el-descriptions-item>
<el-descriptions-item label="种植面积">{{ currentRow.plantingArea || '--' }}</el-descriptions-item>
<el-descriptions-item label="种植月份">{{ currentRow.plantingMonths || '--' }}</el-descriptions-item>
<el-descriptions-item label="生长周期">{{ currentRow.growthCycle || '--' }}</el-descriptions-item>
<el-descriptions-item label="备注">{{ currentRow.note || '--' }}</el-descriptions-item>
<el-descriptions-item label="计划进度">{{ currentRow.planProgress || '--' }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag v-if="currentRow.planStatus == '1'" type="warning" size="small">待提交</el-tag>
<el-tag v-if="currentRow.planStatus == '2'" type="primary" size="small">审核中</el-tag>
<el-tag v-if="currentRow.planStatus == '3'" type="success" size="small">通过</el-tag>
<el-tag v-if="currentRow.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
</el-descriptions-item>
</el-descriptions>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="toBack"> 返回 </el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue';
import Pagina from '@/components/pagina.vue';
import CustomCard from '@/components/CustomCard.vue';
import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
import { reactive, ref } from 'vue';
import { useApp } from '@/hooks';
import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
onMounted(() => {
getList();
});
import { CRUD_OPTIONS } from '@/config';
import { isEmpty, downloadFile } from '@/utils';
import { useUserStore } from '@/store/modules/user';
import { compact } from 'lodash';
import { GetEntityList, AddEntity, UpdateEntity, DeleteEntity, ExportEntity } from '@/apis/grid';
import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
/* --------------- data --------------- */
// #region
const { VITE_APP_BASE_API } = import.meta.env;
const app = useApp();
const searchRef = ref();
const searchCondition = reactive({
planName: '',
});
const pageData = reactive({
page: 1,
size: 10,
total: 0,
});
const UserStore = useUserStore();
const crudRef = ref(null);
const infoVisible = ref(false);
const infoRef = ref();
const list = ref([]);
const state = reactive({
loading: false,
query: {
current: 1,
size: 10,
},
pageData: {
total: 0,
currentPage: 1,
pageSize: 10,
},
data: [],
currentRow: {},
});
const btns = reactive([
{
label: '新增年度规划',
loading: false,
method: function () {
console.log('add');
infoVisible.value = true;
},
},
{
label: '导出',
disabled: true,
method: function () {
if (isEmpty(state.data)) {
app.$message.error('当前暂时没有可供导出的数据！');
return;
}
state.loading = true;
const fileName = '年度规划明细表';
exportAnnua(state.query)
.then((res) => {
if (res.status === 200) {
downloadFile(res.data, `${fileName}.xlsx`, 'blob');
app.$message.success('导出成功！');
}
})
.catch((err) => {
app.$message.error('导出失败！');
})
.finally(() => {
state.loading = false;
});
},
},
const monthsOptions = reactive([
{ label: '1月份', value: '1月' },
{ label: '2月份', value: '2月' },
{ label: '3月份', value: '3月' },
{ label: '4月份', value: '4月' },
{ label: '5月份', value: '5月' },
{ label: '6月份', value: '6月' },
{ label: '7月份', value: '7月' },
{ label: '8月份', value: '8月' },
{ label: '9月份', value: '9月' },
{ label: '10月份', value: '10月' },
{ label: '11月份', value: '11月' },
{ label: '12月份', value: '12月' },
]);
let infoData = reactive({
planName: '',
plantingArea: 0,
@ -216,50 +179,145 @@ const infoRules = reactive({
growthCycleVal: [{ required: true, message: '请输入生长周期', trigger: 'blur' }],
note: [{ required: true, message: '请输入备注', trigger: 'blur' }],
});
const monthsOptions = reactive([
{ label: '1月份', value: '1月' },
{ label: '2月份', value: '2月' },
{ label: '3月份', value: '3月' },
{ label: '4月份', value: '4月' },
{ label: '5月份', value: '5月' },
{ label: '6月份', value: '6月' },
{ label: '7月份', value: '7月' },
{ label: '8月份', value: '8月' },
{ label: '9月份', value: '9月' },
{ label: '10月份', value: '10月' },
{ label: '11月份', value: '11月' },
{ label: '12月份', value: '12月' },
]);
const examVisible = ref(false);
const detailVisible = ref(false);
let currentRow = reactive({});
// #endregion
const state = reactive({
loading: false,
query: {
current: 1,
size: 10,
},
form: {},
selection: [],
options: {
...CRUD_OPTIONS,
addBtnText: '',
addBtn: false,
column: [
{ label: '计划编号', prop: 'id', width: '200px', showOverflowTooltip: true },
{ label: '计划名称', prop: 'planName', width: '200px', showOverflowTooltip: true, search: true },
{ label: '种植面积', prop: 'plantingArea' },
{ label: '种植月份', prop: 'plantingMonths', width: '120px' },
{ label: '生长周期', prop: 'growthCycle', width: '120px' },
{ label: '备注', prop: 'note', width: '180px', showOverflowTooltip: true },
{ label: '计划进度', prop: 'planProgress' },
{ label: '状态', prop: 'planStatus' },
],
actions: [
{
name: '审核',
icon: 'Stamp',
event: ({ row }) => doExam(row),
},
{
name: '编辑',
icon: 'edit',
event: ({ row }) => rowEdit(row),
},
{
name: '详情',
icon: 'List',
event: ({ row }) => doDetail(row),
},
{
type: 'danger',
name: '删除',
icon: 'delete',
event: ({ row }) => rowDel(row),
},
],
},
pageData: {
total: 0,
currentPage: 1,
pageSize: 10,
},
data: [],
currentRow: {},
});
/* --------------- methods --------------- */
// #region
// 加载
const loadData = () => {
state.loading = true;
getAnnualList(state.query)
.then((res) => {
if (res.code === 200) {
const { current, size, total, records } = res.data;
state.data = records;
state.pageData = {
currentPage: current || 1,
pageSize: size || 10,
total: total,
};
}
})
.catch((err) => {
app.$message.error(err.msg);
state.data = [];
})
.finally(() => {
state.loading = false;
});
};
async function getList() {
const params = { current: pageData.page, size: pageData.size };
let { code, data, msg } = await getAnnualList(params);
//console.log('res ---------', data);
list.value = data.records || [];
pageData.total = data.total;
state.data = data.records;
state.pageData = {
currentPage: data.current || 1,
pageSize: data.size || 10,
total: data.total,
};
}
loadData();
function handleResetSearch() {
searchRef.value && searchRef.value.resetFields();
getList();
}
function doEdit(row) {
// 页数
const currentChange = (current) => {
state.query.current = current;
loadData();
};
// 条数
const sizeChange = (size) => {
state.query.size = size;
loadData();
};
// 搜索
const searchChange = (params, done) => {
if (done) done();
state.query = params;
state.query.current = 1;
loadData();
};
// 刷新
const refreshChange = () => {
loadData();
app.$message.success('刷新成功');
};
// 选择
const selectionChange = (rows) => {
state.selection = rows;
};
const setCity = (row) => {
if (!isEmpty(row.cities)) {
row.provinceCode = row?.cities[0] ?? null;
row.cityCode = row?.cities[1] ?? null;
row.gridAreaCode = row?.cities[2] ?? null;
row.townCode = row?.cities[3] ?? null;
row.village = row?.cities[3] ?? null;
}
};
const onAdd = () => {
infoVisible.value = true;
// eslint-disable-next-line no-const-assign
};
// 新增
const rowSave = (row, done, loading) => {
console.info('新增');
};
// 编辑
const rowEdit = (row) => {
console.info('编辑');
// crudRef.value.rowEdit(row);
infoData = reactive({
...row,
plantingMonths: row.plantingMonths.split(','),
@ -267,10 +325,30 @@ function doEdit(row) {
return Number(m.replace(/[^0-9]/gi, ''));
}),
});
}
infoVisible.value = true;
};
function doDel(row) {
// console.info('删除');
const rowUpdate = (row, index, done, loading) => {
console.info('更新');
// UpdateEntity(row)
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('更新成功！');
// done();
// loadData();
// }
// })
// .catch((err) => {
// app.$message.error(err.msg);
// })
// .finally(() => {
// loading();
// });
};
// 删除
const rowDel = (row, index, done) => {
if (isEmpty(row)) return;
app
.$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
confirmButtonText: '确定',
@ -278,11 +356,13 @@ function doDel(row) {
type: 'warning',
})
.then(() => {
// delAnnual({ ids: ids.join(',') })
console.info('删除');
// delAnnual({ id: row.id })
// .then((res) => {
// if (res.code === 200) {
// app.$message.success('删除成功！');
// getList();
// done();
// loadData();
// }
// })
// .catch((err) => {
@ -290,7 +370,30 @@ function doDel(row) {
// });
})
.catch(() => {});
}
};
// 导出
const onExport = () => {
if (isEmpty(state.data)) {
app.$message.error('当前暂时没有可供导出的数据！');
return;
}
state.loading = true;
const fileName = '年度计划明细表';
exportAnnua(state.query)
.then((res) => {
if (res.status === 200) {
downloadFile(res.data, `${fileName}.xlsx`, 'blob');
app.$message.success('导出成功！');
}
})
.catch((err) => {
app.$message.error('导出失败！');
})
.finally(() => {
state.loading = false;
});
};
const doExam = (row) => {
examVisible.value = true;
@ -303,6 +406,10 @@ const doExam = (row) => {
});
};
const doDetail = (row) => {
detailVisible.value = true;
currentRow = reactive({ ...row });
};
const subMitInfo = (formEl) => {
if (!formEl) return;
formEl.validate((valid) => {
@ -314,13 +421,12 @@ const subMitInfo = (formEl) => {
};
parmer.growthCycleVal && delete parmer.growthCycleVal;
console.info('新增年度规划参数', parmer);
if (parmer.id) {
editAnnual(parmer)
.then((res) => {
if (res.code === 200) {
app.$message.success('编辑成功！');
getList();
loadData();
infoHide();
}
})
@ -333,7 +439,7 @@ const subMitInfo = (formEl) => {
.then((res) => {
if (res.code === 200) {
app.$message.success('添加成功！');
getList();
loadData();
infoHide();
}
})
@ -380,7 +486,7 @@ const toDoexam = (id, status, tips) => {
.then((res) => {
if (res.code === 200) {
app.$message.success('审核提交成功！');
getList();
loadData();
examHide();
}
})
@ -396,12 +502,7 @@ const examHide = () => {
examVisible.value = false;
};
// #endregion
const toBack = () => {
detailVisible.value = false;
};
</script>
<style lang="scss" scoped>
.container {
border-radius: 4px;
background-color: #ffffff;
}
</style>

3
sub-government-affairs-service/src/views/annualPlan/component/plantings/index.vue
View File

@ -0,0 +1,3 @@
<template>
<div>网格种植进度</div>
</template>

663
sub-government-affairs-service/src/views/landManage/component/plantPlan/index copy.vue Normal file
View File

@ -0,0 +1,663 @@
<!-- eslint-disCustomCardnst-assign -->
<template>
<CustomCard>
<el-form ref="searchRef" :model="searchCondition">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="地块名:" prop="landName">
<el-input v-model="searchCondition.landName" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="种植产物" prop="crop">
<el-input v-model="searchCondition.crop" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="产权人" prop="owner">
<el-input v-model="searchCondition.owner" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="getList()">查询</el-button>
<el-button type="" @click="handleResetSearch">重置</el-button>
</el-col>
</el-row>
</el-form>
<div class="options_btns">
<el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" :loading="item.loading" @click="item.method">
{{ item.label }}
</el-button>
</div>
<el-table :data="list" @selection-change="selectionChange" @row-click="rowClick">
<el-table-column type="selection" width="55" />
<el-table-column type="index"> </el-table-column>
<el-table-column label="地块名" prop="landName" width="240" show-overflow-tooltip />
<el-table-column label="地址" prop="address" show-overflow-tooltip />
<el-table-column label="产权人" prop="owner" show-overflow-tooltip />
<el-table-column label="农用地分类" prop="landClassificationType" width="120" show-overflow-tooltip>
<template #default="{ row }">
<el-tag type="primary" :hit="true" size="small" effect="plain">{{ landClassificationType[row.landClassificationType] }}</el-tag>
</template>
</el-table-column>
<el-table-column label="面积" prop="area" show-overflow-tooltip />
<el-table-column label="坐标" prop="coordinate" show-overflow-tooltip />
<el-table-column label="土壤类型" prop="soilType" show-overflow-tooltip />
<el-table-column label="种植产物" prop="crop" show-overflow-tooltip />
<el-table-column label="种子供应商" prop="seedSupplier" show-overflow-tooltip />
<el-table-column label="年度计划" prop="planName" show-overflow-tooltip />
<el-table-column label="种植日期" prop="planDate" show-overflow-tooltip />
<el-table-column fixed="right" label="操作" width="160" show-overflow-tooltip>
<template #default="{ row }">
<el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
<el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<Pagina :page-data="pageData" @page-change="pageChange" />
<el-dialog v-model="infoVisible" title="种植规划" width="1000" center>
<el-form ref="infoRef" :model="infoData" :rules="infoRules">
<el-row :gutter="20">
<!--<el-col :span="12">
<el-form-item label="地块:" prop="landId">
<CustomSelect
v-model:value="infoData.landId"
:set="{
url: 'land-resource/landManage/page',
props: {
value: 'id',
label: 'landName',
},
}"
placeholder="请选择地块"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="面积" prop="gridName">
<el-input v-model="infoData.gridName" placeholder="请输入面积" style="width: 240px"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="种植产物" prop="crop">
<el-input v-model="infoData.crop" placeholder="请输入种植产物" style="width: 240px"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="种植日期" prop="planDate">
<el-date-picker
v-model="infoData.planDate"
type="date"
placeholder="请选择种植日期"
:disabled-date="disabledDate"
format="YYYY/MM/DD"
value-format="YYYY/MM/DD"
:size="size"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="种子供应商" prop="seedSupplier">
<el-input v-model="infoData.seedSupplier" placeholder="请输入种子供应商" style="width: 240px"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="年度计划" prop="planId">
<CustomSelect
v-model:value="infoData.planId"
:set="{
url: 'land-resource/annualManage/page',
props: {
value: 'id',
label: 'planName',
},
}"
placeholder="请选择种植计划"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="infoCancel">取消</el-button>
<el-button type="primary" @click="subMitInfo(infoRef)"> 确认 </el-button>
</div>
</template>
</el-dialog>
<div>
<el-text class="mx-1" size="large">种植阶段详情</el-text>
<div style="margin-top: 16px">
<el-form ref="stageRef" :model="stageInfo">
<el-row :gutter="20">
<el-col :span="6">
<el-button type="primary" @click="addSub">新增</el-button>
</el-col>
<el-col :span="6">
<el-form-item label="所属阶段" prop="gridName">
<el-select v-model="stageInfo.stage" placeholder="请选择所属阶段" style="width: 240px" :clearable="true">
<el-option v-for="item in stageOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-button type="primary" @click="handleSearchStage">查询</el-button>
<el-button type="" @click="handleResetStage">重置</el-button>
</el-col>
</el-row>
</el-form>
<el-table :data="sublist">
<el-table-column type="index"> </el-table-column>
<el-table-column label="所属阶段" prop="stage">
<template #default="{ row }">
<el-tag size="small">{{ stageObj[row.stage] }}</el-tag>
</template>
</el-table-column>
<el-table-column label="作业计划" prop="operationType" show-overflow-tooltip />
<el-table-column label="作业时间" prop="operationDate" show-overflow-tooltip />
<el-table-column label="结束时间" prop="createTime" show-overflow-tooltip />
<el-table-column fixed="right" label="操作" width="200" show-overflow-tooltip>
<template #default="{ row }">
<el-button type="primary" size="small" @click="doSubEdit(row)">编辑</el-button>
<el-button type="danger" size="small" @click="doSubDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<Pagina :page-data="subPageData" />
<el-dialog v-model="stageInfoVisible" title="种植阶段" width="800" center>
<el-form ref="stageInfoRef" :model="stageInfoData" :rules="stageInfoRules">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="地块:" prop="landName">
<el-input v-model="stageInfoData.landName" placeholder="请输入地块" style="width: 240px" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="种植产物" prop="crop">
<el-input v-model="stageInfoData.crop" placeholder="请输入种植产物" style="width: 240px" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="种植阶段" prop="stage">
<CustomSelect
v-model:value="stageInfoData.stage"
:set="{
url: '',
options: stageOptions,
props: {
value: 'value',
label: 'label',
},
}"
placeholder="请选择种植阶段"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="作业计划" prop="workId">
<CustomSelect
v-model:value="stageInfoData.workId"
:set="{
url: '',
options: workOptions,
props: {
value: 'id',
label: 'planName',
},
}"
placeholder="请选择作业计划"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="infoCancel">取消</el-button>
<el-button type="primary" @click="subMitStateInfo(stageInfoRef)"> 确认 </el-button>
</div>
</template>
</el-dialog>
</div>
</div>
</CustomCard>
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue';
import Pagina from '@/components/pagina.vue';
import {
getPlanList,
savePlan,
exportPlan,
editAlan,
delPlan,
getPlantingStage,
savePlantingStage,
editPlantingStage,
delPlantingStage,
} from '@/apis/land.js';
import CustomCard from '@/components/CustomCard.vue';
import { useApp } from '@/hooks';
import CustomSelect from '@/components/CustomSelect.vue';
import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
onMounted(() => {
getList();
});
/* --------------- data --------------- */
// #region
const app = useApp();
const searchRef = ref();
const searchCondition = reactive({
landName: '',
owner: '',
crop: '',
});
const pageData = reactive({
page: 1,
size: 10,
total: 0,
});
const landClassificationType = reactive({
0: '耕地',
1: '果园',
2: '茶园',
3: '其他园地',
4: '林地',
5: '草地',
6: '其他农用地',
7: '农村宅基地',
});
let selectIds = ref('');
const infoVisible = ref(false);
const infoRef = ref();
const list = ref([]);
const state = reactive({
loading: false,
query: {
current: 1,
size: 10,
},
pageData: {
total: 0,
currentPage: 1,
pageSize: 10,
},
data: [],
currentRow: {},
});
const btns = reactive([
{
label: '新增种植规划',
loading: false,
method: function () {
console.log('add');
if (selectIds.value.length <= 0) {
app.$message.error('请先选择地块');
return;
}
infoVisible.value = true;
},
},
{
label: '导入',
disabled: false,
loading: false,
method: function () {
console.log('import');
},
},
{
label: '导出',
disabled: true,
loading: state.loading,
method: function () {
if (isEmpty(state.data)) {
app.$message.error('当前暂时没有可供导出的数据！');
return;
}
state.loading = true;
const fileName = '种植计划明细表';
exportPlan(state.query)
.then((res) => {
if (res.status === 200) {
downloadFile(res.data, `${fileName}.xlsx`, 'blob');
app.$message.success('导出成功！');
}
})
.catch((err) => {
app.$message.error('导出失败！');
})
.finally(() => {
state.loading = false;
});
},
},
]);
let infoData = reactive({
landId: [], //土地主键id
planId: '', //种植规划主键id
crop: '', //种植产物
seedSupplier: '', //供应商
planDate: '', //种植时间
});
const infoRules = reactive({
crop: [{ required: true, message: '请输入种植产物', trigger: 'blur' }],
planId: [{ required: true, message: '请选择种植计划', trigger: 'blur' }],
seedSupplier: [{ required: true, message: '请输入供应商', trigger: 'blur' }],
planDate: [{ required: true, message: '请选择种植时间', trigger: 'blur' }],
});
const workOptions = reactive([
{ value: '作业计划1', label: 'Option1' },
{ value: '作业计划2', label: 'Option2' },
]);
const subPageData = reactive({
page: 1,
size: 10,
total: 0,
});
const sublist = ref([]);
const stageInfo = reactive({
stage: '',
});
const stageRef = ref();
const stageOptions = reactive([
{ value: '0', label: '苗期' },
{ value: '1', label: '花果期' },
{ value: '2', label: '采收期' },
]);
let currentRow = reactive({});
const stageObj = reactive({
0: '苗期',
1: '花果期',
2: '采收期',
});
let stageInfoVisible = ref(false);
const stageInfoRef = ref();
let stageInfoData = reactive({
landId: '', //土地主键id
planId: '', //种植规划主键id
crop: '', //种植产物
stage: '', //所属阶段
workId: '', //作业计划Id
landName: '', //地块
});
const stageInfoRules = reactive({
stage: [{ required: true, message: '请选择所属阶段', trigger: 'blur' }],
workId: [{ required: true, message: '请选择作业计划', trigger: 'blur' }],
});
// #endregion
/* --------------- methods --------------- */
// #region
async function getList() {
const params = { current: pageData.page, size: pageData.size, ...searchCondition };
let { code, data, msg } = await getPlanList(params);
//console.log('res ---------', data);
list.value = data.records || [];
pageData.total = data.total;
state.data = data.records;
state.pageData = {
currentPage: data.current || 1,
pageSize: data.size || 10,
total: data.total,
};
}
function handleResetSearch() {
searchRef.value && searchRef.value.resetFields();
getList();
}
const selectionChange = (data) => {
let datalist = data.map((m) => {
return { landId: m.landId, landName: m.landName };
});
let selectIdlist = uniqueObjects(datalist, 'landId');
let selectIdsVal = selectIdlist.map((n) => {
return n.landId;
});
selectIds.value = selectIdsVal.toString();
console.info('selectionChange', selectIds.value);
};
const pageChange = (data) => {
console.info('pageChange', data);
pageData.page = data;
getList();
};
function uniqueObjects(arr, key) {
return arr.reduce((acc, current) => {
const duplicate = acc.find((element) => element[key] === current[key]);
if (!duplicate) {
acc.push(current);
}
return acc;
}, []);
}
function doEdit(row) {
infoVisible.value = true;
infoData = reactive({
...row,
});
console.info('编辑', infoData);
}
function doDel(row) {
console.info('删除');
app
.$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
delPlan({ id: row.id })
.then((res) => {
if (res.code === 200) {
app.$message.success('删除成功！');
getList();
}
})
.catch((err) => {
app.$message.error(err.msg);
});
})
.catch(() => {});
}
const subMitInfo = (formEl) => {
if (!formEl) return;
formEl.validate((valid) => {
if (valid) {
let parmer = {
...infoData,
landId: selectIds.value || '',
};
console.info('新增种植计划', parmer);
if (parmer.id) {
editAlan(parmer)
.then((res) => {
if (res.code === 200) {
app.$message.success('编辑成功！');
getList();
infoHide();
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
} else {
savePlan(parmer)
.then((res) => {
if (res.code === 200) {
getList();
infoHide();
app.$message.success('添加成功！');
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
}
} else {
console.log('error submit!');
}
});
};
const infoCancel = () => {
infoHide();
};
const infoHide = () => {
infoVisible.value = false;
};
const addSub = () => {
console.log('新增阶段');
if (!currentRow.id) {
app.$message.error('请选择种植规划');
return;
}
stageInfoData.landName = currentRow.landName || '';
stageInfoData.crop = currentRow.crop || '';
stageInfoVisible.value = true;
};
async function getStageList() {
const params = { current: subPageData.page, size: subPageData.size, planId: currentRow.id };
let { code, data, msg } = await getPlantingStage(params);
sublist.value = data.records || [];
subPageData.total = data.total;
}
function handleResetStage() {
stageRef.value && stageRef.value.resetFields();
stageInfo.stage = '';
console.info('重置所属阶段筛选条件');
getStageList();
}
const handleSearchStage = () => {
if (!currentRow.id) {
app.$message.error('请选择种植规划');
return;
}
getStageList();
};
const rowClick = (row) => {
currentRow = reactive({ ...row });
getStageList();
};
const doSubEdit = (row) => {
console.log('编辑sub');
stageInfoData.landName = row.landName || '';
stageInfoData.crop = row.crop || '';
stageInfoVisible.value = true;
};
const doSubDel = (row) => {
console.log('删除sub');
app
.$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
delPlantingStage({ id: row.id })
.then((res) => {
if (res.code === 200) {
app.$message.success('删除成功！');
getStageList();
}
})
.catch((err) => {
app.$message.error(err.msg);
});
})
.catch(() => {});
};
const stageinfoHide = () => {
stageInfoRef.value && stageInfoRef.value.resetFields();
stageInfoVisible.value = false;
};
const subMitStateInfo = (formEl) => {
if (!formEl) return;
formEl.validate((valid) => {
if (valid) {
let parmer = {
planId: currentRow.id || '', //种植规划主键id
stage: stageInfoData.stage || 0, //种植阶段:0->苗期,1>花果期,2->采收期
workId: stageInfoData.workId || '',
};
console.info('新增种植阶段', parmer);
if (parmer.id) {
editPlantingStage(parmer)
.then((res) => {
if (res.code === 200) {
app.$message.success('编辑成功！');
getStageList();
stageinfoHide();
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
} else {
savePlantingStage(parmer)
.then((res) => {
if (res.code === 200) {
getStageList();
stageinfoHide();
app.$message.success('添加成功！');
}
})
.catch((err) => {
app.$message.error(err.msg);
})
.finally(() => {});
}
} else {
console.log('error submit!');
}
});
};
// #endregion
</script>
<style lang="scss" scoped>
.container {
border-radius: 4px;
background-color: #ffffff;
}
</style>

885
sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
View File

File diff suppressed because it is too large Load Diff

4
sub-government-affairs-service/src/views/trace/breeding/coding/index.vue
View File

@ -24,9 +24,9 @@
<el-button type="success" icon="download" @click="onExport">导出</el-button>
</template>
<template #id="{ row }">
<!-- <template #id="{ row }">
<el-image style="width: 50px; height: 50px; cursor: pointer" :src="row.orCodeUrl" fit="cover" lazy @click="onViewCode(row)" />
</template>
</template> -->
<template #productUrl-form="{ column }">
<el-upload class="custom-form__uploader" action="#" :show-file-list="false" accept="image/*" :limit="1" :http-request="rowUploadPicture">

34
sub-government-affairs-service/vite.config.js
View File

@ -3,7 +3,7 @@
* @Author: zenghua.wang
* @Date: 2022-09-18 21:24:29
* @LastEditors: zenghua.wang
* @LastEditTime: 2025-02-27 09:16:00
* @LastEditTime: 2025-02-28 11:04:41
*/
import { defineConfig, loadEnv } from 'vite';
@ -30,30 +30,6 @@ export default defineConfig(({ command, mode }) => {
target: 'ESNext',
outDir: 'dist',
minify: 'terser',
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log'],
},
output: {
comments: true,
},
},
reportCompressedSize: false,
chunkSizeWarningLimit: 2000,
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
return id.toString().split('node_modules/')[1].split('/')[1].toString();
}
},
chunkFileNames: 'assets/js/[name]-[hash].js',
entryFileNames: 'assets/js/[name]-[hash].js',
assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',
},
},
},
server: {
host: '0.0.0.0',
@ -128,5 +104,13 @@ export default defineConfig(({ command, mode }) => {
}),
],
};
if (mode === 'production') {
config.build.terserOptions = {
compress: {
drop_console: true,
drop_debugger: true,
},
};
}
return config;
});