资产表格重置

yanfeiyong
项洋 4 weeks ago
parent a746f28aa3
commit e348f75f49

@ -1,4 +1,3 @@
<!--assetsManage/assets-->
<template> <template>
<el-row <el-row
:gutter="20" :gutter="20"
@ -21,7 +20,7 @@
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="false"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="treeRef"
node-key="id" node-key="id"
default-expand-all default-expand-all
highlight-current highlight-current
@ -29,86 +28,77 @@
/> />
</div> </div>
</el-col> </el-col>
<el-col :span="20" :xs="24" style="height: 100%; flex: 1"> <el-col
<div class="L-main" id="L-size-main"> :span="20"
<div class="content-search" id="L-header"> :xs="24"
style="height: 100%; flex: 1"
>
<div
class="L-main"
id="L-size-main"
>
<div
class="content-search"
id="L-header"
>
<div class="search-title">查询条件</div> <div class="search-title">查询条件</div>
<el-form <el-form
:inline="true" :inline="true"
ref="queryForm" ref="queryFormRef"
:model="formInline" :model="formInline"
size="small" :size="size"
class="demo-form-inline" class="demo-form-inline"
> >
<el-row> <el-row>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统名称:" prop="xtmc"> <el-form-item
label="所属单位:"
prop="dwmc"
>
<el-input <el-input
v-model="formInline.xtmc" v-model="formInline.dwmc"
placeholder="请输入系统名称" placeholder="请输入所属单位"
></el-input> style="width: 95%;"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统类型:" prop="xtlx"> <el-form-item
<el-select label="电子邮箱后缀:"
v-model="formInline.xtlx" prop="dzyxhz"
placeholder="请选择系统类型"
>
<el-option
v-for="dict in zc_xtlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
> >
</el-option> <el-input
</el-select> v-model="formInline.dzyxhz"
placeholder="请输入电子邮箱后缀"
style="width: 95%;"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="8">
<el-form-item label="新增时间:" prop="time"> <el-form-item
label="新增时间:"
prop="time"
>
<el-date-picker <el-date-picker
v-model="formInline.time" v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange" type="datetimerange"
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
placeholder="请选择" placeholder="请选择"
> format="YYYY-MM-DD HH:mm:ss"
</el-date-picker> value-format="YYYY-MM-DD HH:mm:ss"
</el-form-item> />
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="单位名称:" prop="dwmc">
<el-input
v-model="formInline.dwmc"
placeholder="请输入单位名称"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col
<el-form-item label="系统状态:" prop="xtzt"> :span="4"
<el-select style="text-align: right"
v-model="formInline.xtzt"
placeholder="请选择系统状态"
>
<el-option
v-for="dict in zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
> >
</el-option> <el-form-item class="unit-form">
</el-select> <el-button @click="resetQuery"></el-button>
</el-form-item> <el-button
</el-col> type="primary"
<el-col :span="9" style="text-align: right; padding-right: 35px"> @click="handleQuery"
<el-form-item>
<el-button size="mini" @click="resetQuery"></el-button>
<el-button size="mini" type="primary" @click="handleQuery"
>查询</el-button >查询</el-button
> >
</el-form-item> </el-form-item>
@ -118,14 +108,18 @@
</div> </div>
<main> <main>
<div class="search-title"> <div class="search-title">
<span class="search-title-span">资产列表</span> <span class="search-title-span"
<el-row :gutter="10" class="mb8"> >资产列表蓝色为单位新增资产</span
>
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="info" type="info"
plain plain
icon="Upload" :icon="Upload"
size="mini"
@click="handleImport" @click="handleImport"
>导入</el-button >导入</el-button
> >
@ -134,8 +128,7 @@
<el-button <el-button
type="warning" type="warning"
plain plain
icon="Download" :icon="Download"
size="mini"
@click="handleExport" @click="handleExport"
>导出</el-button >导出</el-button
> >
@ -144,8 +137,7 @@
<el-button <el-button
type="primary" type="primary"
plain plain
icon="Plus" :icon="Plus"
size="mini"
@click="handleAdd" @click="handleAdd"
>新增资产</el-button >新增资产</el-button
> >
@ -167,26 +159,28 @@
align="center" align="center"
/> />
<el-table-column <el-table-column
label="系统名称" label="所属单位"
key="xtmc" key="ssdw"
width="200px" prop="ssdw"
prop="xtmc"
align="center"
/>
<el-table-column
label="系统类型"
key="xtlx"
prop="xtlx"
align="center" align="center"
> >
<template #default="scope"> <template #default="{ row }">
<dict-tag :options="zc_xtlx" :value="scope.row.xtlx" /> <span
:style="{ color: row.xzType == 1 ? 'blue' : '' }"
>{{ row.ssdw }}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="单位名称" label="电子邮箱后缀"
key="dwmc" key="dzyxhz"
prop="dwmc" prop="dzyxhz"
align="center"
/>
<el-table-column
label="邮件系统供应商"
key="yjxtgys"
prop="yjxtgys"
align="center" align="center"
/> />
<el-table-column <el-table-column
@ -196,31 +190,25 @@
align="center" align="center"
/> />
<el-table-column <el-table-column
label="系统状态" label="邮件系统状态"
key="status" key="status"
prop="status" prop="status"
class-name="table-status" class-name="table-status"
align="center" align="center"
> >
<template #default="scope"> <template #default="{ row }">
<span v-if="scope.row.xtzt == 1" style="color: #16b771" <span
>已安装</span v-if="row.yjxtzc == 1"
> style="color: #16b771"
<span v-if="scope.row.xtzt == 2" style="color: #f58a0c"
>测试中</span
>
<span v-if="scope.row.xtzt == 3" style="color: #1485ef"
>使用中</span
>
<span v-if="scope.row.xtzt == 4" style="color: #29a07a"
>维护中</span
>
<span v-if="scope.row.xtzt == 5" style="color: #f50c0c"
>关停</span
> >
<span v-if="scope.row.xtzt == 6" style="color: #f50c0c" 正常
>备用</span </span>
<span
v-if="row.yjxtzc == 2"
style="color: #f58a0c"
> >
关停
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -229,58 +217,40 @@
class-name="table-operation" class-name="table-operation"
align="center" align="center"
> >
<template #default="scope"> <template #default="{ row }">
<div class="operation-container">
<div <div
style=" class="operation-item"
display: flex; @click="goInfo(row, 1)"
align-items: center;
justify-content: center;
"
>
<div
style="
display: flex;
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 1)"
>
<el-icon><View /></el-icon>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>查看</span
> >
<img
src="@/assets/images/icon-ck@2x.png"
alt="查看"
class="operation-icon"
/>
<span class="look-info">查看</span>
</div> </div>
<div <div
style=" class="operation-item"
display: flex; @click="goInfo(row, 2)"
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 2)"
>
<el-icon><Edit /></el-icon>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>编辑</span
> >
<img
src="@/assets/images/edit.png"
alt="编辑"
class="operation-icon edit-icon"
/>
<span class="look-info">编辑</span>
</div> </div>
<div <div
style=" class="operation-item"
display: flex; @click="goInfo(row, 3)"
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 3)"
>
<el-icon><Delete /></el-icon>
<span
class="look-info"
style="color: #f50c0c; margin-right: 15px"
>删除</span
> >
<img
src="@/assets/images/del.png"
alt="删除"
class="operation-icon"
/>
<span class="look-info delete-text">删除</span>
</div> </div>
</div> </div>
</template> </template>
@ -298,13 +268,13 @@
</main> </main>
<!-- 资产导入对话框 --> <!-- 资产导入对话框 -->
<el-dialog <el-dialog
v-model="upload.open"
:title="upload.title" :title="upload.title"
v-model="upload.open"
width="400px" width="400px"
append-to-body append-to-body
> >
<el-upload <el-upload
ref="upload" ref="uploadRef"
:limit="1" :limit="1"
accept=".xlsx, .xls" accept=".xlsx, .xls"
:headers="upload.headers" :headers="upload.headers"
@ -320,7 +290,7 @@
将文件拖到此处<em>点击上传</em> 将文件拖到此处<em>点击上传</em>
</div> </div>
<template #tip> <template #tip>
<div class="el-upload__tip"> <div class="el-upload__tip text-center">
<span>仅允许导入xlsxlsx格式文件</span> <span>仅允许导入xlsxlsx格式文件</span>
<el-link <el-link
type="primary" type="primary"
@ -334,7 +304,9 @@
</el-upload> </el-upload>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="submitFileForm" <el-button
type="primary"
@click="submitFileForm"
> </el-button > </el-button
> >
<el-button @click="upload.open = false"> </el-button> <el-button @click="upload.open = false"> </el-button>
@ -345,83 +317,96 @@
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
<script setup> <script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from "vue"; import { ref, reactive, onMounted, onUnmounted } from "vue";
import { useRouter } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import myPagination from "@/views/components/Pagination/index.vue";
import { getToken } from "@/utils/auth";
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index";
import { useDict } from "@/utils/dict";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import { Upload, Download, Plus } from "@element-plus/icons-vue";
import { getToken } from "@/utils/auth";
import { import {
View, assetEmailList,
Edit, deleteAssetEmail,
Delete, schema,
Upload, } from "@/api/auditPagesApi/index";
Download, import myPagination from "@/views/components/Pagination/index.vue";
Plus,
UploadFilled,
} from "@element-plus/icons-vue";
const { proxy } = getCurrentInstance();
const router = useRouter();
// const router = useRouter();
const { zc_xtzt, zc_xtlx } = useDict("zc_xtzt", "zc_xtlx"); const route = useRoute();
// //
const deptOptions = ref(); const deptOptions = ref([]);
const tree = ref(null);
const defaultProps = { const defaultProps = {
children: "children", children: "children",
label: "label", label: "label",
}; };
const formInline = reactive({ const formInline = reactive({
xtmc: "", dzyxhz: "",
xtlx: "", dwmc: "",
time: [],
startTime: "", startTime: "",
endTime: "", endTime: "",
dwmc: "",
xtzt: "",
current: 1, current: 1,
size: 20, size: 10,
deptId: undefined,
}); });
const time = ref([]);
const total = ref(0); const total = ref(0);
const tableData = ref([]); const tableData = ref([]);
const loading = ref(false); const loading = ref(false);
const tabHeader = ref(); const tabHeader = ref(undefined);
const treeRef = ref(null);
const queryFormRef = ref(null);
const uploadRef = ref(null);
// //
const upload = reactive({ const upload = reactive({
//
open: false, open: false,
// title: "电子邮件资产导入",
title: "web资产导入",
//
isUploading: false, isUploading: false,
//
updateSupport: 0, updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: "Bearer " + getToken() },
// url:
url: location.origin + "/api/tc/assetCurrent/importData", import.meta.env.VITE_APP_HJ === "test"
? import.meta.env.VITE_APP_BASE_API +
"/tc/assetOfficialAccount/importData"
: location.origin + "/api/tc/assetOfficialAccount/importData",
});
//
onMounted(() => {
if (Object.keys(route.params).length !== 0) {
Object.assign(formInline, route.params);
} else {
formInline.current = 1;
formInline.size = 20;
}
getList();
getDeptTree();
cancalDebounce();
window.addEventListener("resize", cancalDebounce);
}); });
onUnmounted(() => {
window.removeEventListener("resize", cancalDebounce);
});
//
/** 查询部门下拉树结构 */ /** 查询部门下拉树结构 */
const getDeptTree = () => { const getDeptTree = async () => {
schema({ type: 0 }).then((response) => { try {
const response = await schema({ type: 3 });
deptOptions.value = response.data; deptOptions.value = response.data;
}); } catch (error) {
console.error("获取部门树失败:", error);
}
}; };
// //
const filterNode = (value, data) => { const filterNode = (value, data) => {
if (!value) return true; if (!value) return true;
return data.label.indexOf(value) !== -1; return data.label.includes(value);
}; };
// //
@ -431,32 +416,34 @@ const handleNodeClick = (data) => {
}; };
// //
const getList = () => { const getList = async () => {
try {
loading.value = true; loading.value = true;
assetUnit("get", formInline).then((res) => { const res = await assetEmailList(formInline);
loading.value = false;
total.value = res.data.total;
tableData.value = res.data.records; tableData.value = res.data.records;
}); total.value = res.data.total;
} catch (error) {
console.error("获取列表失败:", error);
} finally {
loading.value = false;
}
}; };
// //
const resetQuery = () => { const resetQuery = () => {
proxy.$refs["queryForm"].resetFields(); queryFormRef.value?.resetFields();
time.value = [];
formInline.deptId = undefined; formInline.deptId = undefined;
tree.value.setCurrentKey(null); treeRef.value?.setCurrentKey(null);
handleQuery(); handleQuery();
}; };
// //
const handleQuery = () => { const handleQuery = () => {
formInline.current = 1; formInline.current = 1;
formInline.size = 20; if (time.value) {
if (formInline.time) { [formInline.startTime, formInline.endTime] = time.value;
formInline.startTime = formInline.time[0];
formInline.endTime = formInline.time[1];
} }
formInline.time = [];
getList(); getList();
}; };
@ -474,21 +461,21 @@ const handleImport = () => {
// //
const handleExport = () => { const handleExport = () => {
proxy.download( download(
"/tc/assetCurrent/export", "/tc/assetEmail/export",
{ {
...formInline, ...formInline,
}, },
`web资产${new Date().getTime()}.xlsx` `电子邮件资产${new Date().getTime()}.xlsx`
); );
}; };
/** 下载模板操作 */ /** 下载模板操作 */
const importTemplate = () => { const importTemplate = () => {
proxy.download( download(
"/tc/assetCurrent/importTemplate", "/tc/assetEmail/importTemplate",
{}, {},
`web资产导入模板${new Date().getTime()}.xlsx` `电子邮件资产导入模板${new Date().getTime()}.xlsx`
); );
}; };
@ -498,10 +485,10 @@ const handleFileUploadProgress = () => {
}; };
// //
const handleFileSuccess = (response, file, fileList) => { const handleFileSuccess = (response) => {
upload.open = false; upload.open = false;
upload.isUploading = false; upload.isUploading = false;
proxy.$refs.upload.clearFiles(); uploadRef.value?.clearFiles();
ElMessageBox.alert( ElMessageBox.alert(
`<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`, `<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`,
"导入结果", "导入结果",
@ -512,16 +499,17 @@ const handleFileSuccess = (response, file, fileList) => {
// //
const submitFileForm = () => { const submitFileForm = () => {
proxy.$refs.upload.submit(); uploadRef.value?.submit();
}; };
// //
const handleAdd = () => { const handleAdd = () => {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/dzyjZCinfo",
query: { query: {
pageType: "add", pageType: "add",
type: 0, type: 3,
parentName: "/assetsManage2/dzyjZC",
}, },
}); });
}; };
@ -530,35 +518,34 @@ const handleAdd = () => {
const goInfo = (row, id) => { const goInfo = (row, id) => {
if (id === 1) { if (id === 1) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/dzyjZCinfo",
query: { query: {
pageType: "look", pageType: "look",
type: 0, type: 3,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
}, parentName: "/assetsManage2/dzyjZC",
meta: {
title: "新增资产",
icon: "user",
activeMenu: "/assetsManage/program",
}, },
}); });
} else if (id === 2) { } else if (id === 2) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/dzyjZCinfo",
query: { query: {
pageType: "change", pageType: "change",
type: 0, type: 3,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
parentName: "/assetsManage2/dzyjZC",
}, },
}); });
} else if (id === 3) { } else if (id === 3) {
const userIds = row.id; const userIds = row.id;
ElMessageBox.confirm(`是否确认删除用户编号为"${userIds}"的数据项?`) ElMessageBox.confirm(`是否确认删除编号为"${userIds}"的数据项?`, "提示", {
.then(() => { confirmButtonText: "确定",
return deleteAssetInfo(userIds); cancelButtonText: "取消",
type: "warning",
}) })
.then(() => deleteAssetEmail(userIds))
.then(() => { .then(() => {
getList(); getList();
ElMessage.success("删除成功"); ElMessage.success("删除成功");
@ -569,36 +556,60 @@ const goInfo = (row, id) => {
// table // table
const tableRowClassName = ({ rowIndex }) => { const tableRowClassName = ({ rowIndex }) => {
if (rowIndex % 2 !== 0) { return rowIndex % 2 !== 0 ? "evenNumber-row" : "";
return "evenNumber-row";
}
return "";
}; };
//
const cancalDebounce = () => { const cancalDebounce = () => {
const element = document.getElementById("L-size-main"); const element = document.getElementById("L-size-main");
const header = document.getElementById("L-header"); const header = document.getElementById("L-header");
const pagination = document.getElementById("L-pagination"); const pagination = document.getElementById("L-pagination");
const elementHeight = element.offsetHeight; const elementHeight = element?.offsetHeight || 0;
const headerHeight = header.offsetHeight; const headerHeight = header?.offsetHeight || 0;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination?.offsetHeight || 0;
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110; tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110;
}; };
onMounted(() => { // ()
if (Object.keys(router.currentRoute.value.params).length !== 0) { const download = (url, params, fileName) => {
Object.assign(formInline, router.currentRoute.value.params); //
} else { console.log("下载功能:", url, params, fileName);
formInline.current = 1; };
formInline.size = 20; </script>
<style scoped>
.operation-container {
display: flex;
justify-content: center;
align-items: center;
gap: 15px; /* 控制图标之间的间距 */
} }
getList();
getDeptTree();
cancalDebounce();
window.addEventListener("resize", cancalDebounce);
});
onUnmounted(() => { .operation-item {
window.removeEventListener("resize", cancalDebounce); display: flex;
}); align-items: center;
</script> cursor: pointer;
}
.operation-icon {
width: 15px;
margin-right: 5px;
}
.look-info {
font-size: 14px;
color: #409eff;
}
.look-info:hover {
text-decoration: underline;
}
.edit-icon {
width: 15px;
}
.delete-text {
color: #f50c0c;
}
</style>

@ -0,0 +1,427 @@
<!-- 电子邮件表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleFormRef"
label-width="170px"
class="demo-ruleForm"
label-position="right"
:disabled="disabled"
>
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="电子邮箱后缀" prop="dzyxhz">
<el-input
v-model="ruleForm.dzyxhz"
placeholder="请输入电子邮箱后缀"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="建设类型" required>
<el-select v-model="ruleForm.jslx" placeholder="请选择建设类型">
<el-option
v-for="dict in email_jslx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统供应商" required>
<el-input
v-model="ruleForm.yjxtgys"
style="width: 100%"
placeholder="请输入邮件系统供应商"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="密码算法" required>
<el-input
v-model="ruleForm.mmsf"
placeholder="请输入密码算法"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件系统状态" required>
<el-select
@change="changeState"
v-model="ruleForm.yjxtzc"
placeholder="请选择邮件系统状态"
>
<el-option
v-for="dict in email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全防护系统" required>
<el-select
v-model="ruleForm.aqfhxt"
placeholder="请选择安全防护系统"
>
<el-option
v-for="dict in email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安全备份环境" required>
<el-select
v-model="ruleForm.aqbfhj"
placeholder="请选择安全备份环境"
>
<el-option
v-for="dict in email_hasorno"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="数字证书厂商" required>
<el-input
v-model="ruleForm.szzscs"
style="width: 100%"
placeholder="请输入数字证书厂商"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上线时间" required>
<el-date-picker
v-model="ruleForm.sxsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="ruleForm.yjxtzc == 2">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.yjxtzc == 2"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入简介"
:rows="5"
v-model="ruleForm.jj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
</el-form>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, onMounted, nextTick } from "vue";
import { useRoute, useRouter } from "vue-router";
import {
assetEmail,
assetEmailInfo,
unitAllList,
} from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
import { useDict } from "@/utils/dict";
const { app_xzqh, app_sshy, app_zdhy, email_jslx, email_state, email_hasorno } =
useDict(
"app_xzqh",
"app_sshy",
"app_zdhy",
"email_jslx",
"email_state",
"email_hasorno"
);
const route = useRoute();
const router = useRouter();
const ruleFormRef = ref(null);
// route
const pageType = route.query.pageType || route.params.pageType;
const id = route.query.id || route.params.id;
const queryData = route.query || route.params;
const loading = ref(false);
const disabled = ref(false);
const ruleForm = reactive({});
const rules = reactive({
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" },
],
dzyxhz: [
{ required: true, message: "电子邮箱后缀不能为空", trigger: "blur" },
],
});
function changeSateTetx(rule, value, callback) {
if (ruleForm.yjxtzc == 2 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
}
function changeState(e) {
if (e != 2) {
ruleForm.bfyy = "";
}
}
async function getInfo(id) {
try {
const res = await assetEmailInfo(id);
Object.assign(ruleForm, res.data);
} catch (error) {
console.error(error);
}
}
async function querySearchAsync(queryString, cb) {
try {
const res = await unitAllList({ nickName: queryString });
const results = res.data.map((item) => ({
value: item.nickName,
id: item.id,
}));
cb(results);
} catch (error) {
console.error(error);
cb([]);
}
}
async function newAssets() {
if (!ruleFormRef.value) return;
const valid = await ruleFormRef.value.validate().catch(() => false);
if (valid) {
loading.value = true;
try {
if (pageType == "change") {
await assetEmail("put", ruleForm);
ElMessage.success("修改成功");
router.push({ name: "Email", params: queryData });
} else {
await assetEmail("post", ruleForm);
ElMessage.success("新增成功");
router.go(-1);
}
} catch (error) {
console.error(error);
} finally {
loading.value = false;
}
}
}
function sendBack() {
router.push({ path: "/assetsManage2/dzyjZC", params: queryData });
}
onMounted(async () => {
if (pageType == "look") {
await getInfo(id);
disabled.value = true;
await nextTick();
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = "";
});
} else if (pageType == "change") {
await getInfo(id);
disabled.value = false;
}
loading.value = false;
});
</script>

File diff suppressed because it is too large Load Diff

@ -1,4 +1,4 @@
<!--assetsManage/assets--> <!-- 资产管理 -- 公众号 -->
<template> <template>
<el-row <el-row
:gutter="20" :gutter="20"
@ -29,86 +29,86 @@
/> />
</div> </div>
</el-col> </el-col>
<el-col :span="20" :xs="24" style="height: 100%; flex: 1"> <el-col
<div class="L-main" id="L-size-main"> :span="20"
<div class="content-search" id="L-header"> :xs="24"
style="height: 100%; flex: 1"
>
<div
class="L-main"
id="L-size-main"
>
<div
class="content-search"
id="L-header"
>
<div class="search-title">查询条件</div> <div class="search-title">查询条件</div>
<el-form <el-form
:inline="true" :inline="true"
ref="queryForm" ref="queryForm"
:model="formInline" :model="formInline"
size="small" :size="size"
class="demo-form-inline" class="demo-form-inline"
> >
<el-row> <el-row>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统名称:" prop="xtmc"> <el-form-item
label="所属单位:"
prop="dwmc"
>
<el-input <el-input
v-model="formInline.xtmc" v-model="formInline.dwmc"
placeholder="请输入系统名称" style="width: 95%"
placeholder="请输入所属单位"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统类型:" prop="xtlx"> <el-form-item
<el-select label="公众号名称:"
v-model="formInline.xtlx" prop="gzhmc"
placeholder="请选择系统类型" >
> <el-input
<el-option v-model="formInline.gzhmc"
v-for="dict in zc_xtlx" placeholder="请输入公众号名称"
:key="dict.value" style="width: 95%"
:label="dict.label" ></el-input>
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="8">
<el-form-item label="新增时间:" prop="time"> <el-form-item
label="新增时间:"
prop="time"
>
<el-date-picker <el-date-picker
v-model="formInline.time" v-model="time"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
/>
<!-- <el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange" type="datetimerange"
start-placeholder="开始时间" start-placeholder="开始时间"
end-placeholder="结束时间" end-placeholder="结束时间"
placeholder="请选择" placeholder="请选择"
> /> -->
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="单位名称:" prop="dwmc">
<el-input
v-model="formInline.dwmc"
placeholder="请输入单位名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="系统状态:" prop="xtzt">
<el-select
v-model="formInline.xtzt"
placeholder="请选择系统状态"
>
<el-option
v-for="dict in zc_xtzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="9" style="text-align: right; padding-right: 35px"> <el-col
<el-form-item> :span="4"
<el-button size="mini" @click="resetQuery"></el-button> style="text-align: right"
<el-button size="mini" type="primary" @click="handleQuery" >
<el-form-item class="unit-form">
<el-button @click="resetQuery"></el-button>
<el-button
type="primary"
@click="handleQuery"
>查询</el-button >查询</el-button
> >
</el-form-item> </el-form-item>
@ -118,14 +118,19 @@
</div> </div>
<main> <main>
<div class="search-title"> <div class="search-title">
<span class="search-title-span">资产列表</span> <span class="search-title-span"
<el-row :gutter="10" class="mb8"> >资产列表蓝色为单位新增资产</span
>
<el-row
:gutter="10"
class="mb8"
>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="info" type="info"
plain plain
icon="Upload" :icon="Upload"
size="mini" size="medium"
@click="handleImport" @click="handleImport"
>导入</el-button >导入</el-button
> >
@ -134,8 +139,8 @@
<el-button <el-button
type="warning" type="warning"
plain plain
icon="Download" :icon="Download"
size="mini" size="medium"
@click="handleExport" @click="handleExport"
>导出</el-button >导出</el-button
> >
@ -144,8 +149,8 @@
<el-button <el-button
type="primary" type="primary"
plain plain
icon="Plus" :icon="Plus"
size="mini" size="medium"
@click="handleAdd" @click="handleAdd"
>新增资产</el-button >新增资产</el-button
> >
@ -167,26 +172,21 @@
align="center" align="center"
/> />
<el-table-column <el-table-column
label="系统名称" label="公众号名称"
key="xtmc" key="gzhmc"
width="200px" prop="gzhmc"
prop="xtmc"
align="center"
/>
<el-table-column
label="系统类型"
key="xtlx"
prop="xtlx"
align="center" align="center"
> >
<template #default="scope"> <template #default="{ row }">
<dict-tag :options="zc_xtlx" :value="scope.row.xtlx" /> <span :style="{ color: row.xzType == 1 ? 'blue' : '' }">
{{ row.gzhmc }}
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="单位名称" label="所属单位"
key="dwmc" key="ssdw"
prop="dwmc" prop="ssdw"
align="center" align="center"
/> />
<el-table-column <el-table-column
@ -196,31 +196,68 @@
align="center" align="center"
/> />
<el-table-column <el-table-column
label="系统状态" label="平台类型"
key="ptlx"
prop="ptlx"
align="center"
>
<template #default="scope">
<dict-tag
:options="sys_ptlx_type"
:value="scope.row.ptlx"
/>
</template>
</el-table-column>
<el-table-column
label="公众号状态"
key="status" key="status"
prop="status" prop="status"
class-name="table-status" class-name="table-status"
align="center" align="center"
> >
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.xtzt == 1" style="color: #16b771" <span
>已安装</span v-if="scope.row.gzhzt == 1"
style="color: #16b771"
>
正常
</span>
<span
v-if="scope.row.gzhzt == 2"
style="color: #f58a0c"
> >
<span v-if="scope.row.xtzt == 2" style="color: #f58a0c" 注销
>测试中</span </span>
<span
v-if="scope.row.gzhzt == 3"
style="color: #1485ef"
> >
<span v-if="scope.row.xtzt == 3" style="color: #1485ef" 迁移
>使用中</span </span>
<span
v-if="scope.row.gzhzt == 4"
style="color: #29a07a"
> >
<span v-if="scope.row.xtzt == 4" style="color: #29a07a" 受限
>维护中</span </span>
<span
v-if="scope.row.gzhzt == 5"
style="color: #f50c0c"
> >
<span v-if="scope.row.xtzt == 5" style="color: #f50c0c" 违规
>关停</span </span>
<span
v-if="scope.row.gzhzt == 6"
style="color: #f58a0c"
> >
<span v-if="scope.row.xtzt == 6" style="color: #f50c0c" 未知
>备用</span </span>
<span
v-if="scope.row.gzhzt == 6"
style="color: #f58a0c"
> >
关停
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -228,6 +265,7 @@
prop="userId" prop="userId"
class-name="table-operation" class-name="table-operation"
align="center" align="center"
width="250"
> >
<template #default="scope"> <template #default="scope">
<div <div
@ -245,7 +283,11 @@
" "
@click="goInfo(scope.row, 1)" @click="goInfo(scope.row, 1)"
> >
<el-icon><View /></el-icon> <img
src="@/assets/images/icon-ck@2x.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #1485ef; margin-right: 15px" style="color: #1485ef; margin-right: 15px"
@ -260,7 +302,11 @@
" "
@click="goInfo(scope.row, 2)" @click="goInfo(scope.row, 2)"
> >
<el-icon><Edit /></el-icon> <img
src="@/assets/images/edit.png"
alt=""
style="width: 15px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #1485ef; margin-right: 15px" style="color: #1485ef; margin-right: 15px"
@ -275,7 +321,11 @@
" "
@click="goInfo(scope.row, 3)" @click="goInfo(scope.row, 3)"
> >
<el-icon><Delete /></el-icon> <img
src="@/assets/images/del.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #f50c0c; margin-right: 15px" style="color: #f50c0c; margin-right: 15px"
@ -293,13 +343,13 @@
:page="formInline.current" :page="formInline.current"
:limit="formInline.size" :limit="formInline.size"
@pagination="getPagination" @pagination="getPagination"
v-model:current-page="formInline.current" :current-page.sync="formInline.current"
/> />
</main> </main>
<!-- 资产导入对话框 --> <!-- 资产导入对话框 -->
<el-dialog <el-dialog
v-model="upload.open"
:title="upload.title" :title="upload.title"
v-model="upload.open"
width="400px" width="400px"
append-to-body append-to-body
> >
@ -320,7 +370,7 @@
将文件拖到此处<em>点击上传</em> 将文件拖到此处<em>点击上传</em>
</div> </div>
<template #tip> <template #tip>
<div class="el-upload__tip"> <div class="el-upload__tip text-center">
<span>仅允许导入xlsxlsx格式文件</span> <span>仅允许导入xlsxlsx格式文件</span>
<el-link <el-link
type="primary" type="primary"
@ -334,10 +384,12 @@
</el-upload> </el-upload>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="submitFileForm" <el-button
type="primary"
@click="submitFileForm"
> </el-button > </el-button
> >
<el-button @click="upload.open = false"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
@ -345,77 +397,94 @@
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
<script setup> <script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from "vue"; import { ref, reactive, onMounted, onUnmounted } from "vue";
import { useRouter } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import myPagination from "@/views/components/Pagination/index.vue";
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index"; import { Upload, Download, Plus } from "@element-plus/icons-vue";
import { useDict } from "@/utils/dict";
import { ElMessage, ElMessageBox } from "element-plus";
import { import {
View, assetOfficialAccountList,
Edit, deleteAssetOfficialAccount,
Delete, schema,
Upload, } from "@/api/auditPagesApi/index";
Download, import myPagination from "@/views/components/Pagination/index.vue";
Plus,
UploadFilled,
} from "@element-plus/icons-vue";
const { proxy } = getCurrentInstance();
const router = useRouter(); const router = useRouter();
const route = useRoute();
// const { proxy } = getCurrentInstance();
const { zc_xtzt, zc_xtlx } = useDict("zc_xtzt", "zc_xtlx"); const { sys_ptlx_type } = proxy.useDict("sys_ptlx_type");
// //
const deptOptions = ref(); const deptOptions = ref(undefined);
const tree = ref(null); const defaultProps = reactive({
const defaultProps = {
children: "children", children: "children",
label: "label", label: "label",
}; });
const formInline = reactive({ const formInline = reactive({
xtmc: "", gzhmc: "",
xtlx: "", dwmc: "",
time: [],
startTime: "", startTime: "",
endTime: "", endTime: "",
dwmc: "",
xtzt: "",
current: 1, current: 1,
size: 20, size: 10,
deptId: undefined,
}); });
const time = ref([]);
const total = ref(0); const total = ref(0);
const tableData = ref([]); const tableData = ref([]);
const loading = ref(false); const loading = ref(false);
const tabHeader = ref(); const tabHeader = ref(undefined);
const tree = ref(null);
const queryForm = ref(null);
const uploadRef = ref(null);
// //
const upload = reactive({ const upload = reactive({
//
open: false, open: false,
// title: "公众号资产导入",
title: "web资产导入",
//
isUploading: false, isUploading: false,
//
updateSupport: 0, updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: "Bearer " + getToken() },
// url:
url: location.origin + "/api/tc/assetCurrent/importData", import.meta.env.VITE_APP_HJ === "test"
? import.meta.env.VITE_APP_BASE_API +
"/tc/assetOfficialAccount/importData"
: location.origin + "/api/tc/assetOfficialAccount/importData",
}); });
//
onMounted(() => {
if (Object.keys(route.params).length !== 0) {
Object.assign(formInline, route.params);
} else {
formInline.current = 1;
formInline.size = 20;
}
getList();
getDeptTree();
cancalDebounce();
window.addEventListener("resize", cancalDebounce);
});
onUnmounted(() => {
window.removeEventListener("resize", cancalDebounce);
});
//
/** 查询部门下拉树结构 */ /** 查询部门下拉树结构 */
const getDeptTree = () => { const getDeptTree = async () => {
schema({ type: 0 }).then((response) => { try {
const response = await schema({ type: 2 });
deptOptions.value = response.data; deptOptions.value = response.data;
}); } catch (error) {
console.error("获取部门树失败:", error);
}
}; };
// //
@ -431,18 +500,23 @@ const handleNodeClick = (data) => {
}; };
// //
const getList = () => { const getList = async () => {
try {
loading.value = true; loading.value = true;
assetUnit("get", formInline).then((res) => { const res = await assetOfficialAccountList(formInline);
loading.value = false;
total.value = res.data.total;
tableData.value = res.data.records; tableData.value = res.data.records;
}); total.value = res.data.total;
} catch (error) {
console.error("获取列表失败:", error);
} finally {
loading.value = false;
}
}; };
// //
const resetQuery = () => { const resetQuery = () => {
proxy.$refs["queryForm"].resetFields(); queryForm.value.resetFields();
time.value = [];
formInline.deptId = undefined; formInline.deptId = undefined;
tree.value.setCurrentKey(null); tree.value.setCurrentKey(null);
handleQuery(); handleQuery();
@ -451,12 +525,10 @@ const resetQuery = () => {
// //
const handleQuery = () => { const handleQuery = () => {
formInline.current = 1; formInline.current = 1;
formInline.size = 20; if (time.value) {
if (formInline.time) { formInline.startTime = time.value[0];
formInline.startTime = formInline.time[0]; formInline.endTime = time.value[1];
formInline.endTime = formInline.time[1];
} }
formInline.time = [];
getList(); getList();
}; };
@ -466,34 +538,33 @@ const getPagination = (pages) => {
formInline.size = pages.limit; formInline.size = pages.limit;
getList(); getList();
}; };
/** 取消按钮 */
function cancel() {
upload.open = false;
}
// //
const handleImport = () => { const handleImport = () => {
upload.open = true; upload.open = true;
}; };
// //
const handleExport = () => { function handleExport() {
proxy.download( proxy.download("/tc/assetOfficialAccount/export", {
"/tc/assetCurrent/export", ...formInline.value,
{ },`公众号资产${new Date().getTime()}.xlsx`)
...formInline,
},
`web资产${new Date().getTime()}.xlsx`
);
}; };
/** 下载模板操作 */ /** 下载模板操作 */
const importTemplate = () => { const importTemplate = () => {
proxy.download( proxy.download(
"/tc/assetCurrent/importTemplate", "/tc/assetOfficialAccount/importTemplate",
{}, {},
`web资产导入模板${new Date().getTime()}.xlsx` `公众号资产导入模板${new Date().getTime()}.xlsx`
); );
}; };
// //
const handleFileUploadProgress = () => { const handleFileUploadProgress = (event, file, fileList) => {
upload.isUploading = true; upload.isUploading = true;
}; };
@ -501,7 +572,7 @@ const handleFileUploadProgress = () => {
const handleFileSuccess = (response, file, fileList) => { const handleFileSuccess = (response, file, fileList) => {
upload.open = false; upload.open = false;
upload.isUploading = false; upload.isUploading = false;
proxy.$refs.upload.clearFiles(); uploadRef.value.clearFiles();
ElMessageBox.alert( ElMessageBox.alert(
`<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`, `<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`,
"导入结果", "导入结果",
@ -512,16 +583,17 @@ const handleFileSuccess = (response, file, fileList) => {
// //
const submitFileForm = () => { const submitFileForm = () => {
proxy.$refs.upload.submit(); uploadRef.value.submit();
}; };
// //
const handleAdd = () => { const handleAdd = () => {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/gzhZCinfo",
query: { query: {
pageType: "add", pageType: "add",
type: 0, type: 2,
parentName: "/assetsManage2/gzhZC",
}, },
}); });
}; };
@ -530,35 +602,30 @@ const handleAdd = () => {
const goInfo = (row, id) => { const goInfo = (row, id) => {
if (id === 1) { if (id === 1) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/gzhZCinfo",
query: { query: {
pageType: "look", pageType: "look",
type: 0, type: 2,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
}, parentName: "/assetsManage2/gzhZC",
meta: {
title: "新增资产",
icon: "user",
activeMenu: "/assetsManage/program",
}, },
}); });
} else if (id === 2) { } else if (id === 2) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/gzhZCinfo",
query: { query: {
pageType: "change", pageType: "change",
type: 0, type: 2,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
parentName: "/assetsManage2/gzhZC",
}, },
}); });
} else if (id === 3) { } else if (id === 3) {
const userIds = row.id; const userIds = row.id;
ElMessageBox.confirm(`是否确认删除用户编号为"${userIds}"的数据项?`) ElMessageBox.confirm(`是否确认删除用户编号为"${userIds}"的数据项?`)
.then(() => { .then(() => deleteAssetOfficialAccount(userIds))
return deleteAssetInfo(userIds);
})
.then(() => { .then(() => {
getList(); getList();
ElMessage.success("删除成功"); ElMessage.success("删除成功");
@ -568,37 +635,21 @@ const goInfo = (row, id) => {
}; };
// table // table
const tableRowClassName = ({ rowIndex }) => { const tableRowClassName = ({ row, rowIndex }) => {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return "evenNumber-row"; return "evenNumber-row";
} }
return ""; return "";
}; };
//
const cancalDebounce = () => { const cancalDebounce = () => {
const element = document.getElementById("L-size-main"); const element = document.getElementById("L-size-main");
const header = document.getElementById("L-header"); const header = document.getElementById("L-header");
const pagination = document.getElementById("L-pagination"); const pagination = document.getElementById("L-pagination");
const elementHeight = element.offsetHeight; const elementHeight = element?.offsetHeight || 0;
const headerHeight = header.offsetHeight; const headerHeight = header?.offsetHeight || 0;
const paginationtHeight = pagination.offsetHeight; const paginationtHeight = pagination?.offsetHeight || 0;
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110; tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110;
}; };
onMounted(() => {
if (Object.keys(router.currentRoute.value.params).length !== 0) {
Object.assign(formInline, router.currentRoute.value.params);
} else {
formInline.current = 1;
formInline.size = 20;
}
getList();
getDeptTree();
cancalDebounce();
window.addEventListener("resize", cancalDebounce);
});
onUnmounted(() => {
window.removeEventListener("resize", cancalDebounce);
});
</script> </script>

@ -0,0 +1,826 @@
<!-- 公众号表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0">
<span class="top-title-box">基本信息11</span>
</el-row>
<div class="assets-info-box">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleFormRef"
label-width="170px"
class="demo-ruleForm"
label-position="right"
:disabled="disabled"
>
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="平台类型" prop="ptlx" required>
<el-select
v-model="ruleForm.ptlx"
@change="ptlxChange"
placeholder="请选择平台类型"
>
<el-option
v-for="dict in sys_ptlx_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div v-if="ruleForm.ptlx == '1'">
<el-row>
<el-col :span="12">
<el-form-item label="微信号" required>
<el-input
v-model="ruleForm.wxh"
style="width: 100%"
placeholder="请输入微信号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="公众号名称"
prop="gzhmc"
:rules="[
{
required: true,
message: '公众号名称不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.gzhmc"
placeholder="请输入公众号名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号状态" required>
<el-select
v-model="ruleForm.gzhzt"
placeholder="请选择公众号状态"
@change="changeState"
>
<el-option
v-for="dict in gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="公众号ID" required>
<el-input
v-model="ruleForm.gzhId"
style="width: 100%"
placeholder="请输入公众号ID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公众号类型" required>
<el-select
v-model="ruleForm.gzhlx"
placeholder="请选择公众号类型"
>
<el-option
v-for="dict in gzh_lx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select
v-model="ruleForm.rzState"
placeholder="请选择认证状态"
>
<el-option
v-for="dict in gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" required>
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" required>
<el-select
v-model="ruleForm.rzlx"
placeholder="请选择认证类型"
>
<el-option
v-for="dict in gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select
v-model="ruleForm.sshy"
placeholder="请选择所属行业"
>
<el-option
v-for="dict in app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select
v-model="ruleForm.zdhy"
placeholder="请选择重点行业"
>
<el-option
v-for="dict in app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select
v-model="ruleForm.xzqh"
placeholder="请选择行政区划"
>
<el-option
v-for="dict in app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证主体" required>
<el-input
v-model="ruleForm.rzzt"
style="width: 100%"
placeholder="请输入认证主体"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="ruleForm.gzhzt == 7">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.gzhzt == 7"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 菜单信息 -->
<div>
<el-row>
<span class="top-title-box">菜单信息</span>
</el-row>
<el-row v-for="(domain, index) in ruleForm.cdList">
<el-col :span="12">
<el-form-item
:label="'菜单名称' + (index == 0 ? '' : index)"
required
>
<el-input
v-model="domain.cdmc"
style="width: 100%"
placeholder="请输入菜单名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="'菜单链接' + (index == 0 ? '' : index)"
required
>
<el-input
v-model="domain.cdlj"
style="width: 100%"
placeholder="请输入菜单链接"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="'菜单类型' + (index == 0 ? '' : index)"
required
>
<el-select
v-model="domain.cdlx"
placeholder="请选择菜单类型"
>
<el-option
v-for="dict in gzh_cdlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col
:span="1"
style="text-align: center"
v-if="!disabled"
v-show="index != 0"
>
<i
@click="removeDomain(domain, 'cdList')"
class="el-icon-remove-outline"
style="font-size: 16px; cursor: pointer; margin-top: 8px"
></i>
</el-col>
</el-row>
<el-row v-if="pageType !== 'look'">
<el-col :span="24">
<el-form-item>
<el-button @click="addOtherConcat('cdList')"
>添加菜单</el-button
>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div v-else>
<el-row>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="账号名称"
prop="gzhmc"
:rules="[
{
required: true,
message: '账号名称不能为空',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.gzhmc"
placeholder="请输入账号名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号ID" required>
<el-input
v-model="ruleForm.gzhId"
style="width: 100%"
placeholder="请输入账号ID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="账号状态" required>
<el-select
v-model="ruleForm.gzhzt"
placeholder="请选择账号状态"
>
<el-option
v-for="dict in gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="开办主体" required>
<el-input
v-model="ruleForm.rzzt"
style="width: 100%"
placeholder="请输入开办主体"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="粉丝数" required>
<el-input
v-model="ruleForm.fss"
type="number"
style="width: 100%"
placeholder="请输入粉丝数"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select
v-model="ruleForm.zdhy"
placeholder="请选择重点行业"
>
<el-option
v-for="dict in app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select
v-model="ruleForm.sshy"
placeholder="请选择所属行业"
>
<el-option
v-for="dict in app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
</el-form>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, onMounted, nextTick } from "vue";
import { useRoute, useRouter } from "vue-router";
import {
assetOfficialAccount,
assetOfficialAccountInfo,
unitAllList,
} from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
import { useDict } from "@/utils/dict";
const {
app_xzqh,
app_sshy,
app_zdhy,
gzh_state,
gzh_lx,
gzh_rzzt,
gzh_rzlx,
gzh_cdlx,
sys_ptlx_type,
} = useDict(
"app_xzqh",
"app_sshy",
"app_zdhy",
"gzh_state",
"gzh_lx",
"gzh_rzzt",
"gzh_rzlx",
"gzh_cdlx",
"sys_ptlx_type"
);
const route = useRoute();
const router = useRouter();
const ruleFormRef = ref(null);
// route
const pageType = route.query.pageType || route.params.pageType;
const id = route.query.id || route.params.id;
const queryData = route.query || route.params;
const loading = ref(false);
const disabled = ref(false);
const ruleForm = reactive({
ptlx: "1",
cdList: [
{
cdmc: "",
cdlj: "",
cdlx: "",
},
],
});
const rules = reactive({
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" },
],
});
//
const dict = {
type: {
app_xzqh: [],
app_sshy: [],
app_zdhy: [],
gzh_state: [],
gzh_lx: [],
gzh_rzzt: [],
gzh_rzlx: [],
gzh_cdlx: [],
sys_ptlx_type: [],
},
};
function changeSateTetx(rule, value, callback) {
if (ruleForm.gzhzt == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
}
function changeState(e) {
if (e != 7) {
ruleForm.bfyy = "";
}
}
function removeDomain(item, type) {
const index = ruleForm[type].indexOf(item);
if (index !== -1) {
ruleForm[type].splice(index, 1);
}
}
function addOtherConcat(type) {
ruleForm[type].push({
cdmc: "",
cdlj: "",
cdlx: "",
});
}
async function getInfo(id) {
try {
const res = await assetOfficialAccountInfo(id);
Object.assign(ruleForm, res.data);
} catch (error) {
console.error(error);
}
}
function ptlxChange(item) {
Object.keys(ruleForm).forEach((key) => {
if (key == "cdList") {
ruleForm[key] = [];
return;
}
if (key !== "ssdw" && key !== "ptlx") {
ruleForm[key] = "";
}
});
}
async function querySearchAsync(queryString, cb) {
try {
const res = await unitAllList({ nickName: queryString });
const results = res.data.map((item) => ({
value: item.nickName,
id: item.id,
}));
cb(results);
} catch (error) {
console.error(error);
cb([]);
}
}
async function newAssets() {
if (!ruleFormRef.value) return;
const valid = await ruleFormRef.value.validate().catch(() => false);
if (valid) {
loading.value = true;
try {
if (pageType == "change") {
await assetOfficialAccount("put", ruleForm);
ElMessage.success("修改成功");
router.push({
name: "OfficialAccount",
params: queryData,
});
} else {
await assetOfficialAccount("post", ruleForm);
ElMessage.success("新增成功");
router.go(-1);
}
} catch (error) {
console.error(error);
} finally {
loading.value = false;
}
}
}
function sendBack() {
router.push({ path: "/assetsManage2/gzhZC", params: queryData });
}
onMounted(async () => {
if (pageType == "look") {
await getInfo(id);
disabled.value = true;
await nextTick();
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = "";
});
} else if (pageType == "change") {
await getInfo(id);
disabled.value = false;
}
loading.value = false;
});
</script>

@ -106,7 +106,13 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" style="text-align: right; padding-right: 35px"> <el-col :span="8" style="text-align: right; padding-right: 35px">
<el-form-item> <el-form-item
style="
display: flex;
align-items: center;
justify-content: flex-end;
"
>
<el-button size="mini" @click="resetQuery"></el-button> <el-button size="mini" @click="resetQuery"></el-button>
<el-button size="mini" type="primary" @click="handleQuery" <el-button size="mini" type="primary" @click="handleQuery"
>查询</el-button >查询</el-button
@ -245,10 +251,14 @@
" "
@click="goInfo(scope.row, 1)" @click="goInfo(scope.row, 1)"
> >
<el-icon><View /></el-icon> <img
src="@/assets/images/icon-ck@2x.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #1485ef; margin-right: 15px" style="color: #1485ef; margin-right: 15px;white-space: nowrap;"
>查看</span >查看</span
> >
</div> </div>
@ -260,10 +270,14 @@
" "
@click="goInfo(scope.row, 2)" @click="goInfo(scope.row, 2)"
> >
<el-icon><Edit /></el-icon> <img
src="@/assets/images/edit.png"
alt=""
style="width: 15px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #1485ef; margin-right: 15px" style="color: #1485ef; margin-right: 15px;white-space: nowrap;"
>编辑</span >编辑</span
> >
</div> </div>
@ -275,10 +289,14 @@
" "
@click="goInfo(scope.row, 3)" @click="goInfo(scope.row, 3)"
> >
<el-icon><Delete /></el-icon> <img
src="@/assets/images/del.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span <span
class="look-info" class="look-info"
style="color: #f50c0c; margin-right: 15px" style="color: #f50c0c; margin-right: 10px;white-space: nowrap;"
>删除</span >删除</span
> >
</div> </div>
@ -353,15 +371,7 @@ import { getToken } from "@/utils/auth";
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index"; import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index";
import { useDict } from "@/utils/dict"; import { useDict } from "@/utils/dict";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import { import { View, Edit, Delete, UploadFilled } from "@element-plus/icons-vue";
View,
Edit,
Delete,
Upload,
Download,
Plus,
UploadFilled,
} from "@element-plus/icons-vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const router = useRouter(); const router = useRouter();
@ -518,10 +528,11 @@ const submitFileForm = () => {
// //
const handleAdd = () => { const handleAdd = () => {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/webZCinfo",
query: { query: {
pageType: "add", pageType: "add",
type: 0, type: 0,
parentName: "/assetsManage2/webZC",
}, },
}); });
}; };

