IP资产页面创建

lijinlongNew
严飞永 2 days ago
parent 999bbe00e0
commit e204b62632

@ -4,6 +4,7 @@
<assetsTypeThree :pageType="$route.query.pageType" :id="$route.query.id" :queryData="$route.query.queryData" v-else-if="$route.query.type == 2" />
<assetsTypeFour :pageType="$route.query.pageType" :id="$route.query.id" :queryData="$route.query.queryData" v-else-if="$route.query.type == 3" />
<assetsTypeFive :pageType="$route.query.pageType" :id="$route.query.id" :queryData="$route.query.queryData" v-else-if="$route.query.type == 4" />
<assetsTypeSix :pageType="$route.query.pageType" :id="$route.query.id" :queryData="$route.query.queryData" v-else-if="$route.query.type == 5" />
</template>
<script>
// web
@ -16,6 +17,9 @@ import assetsTypeThree from "@/views/components/assetsType/index_v2.vue"
import assetsTypeFour from "@/views/components/assetsType/index_v3.vue"
//
import assetsTypeFive from "@/views/components/assetsType/index_v4.vue"
//
import assetsTypeSix from "@/views/components/assetsType/index_v5.vue"
export default {
name: "AssetsAuth",
components:{
@ -24,6 +28,7 @@ export default {
assetsTypeThree,
assetsTypeFour,
assetsTypeFive,
assetsTypeSix
},
data() {
return {
@ -45,6 +50,8 @@ export default {
to.meta.activeMenu = "/assetsManage/email"
} else if(to.meta.type == 4) {
to.meta.activeMenu = "/assetsManage/mobileApplication"
} else if(to.meta.type == 5) {
to.meta.activeMenu = "/assetsManage/ipAssets"
}
if(to.query.pageType == 'add') {
to.meta.title = '新增资产'

@ -0,0 +1,577 @@
<!-- 资产管理 -- IP资产 -->
<template>
<el-row
:gutter="20"
style="height: 100%; background-color: #f2f4f6; display: flex"
>
<!--部门数据-->
<el-col
:span="3"
:xs="24"
style="
margin-right: 10px;
height: 100%;
background-color: #fff;
padding-top: 20px;
"
>
<div class="head-container">
<el-tree
:data="deptOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</div>
</el-col>
<el-col :span="20" :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>
<el-form
:inline="true"
ref="queryForm"
:model="formInline"
size="small"
class="demo-form-inline"
label-width="100px"
>
<el-row>
<el-col :span="6">
<el-form-item label="所属单位:" prop="dwmc">
<el-input
v-model="formInline.dwmc"
placeholder="请输入所属单位"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="小程序名称:" prop="xcxmc">
<el-input
v-model="formInline.xcxmc"
placeholder="请输入小程序名称"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="新增时间:" prop="time">
<el-date-picker
v-model="time"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="请选择"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" style="text-align: right">
<el-form-item class="unit-form">
<el-button size="mini" @click="resetQuery('queryFrom')"
>重置</el-button
>
<el-button
size="mini"
type="primary"
@click="handleQuery('queryFrom')"
>查询</el-button
>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="小程序状态:" prop="xtzt">
<el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
<el-option
v-for="dict in dict.type.gzh_state"
:key="dict.value"
:label="dict.label"
:value="dict.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="16" style="text-align: right;padding-right: 30px;">
<el-form-item>
<el-button size="mini" @click="resetQuery('queryFrom')"></el-button>
<el-button size="mini" type="primary" @click="handleQuery('queryFrom')"></el-button>
</el-form-item>
</el-col>
</el-row> -->
</el-form>
</div>
<main>
<div class="search-title">
<span class="search-title-span"
>资产列表蓝色为单位新增资产</span
>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-upload2"
size="mini"
@click="handleImport"
>导入</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增资产</el-button
>
</el-col>
</el-row>
</div>
<section>
<el-table
v-loading="loading"
:data="tableData"
:height="tabHeader"
:row-class-name="tableRowClassName"
:max-height="tabHeader"
>
<el-table-column
type="index"
width="50"
label="序号"
align="center"
/>
<el-table-column
label="小程序名称"
key="xcxmc"
prop="xcxmc"
align="center"
>
<template slot-scope="scope">
<span
:style="{ color: scope.row.xzType == 1 ? 'blue' : '' }"
>{{ scope.row.xcxmc }}</span
>
</template>
</el-table-column>
<el-table-column
label="所属单位"
key="ssdw"
prop="ssdw"
align="center"
/>
<!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
</el-table-column> -->
<!-- <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" /> -->
<el-table-column
label="小程序状态"
key="state"
prop="state"
class-name="table-status"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.state == 1" style="color: #16b771">
正常
</span>
<span v-if="scope.row.state == 2" style="color: #f58a0c">
注销
</span>
<span v-if="scope.row.state == 3" style="color: #1485ef">
迁移
</span>
<span v-if="scope.row.state == 4" style="color: #29a07a">
受限
</span>
<span v-if="scope.row.state == 5" style="color: #f50c0c">
违规
</span>
<span v-if="scope.row.state == 6" style="color: #f58a0c">
未知
</span>
<span v-if="scope.row.state == 7" style="color: #f50c0c">
关停
</span>
</template>
</el-table-column>
<el-table-column
label="操作"
prop="userId"
class-name="table-operation"
align="center"
>
<template slot-scope="scope">
<div
style="
display: flex;
align-items: center;
justify-content: center;
"
>
<div
style="
display: flex;
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 1)"
>
<img
src="@/assets/images/icon-ck@2x.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>查看</span
>
</div>
<div
style="
display: flex;
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 2)"
>
<img
src="@/assets/images/edit.png"
alt=""
style="width: 15px; margin-right: 5px"
/>
<span
class="look-info"
style="color: #1485ef; margin-right: 15px"
>编辑</span
>
</div>
<div
style="
display: flex;
align-items: center;
cursor: pointer;
"
@click="goInfo(scope.row, 3)"
>
<img
src="@/assets/images/del.png"
alt=""
style="width: 20px; margin-right: 5px"
/>
<span
class="look-info"
style="color: #f50c0c; margin-right: 15px"
>删除</span
>
</div>
</div>
</template>
</el-table-column>
</el-table>
</section>
<my-pagination
id="L-pagination"
:total="total"
:page="formInline.current"
:limit="formInline.size"
@pagination="getPagination"
:current-page.sync="formInline.current"
></my-pagination>
</main>
<!-- 资产导入对话框 -->
<el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-upload
ref="upload"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处<em>点击上传</em>
</div>
<div class="el-upload__tip text-center" slot="tip">
<!-- <div class="el-upload__tip" slot="tip">
<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
</div> -->
<span>仅允许导入xlsxlsx格式文件</span>
<el-link
type="primary"
:underline="false"
style="font-size: 12px; vertical-align: baseline"
@click="importTemplate"
>下载模板</el-link
>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm"> </el-button>
<el-button @click="upload.open = false"> </el-button>
</div>
</el-dialog>
</div>
</el-col>
</el-row>
</template>
<script>
import myPagination from "@/views/components/Pagination/index.vue";
// import myDialog from "@/views/components/myDialog/index.vue"
import { getToken } from "@/utils/auth";
import {
miniProgramsList,
deleteMiniPrograms,
schema,
} from "@/api/auditPagesApi/index";
export default {
dicts: ["gzh_state"],
components: { myPagination },
data() {
return {
//
deptOptions: undefined,
defaultProps: {
children: "children",
label: "label",
},
formInline: {
dwmc: "",
xcxmc: "",
startTime: "",
endTime: "",
current: 1,
size: 10,
},
time: [],
total: 0,
tableData: [],
loading: false,
tabHeader: undefined,
//
upload: {
//
open: false,
//
title: "小程序资产导入",
//
isUploading: false,
//
updateSupport: 0,
//
headers: { Authorization: "Bearer " + getToken() },
//
url: process.env.VUE_APP_HJ === "test" ? process.env.VUE_APP_BASE_API + "/tc/miniPrograms/importData" : location.origin + "/api/tc/miniPrograms/importData",
},
};
},
mounted() {
if (Object.keys(this.$route.params).length != 0) {
this.formInline = this.$route.params;
} else {
this.formInline.current = 1;
this.formInline.size = 20;
}
this.getList();
this.getDeptTree();
this.cancalDebounce();
window.addEventListener("resize", this.cancalDebounce);
},
destroyed() {
window.removeEventListener("resize", this.cancalDebounce);
},
methods: {
/** 查询部门下拉树结构 */
getDeptTree() {
schema({ type: 1 }).then((response) => {
this.deptOptions = response.data;
});
},
//
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
//
handleNodeClick(data) {
this.formInline.deptId = data.id;
this.handleQuery();
},
//
getList() {
this.loading = true;
miniProgramsList(this.formInline).then((res) => {
this.loading = false;
this.total = res.data.total;
this.tableData = res.data.records;
});
},
//
resetQuery() {
this.resetForm("queryForm");
this.time = [];
this.formInline.deptId = undefined;
this.$refs.tree.setCurrentKey(null);
this.handleQuery();
},
//
handleQuery() {
this.formInline.current = 1;
if (this.time) {
this.formInline.startTime = this.time[0];
this.formInline.endTime = this.time[1];
}
this.getList();
},
//
getPagination(pages) {
this.formInline.current = pages.page;
this.formInline.size = pages.limit;
this.getList();
},
//
handleImport() {
this.upload.open = true;
},
//
handleExport() {
this.download(
"/tc/miniPrograms/export",
{
...this.formInline,
},
`小程序资产${new Date().getTime()}.xlsx`
);
},
/** 下载模板操作 */
importTemplate() {
this.download(
"/tc/miniPrograms/importTemplate",
{},
`小程序资产导入模板${new Date().getTime()}.xlsx`
);
},
//
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
//
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert(
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
response.msg +
"</div>",
"导入结果",
{ dangerouslyUseHTMLString: true }
);
this.getList();
},
//
submitFileForm() {
this.$refs.upload.submit();
},
//
handleAdd() {
this.$router.push({
name: "AssetsAuth",
query: {
pageType: "add",
type: 1,
},
});
},
//
goInfo(row, id) {
if (id == 1) {
this.$router.push({
name: "AssetsAuth",
query: {
pageType: "look",
type: 1,
id: row.id,
queryData: this.formInline,
},
});
} else if (id == 2) {
this.$router.push({
name: "AssetsAuth",
query: {
pageType: "change",
type: 1,
id: row.id,
queryData: this.formInline,
},
});
} else if (id == 3) {
const userIds = row.id;
this.$modal
.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?')
.then(function () {
return deleteMiniPrograms(userIds);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}
},
//
edit() {},
//
delInfo() {},
// table
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "evenNumber-row";
}
return "";
},
//
cancalDebounce() {
const element = document.getElementById("L-size-main"); // ID
const header = document.getElementById("L-header"); // ID
const pagination = document.getElementById("L-pagination"); // ID
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const paginationtHeight = pagination.offsetHeight;
this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
},
},
};
</script>

@ -5,6 +5,7 @@
<assetsTypeThree :pageType="$route.query.pageType" v-else-if="$route.query.type == 2" />
<assetsTypeFour :pageType="$route.query.pageType" v-else-if="$route.query.type == 3" />
<assetsTypeFive :pageType="$route.query.pageType" v-else-if="$route.query.type == 4" />
<assetsTypeSix :pageType="$route.query.pageType" v-else-if="$route.query.type == 5" />
</template>
<script>
@ -19,13 +20,18 @@ import assetsTypeThree from "@/views/components/renwuType/index_v2.vue"
import assetsTypeFour from "@/views/components/renwuType/index_v3.vue"
//
import assetsTypeFive from "@/views/components/renwuType/index_v4.vue"
// IP
import assetsTypeSix from "@/views/components/renwuType/index_v5.vue"
export default {
name: '',
components: {webType1,
assetsTypeTwo,
assetsTypeThree,
assetsTypeFour,
assetsTypeFive,},
assetsTypeFive,
assetsTypeSix
},
data () {
return {
}

@ -0,0 +1,399 @@
<!-- IP资产表单 -->
<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="ruleForm"
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 dict.type.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 dict.type.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 dict.type.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 dict.type.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 dict.type.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 dict.type.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="margin: 10px 0; padding-bottom: 30px; text-align: 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="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList } from "@/api/auditPagesApi/index";
import equalToPassword from "@/views/components/assetsType/mainx.js";
export default {
dicts: [
"app_icp_state",
"app_sshy",
"app_zdhy",
"app_xzqh",
"app_aqjgqk",
"gzh_state",
],
data() {
const changeSateTetx = (rule, value, callback) => {
if (this.ruleForm.appState == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
};
return {
ruleForm: {},
rules: {
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
{ required: true, validator: equalToPassword, trigger: "change" },
],
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "blur" },
],
},
loading: false,
disabled: false,
// disabledTwo:true,
};
},
props: ["pageType", "id", "queryData"],
mounted() {
if (this.pageType == "look") {
this.getInfo(this.id);
this.disabled = true;
this.$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 (this.pageType == "change") {
this.getInfo(this.id);
this.disabled = false;
// this.disabledTwo = false;
}
},
methods: {
changeState(e) {
if (e != 7) {
this.ruleForm.bfyy = "";
}
},
getInfo(id) {
assetAppInfo(id).then((res) => {
this.ruleForm = res.data;
});
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach((item) => {
results.push({
value: item.nickName,
id: item.id,
});
});
});
cb(results);
},
//
newAssets() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if (this.pageType == "change") {
assetApp("put", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("修改成功");
// this.$router.go(-1);
this.$router.push({
name: "MobileApplication",
params: this.queryData,
});
});
} else {
assetApp("post", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("新增成功");
this.$router.go(-1);
});
}
}
});
},
sendBack() {
// this.$router.go(-1);
this.$router.push({ name: "MobileApplication", params: this.queryData });
},
},
};
</script>

