From dfcf8f98cba402c2841fb3fb1cdc43e437819cf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E6=83=B3?= <826276471@qq.com> Date: Thu, 6 Mar 2025 16:50:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E5=9C=9F=E5=A3=A4=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=90=AD=E5=BB=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../component/soilClassification/index.vue | 67 ++++++- .../soilClassification/useSoilTypeHook.js | 175 ++++++++++++++++++ .../component/illegalHandle/index.vue | 2 - 3 files changed, 241 insertions(+), 3 deletions(-) create mode 100644 sub-government-affairs-service/src/views/dict/component/soilClassification/useSoilTypeHook.js diff --git a/sub-government-affairs-service/src/views/dict/component/soilClassification/index.vue b/sub-government-affairs-service/src/views/dict/component/soilClassification/index.vue index 5e23481..7fa5fca 100644 --- a/sub-government-affairs-service/src/views/dict/component/soilClassification/index.vue +++ b/sub-government-affairs-service/src/views/dict/component/soilClassification/index.vue @@ -1,3 +1,68 @@ + + + + diff --git a/sub-government-affairs-service/src/views/dict/component/soilClassification/useSoilTypeHook.js b/sub-government-affairs-service/src/views/dict/component/soilClassification/useSoilTypeHook.js new file mode 100644 index 0000000..82b282e --- /dev/null +++ b/sub-government-affairs-service/src/views/dict/component/soilClassification/useSoilTypeHook.js @@ -0,0 +1,175 @@ +import { ref, onMounted } from 'vue'; +import { CRUD_OPTIONS } from '@/config'; + +export default function useSoilTypeHook() { + onMounted(getList); + + const crudRef = ref(); + const condition = ref({ + villageName: '', + }); + const data = ref([ + { + code: '1', + soilType: '1111111111111', + status: 0, + }, + { + code: '2', + soilType: '2222222222222', + status: 1, + }, + { + code: '3', + soilType: '3333333333333', + status: 0, + }, + ]); + const loading = ref(false); + const pageData = ref({ + currentPage: 1, + pageSize: 10, + total: 3, + }); + const option = ref({ + ...CRUD_OPTIONS, + selection: false, + dialogWidth: 600, + refreshBtn: false, + border: false, + column: [ + { + label: '村名', + prop: 'villageName', + search: true, + hide: true, + display: false, + addDisplay: false, + viewDisplay: false, + }, + { + label: '编号', + prop: 'code', + display: false, + addDisplay: false, + }, + { + label: '土壤类型', + prop: 'soilType', + labelWidth: 100, + span: 23, + rules: [ + { + required: true, + trigger: 'blur', + message: '请输入土壤类型', + }, + // { + // pattern: /^[a-zA-Z0-9]{1,20}$/, + // message: '请输入1-20位字符', + // trigger: 'blur', + // }, + ], + }, + { + label: '状态', + prop: 'status', + display: false, + addDisplay: false, + render: ({ row }) => { + return row.status === 0 ? '启用' : '禁用'; + }, + }, + ], + }); + const actions = ref([ + { + name: '查看', + icon: 'view', + event: handleStatusChange, + }, + { + name: '编辑', + icon: 'edit', + event: handleEdit, + }, + { + type: 'danger', + name: '删除', + icon: 'delete', + event: handleDel, + }, + ]); + function getList() { + let params = { + current: pageData.value.currentPage, + pageSize: pageData.value.pageSize, + ...condition.value, + }; + console.log('get --- ', params); + console.table(data.value); + } + function handleStatusChange(row, index) { + console.log('handleStatusChange --- ', row); + data.value[index].status = data.value[index].status === 0 ? 1 : 0; + console.table(data.value); + } + function handleCurrentChange(val) { + console.log('handleCurrentChange --- ', val); + pageData.value.currentPage = val; + getList(); + } + function handleSizeChange(val) { + console.log('handleSizeChange --- ', val); + pageData.value.currentPage = 1; + pageData.value.pageSize = val; + getList(); + } + function handleSearch(val, done) { + console.log('handleSearch --- ', val); + console.log('ccc', condition.value); + resetPage(); + done(); + } + function handleSearchReset() { + resetPage(); + } + function handleEdit(row, index) { + console.log('handleEdit --- ', row); + console.log('index --- ', index); + crudRef.value.rowEdit(row); + } + function handleDel(row) { + console.log('handleDel --- ', row); + } + function handleSave(form, _loading, done) { + console.log('save --- ', form); + _loading(); + getList(); + } + function handleUpdate(form, _loading, done) { + console.log('update --- ', form); + _loading(); + getList(); + } + function resetPage() { + pageData.value.currentPage = 1; + pageData.value.pageSize = 10; + getList(); + } + return { + crudRef, + condition, + loading, + data, + pageData, + option, + actions, + handleSearch, + handleSearchReset, + handleCurrentChange, + handleSizeChange, + handleSave, + handleUpdate, + }; +} diff --git a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue index 1041001..0c4787d 100644 --- a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue +++ b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue @@ -36,7 +36,6 @@ import CustomCard from '@/components/CustomCard.vue'; import { useUserStore } from '@/store/modules/user'; import Register from './common/Register.vue'; import FileUpload from './common/FileUpload.vue'; -import { add } from 'lodash'; const { VITE_APP_BASE_API } = import.meta.env; const UserStore = useUserStore(); @@ -87,7 +86,6 @@ const option = ref({ ...CRUD_OPTIONS, refreshBtn: false, editTitle: '案件登记处理', - rowKey: 'id_', column: [ { label: '案件编号',