@ -48,7 +48,7 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="访问网址" class="fangwenwangzhi"> <el-form-item label="访问网址" class="fangwenwangzhi">
<el-row style="width: 100%"> <el-row style="width: 100%">
<el-col :span="23"> <el-col :span="24">
<el-input <el-input
placeholder="请输入内容" placeholder="请输入内容"
v-model="ruleForm.fwwz" v-model="ruleForm.fwwz"
@ -68,13 +68,11 @@
<div>说明请仔细填写访问地址确保网站地址能被访问</div> <div>说明请仔细填写访问地址确保网站地址能被访问</div>
<i <i
slot="reference" slot="reference"
class="el-icon-document-copy" class="cursor-pointer"
style=" style="margin-left: 5px; font-size: 16px"
margin-left: 5px; >
font-size: 16px; <el-icon><Document /></el-icon>
cursor: pointer; </i>
"
></i>
</el-popover> </el-popover>
</el-col> </el-col>
</el-row> </el-row>
@ -165,21 +163,27 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addForm('glymList')" @click="addForm('glymList')"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="font-size: 22px; cursor: pointer; margin-top: 5px"
style="margin-left: 5px; font-size: 16px; cursor: pointer" >
></i> <el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomainOne(domain, 'glymList')" @click="removeDomainOne(domain, 'glymList')"
v-else v-else
class="el-icon-remove-outline" style="font-size: 22px; cursor: pointer; margin-top: 5px"
style="margin-left: 5px; font-size: 16px; cursor: pointer" >
></i> <el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
@ -238,28 +242,42 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addForm('glIpList')" @click="addForm('glIpList')"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-left: 5px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 5px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomainOne(domain, 'glIpList')" @click="removeDomainOne(domain, 'glIpList')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-left: 5px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 5px;
"
>
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="到期提醒人" class="daoqitixingren"> <el-form-item label="到期提醒人" class="daoqitixingren">
<el-row> <el-row style="display: flex; width: 100%" :gutter="10">
<el-col :span="6"> <el-col :span="6">
<el-form-item> <el-form-item>
<el-input <el-input
@ -269,7 +287,7 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="17"> <el-col :span="18">
<el-form-item <el-form-item
prop="ymtxrLxfs" prop="ymtxrLxfs"
:rules="[ :rules="[
@ -1184,7 +1202,7 @@
@click="removeDomain(domain, 'otherConcat')" @click="removeDomain(domain, 'otherConcat')"
style="margin-top: 5px" style="margin-top: 5px"
> >
<i class="el-icon-delete"></i> <el-icon><Delete /></el-icon>
</el-button> </el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -1951,21 +1969,35 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addGongyinglian('chepingUnit', 1)" @click="addGongyinglian('chepingUnit', 1)"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomain(domain, 'chepingUnit')" @click="removeDomain(domain, 'chepingUnit')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2039,21 +2071,35 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addGongyinglian('yjgysUnit', 2)" @click="addGongyinglian('yjgysUnit', 2)"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomain(domain, 'yjgysUnit')" @click="removeDomain(domain, 'yjgysUnit')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2127,109 +2173,35 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addGongyinglian('jfywUnit', 3)" @click="addGongyinglian('jfywUnit', 3)"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomain(domain, 'jfywUnit')" @click="removeDomain(domain, 'jfywUnit')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
</el-col> margin-bottom: 10px;
</el-row> "
</div>
<div
v-for="(domain, index) in ruleForm.xtsjUnit"
:key="domain.remark"
:prop="'xtsjUnit.' + index + '.value'"
>
<el-row style="display: flex">
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:label="'系统设计单位名称' + (index == 0 ? '' : index)"
>
<el-input
v-model="domain.name"
placeholder="请输入系统设计单位名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:prop="'xtsjUnit.' + index + '.tyshxydm'"
:label="'统一社会信用代码' + (index == 0 ? '' : index)"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
> >
<el-input <el-icon><Remove /></el-icon>
v-model="domain.tyshxydm" </i>
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="display: flex">
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:label="'联系人' + (index == 0 ? '' : index)"
>
<el-input
v-model="domain.lxr"
placeholder="请输入联系人"
></el-input>
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item
class="daoqitixingren"
:label="'联系电话' + (index == 0 ? '' : index)"
:prop="'xtsjUnit.' + index + '.lxdh'"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="domain.lxdh"
placeholder="请输入联系电话"
></el-input>
</el-form-item>
</el-col>
<el-col
:span="1"
style="text-align: center"
v-if="route.query.pageType !== 'look'"
>
<i
@click="addGongyinglian('xtsjUnit', 4)"
v-if="index == 0"
class="el-icon-circle-plus-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i>
<i
@click="removeDomain(domain, 'xtsjUnit')"
v-else
class="el-icon-remove-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2340,21 +2312,35 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addGongyinglian('xtjsUnit', 5)" @click="addGongyinglian('xtjsUnit', 5)"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomain(domain, 'xtjsUnit')" @click="removeDomain(domain, 'xtjsUnit')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2377,6 +2363,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-row style="display: flex">
<el-form-item <el-form-item
class="daoqitixingren" class="daoqitixingren"
required required
@ -2392,6 +2379,7 @@
trigger: 'blur', trigger: 'blur',
}, },
]" ]"
style="width: 100%"
> >
<el-input <el-input
v-model="domain.tyshxydm" v-model="domain.tyshxydm"
@ -2399,6 +2387,7 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form-item> </el-form-item>
</el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="display: flex"> <el-row style="display: flex">
@ -2465,109 +2454,35 @@
</el-col> </el-col>
<el-col <el-col
:span="1" :span="1"
style="text-align: center" style="
display: flex;
justify-content: center;
align-items: center;
"
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
<i <i
@click="addGongyinglian('xtyyUnit', 7)" @click="addGongyinglian('xtyyUnit', 7)"
v-if="index == 0" v-if="index == 0"
class="el-icon-circle-plus-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
margin-bottom: 10px;
"
>
<el-icon><CirclePlus /></el-icon>
</i>
<i <i
@click="removeDomain(domain, 'xtyyUnit')" @click="removeDomain(domain, 'xtyyUnit')"
v-else v-else
class="el-icon-remove-outline" style="
style="margin-top: 10px; font-size: 16px; cursor: pointer" font-size: 22px;
></i> cursor: pointer;
</el-col> margin-bottom: 10px;
</el-row> "
</div>
<div
v-for="(domain, index) in ruleForm.aqfwUnit"
:key="domain.remark"
:prop="'aqfwUnit.' + index + '.value'"
>
<el-row style="display: flex">
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:label="'安全服务单位' + (index == 0 ? '' : index)"
>
<el-input
v-model="domain.name"
placeholder="请输入安全服务单位名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:prop="'aqfwUnit.' + index + '.tyshxydm'"
:label="'统一社会信用代码' + (index == 0 ? '' : index)"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="domain.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="display: flex">
<el-col :span="12">
<el-form-item
class="daoqitixingren"
:label="'联系人' + (index == 0 ? '' : index)"
>
<el-input
v-model="domain.lxr"
placeholder="请输入联系人"
></el-input>
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item
class="daoqitixingren"
:label="'联系电话' + (index == 0 ? '' : index)"
:prop="'aqfwUnit.' + index + '.lxdh'"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="domain.lxdh"
placeholder="请输入联系电话"
></el-input>
</el-form-item>
</el-col>
<el-col
:span="1"
style="text-align: center"
v-if="route.query.pageType !== 'look'"
> >
<i <el-icon><Remove /></el-icon>
@click="addGongyinglian('aqfwUnit', 6)" </i>
v-if="index == 0"
class="el-icon-circle-plus-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i>
<i
@click="removeDomain(domain, 'aqfwUnit')"
v-else
class="el-icon-remove-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2615,7 +2530,7 @@
required required
:label="'设备IP' + (index == 0 ? '' : index)" :label="'设备IP' + (index == 0 ? '' : index)"
> >
<el-row style="display: flex"> <el-row style="display: flex; width: 100%" :gutter="10">
<el-col :span="8"> <el-col :span="8">
<el-select <el-select
v-model="domain.ipType" v-model="domain.ipType"
@ -2735,11 +2650,12 @@
</el-col> </el-col>
<el-col :span="8" v-if="!disabled"> <el-col :span="8" v-if="!disabled">
<i <i
@click="removeDomainTwo(domain, 'fwqxx')" @click="removeDomain(domain, 'fwqxx')"
v-if="index !== 0" v-if="index !== 0"
class="el-icon-remove-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer" style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i> >
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2788,7 +2704,7 @@
required required
:label="'设备IP' + (index == 0 ? '' : index)" :label="'设备IP' + (index == 0 ? '' : index)"
> >
<el-row style="display: flex"> <el-row style="display: flex; width: 100%" :gutter="10">
<el-col :span="8"> <el-col :span="8">
<el-select <el-select
v-model="domain.ipType" v-model="domain.ipType"
@ -2875,11 +2791,12 @@
</el-col> </el-col>
<el-col :span="8" v-if="!disabled"> <el-col :span="8" v-if="!disabled">
<i <i
@click="removeDomainTwo(domain, 'wlsb')" @click="removeDomain(domain, 'wlsb')"
v-if="index !== 0" v-if="index !== 0"
class="el-icon-remove-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer" style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i> >
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -2930,7 +2847,7 @@
required required
:label="'设备IP' + (index == 0 ? '' : index)" :label="'设备IP' + (index == 0 ? '' : index)"
> >
<el-row style="display: flex"> <el-row style="display: flex" :gutter="10">
<el-col :span="8"> <el-col :span="8">
<el-select <el-select
v-model="domain.ipType" v-model="domain.ipType"
@ -3017,11 +2934,12 @@
</el-col> </el-col>
<el-col :span="8" v-if="!disabled"> <el-col :span="8" v-if="!disabled">
<i <i
@click="removeDomainTwo(domain, 'aqsb')" @click="removeDomain(domain, 'aqsb')"
v-if="index !== 0" v-if="index !== 0"
class="el-icon-remove-outline"
style="margin-top: 10px; font-size: 16px; cursor: pointer" style="margin-top: 10px; font-size: 16px; cursor: pointer"
></i> >
<el-icon><Remove /></el-icon>
</i>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -4227,8 +4145,10 @@
<i <i
v-if="dataIndex > 0" v-if="dataIndex > 0"
@click="removeSjzcList(dataIndex)" @click="removeSjzcList(dataIndex)"
class="el-icon-remove-outline removeRow" class="removeRow"
></i> >
<el-icon><Remove /></el-icon>
</i>
</el-form-item> </el-form-item>
<el-row> <el-row>
<el-form-item> <el-form-item>
@ -4248,7 +4168,7 @@
v-model="ruleForm.ywxttpwj" v-model="ruleForm.ywxttpwj"
> >
<div class="upload-file"> <div class="upload-file">
<i class="el-icon-paperclip"></i> <el-icon><Paperclip /></el-icon>
<span <span
>附件上传支持xlsxlsxdocdocxpdfrarzippcaptxt最多上传1个文件每个不超过30M</span >附件上传支持xlsxlsxdocdocxpdfrarzippcaptxt最多上传1个文件每个不超过30M</span
> >
@ -4265,7 +4185,7 @@
v-model="ruleForm.ywxttpt" v-model="ruleForm.ywxttpt"
> >
<div class="upload-file"> <div class="upload-file">
<i class="el-icon-paperclip"></i> <el-icon><Paperclip /></el-icon>
<span <span
>图片上传支持jpgjpegpng最多上传1张图片每个不超过30M</span >图片上传支持jpgjpegpng最多上传1张图片每个不超过30M</span
> >
@ -4283,7 +4203,12 @@
</el-row> </el-row>
</div> </div>
<el-row <el-row
style="margin: 10px auto; padding-bottom: 50px; text-align: center;justify-content: center;" style="
margin: 10px auto;
padding-bottom: 50px;
text-align: center;
justify-content: center;
"
flex flex
v-if="route.query.pageType !== 'look'" v-if="route.query.pageType !== 'look'"
> >
@ -4292,21 +4217,24 @@
>保存</el-button >保存</el-button
> >
</el-row> </el-row>
</el-form>
<el-row <el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center" style="display: flex; justify-content: center"
v-if="route.query.pageType === 'look'" v-if="route.query.pageType === 'look'"
class="back-btn"
>
<el-button type="primary" @click="sendBack" :disabled="!disabled"
>返回</el-button
> >
<el-button type="primary" @click="sendBack"></el-button>
</el-row> </el-row>
</el-form>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref, reactive, onMounted, nextTick } from "vue"; import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from "vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { ElMessage } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import pcas from "@/utils/pca-code.json"; import pcas from "@/utils/pca-code.json";
import myUpload from "@/views/components/myUpload/index.vue"; import myUpload from "@/views/components/myUpload/index.vue";
import { import {
@ -4316,6 +4244,21 @@ import {
} from "@/api/auditPagesApi/index"; } from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js"; import equalToPassword from "@/views/components/assetsType/mainx.js";
import { useDict } from "@/utils/dict"; import { useDict } from "@/utils/dict";
import {
View,
Edit,
Delete,
Upload,
Download,
Plus,
UploadFilled,
CirclePlus,
Remove,
Document,
Paperclip,
Search,
QuestionFilled,
} from "@element-plus/icons-vue";
const { const {
is_no, is_no,
zc_xtlx, zc_xtlx,
@ -4803,6 +4746,8 @@ onMounted(async () => {
disabled.value = true; disabled.value = true;
isMore.value = true; isMore.value = true;
await nextTick(); await nextTick();
// const backBtn = document.querySelector(".back-btn");
backBtn.querySelector("button").disabled = false;
const inputElements = document.querySelectorAll(".el-input__inner"); const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll( const textareaInputElements = document.querySelectorAll(
".el-textarea__inner" ".el-textarea__inner"
@ -4813,14 +4758,13 @@ onMounted(async () => {
textareaInputElements.forEach((input) => { textareaInputElements.forEach((input) => {
input.placeholder = ""; input.placeholder = "";
}); });
loading.value = false;
} else if (pageType === "change") { } else if (pageType === "change") {
await getInfo(id); await getInfo(id);
disabled.value = false; disabled.value = false;
isMore.value = true; isMore.value = true;
loading.value = false;
}
}
loading.value = false;
}); });
const changeRadio = (id) => { const changeRadio = (id) => {
@ -5001,12 +4945,12 @@ const newAssets = async () => {
loading.value = false; loading.value = false;
console.error("表单验证或提交失败:", error); console.error("表单验证或提交失败:", error);
} }
loading.value = false;
}; };
// //
const sendBack = () => { const sendBack = () => {
// router.push({ name: "Assets", query: queryData }); router.push({ path: "/assetsManage2/webZC", params: queryData });
goBack(-1);
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -5107,4 +5051,10 @@ const sendBack = () => {
right: 0; right: 0;
} }
} }
.cursor-pointer {
cursor: pointer;
}
::v-deep .el-form-item {
width: 100%;
}
</style> </style>

File diff suppressed because it is too large Load Diff

@ -540,10 +540,11 @@ function submitFileForm() {
function handleAdd() { function handleAdd() {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/xcxZCinfo",
query: { query: {
pageType: "add", pageType: "add",
type: 1, type: 1,
parentName: "/assetsManage2/xcxZC",
}, },
}); });
} }
@ -552,22 +553,24 @@ function goInfo(row, id) {
console.log(formInline.value,'row') console.log(formInline.value,'row')
if (id === 1) { if (id === 1) {
router.push({ router.push({
name: "assetsType1", path: "/assetsManage2/xcxZCinfo",
query: { query: {
pageType: "look", pageType: "look",
type: 1, type: 1,
id: row.id, id: row.id,
queryData: formInline.value, queryData: formInline.value,
parentName: "/assetsManage2/xcxZC",
}, },
}); });
} else if (id === 2) { } else if (id === 2) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/xcxZCinfo",
query: { query: {
pageType: "change", pageType: "change",
type: 1, type: 1,
id: row.id, id: row.id,
queryData: formInline.value, queryData: formInline.value,
parentName: "/assetsManage2/xcxZC",
}, },
}); });
} else if (id === 3) { } else if (id === 3) {

@ -0,0 +1,541 @@
<!-- 小程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleFormRef"
label-width="170px"
class="demo-ruleForm"
label-position="right"
:disabled="disabled"
>
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入所属单位"></el-input> -->
<!-- @select="handleSelect" -->
<!-- :disabled="disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序名称" prop="xcxmc">
<el-input
v-model="ruleForm.xcxmc"
placeholder="请输入小程序名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="APPID" required>
<el-input
v-model="ruleForm.appId"
style="width: 100%"
placeholder="请输入APPID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证主体" required>
<el-input
v-model="ruleForm.rzzt"
style="width: 100%"
placeholder="请输入认证主体"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序状态" required>
<el-select
v-model="ruleForm.state"
placeholder="请选择小程序状态"
@change="changeState"
>
<el-option
v-for="dict in gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="账号原始ID" required>
<el-input
v-model="ruleForm.ysId"
style="width: 100%"
placeholder="请输入账号原始ID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="小程序包状态" required>
<el-select
v-model="ruleForm.packState"
placeholder="请选择小程序包状态"
>
<el-option
v-for="dict in email_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证状态" required>
<el-select
v-model="ruleForm.rzState"
placeholder="请选择认证状态"
>
<el-option
v-for="dict in gzh_rzzt"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="认证时间" required>
<el-date-picker
v-model="ruleForm.rzsj"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="认证类型" required>
<el-select v-model="ruleForm.rzlx" placeholder="请选择认证类型">
<el-option
v-for="dict in gzh_rzlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" required>
<el-input
v-model="ruleForm.icpState"
style="width: 100%"
placeholder="请输入icp备案状态"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="域名白名单" required>
<el-input
v-model="ruleForm.ymbmd"
style="width: 100%"
placeholder="请输入域名白名单"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="服务类目" required>
<el-input
v-model="ruleForm.fwlm"
style="width: 100%"
placeholder="请输入服务类目"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="行业电子邮箱" required>
<el-form-item
prop="hydzyx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.hydzyx"
style="width: 100%"
placeholder="请输入行业电子邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人" required>
<el-input
v-model="ruleForm.xtzrr"
style="width: 100%"
placeholder="请输入系统责任人"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人电话" required>
<el-form-item
prop="xtzrrdh"
:rules="[
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: '请输入正确的手机号码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.xtzrrdh"
style="width: 100%"
placeholder="请输入系统责任人电话"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="系统责任人邮箱" required>
<el-form-item
prop="xtzrryx"
:rules="[
{
type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change'],
},
]"
>
<el-input
v-model="ruleForm.xtzrryx"
style="width: 100%"
placeholder="请输入系统责任人邮箱"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="系统责任人地址" required>
<el-input
v-model="ruleForm.xtzrrdz"
style="width: 100%"
placeholder="请输入系统责任人地址"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="引入插件APPID" required>
<el-input
v-model="ruleForm.yycjAppid"
style="width: 100%"
placeholder="请输入引入插件APPID"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="引用插件(开发者)" required>
<el-input
v-model="ruleForm.yycjKfz"
style="width: 100%"
placeholder="请输入引用插件(开发者)"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="ruleForm.state == 7">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.state == 7"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="系统简介" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入系统简介"
:rows="5"
v-model="ruleForm.xtjj"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row
style="display: flex; justify-content: center;"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
<el-row
style="display: flex; justify-content: center;"
v-if="pageType === 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, onMounted, nextTick } from "vue";
import { useRoute, useRouter } from "vue-router";
import { ElMessage } from "element-plus";
import {
assetMiniPrograms,
miniProgramsInfo,
unitAllList,
} from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
import { useDict } from "@/utils/dict";
const {
app_xzqh,
app_sshy,
app_zdhy,
gzh_state,
gzh_rzzt,
gzh_rzlx,
email_state,
} = useDict(
"app_xzqh",
"app_sshy",
"app_zdhy",
"gzh_state",
"gzh_rzzt",
"gzh_rzlx",
"email_state"
);
const route = useRoute();
const router = useRouter();
const ruleFormRef = ref(null);
// Data
const ruleForm = reactive({});
const loading = ref(false);
const disabled = ref(false);
const pageType = ref(route.query.pageType || "");
const id = ref(route.query.id || "");
const queryData = ref(route.query.queryData || {});
// Rules
const changeSateTetx = (rule, value, callback) => {
if (ruleForm.state === 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
};
const rules = reactive({
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" },
],
xcxmc: [{ required: true, message: "小程序名称不能为空", trigger: "blur" }],
});
// Methods
const changeState = (e) => {
if (e !== 7) {
ruleForm.bfyy = "";
}
};
const getInfo = async (id) => {
try {
const res = await miniProgramsInfo(id);
Object.assign(ruleForm, res.data);
} catch (error) {
console.error("获取信息失败:", error);
}
};
const querySearchAsync = async (queryString, cb) => {
try {
const res = await unitAllList({ nickName: queryString });
const results = res.data.map((item) => ({
value: item.nickName,
id: item.id,
tyshxydm: item.userName,
}));
cb(results);
} catch (error) {
cb([]);
}
};
const handleSelect = (item) => {
ruleForm.tyshxydm = item.tyshxydm;
};
const sendBack = () => {
router.push({ path: "/assetsManage2/xcxZC", params: queryData });
};
const newAssets = async () => {
if (!ruleFormRef.value) return;
try {
await ruleFormRef.value.validate();
loading.value = true;
if (pageType.value === "change") {
await assetMiniPrograms("put", ruleForm);
ElMessage.success("修改成功");
router.push({
name: "Program",
params: queryData.value,
});
} else {
await assetMiniPrograms("post", ruleForm);
ElMessage.success("添加成功");
router.push({
name: "Program",
params: queryData.value,
});
}
} catch (error) {
console.error("操作失败:", error);
} finally {
loading.value = false;
}
};
// Lifecycle hooks
onMounted(async () => {
if (pageType.value === "look") {
await getInfo(id.value);
disabled.value = true;
nextTick(() => {
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = "";
});
});
} else if (pageType.value === "change") {
await getInfo(id.value);
disabled.value = false;
}
loading.value = false;
});
</script>