@ -0,0 +1,611 @@
<!-- IP资产表单 -->
<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="ruleForm"
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> -->
<el-autocomplete
v-model="ruleForm.ssdw"
:fetch-suggestions="querySearchAsync"
placeholder="请输入所属单位"
disabled
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" prop="appName">
<el-input
v-model="ruleForm.appName"
placeholder="请输入移动应用名称"
:disabled="pageType == 'change'"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="包名" prop="pack">
<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备案状态" prop="icpState">
<el-select
v-model="ruleForm.icpState"
placeholder="请选择icp备案状态"
>
<el-option
v-for="dict in dict.type.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备案号" prop="icpbah">
<el-input
v-model="ruleForm.icpbah"
placeholder="请输入icp备案号"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
prop="tyshxydm"
class="daoqitixingren"
label="统一社会信用代码"
required
:rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change',
},
]"
>
<el-input
v-model="ruleForm.tyshxydm"
placeholder="请输入统一信用代码"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" prop="wjm">
<el-input
v-model="ruleForm.wjm"
placeholder="请输入文件名"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option
v-for="dict in dict.type.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="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option
v-for="dict in dict.type.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="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option
v-for="dict in dict.type.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="安全加固情况" prop="aqjgqk">
<el-select
v-model="ruleForm.aqjgqk"
placeholder="请选择安全加固情况"
>
<el-option
v-for="dict in dict.type.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="版本信息" prop="bbxx">
<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="版本信息(版本号)" prop="bbh">
<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" prop="bbxxMd5">
<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="版本信息(上架平台)" prop="bbxxSjpt">
<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="文件大小" prop="wjdx">
<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="移动应用系统状态" prop="appState">
<el-select
v-model="ruleForm.appState"
placeholder="请选择移动应用系统状态"
@change="changeState"
>
<el-option
v-for="dict in dict.type.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="简介" prop="jj">
<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="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="(pageType == 'change' || pageType == 'add') && !audit"
>
<el-button type="danger" @click="sendBack"></el-button>
<el-button type="primary" @click="newAssets" :loading="loading"
>提交</el-button
>
</el-row>
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="audit"
>
<el-button type="danger" :disabled="false" @click="btnReject"
>不通过</el-button
>
<el-button
type="primary"
:disabled="false"
@click="btnPass"
:loading="loading"
>通过</el-button
>
</el-row>
</el-form>
<el-row
style="margin: 10px 0; padding-bottom: 50px; text-align: center"
v-if="pageType == 'look'"
>
<el-button type="primary" @click="sendBack"></el-button>
</el-row>
</div>
</div>
<my-dialog
title="提示"
ref="liebiaoDialog"
class="taskDialogBox"
width="40%"
>
<el-row>
<el-col :span="21">
<el-form
:model="dialogruleForm"
:rules="dialogruleFormrules"
ref="dialogruleForm"
label-width="100px"
>
<el-form-item label="不通过原因:" prop="auditYy">
<el-input
v-model="dialogruleForm.auditYy"
placeholder="请输入不通过原因"
></el-input>
</el-form-item>
<el-form-item class="newTask-form-item">
<el-button @click="resetForm('dialogruleForm')"></el-button>
<el-button type="primary" @click="submitForm('dialogruleForm')"
>确定</el-button
>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6"></el-col>
</el-row>
</my-dialog>
</div>
</template>
<script>
import {
assetApp,
assetAppInfo,
unitAllList,
AppLookInfo,
AppAudit,
assetAppUnitEdit,
} from "@/api/auditPagesApi/index";
import myDialog from "@/views/components/myDialog/index.vue";
import { mapGetters } from "vuex";
export default {
dicts: [
"app_icp_state",
"app_sshy",
"app_zdhy",
"app_xzqh",
"app_aqjgqk",
"gzh_state",
],
components: {
myDialog,
},
computed: {
...mapGetters(["nickName"]),
},
data() {
const changeSateTetx = (rule, value, callback) => {
if (this.ruleForm.appState == 7 && !value) {
callback(new Error("请填写"));
} else {
callback();
}
};
return {
ruleForm: {},
rules: {
bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "blur" },
],
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "blur" },
],
pack: [{ required: true, message: "包名不能为空", trigger: "blur" }],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" },
],
icpbah: [
{ required: true, message: "icp备案号不能为空", trigger: "blur" },
],
wjm: [{ required: true, message: "文件名不能为空", trigger: "blur" }],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" },
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" },
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" },
],
aqjgqk: [
{
required: true,
message: "安全加固情况不能为空",
trigger: "change",
},
],
bbxx: [
{ required: true, message: "版本信息不能为空", trigger: "blur" },
],
bbh: [
{
required: true,
message: "版本信息(版本号)不能为空",
trigger: "blur",
},
],
bbxxMd5: [
{
required: true,
message: "版本信息MD5不能为空",
trigger: "blur",
},
],
bbxxSjpt: [
{
required: true,
message: "版本信息(上架平台)不能为空",
trigger: "blur",
},
],
wjdx: [
{ required: true, message: "文件大小不能为空", trigger: "blur" },
],
jj: [{ required: true, message: "简介不能为空", trigger: "blur" }],
appState: [
{
required: true,
message: "移动应用系统状态不能为空",
trigger: "change",
},
],
},
loading: false,
disabled: false,
dialogruleForm: {
auditYy: "",
},
dialogruleFormrules: {
auditYy: [{ required: true, message: "请输入", trigger: "blur" }],
},
};
},
props: ["pageType", "id", "audit", "isModdle", "name", "queryData"],
mounted() {
if (this.isModdle) {
if (this.pageType == "look") {
this.getInfoTwo(this.id);
this.disabled = true;
this.$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 (this.pageType == "change") {
this.getInfoTwo(this.id);
this.disabled = false;
}
if (this.audit) {
this.disabled = true;
}
} else {
if (this.pageType == "look") {
this.getInfo(this.id);
this.disabled = true;
this.$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 (this.pageType == "change") {
this.getInfo(this.id);
this.disabled = false;
}
if (this.audit) {
this.disabled = true;
}
}
// console.log(this.pageType);
if (this.pageType == "add") {
this.ruleForm.ssdw = this.nickName;
}
},
methods: {
changeState(e) {
if (e != 7) {
this.ruleForm.bfyy = "";
}
},
getInfo(id) {
assetAppInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate();
}, 100);
});
},
getInfoTwo(id) {
AppLookInfo(id).then((res) => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate();
}, 100);
});
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then((res) => {
res.data.forEach((item) => {
results.push({
value: item.nickName,
id: item.id,
});
});
});
cb(results);
},
//
newAssets() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
this.loading = true;
if (this.pageType == "change") {
assetAppUnitEdit(this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成修改");
// this.$router.go(-1);
this.$router.push({ name: this.name, params: this.queryData });
});
} else {
this.ruleForm.xzType = 1;
assetApp("post", this.ruleForm).then((res) => {
// console.log(res,"res");
this.loading = false;
// this.$modal.msgSuccess("");
this.$modal.msgSuccess("提交成功,待管理员审核通过后完成新增");
this.$router.push({ name: this.name, params: this.queryData });
});
}
}
});
},
sendBack() {
// this.$router.go(-1);
this.$router.push({ name: this.name, params: this.queryData });
},
//
btnReject() {
this.$refs.liebiaoDialog.open();
},
//
resetForm() {
this.dialogruleForm = {
auditYy: "",
};
this.$refs.liebiaoDialog.close();
},
//
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let tijioaobj = {
auditState: "3",
auditYy: this.dialogruleForm.auditYy,
currentId: Number(this.id),
xzType: 1,
};
AppAudit(tijioaobj).then((res) => {
if (res.code == 200) {
this.$modal.msgSuccess("审核驳回");
// this.$router.go(-1);
this.$router.push({ name: this.name, params: this.queryData });
}
});
} else {
console.log("error submit!!");
return false;
}
});
},
//
btnPass() {
this.loading = true;
AppAudit({ currentId: Number(this.id), auditState: "2", xzType: 1 })
.then((res) => {
this.$modal.msgSuccess("审核通过");
// this.$router.go(-1);
this.$router.push({ name: this.name, params: this.queryData });
this.loading = false;
})
.catch((err) => {
this.loading = false;
});
},
},
};
</script>

