Skip to content

广
广东建设用地-前端
提交 01768516 authored 作者: jinrongbin's avatar jinrongbin
浏览文件
操作

管控、修复、管控及修复填报中增加暂不开发利用填报功能

上级 aeae55de
隐藏空白字符变更
内嵌 并排
正在显示 包含 245 行增加 和 2 行删除
src/components/customComponent/LsqkModal.vue 0 → 100644
浏览文件 @ 01768516
<template>
<BasicModal v-bind="$attrs" @register="registerModal" title="风险管控措施落实情况" @ok="handleSubmit" width="40%" :minHeight="360">
<BasicForm
@register="registerForm"
v-if="isUpdate"
/>
<div v-show="auditlistData.length > 0" >
<label style="margin-bottom: 10px; display: block">风险管控措施落实情况历史</label>
<div class="hiistory">
<div class="historyListBox" v-for="(item, index) in auditlistData" :key="index + 'shls'">
<!-- 在这里添加审核历史的展示内容 -->
<div class="list">
<div class="name">填报时间</div>
<div class="value">{{ item.createTime }}</div>
</div>
<div class="list">
<div class="name">风险管控措施落实年份</div>
<div class="value">{{ item.lsnf }}</div>
</div>
<div class="list">
<div class="name">备注</div>
<div class="value">{{ item.bz }}</div>
</div>
<div class="list">
<div class="name">风险管控措施落实材料</div>
<div class="value"><a-button type="primary" v-if="item.lscl" @click="downFile(item.lscl)">下载</a-button> </div>
</div>
</div>
</div>
</div>
<div class="empty" style="text-align: center; line-height:200px;font-size:40px;" v-if="auditlistData.length == 0">
暂无数据
</div>
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, computed, unref } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { BasicColumn, FormSchema } from '/@/components/Table';
import { downloadFile, getZbkfly, addZbkfly } from '/@/api/common/api';
import { useMessage } from '/@/hooks/web/useMessage';
const { createMessage } = useMessage();
// Emits声明
const emit = defineEmits(['register', 'success']);
const isUpdate = ref(true);
const lsqkformSchema: FormSchema[] = [
// TODO 主键隐藏字段，目前写死为ID
{ label: '', field: 'id', component: 'Input', show: false },
{ label: '', field: 'wrdkbm', component: 'Input', show: false },
{ label: '', field: 'zbkflydk', component: 'Input', show: false },
{
label: '风险管控措施落实年份',
field: 'lsnf',
component: 'DatePicker',
componentProps: {
picker: 'year',
style: { width: '100%' },
format:'YYYY',
valueFormat:'YYYY',
},
required: true,
},
{
label: '风险管控措施落实材料',
field: 'lscl',
component: 'JUpload',
required: true,
componentProps: {
showUploadList: false,
fileName: '风险管控措施落实材料',
accept: '.pdf,.zip',
beforeUpload: (file) => {
let isshow = false;
const isFile = file.name.split('.')[file.name.split('.').length - 1];
console.log(file, 'file');
if (isFile == 'pdf' || isFile == 'zip' || isFile == 'PDF') {
isshow = true;
} else {
createMessage.error('只能上传.pdf/.zip格式的文件');
isshow = false;
}
return isshow;
},
},
},
{
label: '备注',
field: 'bz',
component: 'InputTextArea',
required: true,
componentProps: {
allowClear: true,
placeholder: '说明风险管控措施实施的时间、管控措施、主要成效等内容',
autoSize: {
//最小显示行数
minRows: 4,
},
},
},
];
//表单配置
const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
labelWidth: 150,
schemas: lsqkformSchema,
showActionButtonGroup: false,
});
//表单赋值
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
//重置表单
await resetFields();
setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
isUpdate.value = !!data?.isUpdate;
//表单赋值
await setFieldsValue({
...data.record,
});
// }
getAuditlist(data.record.wrdkbm);
});
const auditlistData = ref([]);
const getAuditlist = (wrdkbm) => {
getZbkfly({ wrdkbm: wrdkbm }).then((res) => {
auditlistData.value = res;
});
};
const downFile = (text) => {
downloadFile('/sys/common/static' + text, text.split('/')[text.split('/').length - 1]);
};
//表单提交事件
async function handleSubmit(v) {
if (!isUpdate.value) {
emit('success', { isUpdate: isUpdate.value });
closeModal();
return;
}
try {
let values = await validate();
setModalProps({ confirmLoading: true });
//提交表单
await addZbkfly(values);
//关闭弹窗
closeModal();
//刷新列表
emit('success', { isUpdate: isUpdate.value, values });
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
<style lang="less" scoped>
.hiistory {
max-height: 400px;
overflow-y: scroll;
}
.historyListBox {
.list {
display: flex;
align-items: center;
border: 1px solid #999999;
.name {
width: 180px;
font-weight: bolder;
text-align: center;
line-height: 32px;
border-right: 1px solid #999999;
}
.value {
flex: 1;
padding-left: 10px;
}
}
.list:first-child {
background-color: #c7c2c2;
}
}
</style>
src/views/dkgl/fxgk/Filling.vue
浏览文件 @ 01768516
......@@ -32,8 +32,12 @@
<template #tableTitle>
<a-button type="primary" @click="skip" v-auth="'fxgk-tbz-fa'">查看方案列表</a-button>
<a-button type="primary" @click="onExportXls" v-auth="'fxgk-tbz-dc'">导出</a-button>
<a-button type="primary" @click="handleLsqk" v-auth="'fxgk-tbz-lsqk'">风险管控措施落实情况（暂不开发利用地块）</a-button>
</template>
</BasicTable>
<!-- 落实情况填报 -->
<LsqkModal @register="registerModal" />
</div>
</template>
......@@ -44,6 +48,8 @@
import { useMessage } from '/@/hooks/web/useMessage';
import { columns, searchFormSchema, useSuspectsData, useCategoryData } from './data';
import { fillingList, getImportUrl, getExportUrl } from './api';
import LsqkModal from '@/components/customComponent/LsqkModal.vue'
import { useModal } from '/@/components/Modal';
//注册table数据
const { tableContext, onExportXls } = useListPage({
......@@ -88,7 +94,7 @@
const useCategory = useCategoryData();
const treeData = useCategory.data; // 行业类别-数据
const changeSuspect = useCategory.changeIsSuspect; // 行业类别-方法
const [registerTable, {}, { rowSelection, selectedRowKeys }] = tableContext;
const [registerTable, {}, { rowSelection, selectedRowKeys, selectedRows }] = tableContext;
let router = useRouter();
const { createMessage } = useMessage();
// 点击基本信息跳转
......@@ -99,5 +105,19 @@
}
router.push(`/dkgl/fxgk/DetailList?wrdkid=${selectedRowKeys.value[0]}&type=填报&jdnzt=T1`);
}
//注册model
const [registerModal, { openModal }] = useModal();
function handleLsqk() {
if (selectedRowKeys.value.length == 0) {
createMessage.info('请选择需要处理的内容，每次只能选中一条');
return;
}
openModal(true, {
isUpdate: true,
showFooter: true,
record: selectedRows.value[0]
});
}
</script>
<style scoped></style>
src/views/dkgl/repair/Filling.vue
浏览文件 @ 01768516
......@@ -32,8 +32,12 @@
<template #tableTitle>
<a-button type="primary" v-auth="'repair-tbz-fa'" @click="handleAdd">查看方案列表</a-button>
<a-button type="primary" @click="onExportXls" v-auth="'repair-tbz-dc'">导出</a-button>
<a-button type="primary" @click="handleLsqk" v-auth="'xf-tbz-lsqk'">风险管控措施落实情况（暂不开发利用地块）</a-button>
</template>
</BasicTable>
<!-- 落实情况填报 -->
<LsqkModal @register="registerModal" />
</div>
</template>
......@@ -45,6 +49,8 @@
import { fillingList, getImportUrl, getExportUrl } from './api';
import { useRouter } from 'vue-router';
import { useMessage } from '/@/hooks/web/useMessage';
import LsqkModal from '@/components/customComponent/LsqkModal.vue'
import { useModal } from '/@/components/Modal';
const { createMessage } = useMessage();
let router = useRouter();
......@@ -92,7 +98,7 @@
const useCategory = useCategoryData();
const treeData = useCategory.data; // 行业类别-数据
const changeSuspect = useCategory.changeIsSuspect; // 行业类别-方法
const [registerTable, {}, { rowSelection, selectedRowKeys }] = tableContext;
const [registerTable, {}, { rowSelection, selectedRowKeys, selectedRows }] = tableContext;
/**
* 新增事件
*/
......@@ -103,5 +109,20 @@
createMessage.info('请选择需要查看的内容，每次只能选中一条');
}
}
//注册model
const [registerModal, { openModal }] = useModal();
function handleLsqk() {
if (selectedRowKeys.value.length == 0) {
createMessage.info('请选择需要处理的内容，每次只能选中一条');
return;
}
openModal(true, {
isUpdate: true,
showFooter: true,
record: selectedRows.value
});
}
</script>
<style scoped></style>
src/views/dkgl/xfpg/Filling.vue
浏览文件 @ 01768516
......@@ -33,8 +33,12 @@
<!-- <a-button type="primary" @click="skip" v-auth="'xfpg-tbz-fa'">查看报告列表</a-button> -->
<a-button type="primary" @click="skip" v-auth="'xfpg-tbz-fa'">查看报告列表</a-button>
<a-button type="primary" @click="onExportXls" v-auth="'xfpg-tbz-dc'">导出</a-button>
<a-button type="primary" @click="handleLsqk" v-auth="'gkjxf-tbz-lsqk'">风险管控措施落实情况（暂不开发利用地块）</a-button>
</template>
</BasicTable>
<!-- 落实情况填报 -->
<LsqkModal @register="registerModal" />
</div>
</template>
......@@ -45,6 +49,8 @@
import { useMessage } from '/@/hooks/web/useMessage';
import { columns, searchFormSchema, useSuspectsData, useCategoryData } from './data';
import { fillingList, getImportUrl, getExportUrl } from './api';
import LsqkModal from '@/components/customComponent/LsqkModal.vue'
import { useModal } from '/@/components/Modal';
const router = useRouter();
const { createMessage } = useMessage();
......@@ -104,5 +110,18 @@
}
router.push(`/dkgl/xfpg/DetailList?wrdkid=${selectedRowKeys.value[0]}&type=填报&jdnzt=T1&isnyd2yzlg=${selectedRows.value[0]?.isnyd2yzlg}`);
}
//注册model
const [registerModal, { openModal }] = useModal();
function handleLsqk() {
if (selectedRowKeys.value.length == 0) {
createMessage.info('请选择需要处理的内容，每次只能选中一条');
return;
}
openModal(true, {
isUpdate: true,
showFooter: true,
record: selectedRows.value
});
}
</script>
<style scoped></style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论