Skip to content

P
pica-sensitive-admin
提交 79e31cda 编写于 作者: chengxiang.li's avatar chengxiang.li
浏览文件
操作

Merge branch 'dev-sensitive-20191111' of... 

Merge branch 'dev-sensitive-20191111' of 192.168.110.53:com.pica.cloud.foundation.frontend/pica-sensitive-admin into dev-sensitive-20191111
上级 eac863c9 c8ac186f
隐藏空白字符变更
内嵌 并排
正在显示 包含 561 行增加 和 456 行删除
src/api/hostconfig.js 0 → 100644
浏览文件 @ 79e31cda
export const baseUrl = 'https://dev-sc.yunqueyi.com';
\ No newline at end of file
src/components/page/createData.vue 0 → 100644
浏览文件 @ 79e31cda
<template>
<el-dialog title="数据导入" :visible.sync="showModal" width="700px" @close="close" center>
<el-form ref="form" :model="form" label-width="150px" size="medium " :rules="rules">
<el-form-item label="审批编号" prop="dingdingNumber">
<el-input style="width:220px" v-model="form.dingdingNumber" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="申请日期" prop="dingdingDate">
<el-date-picker v-model="form.dingdingDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="sheet名称" prop="dataSheetName">
<el-input style="width:220px" v-model="form.dataSheetName" placeholder="请输入sheet名称"></el-input>
</el-form-item>
<el-form-item label="数据需求方类型" prop="dataType">
<el-radio-group v-model="form.dataType" @change="changeinout">
<el-radio :label="1" style="margin-right:50px">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<div class="insiders-wrap">
<template v-if="form.dataType == 1">
<el-form-item label="数据需求方姓名" prop="needIds">
<el-select v-model="form.needIds" multiple filterable placeholder="请选择">
<el-option
v-for="item in needIdsList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</template>
<template v-if="form.dataType == 2">
<el-form-item label="数据需求方姓名" prop="name">
<el-input style="width:200px" v-model="form.name" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求方手机号" prop="mobilePhone">
<el-input style="width:200px" v-model="form.mobilePhone" placeholder="请输入内容"></el-input>
</el-form-item>
</template>
<el-form-item label="敏感信息查看" prop="sensitiveDataType">
<el-radio-group v-model="form.sensitiveDataType">
<el-radio :label="1" style="margin-right:50px">是</el-radio>
<el-radio :label="2">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="数据需求角色" prop="dataRole">
<el-radio-group v-model="form.dataRole" :disabled="disableAdmintype">
<el-radio :label="1">管理员</el-radio>
<el-radio :label="2">普通用户</el-radio>
</el-radio-group>
</el-form-item>
<template v-if="form.dataRole==1">
<el-form-item label="数据分发人员" prop="ids">
<el-select v-model="form.ids" multiple filterable placeholder="请选择">
<el-option
v-for="item in idsList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</template>
</div>
<el-form-item label="文件上传" prop="fileId">
<el-upload
v-model="form.fileId"
drag
multiple
:action="baseUrl + '/sensitive/import/file'"
:on-success="uploadSuccess"
:before-upload="beforeUpload"
class="upload-demo"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
<em>点击上传</em>
</div>
</el-upload>
</el-form-item>
<el-form-item label="数据有效期" prop="dataTermValidity">
<el-date-picker
v-model="form.dataTermValidity"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数据访问次数" prop="dataCount">
<div>
<el-input style="width:200px" v-model="form.dataCount" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
<el-form-item label="敏感信息所在位置" prop="sensitiveDataColumn">
<div>
<el-input style="width:200px" v-model="form.sensitiveDataColumn" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="showModal=false">取 消</el-button>
<el-button type="primary" @click="submitForm('form')">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import { baseUrl } from '../../api/hostconfig';
import { openLoading, closeLoading } from '../../common/utils';
export default{
props: {
form: Object,
rules: Object
},
data(){
return {
baseUrl,
disableAdmintype: false,
needIdsList: [],
idsList: [],
showModal: true,
}
},
watch: {
'form.dataType'(val){
if(val==2){
this.form.dataRole = 2;
this.disableAdmintype = true;
}else if(val==1){
this.form.dataRole = '';
this.disableAdmintype = false;
// 获取数据需求方类型为内部时的需求方姓名列表
this.getData('get', `/sensitive/info/employee`, {
},(data)=>{
this.needIdsList = data.data
});
}
},
'form.dataRole'(val){
if(val==1){
// 获取数据分发人员
this.getData('get', `/sensitive/info/employee`, {
},(data)=>{
this.idsList = data.data
});
}
}
},
methods: {
// 切换数据需求方类型为【内部】【外部】
changeinout(value) {
console.log("handle value: ", value);
},
// 上传成功
uploadSuccess(res, file, fileList){
this.form.fileId = res.data;
this.$refs.form.validateField('fileId');
},
beforeUpload(file) {
var FileExt = file.name.replace(/.+\./, "");
if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
this.$message({
type: "warning",
message: "请上传后缀名为xls,xlsx的原文件！"
});
return false;
}
},
close(){
this.$emit('close');
},
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
console.log("submitform触发");
},
// 封装一下请求通用的方法
getData(type, url, req, callback) {
openLoading(this);
this.$axios[type](baseUrl+url, req)
.then((res) => {
closeLoading(this);
let data = res.data;
if(data.code == "000000") {
if(callback) callback(data);
}else {
this.$message.error(data.message);
}
}).catch((error) => {
closeLoading(this);
this.$message.error('网络出现点问题')
})
}
}
}
</script>
\ No newline at end of file
src/components/page/modifyData.vue 0 → 100644
浏览文件 @ 79e31cda
<template>
<el-dialog title="数据修改" :visible.sync="showModal" width="750px" @close="close" center>
<el-form ref="form" :model="form">
<el-form-item label="审批编号">
<el-input style="width:220px" v-model="form.dingdingNumber" placeholder="请输入内容" required></el-input>
</el-form-item>
<el-form-item label="申请日期">
<el-date-picker v-model="form.dingdingDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="sheet名称">
<el-select v-model="form.dataSheetName" placeholder="请选择">
<el-option
v-for="item in options"
:key="item"
:label="item"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方类型">
<el-radio-group v-model="form.dataType" @change="changeinout">
<el-radio :label="1">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="数据需求方姓名">
<el-input style="width:200px" v-model="form.reviseName" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求方手机号">
<el-input style="width:200px" v-model="form.revisePhone" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="敏感信息查看">
<el-radio v-model="form.warning_radio" label="1">是&#12288;&#12288;</el-radio>
<el-radio v-model="form.warning_radio" label="2">否</el-radio>
</el-form-item>
<el-form-item label="分发人员">
<el-select v-model="form.revisemsgSend" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.revisemsgSend"
:label="item.label"
:value="item.revisemsgSend"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据有效期">
<el-date-picker
v-model="form.reviseUsefulDate"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数据访问次数">
<!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.dataCount" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="敏感信息所在位置">
<!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.reviseSensitivePosition" placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="showModal=false">取 消</el-button>
<el-button type="primary" @click="submitForm('form')">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
export default{
props: {
form: Object,
rules: Object
},
data(){
return {
options: [
{
value: "选项1",
label: "黄金糕"
},
{
value: "选项2",
label: "双皮奶"
},
{
value: "选项3",
label: "蚵仔煎"
},
{
value: "选项4",
label: "龙须面"
}
],
showModal: true
}
},
methods: {
// 切换数据需求方类型为【内部】【外部】
changeinout(value) {
console.log("handle value: ", value);
},
beforeUpload(file) {
var FileExt = file.name.replace(/.+\./, "");
if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
this.$message({
type: "warning",
message: "请上传后缀名为xls,xlsx的原文件！"
});
return false;
}
},
close(){
this.$emit('close')
},
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
console.log("submitform触发");
},
}
}
</script>
\ No newline at end of file
src/views/sensitive-control/data-in.vue
浏览文件 @ 79e31cda
<template>
<div class="data-in-wrap">
<el-form ref="form" :model="form" label-width="80px" :inline="true" :rules="rules">
<el-form-item label="审批编号" prop="selectId">
<!-- <span>审批编号:&#12288;&#12288;</span> -->
<el-input
v-model="form.selectId"
<el-form ref="form" :model="queryParams" label-width="80px" :inline="true" :rules="rules">
<el-form-item label="审批编号" prop="dingdingNumber">
<el-input
v-model="queryParams.dingdingNumber"
type="number"
size="small"
style="width:220px"
......@@ -17,58 +16,47 @@
></el-input>
</el-form-item>
<el-form-item label="申请日期">
<!-- <span class="demonstration">数据申请日期:</span> -->
<!-- <el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker> -->
<el-select v-model="form.selectDate" placeholder="请选择" @change="handleDatechange">
<el-form-item label="申请日期" prop="dingdingDate">
<el-select v-model="queryParams.dingdingDate" placeholder="请选择" @change="handleDatechange">
<el-option
v-for="item in applyDate"
:key="item.date"
:label="item.date"
:value="item.date"
v-for="item in dingdingDateList"
:key="item"
:label="item"
:value="item"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="sheet名称">
<!-- <span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span> -->
<el-select v-model="form.selectSheet" placeholder="请选择">
<el-form-item label="sheet名称" prop="dataSheetName">
<el-select v-model="queryParams.dataSheetName" placeholder="请选择" @change="handleSheetchange">
<el-option
v-for="item in datechange"
:key="item.event"
:label="item.event"
:value="item.event"
v-for="item in sheetList"
:key="item"
:label="item"
:value="item"
></el-option>
</el-select>
</el-form-item>
</el-form>
<div class="block" style="margin-bottom:20px">
<el-button @click="centerDialogVisible = true">数据导入</el-button>
<el-button>数据查询</el-button>
<el-button @click="centerDialogVisible=true">数据导入</el-button>
<el-button @click="queryDataList">数据查询</el-button>
</div>
<template>
<el-table :data="dataList" style="width: 100%">
<el-table-column prop="dingdingDate" label="审批编号" width="180"></el-table-column>
<el-table-column prop="name" label="人员姓名" width="180"></el-table-column>
<el-table-column prop="dataSheetName" label="附件名称"></el-table-column>
<el-table-column prop="status" :formatter="formatStatus" label="状态"></el-table-column>
<el-table-column prop="sendType" :formatter="formatSendType" label="通知状态"></el-table-column>
<!-- <el-table-column label="操作">
<template slot-scope="scoped">
<span @click="dataview">查看</span>
<span>修改</span>
<span>通知</span>
<span>关闭</span>
</template>
</el-table-column>-->
<el-table-column fixed="right" label="操作" width="200">
<el-table-column label="审批编号" prop="dingdingDate" width="180"></el-table-column>
<el-table-column label="人员姓名" prop="name" width="180"></el-table-column>
<el-table-column label="附件名称" prop="dataSheetName"></el-table-column>
<el-table-column label="状态" prop="status" :formatter="formatStatus"></el-table-column>
<el-table-column label="通知状态" prop="sendType" :formatter="formatSendType"></el-table-column>
<el-table-column label="操作" fixed="right" width="200">
<template slot-scope="scope">
<el-button @click="dataview(scope.row)" type="text" size="small">查看</el-button>
<template v-if="scope.row.status==1">
<el-button @click="reviseDialogVisible=true" type="text" size="small">修改</el-button>
<el-button type="text" size="small">通知</el-button>
<el-button @click="closeDialogVisible = true" type="text" size="small">关闭</el-button>
<el-button @click="notifyDingHandle(scope.row)" type="text" size="small">通知</el-button>
<el-button @click="closeDingHandle(scope.row.userId)" type="text" size="small">关闭</el-button>
</template>
</template>
</el-table-column>
......@@ -87,262 +75,34 @@
</el-pagination>
</template>
<!-- <el-button type="text" >点击打开 Dialog</el-button> -->
<el-dialog title="提示" :visible.sync="closeDialogVisible" width="30%" center>
<span>弹窗内容待定</span>
<span slot="footer" class="dialog-footer">
<el-button @click="closeDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="closeDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="数据导入" :visible.sync="centerDialogVisible" width="700px" center>
<el-form ref="form" :model="form" label-width="150px" size="medium " :rules="rules">
<el-form-item label="审批编号" prop="leadId">
<el-input style="width:220px" v-model="form.leadId" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="申请日期" prop="leadDate">
<el-date-picker v-model="form.leadDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="sheet名称" prop="leadsheet">
<el-select v-model="form.leadsheet" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方类型" prop="leaddataDemand">
<el-radio-group v-model="form.leaddataDemand" @change="changeinout">
<el-radio :label="1" style="margin-right:50px">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="活动区域">
<el-select v-model="value" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>-->
<div class="insiders-wrap" v-if="form.leaddataDemand == 1">
<el-form-item label="数据需求方姓名" v-if="form.leaddataDemand == 1" prop="inusername">
<el-select v-model="form.inusername" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方手机号" prop="inuserphone">
<el-select v-model="form.inuserphone" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求角色" prop="admintype_radio">
<el-radio-group v-model="form.admintype_radio">
<el-radio :label="1">管理员</el-radio>
<el-radio :label="2">普通用户</el-radio>
</el-radio-group>
<!-- <router-view></router-view> -->
</el-form-item>
<div class="block" v-if="form.admintype_radio==1">
<el-form-item label="数据分发人员" prop="msgSend">
<el-select v-model="form.msgSend" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</div>
</div>
<div class="outsiders-wrap" v-if="form.leaddataDemand == 2">
<el-form-item label="数据需求方姓名" prop="outusername">
<el-input style="width:200px" v-model="form.outusername" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求方手机号" prop="outuserphone">
<el-input style="width:200px" v-model="form.outuserphone" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求角色">
<el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
<el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
</el-form-item>
</div>
<!-- <router-view></router-view> -->
<el-form-item label="敏感信息查看" prop="warning_radio">
<div>
<!-- <span>敏感信息查看</span> -->
<el-radio v-model="form.warning_radio" label="1">是&#12288;&#12288;</el-radio>
<el-radio v-model="form.warning_radio" label="2">否</el-radio>
</div>
</el-form-item>
<el-form-item label="文件上传" prop="upload">
<!-- <span>上传原文件:</span> -->
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple
v-model="form.upload"
:before-upload="beforeUpload"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
<em>点击上传</em>
</div>
</el-upload>
</el-form-item>
<el-form-item label="数据有效期" prop="dataValidity">
<el-date-picker
v-model="form.dataValidity"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数据访问次数" prop="sum_visitor">
<div>
<!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.sum_visitor" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
<el-form-item label="敏感信息所在位置" prop="sensitivePosition">
<div>
<!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.sensitivePosition" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>-->
<el-button type="primary" @click="submitForm('form')">立即创建</el-button>
<el-button @click="resetForm('form')">重置</el-button>
</span>
</el-dialog>
<!-- <el-button type="text" @click="reviseDialogVisible = true">点击打开 Dialog</el-button> -->
<el-dialog title="数据修改" :visible.sync="reviseDialogVisible" width="750px" center>
<el-form ref="form" :model="form">
<el-form-item label="审批编号">
<el-input style="width:220px" v-model="form.reviseId" placeholder="请输入内容" required></el-input>
</el-form-item>
<el-form-item label="申请日期">
<!-- <span class="demonstration">申请日期:</span> -->
<el-date-picker v-model="form.reviseDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="sheet名称">
<!-- <span>sheet名称</span> -->
<el-select v-model="form.reviseSheet" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.reviseSheet"
:label="item.label"
:value="item.reviseSheet"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方类型">
<!-- <span>数据方需求类型</span> -->
<el-radio-group v-model="form.reviseUsertype" @change="changeinout">
<el-radio :label="1">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="数据需求方姓名">
<el-input style="width:200px" v-model="form.reviseName" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求方手机号">
<el-input style="width:200px" v-model="form.revisePhone" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="敏感信息查看">
<!-- <span>敏感信息查看</span> -->
<el-radio v-model="form.warning_radio" label="1">是&#12288;&#12288;</el-radio>
<el-radio v-model="form.warning_radio" label="2">否</el-radio>
</el-form-item>
<el-form-item label="分发人员">
<el-select v-model="form.revisemsgSend" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.revisemsgSend"
:label="item.label"
:value="item.revisemsgSend"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据有效期">
<el-date-picker
v-model="form.reviseUsefulDate"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数据访问次数">
<!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.reviseVisitNum" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="敏感信息所在位置">
<!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.reviseSensitivePosition" placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="reviseDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="reviseDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<!-- 数据导入 page -->
<createData
v-if="centerDialogVisible"
:form="form"
:rules="rules"
@close="closeCreate"
/>
<!-- 数据修改 page -->
<modifyData
v-if="reviseDialogVisible"
:form="form"
:rules="rules"
@close="closeModify"
/>
</div>
</template>
<script>
const baseUrl = 'https://dev-sc.yunqueyi.com';
import { openLoading, closeLoading, } from '../../common/utils';
import createData from '../../components/page/createData';
import modifyData from '../../components/page/modifyData';
import { baseUrl } from '../../api/hostconfig';
import { openLoading, closeLoading } from '../../common/utils';
export default {
components: {
createData,
modifyData
},
data() {
var checkNumLength = (rule, value, callback) => {
if (!value) {
......@@ -350,11 +110,6 @@ export default {
}else if (value && (value+'').length != 21) {
callback(new Error('审批单号必须为21位数字值'));
} else {
// if (value.length == 21) {
// this.getApplyDate();
// }else{ //this.getcls();
// this.applyDate.splice(0,this.applyDate.length)
// }
callback();
}
};
......@@ -362,18 +117,17 @@ export default {
currentPage: 1,
pageSize: 15,
total: 50, // 默认分页总数
dataList: [],
input: "",
radio: "",
radio: "选中且禁用",
value: "",
centerDialogVisible: false,
reviseDialogVisible: false,
closeDialogVisible: false,
change: true,
sum_input: "",
applyDate: [],
datechange: [],
dataList: [], // 初始化数据列表
centerDialogVisible: false, // 是否显示数据导入（新增）
reviseDialogVisible: false, // 是否显示数据导入（修改）
sheetList: [], // 被搜索出来的sheet列表
dingdingDateList: [], //申请日期列表
// 查询的字段
queryParams: {
dingdingNumber: '', // 审批编号
dingdingDate: '', // 申请日期
dataSheetName: '', // sheet名称
},
options: [
{
value: "选项1",
......@@ -393,162 +147,152 @@ export default {
}
],
form: {
type: [],
selectId: "",
selectDate: "",
selectSheet: "",
leadId: "",
leadDate: "",
leadsheet: "",
reviseId: "",
reviseDate: "",
reviseSheet: "",
reviseName: "",
revisePhone: "",
revisemsgSend: "",
reviseUsefulDate: "",
reviseVisitNum: "",
reviseSensitivePosition: "",
leaddataDemand: "",
reviseUsertype: "",
sheet: "",
admintype_radio: "",
warning_radio: "",
inusername: "",
inuserphone: "",
outusername: "",
outuserphone: "",
dataValidity: "",
sum_input: "",
msgSend: "",
sum_visitor: "",
sensitivePosition: "",
upload: ""
dingdingNumber: "", // 审批编号
dingdingDate: "", // 申请日期
dataSheetName: "",//sheet名称
dataType: "",// 数据需求方类型 1.内部 2.外部
needIds: [],// 数据需求方id集合 需求方类型选择为 dataType【内部】
mobilePhone: '', // 数据需求方类型为【外部】需要传递 dataType【外部】
name: '', // 数据需求方类型为【外部】需要传递 dataType【外部】
sensitiveDataType: "", // 敏感信息查看权限 1是，2否
dataRole: '',//数据需求角色 1管理员，2普通用户
ids: [], // 数据分发人员数组
fileId: '', // 文件上传id
dataTermValidity: "", // 数据有效期 - 日期
dataCount: "",// 数据访问次数限制
sensitiveDataColumn: "", // 敏感信息列所在位置
},
rules: {
selectId: [
dingdingNumber: [
{
required: false,
required: true,
validator: checkNumLength,
message: "请输入正确格式的审批编号",
trigger: ['blur', 'change']
},
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
{
pattern: /^[5A-Za-z0-9-\_]+$/,
message: "只能输入英文，数字，下划线，横线"
},
],
leadId: [
{
required: true,
message: "请输入正确格式的审批编号",
trigger: "blur"
},
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
{
pattern: /^[5A-Za-z0-9-\_]+$/,
message: "只能输入英文，数字，下划线，横线"
}
],
leadDate: [
dingdingDate: [
{ required: true, message: "请选择日期", trigger: "change" }
],
leadsheet: [
{ required: true, message: "请输入sheet名称", trigger: "blur" }
dataSheetName: [
{ required: true, message: "请输入sheet名称", trigger: "change" }
],
leaddataDemand: [
dataType: [
{
required: true,
message: "请至少选择一个数据方类型",
trigger: "change"
}
],
inusername: [
needIds: [
{
required: true,
message: "请输入内部数据需求方姓名",
trigger: "blur"
}
],
inuserphone: [
mobilePhone: [
{
required: true,
message: "请输入内部数据需求方手机号",
trigger: "blur"
}
},
{ pattern: /^1[345789]\d{9}$/, message: "输入正确格式的手机号" }
],
outusername: [
name: [
{
required: true,
message: "请输入外部数据需求方姓名",
trigger: "blur"
}
],
outuserphone: [
// { type: 'number', required: true, message: '请输入外部数据需求方手机号', trigger: 'blur' },
{ pattern: /^1[345789]\d{9}$/, message: "输入正确格式的手机号" }
sensitiveDataType: [
{ required: true, message: "请确定敏感信息", trigger: "change" }
],
admintype_radio: [
dataRole: [
{
required: true,
message: "请选择一个数据需求角色",
trigger: "change"
}
],
msgSend: [
ids: [
{ required: true, message: "请选择数据分发人员", trigger: "blur" }
],
warning_radio: [
{ required: true, message: "请确定敏感信息", trigger: "change" }
fileId: [
{ required: true, message: "请上传文件", trigger: "change" }
],
dataValidity: [
dataTermValidity: [
{ required: true, message: "请填写数据有效期", trigger: "blur" }
],
sum_visitor: [
dataCount: [
{ required: true, message: "请填写数据访问次数", trigger: "blur" },
{ pattern: /^\+?[1-9][0-9]*$/, message: "访问次数只能是非0的正整数" }
],
sensitivePosition: [
sensitiveDataColumn: [
{ required: true, message: "请填写敏感信息所在位置", trigger: "blur" }
],
upload: [
{ required: true, message: "请上传图片", trigger: "submit" }
]
}
};
},
created(){
this.getDataList(this.currentPage);
// 初始化获取数据列表
this.getDataList(this.currentPage, {});
},
methods: {
// 根据审批编号查询申请日期操作
handleIdChange(value) {
if (value.length == 21) {
this.getData('get', `/sensitive/visit/date?dingdingNumber=${value}`, {
},(data)=>{
this.dingdingDateList = data.data;
});
}else{
this.dingdingDateList = [];
this.sheetList = [];
this.queryParams.dingdingDate = '';
this.queryParams.dataSheetName = '';
}
},
// 根据审批编号和日期搜索sheet
handleDatechange(val) {
this.getData('get', `/sensitive/visit/sheet?dingdingNumber=${this.queryParams.dingdingNumber}&dingdingDate=${val}`, {
},(data)=>{
this.sheetList = data.data;
});
},
// 选中sheet
handleSheetchange(val){
console.log(`选中sheet===>${val}`)
},
// 数据查询
queryDataList(){
this.getDataList(this.currentPage, this.queryParams);
},
// 获取全部分页数据
getDataList(pageNum) {
openLoading(this);
this.$axios.post(`${baseUrl}/sensitive/visit`, {
getDataList(pageNum, queryData) {
this.getData('post', '/sensitive/visit', {
"pageNum": pageNum,
"pageSize": this.pageSize
})
.then((res) => {
closeLoading(this);
let data = res.data;
if(data.code == "000000") {
this.dataList = data.data.list;
this.total = data.data.total;
}else {
this.$message.error(data.message);
}
}).catch((error) => {
this.$message.error('网络出现点问题')
})
"pageSize": this.pageSize,
...queryData
},(data)=>{
this.dataList = data.data.list;
this.total = data.data.total;
});
},
// 根据页码获取数据
handleSizeChange(size){
this.pageSize = size;
this.getDataList(this.currentPage);
this.getDataList(this.currentPage, {});
},
// 根据分页获取数据
dataListChange(num){
this.currentPage = num;
this.getDataList(num);
this.getDataList(num, {});
},
// 过滤状态显示
formatStatus(row, column){
......@@ -570,29 +314,46 @@ export default {
}
return value;
},
dataview() {
this.$router.push("/data-view");
},
datain() {
this.$router.push("/data-in");
// 列表关闭操作
closeDingHandle(userId){
this.$confirm('确定关闭？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true,
customClass: 'close-msg-box'
}).then(() => {
this.getData('put', `/sensitive/visit/status?userId=${userId}`, {},(data)=>{
this.$message({
type: 'success',
message: '关闭成功!'
});
this.getDataList(this.currentPage, {});
});
})
},
changeinout(value) {
console.log("handle value: ", value);
// 列表通知操作
notifyDingHandle(obj){
const { dataSheetName, dingdingDate, dingdingNumber, mobilePhone, userId } = obj;
this.$confirm('确定通知该用户？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true,
customClass: 'close-msg-box'
}).then(() => {
this.getData('put', '/sensitive/visit/notice', {
dataSheetName, dingdingDate, dingdingNumber, mobilePhone, userId
},(data)=>{
this.$message({
type: 'success',
message: '通知成功!'
});
this.getDataList(this.currentPage, {});
});
})
},
handleIdChange(val) {
if (value.length == 21) {
this.getApplyDate();
}else{ //this.getcls();
this.applyDate.splice(0,this.applyDate.length)
}
// if(val && val.length == 21){
// // this.getApplyDateList();
// this.getApplyDate();
// }else if(val && val.length > 21){
// // this.applyDate.splice(0,this.applyDate.length)
// val = val.slice(0,21);
// this.ruleForm.number = val;
// }
// 查看个人审批编号页面
dataview() {
this.$router.push("/data-view");
},
numInputLimit (e) {
let key = e.key
......@@ -603,61 +364,44 @@ export default {
}
return true
},
handleDatechange() {
console.log(333);
this.getDatechange();
},
getApplyDate() {
this.applyDate = [
{ date: "20190801" },
{ date: "20190802" },
{ date: "20190803" },
{ date: "20190804" }
];
},
getDatechange() {
this.datechange = [{ event: "a" }, { event: "b" }];
},
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
console.log("submitform触发");
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
beforeUpload(file) {
var FileExt = file.name.replace(/.+\./, "");
if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
this.$message({
type: "warning",
message: "请上传后缀名为xls,xlsx的原文件！"
});
return false;
}
closeCreate(){
this.centerDialogVisible = false;
},
closeModify(){
this.reviseDialogVisible = false;
},
// 封装一下请求通用的方法
getData(type, url, req, callback) {
openLoading(this);
this.$axios[type](baseUrl+url, req)
.then((res) => {
closeLoading(this);
let data = res.data;
if(data.code == "000000") {
if(callback) callback(data);
}else {
this.$message.error(data.message);
}
}).catch((error) => {
closeLoading(this);
this.$message.error('网络出现点问题')
})
}
// insiders() {
// this.$router.push("/data-home/insiders");
// },
// outsiders() {
// this.$router.push("/data-home/outsiders");
// }
}
};
</script>
<style lang="less">
<style lang="less">
.data-in-wrap {
.pagination-style{
margin-top: 30px;
float: right;
}
}
.close-msg-box{
width: 280px;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或