@ -1,27 +1,15 @@
<!--assetsManage/assets--> <!-- 资产管理 -- 移动应用系统 -->
<template> <template>
<el-row <el-row :gutter="20" style="height: 100%;background-color: #F2F4F6;display: flex;">
:gutter="20"
style="height: 100%; background-color: #f2f4f6; display: flex"
>
<!--部门数据--> <!--部门数据-->
<el-col <el-col :span="3" :xs="24" style="margin-right: 10px;height: 100%; background-color: #fff;padding-top: 20px;">
:span="3"
:xs="24"
style="
margin-right: 10px;
height: 100%;
background-color: #fff;
padding-top: 20px;
"
>
<div class="head-container"> <div class="head-container">
<el-tree <el-tree
:data="deptOptions" :data="deptOptions"
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="false"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="treeRef"
node-key="id" node-key="id"
default-expand-all default-expand-all
highlight-current highlight-current
@ -29,46 +17,26 @@
/> />
</div> </div>
</el-col> </el-col>
<el-col :span="20" :xs="24" style="height: 100%; flex: 1"> <el-col :span="20" :xs="24" style="height: 100%;flex: 1;">
<div class="L-main" id="L-size-main"> <div class="L-main" id="L-size-main">
<div class="content-search" id="L-header"> <div class="content-search" id="L-header">
<div class="search-title">查询条件</div> <div class="search-title">查询条件</div>
<el-form <el-form :inline="true" ref="queryFormRef" :model="formInline" class="demo-form-inline">
:inline="true"
ref="queryForm"
:model="formInline"
size="small"
class="demo-form-inline"
>
<el-row> <el-row>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统名称:" prop="xtmc"> <el-form-item label="所属单位:" prop="dwmc">
<el-input <el-input v-model="formInline.dwmc" placeholder="请输入所属单位" style="width: 95%;"></el-input>
v-model="formInline.xtmc"
placeholder="请输入系统名称"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="系统类型:" prop="xtlx"> <el-form-item label="移动应用名称:" prop="yymc">
<el-select <el-input v-model="formInline.yymc" placeholder="请输入移动应用名称" style="width: 95%;"></el-input>
v-model="formInline.xtlx"
placeholder="请选择系统类型"
>
<el-option
v-for="dict in zc_xtlx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<el-form-item label="新增时间:" prop="time"> <el-form-item label="新增时间:" prop="time">
<el-date-picker <el-date-picker
v-model="formInline.time" v-model="time"
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange" type="datetimerange"
@ -79,41 +47,38 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" style="text-align: right;">
<el-form-item class="unit-form">
<el-button @click="resetQuery('queryFrom')"></el-button>
<el-button type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row> <!-- <el-row>
<el-col :span="7"> <el-col :span="8">
<el-form-item label="单位名称:" prop="dwmc"> <el-form-item label="单位名称:" prop="dwmc">
<el-input <el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
v-model="formInline.dwmc"
placeholder="请输入单位名称"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="8">
<el-form-item label="系统状态:" prop="xtzt"> <el-form-item label="系统状态:" prop="xtzt">
<el-select <el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
v-model="formInline.xtzt"
placeholder="请选择系统状态"
>
<el-option <el-option
v-for="dict in zc_xtzt" v-for="dict in dict.type.zc_xtzt"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value">
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="9" style="text-align: right; padding-right: 35px"> <el-col :span="8" style="text-align: right;padding-right: 50px;">
<el-form-item> <el-form-item>
<el-button size="mini" @click="resetQuery"></el-button> <el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery" <el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
>查询</el-button
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row> -->
</el-form> </el-form>
</div> </div>
<main> <main>
@ -124,163 +89,92 @@
<el-button <el-button
type="info" type="info"
plain plain
icon="Upload" :icon="Upload"
size="mini"
@click="handleImport" @click="handleImport"
>导入</el-button >导入</el-button>
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
icon="Download" :icon="Download"
size="mini"
@click="handleExport" @click="handleExport"
>导出</el-button >导出</el-button>
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="Plus" :icon="Plus"
size="mini"
@click="handleAdd" @click="handleAdd"
>新增资产</el-button >新增资产</el-button>
>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<section> <section>
<el-table <el-table v-loading="loading" :data="tableData" :height="tabHeader" :row-class-name="tableRowClassName" :max-height="tabHeader">
v-loading="loading" <el-table-column type="index" width="60" label="序号" align="center"/>
:data="tableData" <el-table-column label="移动应用名称" key="appName" prop="appName" align="center" />
:height="tabHeader" <el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
:row-class-name="tableRowClassName" <!-- <el-table-column label="icp备案状态" key="dwmc" prop="dwmc" align="center">
:max-height="tabHeader"
>
<el-table-column
type="index"
width="60"
label="序号"
align="center"
/>
<el-table-column
label="系统名称"
key="xtmc"
width="200px"
prop="xtmc"
align="center"
/>
<el-table-column
label="系统类型"
key="xtlx"
prop="xtlx"
align="center"
>
<template #default="scope"> <template #default="scope">
<dict-tag :options="zc_xtlx" :value="scope.row.xtlx" /> <dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
label="单位名称" <el-table-column label="移动应用系统状态" key="status" prop="status" class-name="table-status" align="center">
key="dwmc" <!-- <template #default="scope">
prop="dwmc" <span v-if="scope.row.icpState == 1" style="color: #F58A0C;">
align="center" 未备案
/> </span>
<el-table-column <span v-if="scope.row.icpState == 2" style="color: #16B771;">
label="新增时间" 已备案
key="createTime" </span>
prop="createTime" <span v-if="scope.row.icpState == 3" style="color: #1485EF;">
align="center" 非网站系统
/> </span>
<el-table-column </template> -->
label="系统状态"
key="status"
prop="status"
class-name="table-status"
align="center"
>
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.xtzt == 1" style="color: #16b771" <span v-if="scope.row.appState == 1" style="color: #16B771;">
>已安装</span 正常
> </span>
<span v-if="scope.row.xtzt == 2" style="color: #f58a0c" <span v-if="scope.row.appState == 2" style="color: #F58A0C;">
>测试中</span 注销
> </span>
<span v-if="scope.row.xtzt == 3" style="color: #1485ef" <span v-if="scope.row.appState == 3" style="color: #1485EF;">
>使用中</span 迁移
> </span>
<span v-if="scope.row.xtzt == 4" style="color: #29a07a" <span v-if="scope.row.appState == 4" style="color: #29A07A;">
>维护中</span 受限
> </span>
<span v-if="scope.row.xtzt == 5" style="color: #f50c0c" <span v-if="scope.row.appState == 5" style="color: #F50C0C;">
>关停</span 违规
> </span>
<span v-if="scope.row.xtzt == 6" style="color: #f50c0c" <span v-if="scope.row.appState == 6" style="color: #F58A0C;">
>备用</span 未知
> </span>
<span v-if="scope.row.appState == 7" style="color: #F50C0C;">
关停
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
label="操作"
prop="userId"
class-name="table-operation"
align="center"
>
<template #default="scope"> <template #default="scope">
<div <div style="display: flex;align-items: center;justify-content: center;">
style=" <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
display: flex; <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
align-items: center; <span class="look-info" style="color: #1485EF;margin-right: 15px;">查看</span>
justify-content: center;
"
>
<div
style="
display: flex;
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 1)"
>
<el-icon><View /></el-icon>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>查看</span
>
</div> </div>
<div <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,2)">
style=" <img src="@/assets/images/edit.png" alt="" style="width: 15px;margin-right: 5px;">
display: flex; <span class="look-info" style="color: #1485EF;margin-right: 15px;">编辑</span>
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 2)"
>
<el-icon><Edit /></el-icon>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>编辑</span
>
</div> </div>
<div <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,3)">
style=" <img src="@/assets/images/del.png" alt="" style="width: 20px;margin-right: 5px;">
display: flex; <span class="look-info" style="color: #F50C0C;margin-right: 15px;">删除</span>
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 3)"
>
<el-icon><Delete /></el-icon>
<span
class="look-info"
style="color: #f50c0c; margin-right: 15px"
>删除</span
>
</div> </div>
</div> </div>
</template> </template>
@ -293,18 +187,13 @@
:page="formInline.current" :page="formInline.current"
:limit="formInline.size" :limit="formInline.size"
@pagination="getPagination" @pagination="getPagination"
v-model:current-page="formInline.current" :current-page="formInline.current"
/> ></my-pagination>
</main> </main>
<!-- 资产导入对话框 --> <!-- 资产导入对话框 -->
<el-dialog <el-dialog v-model="upload.open" :title="upload.title" width="400px" append-to-body>
v-model="upload.open"
:title="upload.title"
width="400px"
append-to-body
>
<el-upload <el-upload
ref="upload" ref="uploadRef"
:limit="1" :limit="1"
accept=".xlsx, .xls" accept=".xlsx, .xls"
:headers="upload.headers" :headers="upload.headers"
@ -315,28 +204,21 @@
:auto-upload="false" :auto-upload="false"
drag drag
> >
<el-icon class="el-icon--upload"><upload-filled /></el-icon> <el-icon><Upload /></el-icon>
<div class="el-upload__text"> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
将文件拖到此处<em>点击上传</em>
</div>
<template #tip> <template #tip>
<div class="el-upload__tip"> <div class="el-upload__tip text-center">
<!-- <div class="el-upload__tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span> <span>仅允许导入xlsxlsx格式文件</span>
<el-link <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate"></el-link>
type="primary"
:underline="false"
style="font-size: 12px; vertical-align: baseline"
@click="importTemplate"
>下载模板</el-link
>
</div> </div>
</template> </template>
</el-upload> </el-upload>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="submitFileForm" <el-button type="primary" @click="submitFileForm"> </el-button>
> </el-button
>
<el-button @click="upload.open = false"> </el-button> <el-button @click="upload.open = false"> </el-button>
</div> </div>
</template> </template>
@ -345,62 +227,52 @@
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
<script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from "vue";
import { useRouter } from "vue-router";
import myPagination from "@/views/components/Pagination/index.vue";
import { getToken } from "@/utils/auth";
import { assetUnit, deleteAssetInfo, schema } from "@/api/auditPagesApi/index";
import { useDict } from "@/utils/dict";
import { ElMessage, ElMessageBox } from "element-plus";
import {
View,
Edit,
Delete,
Upload,
Download,
Plus,
UploadFilled,
} from "@element-plus/icons-vue";
const { proxy } = getCurrentInstance(); <script setup>
const router = useRouter(); import { ref, reactive, onMounted, onUnmounted, nextTick } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { ElMessage, ElMessageBox } from 'element-plus'
import { Download, Upload, Plus } from '@element-plus/icons-vue'
import myPagination from "@/views/components/Pagination/index.vue"
import { getToken } from "@/utils/auth"
import { assetAppList, deleteAssetApp, schema } from "@/api/auditPagesApi/index"
// const router = useRouter()
const { zc_xtzt, zc_xtlx } = useDict("zc_xtzt", "zc_xtlx"); const route = useRoute()
// //
const deptOptions = ref(); const deptOptions = ref(undefined)
const tree = ref(null); const defaultProps = reactive({
const defaultProps = {
children: "children", children: "children",
label: "label", label: "label"
}; })
const formInline = reactive({ const formInline = reactive({
xtmc: "", dwmc: "",
xtlx: "", yymc: "",
time: [],
startTime: "", startTime: "",
endTime: "", endTime: "",
dwmc: "",
xtzt: "",
current: 1, current: 1,
size: 20, size: 10,
}); })
const time = ref([])
const total = ref(0)
const tableData = ref([])
const loading = ref(false)
const tabHeader = ref(undefined)
const total = ref(0); // refs
const tableData = ref([]); const treeRef = ref(null)
const loading = ref(false); const queryFormRef = ref(null)
const tabHeader = ref(); const uploadRef = ref(null)
// //
const upload = reactive({ const upload = reactive({
// //
open: false, open: false,
// //
title: "web资产导入", title: "移动应用程序资产导入",
// //
isUploading: false, isUploading: false,
// //
@ -408,197 +280,188 @@ const upload = reactive({
// //
headers: { Authorization: "Bearer " + getToken() }, headers: { Authorization: "Bearer " + getToken() },
// //
url: location.origin + "/api/tc/assetCurrent/importData", // url: import.meta.env.VITE_APP_BASE_API + "/tc/assetApp/importData"
}); url: location.origin + "/api/tc/assetApp/importData"
})
/** 查询部门下拉树结构 */ onMounted(() => {
if (Object.keys(route.params).length != 0) {
Object.assign(formInline, route.params)
} else {
formInline.current = 1
formInline.size = 20
}
getList()
getDeptTree()
cancalDebounce()
window.addEventListener('resize', cancalDebounce)
})
onUnmounted(() => {
window.removeEventListener('resize', cancalDebounce)
})
//
const getDeptTree = () => { const getDeptTree = () => {
schema({ type: 0 }).then((response) => { schema({type:4}).then(response => {
deptOptions.value = response.data; deptOptions.value = response.data
}); })
}; }
// //
const filterNode = (value, data) => { const filterNode = (value, data) => {
if (!value) return true; if (!value) return true
return data.label.indexOf(value) !== -1; return data.label.indexOf(value) !== -1
}; }
// //
const handleNodeClick = (data) => { const handleNodeClick = (data) => {
formInline.deptId = data.id; formInline.deptId = data.id
handleQuery(); handleQuery()
}; }
// //
const getList = () => { const getList = () => {
loading.value = true; loading.value = true
assetUnit("get", formInline).then((res) => { assetAppList(formInline).then(res => {
loading.value = false; loading.value = false
total.value = res.data.total; total.value = res.data.total
tableData.value = res.data.records; tableData.value = res.data.records
}); })
}; }
// //
const resetQuery = () => { const resetQuery = () => {
proxy.$refs["queryForm"].resetFields(); queryFormRef.value?.resetFields()
formInline.deptId = undefined; time.value = []
tree.value.setCurrentKey(null); formInline.deptId = undefined
handleQuery(); treeRef.value?.setCurrentKey(null)
}; handleQuery()
}
// //
const handleQuery = () => { const handleQuery = () => {
formInline.current = 1; formInline.current = 1
formInline.size = 20; if (time.value && time.value.length > 0) {
if (formInline.time) { formInline.startTime = time.value[0]
formInline.startTime = formInline.time[0]; formInline.endTime = time.value[1]
formInline.endTime = formInline.time[1]; }
getList()
} }
formInline.time = [];
getList();
};
// //
const getPagination = (pages) => { const getPagination = (pages) => {
formInline.current = pages.page; formInline.current = pages.page
formInline.size = pages.limit; formInline.size = pages.limit
getList(); getList()
}; }
// //
const handleImport = () => { const handleImport = () => {
upload.open = true; upload.open = true
}; }
// //
const handleExport = () => { const handleExport = () => {
proxy.download( download('/tc/assetApp/export', {
"/tc/assetCurrent/export", ...formInline
{ }, `移动应用程序资产${new Date().getTime()}.xlsx`)
...formInline, }
},
`web资产${new Date().getTime()}.xlsx`
);
};
/** 下载模板操作 */ /** 下载模板操作 */
const importTemplate = () => { const importTemplate = () => {
proxy.download( download('/tc/assetApp/importTemplate', {
"/tc/assetCurrent/importTemplate", }, `移动应用程序资产导入模板${new Date().getTime()}.xlsx`)
{}, }
`web资产导入模板${new Date().getTime()}.xlsx`
);
};
// //
const handleFileUploadProgress = () => { const handleFileUploadProgress = () => {
upload.isUploading = true; upload.isUploading = true
}; }
// //
const handleFileSuccess = (response, file, fileList) => { const handleFileSuccess = (response) => {
upload.open = false; upload.open = false
upload.isUploading = false; upload.isUploading = false
proxy.$refs.upload.clearFiles(); uploadRef.value.clearFiles()
ElMessageBox.alert( ElMessageBox.alert(`<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`, "导入结果", {
`<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>${response.msg}</div>`, dangerouslyUseHTMLString: true
"导入结果", })
{ dangerouslyUseHTMLString: true } getList()
); }
getList();
};
// //
const submitFileForm = () => { const submitFileForm = () => {
proxy.$refs.upload.submit(); uploadRef.value.submit()
}; }
// //
const handleAdd = () => { const handleAdd = () => {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/ydyyxtZCinfo",
query: { query: {
pageType: "add", pageType: "add",
type: 0, type: 4,
}, parentName: "/assetsManage2/ydyyxtZC",
}); }
}; })
}
// //
const goInfo = (row, id) => { const goInfo = (row, id) => {
if (id === 1) { if (id == 1) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/ydyyxtZCinfo",
query: { query: {
pageType: "look", pageType: "look",
type: 0, type: 4,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
}, parentName: "/assetsManage2/ydyyxtZC",
meta: { }
title: "新增资产", })
icon: "user", } else if (id == 2) {
activeMenu: "/assetsManage/program",
},
});
} else if (id === 2) {
router.push({ router.push({
name: "AssetsAuth", path: "/assetsManage2/ydyyxtZCinfo",
query: { query: {
pageType: "change", pageType: "change",
type: 0, type: 4,
id: row.id, id: row.id,
queryData: formInline, queryData: formInline,
}, parentName: "/assetsManage2/ydyyxtZC",
}); }
} else if (id === 3) {
const userIds = row.id;
ElMessageBox.confirm(`是否确认删除用户编号为"${userIds}"的数据项?`)
.then(() => {
return deleteAssetInfo(userIds);
})
.then(() => {
getList();
ElMessage.success("删除成功");
}) })
.catch(() => {}); } else if (id == 3) {
const userIds = row.id
ElMessageBox.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?').then(() => {
return deleteAssetApp(userIds)
}).then(() => {
getList()
ElMessage.success("删除成功")
}).catch(() => {})
}
} }
};
// table // table
const tableRowClassName = ({rowIndex}) => { const tableRowClassName = ({rowIndex}) => {
if (rowIndex % 2 !== 0) { if (rowIndex % 2 !== 0) {
return "evenNumber-row"; return 'evenNumber-row'
}
return ''
} }
return "";
};
//
const cancalDebounce = () => { const cancalDebounce = () => {
const element = document.getElementById("L-size-main"); nextTick(() => {
const header = document.getElementById("L-header"); const element = document.getElementById('L-size-main')
const pagination = document.getElementById("L-pagination"); const header = document.getElementById('L-header')
const elementHeight = element.offsetHeight; const pagination = document.getElementById('L-pagination')
const headerHeight = header.offsetHeight; if (element && header && pagination) {
const paginationtHeight = pagination.offsetHeight; const elementHeight = element.offsetHeight
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110; const headerHeight = header.offsetHeight
}; const paginationtHeight = pagination.offsetHeight
tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110
onMounted(() => { }
if (Object.keys(router.currentRoute.value.params).length !== 0) { })
Object.assign(formInline, router.currentRoute.value.params);
} else {
formInline.current = 1;
formInline.size = 20;
} }
getList();
getDeptTree();
cancalDebounce();
window.addEventListener("resize", cancalDebounce);
});
onUnmounted(() => {
window.removeEventListener("resize", cancalDebounce);
});
</script> </script>

