fix
This commit is contained in:
parent
c525285857
commit
e63bc59461
1753
package-lock.json
generated
1753
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,407 +0,0 @@
|
|||||||
<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>
|
|
||||||
-
|
|
||||||
<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>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user