行政许可信息
This commit is contained in:
shijingjing
@@ -0,0 +1,179 @@
|
|||||||
|
<template>
|
||||||
|
<div class="AppAdministrativeLicense">
|
||||||
|
<ai-list>
|
||||||
|
<ai-title slot="title" title="行政许可登记" isShowBottomBorder />
|
||||||
|
<template #content>
|
||||||
|
<ai-search-bar>
|
||||||
|
<template #left>
|
||||||
|
<el-button type="primary" @click="addBtn">+添加</el-button>
|
||||||
|
</template>
|
||||||
|
<template #right>
|
||||||
|
<el-input size="small" placeholder="经营主体/统一信用代码" v-model="search.name" clearable v-throttle="() => {(page.current = 1), getTableData();}"/>
|
||||||
|
<el-button size="small">导入</el-button>
|
||||||
|
<el-button size="small">导出</el-button>
|
||||||
|
</template>
|
||||||
|
</ai-search-bar>
|
||||||
|
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size" @getList="getTableData" :col-configs="colConfigs" :dict="dict" @selection-change=" (v) => (ids = v.filter((e) => e.sysUserId).map((e) => e.sysUserId)) ">
|
||||||
|
<el-table-column slot="options" label="操作" fixed="right" align="center">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button type="text" @click="showDetail(row.id)">详情</el-button>
|
||||||
|
</template>
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button type="text" @click="delete row.id">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</ai-table>
|
||||||
|
</template>
|
||||||
|
</ai-list>
|
||||||
|
<ai-dialog title="新增许可信息" :visible.sync="dialog" width="1000px" @onConfirm="confirm">
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="150px">
|
||||||
|
<el-form-item required label="许可文书名称" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可文书号" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可决定日期" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可有效期自" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可有效期至" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item required label="许可机关" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入使用人姓名"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="经营主体" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入许可对象"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="统一信用代码" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入统一信用代码"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item required label="许可内容" prop="name">
|
||||||
|
<el-input v-model="form.name" type="textarea" placeholder="请输入许可内容" :rows="5" resize="none" show-word-limit :maxlength="500"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ai-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppAdministrativeLicense",
|
||||||
|
label: "行政许可信息",
|
||||||
|
// components: {PumList, PumDetail},
|
||||||
|
|
||||||
|
props: {
|
||||||
|
instance: Function,
|
||||||
|
dict: Object,
|
||||||
|
permissions: Function
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
search: { name: "" },
|
||||||
|
tableData: [],
|
||||||
|
page: { current: 1, size: 10, total: 0 },
|
||||||
|
dialog: false,
|
||||||
|
form: { name: "" },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
colConfigs() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
label: "许可文书号",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "260px",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "许可有效期至",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "200px",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "许可机关",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "200px",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "许可对象",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "200px",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "统一信用代码",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "200px",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "更新时间",
|
||||||
|
prop: "position",
|
||||||
|
align: "center",
|
||||||
|
width: "120px",
|
||||||
|
},
|
||||||
|
{ label: "操作人", prop: "position", align: "center", width: "150px" },
|
||||||
|
{ slot: "options" },
|
||||||
|
];
|
||||||
|
},
|
||||||
|
rules() {
|
||||||
|
return {
|
||||||
|
name: [{ required: true, message: "请输入许可文书名称" }],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTableData() {
|
||||||
|
// this.instance.post("/appportaluserenterprise/list", null, {
|
||||||
|
// params: {...this.page, ...this.search, status: 1,...this.select}
|
||||||
|
// }).then(res => {
|
||||||
|
// if (res?.data) {
|
||||||
|
// this.tableData = res.data?.records
|
||||||
|
// this.page.total = res.data.total
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
},
|
||||||
|
addBtn() {
|
||||||
|
this.dialog = true;
|
||||||
|
},
|
||||||
|
showDetail(id) {
|
||||||
|
this.$router.push(`./detial?id=${id}`)
|
||||||
|
},
|
||||||
|
delete(id) {
|
||||||
|
this.$confirm("是否要删除？").then(() => this.deleteInfo(id));
|
||||||
|
},
|
||||||
|
deleteInfo() {},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.AppAdministrativeLicense {
|
||||||
|
}
|
||||||
|
</style>
|
||||||
68
project/xiushan/apps/AppAdministrativeLicense/detial.vue
Normal file
68
project/xiushan/apps/AppAdministrativeLicense/detial.vue
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<template>
|
||||||
|
<section class="detail">
|
||||||
|
<ai-detail>
|
||||||
|
<ai-title slot="title" title="行政许可信息详情" isShowBottomBorder isShowBack @onBackClick="$router.push({query:{}})"/>
|
||||||
|
<template #content>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="150px">
|
||||||
|
<el-form-item required label="许可文书名称" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可文书号" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可决定日期" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可有效期自" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="许可有效期至" prop="name">
|
||||||
|
<el-date-picker style="width: 300px;" v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item required label="许可机关" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入使用人姓名"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-row type="flex">
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="经营主体" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入许可对象"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="20">
|
||||||
|
<el-form-item required label="统一信用代码" prop="name">
|
||||||
|
<el-input v-model="form.name" placeholder="请输入统一信用代码"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-form-item required label="许可内容" prop="name">
|
||||||
|
<el-input v-model="form.name" type="textarea" placeholder="请输入许可内容" :rows="5" resize="none" show-word-limit :maxlength="500"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
||||||
|
</ai-detail>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'detail',
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user