@ -0,0 +1,413 @@
<!-- 移动应用程序表单 -->
<template>
<div class="L-assets-info">
<div class="assets-info-top">
<el-row style="margin: 10px 0">
<span class="top-title-box">基本信息</span>
</el-row>
<div class="assets-info-box">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleFormRef"
label-width="170px"
class="demo-ruleForm"
label-position="right"
:disabled="disabled"
>
<el-row>
<el-col :span="12">
<el-form-item label="所属单位" required prop="ssdw">
<!-- <el-input v-model="ruleForm.ssdw" placeholder="请输入单位名称"></el-input> -->
<!-- :disabled="!disabledTwo" -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" required prop="appName">
<el-input
v-model="ruleForm.appName"
placeholder="请输入移动应用名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" required>
<el-input
v-model="ruleForm.pack"
style="width: 100%"
placeholder="请输入包名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="icp备案状态" required>
<el-select
v-model="ruleForm.icpState"
placeholder="请选择icp备案状态"
>
<el-option
v-for="dict in app_icp_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="icp备案号" required>
<el-input
v-model="ruleForm.icpbah"
placeholder="请输入icp备案号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
class="daoqitixingren"
label="统一社会信用代码"
required
>
<el-form-item
prop="tyshxydm"
:rules="[
{
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'blur',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" required>
<el-input
v-model="ruleForm.wjm"
placeholder="请输入文件名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" required>
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in app_sshy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="重点行业" required>
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in app_zdhy"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行政区划" required>
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in app_xzqh"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="安全加固情况" required>
<el-select
v-model="ruleForm.aqjgqk"
placeholder="请选择安全加固情况"
>
<el-option
v-for="dict in app_aqjgqk"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息" required>
<el-input
v-model="ruleForm.bbxx"
style="width: 100%"
placeholder="请输入版本信息"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(版本号)" required>
<el-input
v-model="ruleForm.bbh"
style="width: 100%"
placeholder="请输入版本信息(版本号)"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="版本信息MD5" required>
<el-input
v-model="ruleForm.bbxxMd5"
style="width: 100%"
placeholder="请输入版本信息MD5"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="版本信息(上架平台)" required>
<el-input
v-model="ruleForm.bbxxSjpt"
style="width: 100%"
placeholder="请输入版本信息(上架平台)"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件大小" required>
<el-input
v-model="ruleForm.wjdx"
style="width: 100%"
placeholder="请输入文件大小"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="移动应用系统状态" required>
<el-select
v-model="ruleForm.appState"
placeholder="请选择移动应用系统状态"
@change="changeState"
>
<el-option
v-for="dict in gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="ruleForm.appState == 7">
<el-col :span="24">
<el-form-item
label="关停原因"
prop="bfyy"
:required="ruleForm.appState == 7"
>
<el-input
type="textarea"
resize="none"
placeholder="请输入关停原因"
:rows="5"
v-model="ruleForm.bfyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简介" required>
<el-input
type="textarea"
resize="none"
placeholder="请输入简介"
:rows="5"
v-model="ruleForm.jj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType !== 'look'"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>保存</el-button
>
</el-row>
</el-form>
<el-row
style="display: flex; justify-content: center; align-items: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, onMounted, nextTick } from "vue";
import { useRoute, useRouter } from "vue-router";
import { assetApp, assetAppInfo, unitAllList } from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
import { useDict } from "@/utils/dict";
import { ElMessage } from "element-plus";
const { app_icp_state, app_sshy, app_zdhy, app_xzqh, app_aqjgqk, gzh_state } =
useDict(
"app_icp_state",
"app_sshy",
"app_zdhy",
"app_xzqh",
"app_aqjgqk",
"gzh_state"
);
const route = useRoute();
const router = useRouter();
const ruleFormRef = ref(null);
// route
const pageType = route.query.pageType || route.params.pageType;
const id = route.query.id || route.params.id;
const queryData = route.query || route.params;
const loading = ref(false);
const disabled = ref(false);
const ruleForm = reactive({});
const rules = reactive({
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" },
],
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "blur" },
],
});
function changeSateTetx(rule, value, callback) {
if (ruleForm.appState == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
}
function changeState(e) {
if (e != 7) {
ruleForm.bfyy = "";
}
}
async function getInfo(id) {
try {
const res = await assetAppInfo(id);
Object.assign(ruleForm, res.data);
} catch (error) {
console.error(error);
}
}
async function querySearchAsync(queryString, cb) {
try {
const res = await unitAllList({ nickName: queryString });
const results = res.data.map((item) => ({
value: item.nickName,
id: item.id,
}));
cb(results);
} catch (error) {
console.error(error);
cb([]);
}
}
async function newAssets() {
if (!ruleFormRef.value) return;
const valid = await ruleFormRef.value.validate().catch(() => false);
if (valid) {
loading.value = true;
try {
if (pageType == "change") {
await assetApp("put", ruleForm);
ElMessage.success("修改成功");
router.push({
name: "MobileApplication",
params: queryData,
});
} else {
await assetApp("post", ruleForm);
ElMessage.success("新增成功");
router.go(-1);
}
} catch (error) {
console.error(error);
} finally {
loading.value = false;
}
}
}
function sendBack() {
router.push({ path: "/assetsManage2/ydyyxtZC", params: queryData });
}
onMounted(async () => {
if (pageType == "look") {
await getInfo(id);
disabled.value = true;
await nextTick();
const inputElements = document.querySelectorAll(".el-input__inner");
const textareaInputElements = document.querySelectorAll(
".el-textarea__inner"
);
inputElements.forEach((input) => {
input.placeholder = "";
});
textareaInputElements.forEach((input) => {
input.placeholder = "";
});
} else if (pageType == "change") {
await getInfo(id);
disabled.value = false;
}
loading.value = false;
});
</script>
Loading…
Cancel
Save