@ -0,0 +1,422 @@
<!-- IP资产新增页面 -->
<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="ruleForm" 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> -->
<el-autocomplete v-model="ruleForm.ssdw" :fetch-suggestions="querySearchAsync" placeholder="请输入所属单位"
disabled></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="移动应用名称" 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="包名" prop="pack">
<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备案状态" prop="icpState">
<el-select v-model="ruleForm.icpState" placeholder="请选择icp备案状态">
<el-option v-for="dict in dict.type.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备案号" prop="icpbah">
<el-input v-model="ruleForm.icpbah" placeholder="请输入icp备案号"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="tyshxydm" class="daoqitixingren" label="统一社会信用代码" required :rules="[
{
required: true,
pattern: /^[a-zA-Z0-9]{18}$/,
message: '请输入正确格式的18位统一社会信用代码',
trigger: 'change'
}
]">
<el-input v-model="ruleForm.tyshxydm" placeholder="请输入统一信用代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件名" prop="wjm">
<el-input v-model="ruleForm.wjm" placeholder="请输入文件名"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="sshy">
<el-select v-model="ruleForm.sshy" placeholder="请选择所属行业">
<el-option v-for="dict in dict.type.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="重点行业" prop="zdhy">
<el-select v-model="ruleForm.zdhy" placeholder="请选择重点行业">
<el-option v-for="dict in dict.type.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="行政区划" prop="xzqh">
<el-select v-model="ruleForm.xzqh" placeholder="请选择行政区划">
<el-option v-for="dict in dict.type.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="安全加固情况" prop="aqjgqk">
<el-select v-model="ruleForm.aqjgqk" placeholder="请选择安全加固情况">
<el-option v-for="dict in dict.type.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="版本信息" prop="bbxx">
<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="版本信息(版本号)" prop="bbh">
<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" prop="bbxxMd5">
<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="版本信息(上架平台)" prop="bbxxSjpt">
<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="文件大小" prop="wjdx">
<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" prop="appState" placeholder="请选择移动应用系统状态">
<el-option v-for="dict in dict.type.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="24">
<el-form-item label="简介" prop="jj">
<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="margin: 10px 0;" v-if="ruleForm.bfyy">
<span class="top-title-box">关停原因</span>
</el-row>
<el-row style="margin: 20px 0;">
<el-form-item>
<div>{{ ruleForm.bfyy }}</div>
</el-form-item>
</el-row>
</el-form>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'mytaskAuditInfo'">
<el-button type="danger" @click="newAssets(0)"></el-button>
<el-button @click="newAssets(1)"></el-button>
<el-button type="warning" @click="newAssets(2)"></el-button>
<el-button type="success" @click="newAssets(3)" :loading="loading">提交</el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;" v-if="pageType == 'look'">
<el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button>
</el-row>
<el-row style="margin: 10px 0 ;padding-bottom: 50px; text-align: center;"
v-if="pageType !== 'look' && $route.name == 'taskAuditInfo'">
<el-button type="danger" @click="JGnewAssets(0)"></el-button>
<el-button type="primary" @click="JGnewAssets(1)"></el-button>
<!-- <el-button type="primary" @click="sendBack" class="fanhuipiaofu">返回</el-button> -->
</el-row>
</div>
</div>
<baofei ref='baofei' :ruleForm='ruleForm' @assetTaskzc="guanting"></baofei>
<butongguo ref='butongguo' :chuandemingcheng='ruleForm.appName' :ruleForm="this.ruleForm" dataname="assetAppCpPo"></butongguo>
</div>
</template>
<script>
import { assetApp, assetAppInfo, unitAllList } from "@/api/auditPagesApi/index";
import { assetTaskapptaskSh, assetTaskappzc, assetTasksh, assetTaskappjyTj,assetTaskhistory } from "@/api/renwuApi/index.js"
import baofei from "@/views/components/renwuType/baofei.vue"
import butongguo from "@/views/components/renwuType/butongguo.vue"
import myMixin from '@/views/components/renwuType/minxfanhui.js';
export default {
components: { baofei, butongguo },
mixins: [myMixin],
dicts: ['app_icp_state', 'app_sshy', 'app_zdhy', 'app_xzqh', 'app_aqjgqk', 'gzh_state'],
data() {
return {
ruleForm: {
},
rules: {
ssdw: [
{ required: true, message: "所属单位不能为空", trigger: "change" }
],
appName: [
{ required: true, message: "移动应用名称不能为空", trigger: "change" }
],
pack: [
{ required: true, message: "包名不能为空", trigger: "change" }
],
icpState: [
{ required: true, message: "icp备案状态不能为空", trigger: "change" }
],
icpbah: [
{ required: true, message: "icp备案号不能为空", trigger: "change" }
],
wjm: [
{ required: true, message: "文件名不能为空", trigger: "change" }
],
sshy: [
{ required: true, message: "所属行业不能为空", trigger: "change" }
],
zdhy: [
{ required: true, message: "重点行业不能为空", trigger: "change" }
],
xzqh: [
{ required: true, message: "行政区划不能为空", trigger: "change" }
],
aqjgqk: [
{ required: true, message: "安全加固情况不能为空", trigger: "change" }
],
bbxx: [
{ required: true, message: "版本信息不能为空", trigger: "change" }
],
bbh: [
{ required: true, message: "版本信息(版本号)不能为空", trigger: "change" }
],
bbxxMd5: [
{ required: true, message: "版本信息MD5不能为空", trigger: "change" }
],
bbxxSjpt: [
{ required: true, message: "版本信息(上架平台)不能为空", trigger: "change" }
],
wjdx: [
{ required: true, message: "文件大小不能为空", trigger: "change" }
],
jj: [
{ required: true, message: "简介不能为空", trigger: "change" }
],
appState: [
{ required: true, message: "移动应用系统状态不能为空", trigger: "change" }
],
},
loading: false,
disabled: false,
}
},
props: ['pageType', 'id'],
mounted() {
if (this.pageType == 'look') {
this.getInfo(this.id)
this.disabled = true;
this.$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 (this.pageType == 'change') {
this.getInfo(this.id)
this.disabled = false;
}
// if (this.$route.query.taskInfo == 'taskInfo') {
// this.disabled = true;
// }
},
methods: {
getInfo(id) {
if (this.$route.query.istijiaoshow) {
let obj = {
id: this.$route.query.assetId,
type: this.$route.query.type
}
assetTaskhistory(obj).then(res => {
this.ruleForm = res.data.assetAppHistory;
console.log(111);
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
} else {
let obj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId
}
assetTaskapptaskSh(obj).then(res => {
this.ruleForm = res.data;
setTimeout(() => {
this.$refs.ruleForm.clearValidate()
}, 100);
})
}
},
//
querySearchAsync(queryString, cb) {
let results = [];
unitAllList({ nickName: queryString }).then(res => {
res.data.forEach(item => {
results.push({
value: item.nickName,
id: item.id,
})
})
})
cb(results);
},
guanting(ruleForm) {
assetTaskappzc(ruleForm).then(res => {
this.$message({
type: 'info',
message: '已关停'
});
this.$router.go(-1);
this.ruleForm.bfyy = ""
this.$refs.baofei.resetForm()
})
},
//
newAssets(type) {
if (type == 1) {
//
this.loading = true
this.$router.go(-1);
this.loading = false
return
}
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs.baofei.open()
}
//
if (type == 2) {
this.loading = true
assetTaskappzc(this.ruleForm).then(res => {
console.log(res, "res");
this.$modal.msgSuccess("修改成功");
this.$router.go(-1);
this.loading = false
})
}
if (type == 3) {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.loading = true;
assetTaskappjyTj(this.ruleForm).then(res => {
this.loading = false;
this.$modal.msgSuccess("提交成功");
this.$router.go(-1);
})
}
})
}
},
JGnewAssets(type) {
this.ruleForm.taskId = this.$route.query.taskId
this.ruleForm.assetId = this.$route.query.assetId
if (type == 0) {
this.$refs['ruleForm'].validate((valid) => {
this.$refs.butongguo.open()
})
}
if (type == 1) {
this.$refs['ruleForm'].validate((valid) => {
let tijioaobj = {
taskId: this.$route.query.taskId,
assetId: this.$route.query.assetId,
xtmc: this.ruleForm.appName,
status: 3,
type: this.$route.query.type,
assetAppCpPo: this.ruleForm
}
assetTasksh(tijioaobj).then(res => {
if (res.code == 200) {
this.$modal.msgSuccess("审核成功");
this.$router.go(-1);
}
})
})
}
},
},
}
</script>
Loading…
Cancel
Save