“wangzihua”
4 months ago
19 changed files with 637 additions and 22 deletions
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=development |
||||
|
VITE_APP_TITLE='律师公益法律服务活动申报与管理平台' |
||||
|
VITE_APP_API_URL='http://127.0.0.1:1024' |
||||
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=development |
||||
|
VITE_APP_TITLE='律师公益法律服务活动申报与管理平台' |
||||
|
VITE_APP_API_URL='http://127.0.0.1:1024' |
||||
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=production |
||||
|
VITE_APP_TITLE='律师公益法律服务活动申报与管理平台' |
||||
|
VITE_APP_API_URL='https://preview.smartadmin.vip/smart-admin-api' |
||||
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=production |
||||
|
VITE_APP_TITLE='律师公益法律服务活动申报与管理平台' |
||||
|
VITE_APP_API_URL='https://preview.smartadmin.vip/smart-admin-api' |
||||
@ -0,0 +1,3 @@ |
|||||
|
NODE_ENV=production |
||||
|
VITE_APP_TITLE='律师公益法律服务活动申报与管理平台' |
||||
|
VITE_APP_API_URL='http://127.0.0.1:1024' |
||||
@ -0,0 +1,18 @@ |
|||||
|
|
||||
|
*.sh |
||||
|
node_modules |
||||
|
lib |
||||
|
*.md |
||||
|
*.woff |
||||
|
*.ttf |
||||
|
.vscode |
||||
|
.idea |
||||
|
dist |
||||
|
public |
||||
|
/docs |
||||
|
.husky |
||||
|
.local |
||||
|
.localhost |
||||
|
/bin |
||||
|
Dockerfile |
||||
|
src/assets |
||||
@ -0,0 +1,66 @@ |
|||||
|
/* |
||||
|
* @Description: |
||||
|
* @Author: zhuoda |
||||
|
* @Date: 2021-11-05 |
||||
|
* @LastEditTime: 2022-07-05 |
||||
|
* @LastEditors: zhuoda |
||||
|
*/ |
||||
|
module.exports = { |
||||
|
root: true, //此项是用来告诉eslint找当前配置文件不能往父级查找 |
||||
|
env: { |
||||
|
browser: true, |
||||
|
es2021: true, |
||||
|
node: true, |
||||
|
}, |
||||
|
parser: 'vue-eslint-parser', //使用vue-eslint-parser 来解析vue文件中的 template和script |
||||
|
parserOptions: { |
||||
|
ecmaVersion: 12, // 默认情况下，ESLint使用的是ECMAScript5语法，此处我们设置的选项是 es12 |
||||
|
sourceType: 'module', // 指定js导入的方式 |
||||
|
}, |
||||
|
extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:vue/base'], |
||||
|
globals: { |
||||
|
defineProps: 'readonly', |
||||
|
defineEmits: 'readonly', |
||||
|
defineExpose: 'readonly', |
||||
|
withDefaults: 'readonly', |
||||
|
}, |
||||
|
plugins: ['vue'], |
||||
|
rules: { |
||||
|
'no-unused-vars': [ |
||||
|
'error', |
||||
|
// we are only using this rule to check for unused arguments since TS |
||||
|
// catches unused variables but not args. |
||||
|
{ varsIgnorePattern: '.*', args: 'none' }, |
||||
|
], |
||||
|
'space-before-function-paren': 'off', |
||||
|
|
||||
|
'vue/attributes-order': 'off', |
||||
|
'vue/one-component-per-file': 'off', |
||||
|
'vue/html-closing-bracket-newline': 'off', |
||||
|
'vue/max-attributes-per-line': 'off', |
||||
|
'vue/multiline-html-element-content-newline': 'off', |
||||
|
'vue/singleline-html-element-content-newline': 'off', |
||||
|
'vue/attribute-hyphenation': 'off', |
||||
|
'vue/require-default-prop': 'off', |
||||
|
'vue/multi-word-component-names': [ |
||||
|
'error', |
||||
|
{ |
||||
|
ignores: ['index'], //需要忽略的组件名 |
||||
|
}, |
||||
|
], |
||||
|
'vue/html-self-closing': [ |
||||
|
'error', |
||||
|
{ |
||||
|
html: { |
||||
|
void: 'always', |
||||
|
normal: 'never', |
||||
|
component: 'always', |
||||
|
}, |
||||
|
svg: 'always', |
||||
|
math: 'always', |
||||
|
}, |
||||
|
], |
||||
|
// Enable vue/script-setup-uses-vars rule |
||||
|
'vue/script-setup-uses-vars': 'error', |
||||
|
}, |
||||
|
}; |
||||
@ -0,0 +1,7 @@ |
|||||
|
node_modules |
||||
|
.DS_Store |
||||
|
**/.DS_Store |
||||
|
dist |
||||
|
dist-ssr |
||||
|
*.local |
||||
|
.idea |
||||
@ -0,0 +1,30 @@ |
|||||
|
/* |
||||
|
* 代码格式化配置 |
||||
|
* |
||||
|
* @Author: 1024创新实验室-主任：卓大 |
||||
|
* @Date: 2022-09-12 14:44:18 |
||||
|
* @Wechat: zhuda1024 |
||||
|
* @Email: lab1024@163.com |
||||
|
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012 |
||||
|
*/ |
||||
|
module.exports = { |
||||
|
printWidth: 150, // 每行代码长度（默认80） |
||||
|
tabWidth: 2, // 缩进空格数 |
||||
|
useTabs: false, //不用tab缩进 |
||||
|
semi: true, //// 在语句末尾打印分号 |
||||
|
singleQuote: true, // 使用单引号而不是双引号 |
||||
|
vueIndentScriptAndStyle: true, //Vue文件脚本和样式标签缩进 |
||||
|
quoteProps: 'as-needed', // 更改引用对象属性的时间 可选值"<as-needed|consistent|preserve>" |
||||
|
jsxSingleQuote: true, // 在JSX中使用单引号而不是双引号 |
||||
|
trailingComma: 'es5', //多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。） 可选值"<none|es5|all>"，默认none |
||||
|
bracketSpacing: true, // 在对象文字中的括号之间打印空格 |
||||
|
jsxBracketSameLine: false, //jsx 标签的反尖括号需要换行 |
||||
|
arrowParens: 'always', // 在单独的箭头函数参数周围包括括号 always：(x) => x \ avoid：x => x |
||||
|
rangeStart: 0, // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码 |
||||
|
rangeEnd: Infinity, |
||||
|
requirePragma: false, // 指定要使用的解析器，不需要写文件开头的 @prettier |
||||
|
insertPragma: false, // 不需要自动在文件开头插入 @prettier |
||||
|
proseWrap: 'preserve', // 使用默认的折行标准 always\never\preserve |
||||
|
htmlWhitespaceSensitivity: 'css', // 指定HTML文件的全局空格敏感度 css\strict\ignore |
||||
|
endOfLine: 'auto', // 因为prettier的规范和eslint的换行规则不同，所以这个必须配置。要不然每次打开文件都会有一堆的警告;换行符使用 lf 结尾是 可选值"<auto|lf|crlf|cr |
||||
|
}; |
||||
@ -0,0 +1,3 @@ |
|||||
|
/dist/* |
||||
|
/public/* |
||||
|
public/* |
||||
@ -0,0 +1,70 @@ |
|||||
|
module.exports = { |
||||
|
root: true, |
||||
|
plugins: ['stylelint-order'], |
||||
|
extends: ['stylelint-config-standard', 'stylelint-config-prettier'], |
||||
|
rules: { |
||||
|
'selector-pseudo-class-no-unknown': [ |
||||
|
true, |
||||
|
{ |
||||
|
ignorePseudoClasses: ['global'], |
||||
|
}, |
||||
|
], |
||||
|
'selector-pseudo-element-no-unknown': [ |
||||
|
true, |
||||
|
{ |
||||
|
ignorePseudoElements: ['v-deep'], |
||||
|
}, |
||||
|
], |
||||
|
'at-rule-no-unknown': [ |
||||
|
true, |
||||
|
{ |
||||
|
ignoreAtRules: [ |
||||
|
'tailwind', |
||||
|
'apply', |
||||
|
'variants', |
||||
|
'responsive', |
||||
|
'screen', |
||||
|
'function', |
||||
|
'if', |
||||
|
'each', |
||||
|
'include', |
||||
|
'mixin', |
||||
|
], |
||||
|
}, |
||||
|
], |
||||
|
'no-empty-source': null, |
||||
|
'named-grid-areas-no-invalid': null, |
||||
|
'unicode-bom': 'never', |
||||
|
'no-descending-specificity': null, |
||||
|
'font-family-no-missing-generic-family-keyword': null, |
||||
|
'declaration-colon-space-after': 'always-single-line', |
||||
|
'declaration-colon-space-before': 'never', |
||||
|
// 'declaration-block-trailing-semicolon': 'always',
|
||||
|
'rule-empty-line-before': [ |
||||
|
'always', |
||||
|
{ |
||||
|
ignore: ['after-comment', 'first-nested'], |
||||
|
}, |
||||
|
], |
||||
|
'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }], |
||||
|
'order/order': [ |
||||
|
[ |
||||
|
'dollar-variables', |
||||
|
'custom-properties', |
||||
|
'at-rules', |
||||
|
'declarations', |
||||
|
{ |
||||
|
type: 'at-rule', |
||||
|
name: 'supports', |
||||
|
}, |
||||
|
{ |
||||
|
type: 'at-rule', |
||||
|
name: 'media', |
||||
|
}, |
||||
|
'rules', |
||||
|
], |
||||
|
{ severity: 'warning' }, |
||||
|
], |
||||
|
}, |
||||
|
ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'], |
||||
|
}; |
||||
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"search.useGlobalIgnoreFiles": true |
||||
|
} |
||||
@ -0,0 +1,235 @@ |
|||||
|
<!-- |
||||
|
* 季度统计组件 |
||||
|
* |
||||
|
* @Author: wzh |
||||
|
* @Date: 2025-12-24 14:44:06 |
||||
|
* @Copyright 1.0 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="quarter-statistics"> |
||||
|
<!-- 查询表单 --> |
||||
|
<a-card title="查询条件" size="small" class="query-card"> |
||||
|
<a-form :model="queryForm" layout="inline"> |
||||
|
<a-form-item label="季度"> |
||||
|
<a-select v-model:value="queryForm.quarter" placeholder="请选择季度" style="width: 120px"> |
||||
|
<a-select-option v-for="quarter in quarterOptions" :key="quarter.value" :value="quarter.value"> |
||||
|
{{ quarter.label }} |
||||
|
</a-select-option> |
||||
|
</a-select> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item label="年度"> |
||||
|
<a-select v-model:value="queryForm.year" placeholder="请选择年度" style="width: 120px"> |
||||
|
<a-select-option v-for="year in yearOptions" :key="year" :value="year"> |
||||
|
{{ year }}年 |
||||
|
</a-select-option> |
||||
|
</a-select> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item label="律师姓名"> |
||||
|
<a-input v-model:value="queryForm.lawyerName" placeholder="请输入律师姓名" style="width: 150px" /> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item label="律所名称"> |
||||
|
<a-input v-model:value="queryForm.firmName" placeholder="请输入律所名称" style="width: 150px" /> |
||||
|
</a-form-item> |
||||
|
|
||||
|
<a-form-item> |
||||
|
<a-button type="primary" @click="handleSearch"> |
||||
|
<SearchOutlined /> |
||||
|
查询 |
||||
|
</a-button> |
||||
|
<a-button @click="handleReset" style="margin-left: 8px"> |
||||
|
<ReloadOutlined /> |
||||
|
重置 |
||||
|
</a-button> |
||||
|
<a-button @click="handleExport" type="primary" style="margin-left: 8px"> |
||||
|
<ExportOutlined /> |
||||
|
导出Excel |
||||
|
</a-button> |
||||
|
</a-form-item> |
||||
|
</a-form> |
||||
|
</a-card> |
||||
|
|
||||
|
<!-- 统计表格 --> |
||||
|
<a-card title="季度服务统计" size="small" class="table-card"> |
||||
|
<a-table |
||||
|
:columns="columns" |
||||
|
:dataSource="tableData" |
||||
|
:pagination="pagination" |
||||
|
:loading="loading" |
||||
|
size="small" |
||||
|
bordered |
||||
|
> |
||||
|
<template #bodyCell="{ column, record }"> |
||||
|
<template v-if="column.dataIndex === 'quarterDuration'"> |
||||
|
{{ record.quarterDuration }} 小时 |
||||
|
</template> |
||||
|
<template v-else-if="column.dataIndex === 'quarterCost'"> |
||||
|
{{ record.quarterCost }} 元 |
||||
|
</template> |
||||
|
<template v-else-if="column.dataIndex === 'yearDuration'"> |
||||
|
{{ record.yearDuration }} 小时 |
||||
|
</template> |
||||
|
<template v-else-if="column.dataIndex === 'yearCost'"> |
||||
|
{{ record.yearCost }} 元 |
||||
|
</template> |
||||
|
</template> |
||||
|
</a-table> |
||||
|
</a-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { ref, reactive, onMounted } from 'vue'; |
||||
|
import { SearchOutlined, ReloadOutlined, ExportOutlined } from '@ant-design/icons-vue'; |
||||
|
import { message } from 'ant-design-vue'; |
||||
|
import { serviceApplicationsApi } from '/@/api/business/service-applications/service-applications-api'; |
||||
|
|
||||
|
// 查询表单 |
||||
|
const queryForm = reactive({ |
||||
|
quarter: undefined, |
||||
|
year: new Date().getFullYear(), |
||||
|
lawyerName: '', |
||||
|
firmName: '' |
||||
|
}); |
||||
|
|
||||
|
// 季度选项 |
||||
|
const quarterOptions = [ |
||||
|
{ label: '第一季度', value: 1 }, |
||||
|
{ label: '第二季度', value: 2 }, |
||||
|
{ label: '第三季度', value: 3 }, |
||||
|
{ label: '第四季度', value: 4 } |
||||
|
]; |
||||
|
|
||||
|
// 年度选项（近5年） |
||||
|
const yearOptions = ref([]); |
||||
|
|
||||
|
// 表格列定义 |
||||
|
const columns = [ |
||||
|
{ |
||||
|
title: '执业律师姓名', |
||||
|
dataIndex: 'lawyerName', |
||||
|
key: 'lawyerName', |
||||
|
width: 120 |
||||
|
}, |
||||
|
{ |
||||
|
title: '执业证号', |
||||
|
dataIndex: 'certificateNumber', |
||||
|
key: 'certificateNumber', |
||||
|
width: 120 |
||||
|
}, |
||||
|
{ |
||||
|
title: '季度累计服务时长', |
||||
|
dataIndex: 'quarterDuration', |
||||
|
key: 'quarterDuration', |
||||
|
width: 120 |
||||
|
}, |
||||
|
{ |
||||
|
title: '季度累计服务成本', |
||||
|
dataIndex: 'quarterCost', |
||||
|
key: 'quarterCost', |
||||
|
width: 120 |
||||
|
}, |
||||
|
{ |
||||
|
title: '年度累计服务时长', |
||||
|
dataIndex: 'yearDuration', |
||||
|
key: 'yearDuration', |
||||
|
width: 120 |
||||
|
}, |
||||
|
{ |
||||
|
title: '年度累计服务成本', |
||||
|
dataIndex: 'yearCost', |
||||
|
key: 'yearCost', |
||||
|
width: 120 |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
const tableData = ref([]); |
||||
|
const loading = ref(false); |
||||
|
const pagination = reactive({ |
||||
|
current: 1, |
||||
|
pageSize: 10, |
||||
|
total: 0, |
||||
|
showSizeChanger: true, |
||||
|
showQuickJumper: true, |
||||
|
showTotal: (total) => `共 ${total} 条` |
||||
|
}); |
||||
|
|
||||
|
// 初始化年度选项 |
||||
|
function initYearOptions() { |
||||
|
const currentYear = new Date().getFullYear(); |
||||
|
for (let i = currentYear; i >= currentYear - 4; i--) { |
||||
|
yearOptions.value.push(i); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 查询数据 |
||||
|
async function handleSearch() { |
||||
|
loading.value = true; |
||||
|
try { |
||||
|
const params = { |
||||
|
...queryForm, |
||||
|
pageNum: pagination.current, |
||||
|
pageSize: pagination.pageSize |
||||
|
}; |
||||
|
|
||||
|
// 调用API获取季度统计数据 |
||||
|
const result = await serviceApplicationsApi.getQuarterStatistics(params); |
||||
|
|
||||
|
if (result.data) { |
||||
|
tableData.value = result.data.list || []; |
||||
|
pagination.total = result.data.total || 0; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
message.error('查询失败'); |
||||
|
console.error(error); |
||||
|
} finally { |
||||
|
loading.value = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 重置查询条件 |
||||
|
function handleReset() { |
||||
|
Object.assign(queryForm, { |
||||
|
quarter: undefined, |
||||
|
year: new Date().getFullYear(), |
||||
|
lawyerName: '', |
||||
|
firmName: '' |
||||
|
}); |
||||
|
handleSearch(); |
||||
|
} |
||||
|
|
||||
|
// 导出Excel |
||||
|
function handleExport() { |
||||
|
message.info('导出功能开发中...'); |
||||
|
// 这里调用导出API |
||||
|
// await serviceApplicationsApi.exportQuarterStatistics(queryForm); |
||||
|
} |
||||
|
|
||||
|
// 分页变化 |
||||
|
function handleTableChange(pag) { |
||||
|
pagination.current = pag.current; |
||||
|
pagination.pageSize = pag.pageSize; |
||||
|
handleSearch(); |
||||
|
} |
||||
|
|
||||
|
onMounted(() => { |
||||
|
initYearOptions(); |
||||
|
handleSearch(); |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.quarter-statistics { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.query-card { |
||||
|
margin-bottom: 16px; |
||||
|
} |
||||
|
|
||||
|
.table-card { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,30 @@ |
|||||
|
<!-- |
||||
|
* 服务申报统计 |
||||
|
* |
||||
|
* @Author: wzh |
||||
|
* @Date: 2025-12-24 14:44:06 |
||||
|
* @Copyright 1.0 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="service-application-count"> |
||||
|
<a-tabs v-model:activeKey="activeTab" type="card"> |
||||
|
<!-- 季度统计 --> |
||||
|
<a-tab-pane key="quarter" tab="季度统计"> |
||||
|
<QuarterStatistics /> |
||||
|
</a-tab-pane> |
||||
|
</a-tabs> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { ref } from 'vue'; |
||||
|
import QuarterStatistics from '/@/components/system/service-count/quarter-statistics.vue'; |
||||
|
const activeTab = ref('quarter'); |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.service-application-count { |
||||
|
padding: 16px; |
||||
|
background: #fff; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue