经营主体经营主体管理
This commit is contained in:
parent
aab1e69bf9
commit
fc697ada58
@ -6,7 +6,7 @@ export default [
|
|||||||
name: 'productOperateMain',
|
name: 'productOperateMain',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: '/sub-government-affairs-service/individual',
|
redirect: '/sub-government-affairs-service/individual',
|
||||||
meta: { title: '生产经营主体', icon: 'icon-test' },
|
meta: { title: '生产经营主体', icon: 'icon-shop' },
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/individual',
|
path: '/sub-government-affairs-service/individual',
|
||||||
@ -26,6 +26,24 @@ export default [
|
|||||||
name: 'coop',
|
name: 'coop',
|
||||||
meta: { title: '合作社', icon: 'Document' },
|
meta: { title: '合作社', icon: 'Document' },
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/enterprise',
|
||||||
|
component: () => import('@/views/productOperateMain/enterprise/index.vue'),
|
||||||
|
name: 'enterprise',
|
||||||
|
meta: { title: '经营企业', icon: 'Document' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/examineList',
|
||||||
|
component: () => import('@/views/productOperateMain/examine/list.vue'),
|
||||||
|
name: 'examineList',
|
||||||
|
meta: { title: '主体审核管理', icon: 'Document' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/examineRecord',
|
||||||
|
component: () => import('@/views/productOperateMain/examine/record.vue'),
|
||||||
|
name: 'examineRecord',
|
||||||
|
meta: { title: '主体审核历史', icon: 'Document' },
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="margin-top: 16px">
|
<div style="margin-top: 16px">
|
||||||
<el-dialog v-model="isShowVal" title="种植规划" width="1000" center>
|
<el-dialog v-model="isShowVal" title="种植阶段详情" width="1000" center @closed="stageClose">
|
||||||
<avue-crud
|
<avue-crud
|
||||||
ref="stateCrudRef"
|
ref="stateCrudRef"
|
||||||
v-model="stageState.form"
|
v-model="stageState.form"
|
||||||
@ -55,6 +55,8 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['close']);
|
||||||
|
|
||||||
const { VITE_APP_BASE_API } = import.meta.env;
|
const { VITE_APP_BASE_API } = import.meta.env;
|
||||||
const app = useApp();
|
const app = useApp();
|
||||||
const UserStore = useUserStore();
|
const UserStore = useUserStore();
|
||||||
@ -77,19 +79,26 @@ const stageObj = reactive({
|
|||||||
});
|
});
|
||||||
|
|
||||||
const isShowVal = ref(false);
|
const isShowVal = ref(false);
|
||||||
let rowVal = ref({});
|
let currentRow = reactive({});
|
||||||
|
|
||||||
|
const loadList = () => {
|
||||||
|
if (isShowVal.value) {
|
||||||
|
console.info('loadList', props);
|
||||||
|
}
|
||||||
|
};
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
isShowVal.value = props.isShow;
|
isShowVal.value = props.isShow;
|
||||||
rowVal.value = props.rowOriginal;
|
currentRow = props.rowOriginal;
|
||||||
|
loadList();
|
||||||
|
// console.info('onMounted', props);
|
||||||
});
|
});
|
||||||
watch(
|
watch(
|
||||||
() => (props.isShow, props.rowOriginal),
|
() => (props.isShow, props.rowOriginal),
|
||||||
(val) => {
|
() => {
|
||||||
isShowVal.value = val.isShow;
|
isShowVal.value = props.isShow;
|
||||||
rowVal.value = props.rowOriginal;
|
currentRow = props.rowOriginal;
|
||||||
console.info('watch', val.isShow);
|
console.info('watch', props);
|
||||||
console.info('watch', val.rowOriginal);
|
loadList();
|
||||||
},
|
},
|
||||||
{ deep: true, immediate: true }
|
{ deep: true, immediate: true }
|
||||||
);
|
);
|
||||||
@ -157,7 +166,7 @@ const stageState = reactive({
|
|||||||
|
|
||||||
async function getStageList() {
|
async function getStageList() {
|
||||||
stageState.loading = true;
|
stageState.loading = true;
|
||||||
getPlantingStage({ ...stageState.query, planId: rowVal.value.currentRow.id })
|
getPlantingStage({ ...stageState.query, planId: currentRow.currentRow.id })
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
const { current, size, total, records } = res.data;
|
const { current, size, total, records } = res.data;
|
||||||
@ -228,7 +237,7 @@ const stageRowEdit = (row) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onStateAdd = () => {
|
const onStateAdd = () => {
|
||||||
if (!rowVal.value.currentRow.id) {
|
if (!currentRow.id) {
|
||||||
app.$message.error('请选择种植规划');
|
app.$message.error('请选择种植规划');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -236,7 +245,7 @@ const onStateAdd = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const stageRowSave = (row, done, loading) => {
|
const stageRowSave = (row, done, loading) => {
|
||||||
row.planId = rowVal.value.currentRow.planId;
|
row.planId = currentRow.planId;
|
||||||
console.info('stageRowSave', row);
|
console.info('stageRowSave', row);
|
||||||
savePlantingStage({ ...row })
|
savePlantingStage({ ...row })
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@ -271,4 +280,8 @@ const stageRowUpdate = (row, index, done, loading) => {
|
|||||||
loading();
|
loading();
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
const stageClose = () => {
|
||||||
|
isShowVal.value = false;
|
||||||
|
emit('close');
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -51,40 +51,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</avue-crud>
|
</avue-crud>
|
||||||
|
|
||||||
<el-text class="mx-1" size="large">种植阶段详情</el-text>
|
<stageList :is-show="stageShow" :row-original="stageRowVal" @close="stageHide"></stageList>
|
||||||
<stageList :is-show="stageShow" :row="stageRow"></stageList>
|
|
||||||
<!-- <div style="margin-top: 16px">
|
|
||||||
<avue-crud
|
|
||||||
ref="stateCrudRef"
|
|
||||||
v-model="stageState.form"
|
|
||||||
v-model:search="stageState.query"
|
|
||||||
v-model:page="stageState.pageData"
|
|
||||||
:table-loading="stageState.loading"
|
|
||||||
:data="stageState.data"
|
|
||||||
:option="stageState.options"
|
|
||||||
@refresh-change="stageRefresh"
|
|
||||||
@search-reset="stageSearch"
|
|
||||||
@search-change="stageSearch"
|
|
||||||
@selection-change="stageSelection"
|
|
||||||
@current-change="stageCurrent"
|
|
||||||
@size-change="stageSize"
|
|
||||||
@row-del="stageRowDel"
|
|
||||||
@row-save="stageRowSave"
|
|
||||||
@row-update="stageRowUpdate"
|
|
||||||
>
|
|
||||||
<template #menu-left>
|
|
||||||
<el-button type="primary" icon="Plus" @click="onStateAdd">新增</el-button>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #stage="{ row }">
|
|
||||||
<el-tag size="small">{{ stageObj[row.stage] }}</el-tag>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #menu="scope">
|
|
||||||
<custom-table-operate :actions="stageState.options.actions" :data="scope" />
|
|
||||||
</template>
|
|
||||||
</avue-crud>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -123,7 +90,7 @@ const workOptions = reactive([
|
|||||||
]);
|
]);
|
||||||
|
|
||||||
let stageShow = ref(false);
|
let stageShow = ref(false);
|
||||||
let stageRow = ref({});
|
let stageRowVal = reactive({});
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
loading: false,
|
loading: false,
|
||||||
@ -258,7 +225,7 @@ const state = reactive({
|
|||||||
event: ({ row }) => rowEdit(row),
|
event: ({ row }) => rowEdit(row),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '种植规划',
|
name: '种植阶段',
|
||||||
icon: 'edit',
|
icon: 'edit',
|
||||||
event: ({ row }) => toStage(row),
|
event: ({ row }) => toStage(row),
|
||||||
},
|
},
|
||||||
@ -279,68 +246,6 @@ const state = reactive({
|
|||||||
currentRow: {},
|
currentRow: {},
|
||||||
});
|
});
|
||||||
|
|
||||||
const stageState = reactive({
|
|
||||||
loading: false,
|
|
||||||
query: {
|
|
||||||
current: 1,
|
|
||||||
size: 10,
|
|
||||||
},
|
|
||||||
form: {},
|
|
||||||
options: {
|
|
||||||
...CRUD_OPTIONS,
|
|
||||||
addBtn: false,
|
|
||||||
selection: false,
|
|
||||||
column: [
|
|
||||||
{
|
|
||||||
label: '所属阶段',
|
|
||||||
prop: 'stage',
|
|
||||||
type: 'select',
|
|
||||||
search: true,
|
|
||||||
dicData: stageOptions,
|
|
||||||
rules: {
|
|
||||||
required: true,
|
|
||||||
message: '请选择',
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '作业计划',
|
|
||||||
prop: 'workId',
|
|
||||||
type: 'select',
|
|
||||||
search: true,
|
|
||||||
dicData: workOptions,
|
|
||||||
rules: {
|
|
||||||
required: true,
|
|
||||||
message: '请选择',
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{ label: '作业时间', prop: 'coordinate', addDisplay: false, editDisplay: false },
|
|
||||||
{ label: '结束时间', prop: 'createTime', addDisplay: false, editDisplay: false },
|
|
||||||
],
|
|
||||||
actions: [
|
|
||||||
{
|
|
||||||
name: '编辑',
|
|
||||||
icon: 'edit',
|
|
||||||
event: ({ row }) => stageRowEdit(row),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'danger',
|
|
||||||
name: '删除',
|
|
||||||
icon: 'delete',
|
|
||||||
event: ({ row }) => stageRowDel(row),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
pageData: {
|
|
||||||
total: 0,
|
|
||||||
currentPage: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
},
|
|
||||||
data: [],
|
|
||||||
currentRow: {},
|
|
||||||
});
|
|
||||||
|
|
||||||
const landClassificationType = reactive({
|
const landClassificationType = reactive({
|
||||||
0: '耕地',
|
0: '耕地',
|
||||||
1: '果园',
|
1: '果园',
|
||||||
@ -504,8 +409,9 @@ const rowDel = (row, index, done) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const toStage = (row) => {
|
const toStage = (row) => {
|
||||||
stageRow.value = row;
|
stageRowVal = row;
|
||||||
stageShow.value = true;
|
stageShow.value = true;
|
||||||
|
console.info('toStage', stageRowVal);
|
||||||
};
|
};
|
||||||
|
|
||||||
//导入
|
//导入
|
||||||
@ -553,131 +459,12 @@ function uniqueObjects(arr, key) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
//种植阶段相关
|
//种植阶段相关
|
||||||
// 刷新
|
|
||||||
const stageRefresh = () => {
|
|
||||||
// loadData();
|
|
||||||
app.$message.success('刷新成功');
|
|
||||||
};
|
|
||||||
|
|
||||||
const rowClick = (row) => {
|
const rowClick = (row) => {
|
||||||
state.currentRow = { ...row };
|
state.currentRow = { ...row };
|
||||||
console.info('rowClick', state.currentRow);
|
console.info('rowClick', state.currentRow);
|
||||||
getStageList();
|
|
||||||
};
|
|
||||||
async function getStageList() {
|
|
||||||
stageState.loading = true;
|
|
||||||
getPlantingStage({ ...stageState.query, planId: state.currentRow.id })
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
const { current, size, total, records } = res.data;
|
|
||||||
stageState.data = records || [];
|
|
||||||
stageState.pageData = {
|
|
||||||
currentPage: current || 1,
|
|
||||||
pageSize: size || 10,
|
|
||||||
total: total,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
app.$message.error(err.msg);
|
|
||||||
stageState.data = [];
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
stageState.loading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const stageSearch = (params, done) => {
|
|
||||||
if (done) done();
|
|
||||||
stageState.query = params;
|
|
||||||
stageState.query.current = 1;
|
|
||||||
getStageList();
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const stageSelection = (rows) => {
|
const stageHide = () => {
|
||||||
stageState.selection = rows;
|
stageShow.value = false;
|
||||||
};
|
|
||||||
|
|
||||||
const stageCurrent = (current) => {
|
|
||||||
stageState.query.current = current;
|
|
||||||
getStageList();
|
|
||||||
};
|
|
||||||
|
|
||||||
const stageSize = (size) => {
|
|
||||||
stageState.query.size = size;
|
|
||||||
getStageList();
|
|
||||||
};
|
|
||||||
|
|
||||||
const stageRowDel = (row, index, done) => {
|
|
||||||
if (isEmpty(row)) return;
|
|
||||||
app
|
|
||||||
.$confirm(`删除后信息将不可查看,确认要删除吗?`, '确定删除', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
console.info('删除');
|
|
||||||
delPlantingStage({ id: row.id })
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
app.$message.success('删除成功!');
|
|
||||||
getStageList();
|
|
||||||
done();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
app.$message.error(err.msg);
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
};
|
|
||||||
const stageRowEdit = (row) => {
|
|
||||||
stateCrudRef.value.rowEdit(row);
|
|
||||||
};
|
|
||||||
|
|
||||||
const onStateAdd = () => {
|
|
||||||
if (!state.currentRow.id) {
|
|
||||||
app.$message.error('请选择种植规划');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
stateCrudRef.value.rowAdd();
|
|
||||||
};
|
|
||||||
|
|
||||||
const stageRowSave = (row, done, loading) => {
|
|
||||||
row.planId = state.currentRow.planId;
|
|
||||||
console.info('stageRowSave', row);
|
|
||||||
savePlantingStage({ ...row })
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
app.$message.success('添加成功!');
|
|
||||||
done();
|
|
||||||
getStageList();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
app.$message.error(err.msg);
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const stageRowUpdate = (row, index, done, loading) => {
|
|
||||||
console.info('stageRowUpdate');
|
|
||||||
editPlantingStage(row)
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
app.$message.success('更新成功!');
|
|
||||||
done();
|
|
||||||
getStageList();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
app.$message.error(err.msg);
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading();
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -23,9 +23,12 @@
|
|||||||
<el-button type="danger" icon="Delete" @click="onBatchDel">批量删除</el-button>
|
<el-button type="danger" icon="Delete" @click="onBatchDel">批量删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- <template #operationDate-search>
|
<template #license-form="{ row, column, value }">
|
||||||
<el-date-picker v-model="timeVal" type="daterange" style="width: 230px" start-placeholder="开始" end-placeholder="结束" />
|
<uploadImg :img-url="licenseImg" name="license" @file-change="fileChange"></uploadImg>
|
||||||
</template> -->
|
</template>
|
||||||
|
<template #permit-form="{ row, column, value }">
|
||||||
|
<uploadImg :img-url="permitImg" name="permit" @file-change="fileChange"></uploadImg>
|
||||||
|
</template>
|
||||||
|
|
||||||
<template #menu="scope">
|
<template #menu="scope">
|
||||||
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
||||||
@ -34,7 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive, ref } from 'vue';
|
import { reactive, ref, h } from 'vue';
|
||||||
import { useApp } from '@/hooks';
|
import { useApp } from '@/hooks';
|
||||||
import { CRUD_OPTIONS } from '@/config';
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
import { isEmpty, downloadFile } from '@/utils';
|
import { isEmpty, downloadFile } from '@/utils';
|
||||||
@ -48,6 +51,7 @@ import {
|
|||||||
getAddrCropByLand,
|
getAddrCropByLand,
|
||||||
importOperationRecord,
|
importOperationRecord,
|
||||||
} from '@/apis/land';
|
} from '@/apis/land';
|
||||||
|
import uploadImg from '../components/uploadImg.vue';
|
||||||
|
|
||||||
const { VITE_APP_BASE_API } = import.meta.env;
|
const { VITE_APP_BASE_API } = import.meta.env;
|
||||||
const app = useApp();
|
const app = useApp();
|
||||||
@ -70,12 +74,20 @@ const handleLandChange = async (value, form, done) => {
|
|||||||
state.form.address = val?.county + val?.town + val?.village || value.item?.address;
|
state.form.address = val?.county + val?.town + val?.village || value.item?.address;
|
||||||
};
|
};
|
||||||
|
|
||||||
const jobTypeOptions = reactive([
|
const productTypeOptions = reactive([
|
||||||
{ label: '蔬菜', value: '0' },
|
{ label: '蔬菜', value: '0' },
|
||||||
{ label: '水果', value: '1' },
|
{ label: '水果', value: '1' },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
const bTypeOptions = reactive([
|
||||||
|
{ label: '养殖', value: '0' },
|
||||||
|
{ label: '种植', value: '1' },
|
||||||
|
{ label: '畜牧业', value: '1' },
|
||||||
|
]);
|
||||||
|
|
||||||
let timeVal = ref([]);
|
let timeVal = ref([]);
|
||||||
|
const licenseImg = ref('');
|
||||||
|
const permitImg = ref('');
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
loading: false,
|
loading: false,
|
||||||
@ -109,6 +121,8 @@ const state = reactive({
|
|||||||
label: '主体名称',
|
label: '主体名称',
|
||||||
prop: 'executor',
|
prop: 'executor',
|
||||||
search: true,
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -121,6 +135,8 @@ const state = reactive({
|
|||||||
type: 'select',
|
type: 'select',
|
||||||
remote: false,
|
remote: false,
|
||||||
search: true,
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
props: {
|
props: {
|
||||||
label: 'landName',
|
label: 'landName',
|
||||||
value: 'id',
|
value: 'id',
|
||||||
@ -143,6 +159,8 @@ const state = reactive({
|
|||||||
label: '主要经营产品',
|
label: '主要经营产品',
|
||||||
showOverflowTooltip: true,
|
showOverflowTooltip: true,
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -153,6 +171,8 @@ const state = reactive({
|
|||||||
label: '合作社规模',
|
label: '合作社规模',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -163,6 +183,8 @@ const state = reactive({
|
|||||||
label: '合作社地址',
|
label: '合作社地址',
|
||||||
prop: 'villageCode',
|
prop: 'villageCode',
|
||||||
type: 'cascader',
|
type: 'cascader',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
checkStrictly: false,
|
checkStrictly: false,
|
||||||
search: false,
|
search: false,
|
||||||
props: {
|
props: {
|
||||||
@ -187,6 +209,8 @@ const state = reactive({
|
|||||||
label: '负责人',
|
label: '负责人',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -197,6 +221,8 @@ const state = reactive({
|
|||||||
label: '负责人电话',
|
label: '负责人电话',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -207,6 +233,8 @@ const state = reactive({
|
|||||||
label: '企业信用代码',
|
label: '企业信用代码',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -217,6 +245,8 @@ const state = reactive({
|
|||||||
label: '经营许可证',
|
label: '经营许可证',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -227,6 +257,8 @@ const state = reactive({
|
|||||||
label: '经营有效期',
|
label: '经营有效期',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -258,6 +290,127 @@ const state = reactive({
|
|||||||
},
|
},
|
||||||
{ label: '创建时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
|
{ label: '创建时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
|
||||||
],
|
],
|
||||||
|
group: [
|
||||||
|
{
|
||||||
|
label: '基本信息>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '主体名称',
|
||||||
|
prop: 'taskCode',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社类型',
|
||||||
|
prop: 'bType',
|
||||||
|
type: 'select',
|
||||||
|
dicData: bTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
type: 'select',
|
||||||
|
dicData: productTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主要产品',
|
||||||
|
prop: 'product',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社规模',
|
||||||
|
prop: 'inspectionType',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人电话',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社地址',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
type: 'select',
|
||||||
|
props: {
|
||||||
|
label: 'areaName',
|
||||||
|
value: 'areaCode',
|
||||||
|
children: 'areaChildVOS',
|
||||||
|
},
|
||||||
|
dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
|
||||||
|
dicHeaders: {
|
||||||
|
authorization: UserStore.token,
|
||||||
|
},
|
||||||
|
dicFormatter: (res) => res.data ?? [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '详细地址',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '统一社会信用代码',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照',
|
||||||
|
prop: 'license',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营项目',
|
||||||
|
prop: 'inspectionSituation',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '经营许可证编号',
|
||||||
|
prop: 'operationType',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证',
|
||||||
|
prop: 'permit',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
searchColumn: [
|
searchColumn: [
|
||||||
{ label: '主体代码', prop: 'landName', search: true },
|
{ label: '主体代码', prop: 'landName', search: true },
|
||||||
{ label: '主体名称', prop: 'crop', search: true },
|
{ label: '主体名称', prop: 'crop', search: true },
|
||||||
@ -266,7 +419,7 @@ const state = reactive({
|
|||||||
prop: 'operationType',
|
prop: 'operationType',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
dicData: jobTypeOptions,
|
dicData: productTypeOptions,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '创建日期',
|
label: '创建日期',
|
||||||
@ -463,4 +616,8 @@ const onBatchDel = () => {
|
|||||||
return app.$message.error('请先选择要删除的数据');
|
return app.$message.error('请先选择要删除的数据');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const fileChange = (name, list) => {
|
||||||
|
console.info('父组件', list);
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -0,0 +1,84 @@
|
|||||||
|
<template>
|
||||||
|
<el-upload
|
||||||
|
ref="upload"
|
||||||
|
class="single-img-uploader"
|
||||||
|
action=""
|
||||||
|
list-type="picture-card"
|
||||||
|
:show-file-list="false"
|
||||||
|
:auto-upload="false"
|
||||||
|
:on-change="imgSuccess"
|
||||||
|
>
|
||||||
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
|
||||||
|
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||||
|
</el-upload>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { reactive, ref, watch } from 'vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
imgUrl: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
//唯一标识
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const imageUrl = ref('');
|
||||||
|
const upload = ref(null);
|
||||||
|
watch(
|
||||||
|
() => props.imgUrl,
|
||||||
|
(val) => {
|
||||||
|
imageUrl.value = val.imgUrl;
|
||||||
|
},
|
||||||
|
{ deep: true, immediate: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
const emit = defineEmits(['fileChange']);
|
||||||
|
|
||||||
|
const imgSuccess = (file, List) => {
|
||||||
|
console.info('imgSuccess:', file, List);
|
||||||
|
imageUrl.value = List[0].url || '';
|
||||||
|
emit('fileChange', props.name, List[0].raw);
|
||||||
|
};
|
||||||
|
|
||||||
|
const fileRemove = (file, List) => {
|
||||||
|
console.info('删除:', file, List);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.single-img-uploader .el-upload {
|
||||||
|
border: 1px dashed var(--el-border-color);
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: var(--el-transition-duration-fast);
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep .el-upload--picture-card,
|
||||||
|
.single-img-uploade {
|
||||||
|
width: 160px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-img-uploader img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-img-uploader .el-upload:hover {
|
||||||
|
border-color: var(--el-color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-icon.avatar-uploader-icon {
|
||||||
|
font-size: 28px;
|
||||||
|
color: #8c939d;
|
||||||
|
width: 120px;
|
||||||
|
height: 90px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,663 @@
|
|||||||
|
<template>
|
||||||
|
<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="Upload" @click="onImport">导入</el-button> -->
|
||||||
|
<el-button type="danger" icon="Delete" @click="onBatchDel">批量删除</el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #license-form="{ row, column, value }">
|
||||||
|
<uploadImg :img-url="licenseImg" name="license" @file-change="fileChange"></uploadImg>
|
||||||
|
</template>
|
||||||
|
<template #permit-form="{ row, column, value }">
|
||||||
|
<uploadImg :img-url="permitImg" name="permit" @file-change="fileChange"></uploadImg>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #menu="scope">
|
||||||
|
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
||||||
|
</template>
|
||||||
|
</avue-crud>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { reactive, ref, h } from 'vue';
|
||||||
|
import { useApp } from '@/hooks';
|
||||||
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
|
import { isEmpty, downloadFile } from '@/utils';
|
||||||
|
import { useUserStore } from '@/store/modules/user';
|
||||||
|
import {
|
||||||
|
getOperationRecord,
|
||||||
|
saveOperationRecord,
|
||||||
|
editOperationRecord,
|
||||||
|
delOperationRecord,
|
||||||
|
exportOperationRecord,
|
||||||
|
getAddrCropByLand,
|
||||||
|
importOperationRecord,
|
||||||
|
} from '@/apis/land';
|
||||||
|
import uploadImg from '../components/uploadImg.vue';
|
||||||
|
import { CommonUpload } from '@/apis';
|
||||||
|
|
||||||
|
const { VITE_APP_BASE_API } = import.meta.env;
|
||||||
|
const app = useApp();
|
||||||
|
const UserStore = useUserStore();
|
||||||
|
const crudRef = ref(null);
|
||||||
|
const handleLandChange = async (value, form, done) => {
|
||||||
|
if (!value || !value.item || !value.item.id) return; // 如果没有选择任何地块,则直接返回
|
||||||
|
let val = {};
|
||||||
|
getAddrCropByLand(value.item?.id || '')
|
||||||
|
.then((res) => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
val = res.data || {};
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
val = {};
|
||||||
|
})
|
||||||
|
.finally(() => {});
|
||||||
|
state.form.crop = val?.crop || value.item?.crop;
|
||||||
|
state.form.address = val?.county + val?.town + val?.village || value.item?.address;
|
||||||
|
};
|
||||||
|
|
||||||
|
const productTypeOptions = reactive([
|
||||||
|
{ label: '蔬菜', value: '0' },
|
||||||
|
{ label: '水果', value: '1' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const bTypeOptions = reactive([
|
||||||
|
{ label: '养殖', value: '0' },
|
||||||
|
{ label: '种植', value: '1' },
|
||||||
|
{ label: '畜牧业', value: '1' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
let timeVal = ref([]);
|
||||||
|
const licenseImg = ref('');
|
||||||
|
const permitImg = ref('');
|
||||||
|
let imglist = ref({
|
||||||
|
license: {},
|
||||||
|
permit: {},
|
||||||
|
licenseUrl: '',
|
||||||
|
permitUrl: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
loading: false,
|
||||||
|
query: {
|
||||||
|
current: 1,
|
||||||
|
size: 10,
|
||||||
|
},
|
||||||
|
form: {},
|
||||||
|
selection: [],
|
||||||
|
options: {
|
||||||
|
...CRUD_OPTIONS,
|
||||||
|
addBtnText: '添加',
|
||||||
|
searchLabelWidth: '120px',
|
||||||
|
searchSpan: 8,
|
||||||
|
searchGutter: 100,
|
||||||
|
searchMenuPosition: 'center',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '主体代码',
|
||||||
|
prop: 'executor',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
search: true,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体名称',
|
||||||
|
prop: 'executor',
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
prop: 'landId',
|
||||||
|
type: 'select',
|
||||||
|
remote: false,
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
props: {
|
||||||
|
label: 'landName',
|
||||||
|
value: 'id',
|
||||||
|
},
|
||||||
|
dicHeaders: {
|
||||||
|
authorization: UserStore.token,
|
||||||
|
},
|
||||||
|
dicUrl: `${VITE_APP_BASE_API}/land-resource/landManage/page?current=1&size=9999&draftsSaveType=0&landName=&gridName=&owner=`,
|
||||||
|
dicFormatter: (res) => res.data.records ?? [],
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择地块',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
change: handleLandChange,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主要经营产品',
|
||||||
|
showOverflowTooltip: true,
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '企业规模',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '公司地址',
|
||||||
|
prop: 'villageCode',
|
||||||
|
type: 'cascader',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
checkStrictly: false,
|
||||||
|
search: false,
|
||||||
|
props: {
|
||||||
|
label: 'areaName',
|
||||||
|
value: 'areaCode',
|
||||||
|
children: 'areaChildVOS',
|
||||||
|
},
|
||||||
|
dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
|
||||||
|
dicHeaders: {
|
||||||
|
authorization: UserStore.token,
|
||||||
|
},
|
||||||
|
dicFormatter: (res) => res.data ?? [],
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人电话',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '企业信用代码',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营有效期',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核状态',
|
||||||
|
prop: 'crop',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
search: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核意见',
|
||||||
|
prop: 'crop',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ label: '创建时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
|
||||||
|
],
|
||||||
|
group: [
|
||||||
|
{
|
||||||
|
label: '基本信息>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '主体名称',
|
||||||
|
prop: 'taskCode',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社类型',
|
||||||
|
prop: 'bType',
|
||||||
|
type: 'select',
|
||||||
|
dicData: bTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
type: 'select',
|
||||||
|
dicData: productTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主要产品',
|
||||||
|
prop: 'product',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社规模',
|
||||||
|
prop: 'inspectionType',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人电话',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社地址',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
type: 'select',
|
||||||
|
props: {
|
||||||
|
label: 'areaName',
|
||||||
|
value: 'areaCode',
|
||||||
|
children: 'areaChildVOS',
|
||||||
|
},
|
||||||
|
dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
|
||||||
|
dicHeaders: {
|
||||||
|
authorization: UserStore.token,
|
||||||
|
},
|
||||||
|
dicFormatter: (res) => res.data ?? [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '详细地址',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '统一社会信用代码',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照',
|
||||||
|
prop: 'license',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营项目',
|
||||||
|
prop: 'inspectionSituation',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '经营许可证编号',
|
||||||
|
prop: 'operationType',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证',
|
||||||
|
prop: 'permit',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
searchColumn: [
|
||||||
|
{ label: '主体代码', prop: 'landName', search: true },
|
||||||
|
{ label: '主体名称', prop: 'crop', search: true },
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
prop: 'operationType',
|
||||||
|
type: 'select',
|
||||||
|
search: true,
|
||||||
|
dicData: productTypeOptions,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '创建日期',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'daterange',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
search: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
actions: [
|
||||||
|
{
|
||||||
|
name: '详情',
|
||||||
|
icon: 'View',
|
||||||
|
event: ({ row }) => doDetail(row),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '编辑',
|
||||||
|
icon: 'edit',
|
||||||
|
event: ({ row }) => rowEdit(row),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'danger',
|
||||||
|
name: '删除',
|
||||||
|
icon: 'delete',
|
||||||
|
event: ({ row }) => rowDel(row),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
pageData: {
|
||||||
|
total: 0,
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
data: [],
|
||||||
|
currentRow: {},
|
||||||
|
});
|
||||||
|
|
||||||
|
// 加载
|
||||||
|
const loadData = () => {
|
||||||
|
// state.loading = true;
|
||||||
|
// getOperationRecord(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;
|
||||||
|
// });
|
||||||
|
};
|
||||||
|
|
||||||
|
loadData();
|
||||||
|
|
||||||
|
// 页数
|
||||||
|
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 handleIds = () => {
|
||||||
|
let datalist = state.selection.map((m) => {
|
||||||
|
return { landId: m.landId, landName: m.landName };
|
||||||
|
});
|
||||||
|
|
||||||
|
let selectIdlist = uniqueObjects(datalist, 'landId');
|
||||||
|
let selectIdsVal = selectIdlist.map((n) => {
|
||||||
|
return n.landId;
|
||||||
|
});
|
||||||
|
|
||||||
|
return selectIdsVal.toString() || '';
|
||||||
|
};
|
||||||
|
|
||||||
|
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;
|
||||||
|
}, []);
|
||||||
|
}
|
||||||
|
// 新增
|
||||||
|
const rowSave = (row, done, loading) => {
|
||||||
|
// console.info('新增', row);
|
||||||
|
saveOperationRecord(row)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
app.$message.success('添加成功!');
|
||||||
|
done();
|
||||||
|
loadData();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
app.$message.error(err.msg);
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
loading();
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 编辑
|
||||||
|
const rowEdit = (row) => {
|
||||||
|
console.info('编辑', row);
|
||||||
|
crudRef.value.rowEdit(row);
|
||||||
|
};
|
||||||
|
|
||||||
|
const doDetail = (row) => {
|
||||||
|
crudRef.value.rowView(row);
|
||||||
|
};
|
||||||
|
const rowUpdate = (row, index, done, loading) => {
|
||||||
|
console.info('更新');
|
||||||
|
uploadImgs(() => {
|
||||||
|
// editOperationRecord(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: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
console.info('删除', row.recordId);
|
||||||
|
delOperationRecord(row.recordId || '')
|
||||||
|
.then((res) => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
app.$message.success('删除成功!');
|
||||||
|
loadData();
|
||||||
|
done();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
app.$message.error(err.msg);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onBatchDel = () => {
|
||||||
|
let ids = handleIds();
|
||||||
|
if (!ids.length || ids.length <= 0) {
|
||||||
|
return app.$message.error('请先选择要删除的数据');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const fileChange = (name, file) => {
|
||||||
|
console.info('父组件', file);
|
||||||
|
if (name && name == 'license') {
|
||||||
|
imglist.value.license = file;
|
||||||
|
}
|
||||||
|
if (name && name == 'permit') {
|
||||||
|
imglist.value.permit = file;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const uploadImgs = (callback) => {
|
||||||
|
uploadSingle('license', imglist.value.license, (url) => {
|
||||||
|
imglist.value.licenseUrl = url;
|
||||||
|
});
|
||||||
|
uploadSingle('permit', imglist.value.permit, (url) => {
|
||||||
|
imglist.value.permitUrl = url;
|
||||||
|
});
|
||||||
|
if (callback) {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 上传图片
|
||||||
|
const uploadSingle = async (file, callbak) => {
|
||||||
|
if (isEmpty(file.name)) return;
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('file', file);
|
||||||
|
const res = await CommonUpload(formData);
|
||||||
|
if (res.code === 200) {
|
||||||
|
let url = res.data.url;
|
||||||
|
if (callbak) {
|
||||||
|
callbak(url);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
@ -0,0 +1,575 @@
|
|||||||
|
<template>
|
||||||
|
<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="success" icon="download" @click="onExport">导出</el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #menu="scope">
|
||||||
|
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
||||||
|
</template>
|
||||||
|
</avue-crud>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { reactive, ref } from 'vue';
|
||||||
|
import { useApp } from '@/hooks';
|
||||||
|
import { CRUD_OPTIONS } from '@/config';
|
||||||
|
import { isEmpty, downloadFile } from '@/utils';
|
||||||
|
import { useUserStore } from '@/store/modules/user';
|
||||||
|
import {
|
||||||
|
getOperationRecord,
|
||||||
|
saveOperationRecord,
|
||||||
|
editOperationRecord,
|
||||||
|
delOperationRecord,
|
||||||
|
exportOperationRecord,
|
||||||
|
getAddrCropByLand,
|
||||||
|
importOperationRecord,
|
||||||
|
} from '@/apis/land';
|
||||||
|
|
||||||
|
const { VITE_APP_BASE_API } = import.meta.env;
|
||||||
|
const app = useApp();
|
||||||
|
const UserStore = useUserStore();
|
||||||
|
const crudRef = ref(null);
|
||||||
|
|
||||||
|
const jobTypeOptions = reactive([
|
||||||
|
{ label: '蔬菜', value: '0' },
|
||||||
|
{ label: '水果', value: '1' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const bTypeOptions = reactive([
|
||||||
|
{ label: '个体', value: '0' },
|
||||||
|
{ label: '村集体', value: '1' },
|
||||||
|
{ label: '合作社', value: '2' },
|
||||||
|
{ label: '企业', value: '3' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const auditStatusOptions = reactive([
|
||||||
|
{ label: '待审核', value: '0' },
|
||||||
|
{ label: '已通过', value: '1' },
|
||||||
|
{ label: '已拒绝', value: '2' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const productTypeOptions = reactive([
|
||||||
|
{ label: '蔬菜', value: '0' },
|
||||||
|
{ label: '水果', value: '1' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
let bTypeVal = ref('0');
|
||||||
|
const baseColumn = reactive([]);
|
||||||
|
const individualBase = [
|
||||||
|
{ label: '身份证号', prop: 'crop' },
|
||||||
|
{ label: '联系电话', prop: 'crop' },
|
||||||
|
{ label: '联系地址', prop: 'crop' },
|
||||||
|
];
|
||||||
|
|
||||||
|
const collectiveBase = [
|
||||||
|
{ label: '负责人', prop: 'crop' },
|
||||||
|
{ label: '负责人电话', prop: 'crop' },
|
||||||
|
{ label: '联系地址', prop: 'crop' },
|
||||||
|
];
|
||||||
|
|
||||||
|
const enterpriseBase = [
|
||||||
|
{ label: '企业规模', prop: 'crop' },
|
||||||
|
{ label: '负责人', prop: 'crop' },
|
||||||
|
{ label: '负责人电话', prop: 'crop' },
|
||||||
|
{ label: '公司地址', prop: 'crop' },
|
||||||
|
];
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
loading: false,
|
||||||
|
query: {
|
||||||
|
current: 1,
|
||||||
|
size: 10,
|
||||||
|
},
|
||||||
|
form: {},
|
||||||
|
selection: [],
|
||||||
|
options: {
|
||||||
|
...CRUD_OPTIONS,
|
||||||
|
addBtnText: '添加',
|
||||||
|
addBtn: false,
|
||||||
|
searchLabelWidth: '120px',
|
||||||
|
searchSpan: 8,
|
||||||
|
searchGutter: 100,
|
||||||
|
searchMenuPosition: 'center',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '主体代码',
|
||||||
|
prop: 'executor',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
search: true,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体名称',
|
||||||
|
prop: 'executor',
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体类型',
|
||||||
|
prop: 'BType',
|
||||||
|
type: 'select',
|
||||||
|
remote: false,
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
props: {
|
||||||
|
label: 'landName',
|
||||||
|
value: 'id',
|
||||||
|
},
|
||||||
|
dicData: bTypeOptions,
|
||||||
|
// dicHeaders: {
|
||||||
|
// authorization: UserStore.token,
|
||||||
|
// },
|
||||||
|
// dicUrl: `${VITE_APP_BASE_API}/land-resource/landManage/page?current=1&size=9999&draftsSaveType=0&landName=&gridName=&owner=`,
|
||||||
|
// dicFormatter: (res) => res.data.records ?? [],
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择主体类型',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证有效期',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
showOverflowTooltip: true,
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主要产品',
|
||||||
|
prop: 'crop',
|
||||||
|
search: false,
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
rules: {
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核状态',
|
||||||
|
prop: 'crop',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
search: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核意见',
|
||||||
|
prop: 'crop',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
},
|
||||||
|
{ label: '审核时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
|
||||||
|
{ label: '创建时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
|
||||||
|
],
|
||||||
|
searchColumn: [
|
||||||
|
{ label: '主体代码', prop: 'landName', search: true },
|
||||||
|
{ label: '主体名称', prop: 'crop', search: true },
|
||||||
|
{
|
||||||
|
label: '审核状态',
|
||||||
|
prop: 'auditStatus',
|
||||||
|
type: 'select',
|
||||||
|
search: true,
|
||||||
|
dicData: auditStatusOptions,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体类型',
|
||||||
|
prop: 'operationType',
|
||||||
|
type: 'select',
|
||||||
|
search: true,
|
||||||
|
dicData: bTypeOptions,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '创建日期',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'daterange',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
search: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
group: [
|
||||||
|
{
|
||||||
|
label: '基本信息>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '主体代码',
|
||||||
|
prop: 'taskCode',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体名称',
|
||||||
|
prop: 'taskCode',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主体类型',
|
||||||
|
prop: 'bType',
|
||||||
|
type: 'select',
|
||||||
|
dicData: bTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营产品种类',
|
||||||
|
type: 'select',
|
||||||
|
dicData: productTypeOptions,
|
||||||
|
rules: { required: true, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '主要产品',
|
||||||
|
prop: 'product',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '合作社规模',
|
||||||
|
prop: 'inspectionType',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负责人电话',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '联系地址',
|
||||||
|
prop: 'inspectionTarget',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
type: 'select',
|
||||||
|
props: {
|
||||||
|
label: 'areaName',
|
||||||
|
value: 'areaCode',
|
||||||
|
children: 'areaChildVOS',
|
||||||
|
},
|
||||||
|
dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
|
||||||
|
dicHeaders: {
|
||||||
|
authorization: UserStore.token,
|
||||||
|
},
|
||||||
|
dicFormatter: (res) => res.data ?? [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '详细地址',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '统一社会信用代码',
|
||||||
|
prop: 'notes',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '营业执照',
|
||||||
|
prop: 'license',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营项目',
|
||||||
|
prop: 'inspectionSituation',
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '经营许可证编号',
|
||||||
|
prop: 'operationType',
|
||||||
|
rules: { required: false, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '经营许可证',
|
||||||
|
prop: 'permit',
|
||||||
|
rules: { required: false, message: '请选择', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期至',
|
||||||
|
prop: 'operationDate',
|
||||||
|
type: 'date',
|
||||||
|
format: 'YYYY-MM-DD',
|
||||||
|
valueFormat: 'YYYY-MM-DD',
|
||||||
|
width: 200,
|
||||||
|
rules: { required: true, message: '请输入', trigger: 'blur' },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核操作>',
|
||||||
|
prop: 'caseInfo',
|
||||||
|
column: [
|
||||||
|
{
|
||||||
|
label: '是否通过',
|
||||||
|
prop: 'isIllegal',
|
||||||
|
span: 24,
|
||||||
|
display: true,
|
||||||
|
type: 'radio',
|
||||||
|
editDisplay: true,
|
||||||
|
addDisplay: false,
|
||||||
|
dicData: [
|
||||||
|
{
|
||||||
|
label: '是',
|
||||||
|
value: '1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '否',
|
||||||
|
value: '0',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '审核意见',
|
||||||
|
prop: 'note',
|
||||||
|
type: 'textarea',
|
||||||
|
span: 24,
|
||||||
|
minRows: 3, // 设置最小行数
|
||||||
|
maxRows: 5, // 设置最大行数
|
||||||
|
overHidden: true,
|
||||||
|
width: 200,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
actions: [
|
||||||
|
{
|
||||||
|
name: '审核',
|
||||||
|
icon: 'Stamp',
|
||||||
|
event: ({ row }) => doExam(row),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
pageData: {
|
||||||
|
total: 0,
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
data: [],
|
||||||
|
currentRow: {},
|
||||||
|
});
|
||||||
|
|
||||||
|
// 加载
|
||||||
|
const loadData = () => {
|
||||||
|
state.loading = true;
|
||||||
|
getOperationRecord(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;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
loadData();
|
||||||
|
|
||||||
|
// 页数
|
||||||
|
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 handleIds = () => {
|
||||||
|
let datalist = state.selection.map((m) => {
|
||||||
|
return { landId: m.landId, landName: m.landName };
|
||||||
|
});
|
||||||
|
|
||||||
|
let selectIdlist = uniqueObjects(datalist, 'landId');
|
||||||
|
let selectIdsVal = selectIdlist.map((n) => {
|
||||||
|
return n.landId;
|
||||||
|
});
|
||||||
|
|
||||||
|
return selectIdsVal.toString() || '';
|
||||||
|
};
|
||||||
|
|
||||||
|
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;
|
||||||
|
}, []);
|
||||||
|
}
|
||||||
|
// 新增
|
||||||
|
const rowSave = (row, done, loading) => {
|
||||||
|
// console.info('新增', row);
|
||||||
|
saveOperationRecord(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: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
console.info('删除', row.recordId);
|
||||||
|
delOperationRecord(row.recordId || '')
|
||||||
|
.then((res) => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
app.$message.success('删除成功!');
|
||||||
|
loadData();
|
||||||
|
done();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
app.$message.error(err.msg);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
};
|
||||||
|
|
||||||
|
const onBatchDel = () => {
|
||||||
|
let ids = handleIds();
|
||||||
|
if (!ids.length || ids.length <= 0) {
|
||||||
|
return app.$message.error('请先选择要删除的数据');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const onExport = () => {
|
||||||
|
// if (isEmpty(state.data)) {
|
||||||
|
// app.$message.error('当前暂时没有可供导出的数据!');
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// state.loading = true;
|
||||||
|
// const fileName = '网格明细表';
|
||||||
|
// ExportEntity(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) => {
|
||||||
|
crudRef.value && crudRef.value.rowEdit(row);
|
||||||
|
};
|
||||||
|
</script>
|
@ -0,0 +1,5 @@
|
|||||||
|
<template>
|
||||||
|
<div></div>
|
||||||
|
</template>
|
||||||
|
<script setup></script>
|
||||||
|
<style></style>
|
@ -194,7 +194,7 @@ const state = reactive({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '户主身份证号',
|
label: '联系电话',
|
||||||
prop: 'crop',
|
prop: 'crop',
|
||||||
search: false,
|
search: false,
|
||||||
rules: {
|
rules: {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user