Skip to content

P
pica-sensitive-admin
提交 8c5f56fb 编写于 作者: ZWTPINI's avatar ZWTPINI
浏览文件
操作

newPage

上级 b1eab78e
展开全部 隐藏空白字符变更
内嵌 并排
正在显示 包含 1021 行增加 和 49 行删除
src/components/common/Home.vue
浏览文件 @ 8c5f56fb
......@@ -21,6 +21,7 @@
import vHead from './Header.vue';
import vSidebar from './Sidebar.vue';
import Axios from 'axios';
export default {
data: function () {
......
src/components/common/Sidebar.vue
浏览文件 @ 8c5f56fb
......@@ -62,6 +62,7 @@
subs: [
{icon: null, index: "data-in", title: "数据导入", subs: []},
{icon: null, index: "data-view", title: "数据查看", subs: []},
],
title: "敏感数据",
},{
......
src/router/index.js
浏览文件 @ 8c5f56fb
......@@ -9,30 +9,67 @@ export default new Router({
* 添加 mode: 'history' 之后将使用 HTML5 history 模式，该模式下没有 # 前缀，而且可以使用 pushState 和 replaceState 来管理记录。
* 关于 HTML5 history 模式的更多内容，可以参考官方文档：https://router.vuejs.org/zh-cn/essentials/history-mode.html
*/
// mode: 'history',
//mode: 'history',
routes: [
{
path: '/',
component: resolve => require(['../components/common/Home.vue'], resolve),
children: [
{
path: '/',
redirect: '/data-in'
},{ // 后台编码库
redirect: '/data-home',
},
{
path: '/data-home',
component: resolve => require(['../views/sensitive-control/data-home.vue'], resolve),
children:[{//数据导入中的内部人员导入
path: '/data-home/insiders',
component: resolve => require(['../views/sensitive-control/insiders'], resolve),
children:[{//数据导入中的内部人员导入 中的管理员导入
path: '/data-home/insiders/admin_msg_send',
component: resolve => require(['../views/sensitive-control/admin_msg_send.vue'], resolve),
},{////数据导入中的内部人员导入 中的普通用户导入导入
path: '/data-home/insiders/admin_msg_send_',
component: resolve => require(['../views/sensitive-control/admin_msg_send_.vue'], resolve),
}]
},{//数据导入中的外部人员导入
path: '/data-home/outsiders',
component: resolve => require(['../views/sensitive-control/outsiders'], resolve)
}],
},
{ // 后台编码库
path: '/code-library',
component: resolve => require(['../views/code-library/code-library.vue'], resolve),
},{ // 常见诊断管理
path: '/diagnose-manage',
component: resolve => require(['../views/diagnose-manage/diagnose-manage.vue'], resolve)
},{ // 后台编码库
},{ // 数据导入
path: '/data-in',
component: resolve => require(['../views/sensitive-control/data-in.vue'], resolve),
},{ // 常见诊断管理
// children:[{//数据导入中的内部人员导入
// path: '/data-in/insiders',
// component: resolve => require(['../views/sensitive-control/insiders'], resolve),
// children:[{//数据导入中的内部人员导入 中的管理员导入
// path: '/data-in/insiders/admin_msg_send',
// component: resolve => require(['../views/sensitive-control/admin_msg_send.vue'], resolve),
// },{////数据导入中的内部人员导入 中的普通用户导入导入
// path: '/data-in/insiders/admin_msg_send_',
// component: resolve => require(['../views/sensitive-control/admin_msg_send_.vue'], resolve),
// }]
// },{//数据导入中的外部人员导入
// path: '/data-in/outsiders',
// component: resolve => require(['../views/sensitive-control/outsiders'], resolve)
// }],
},{ // 数据查看
path: '/data-view',
component: resolve => require(['../views/sensitive-control/data-view.vue'], resolve)
}
},
{
path: '/data-revise',
component: resolve => require(['../views/sensitive-control/data-revise.vue'], resolve)
},
]
}
......
src/views/sensitive-control/admin_msg_send.vue 0 → 100644
浏览文件 @ 8c5f56fb
<template>
<div class="block">
<span>数据分发人员</span>
<el-select v-model="value" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</template>
\ No newline at end of file
src/views/sensitive-control/admin_msg_send_.vue 0 → 100644
浏览文件 @ 8c5f56fb
<template>
<div>
</div>
</template>
\ No newline at end of file
src/views/sensitive-control/data-home.vue 0 → 100644
浏览文件 @ 8c5f56fb
此差异已折叠。
src/views/sensitive-control/data-in.vue
浏览文件 @ 8c5f56fb
<template>
<div class="data-in-wrap">
<h2 class="top-title">数据导入</h2>
<el-form ref="form" :model="form" label-width="100px" size="medium ">
<h2 class="top-title">数据导入</h2>
<!-- <el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>-->
<div class="block">
<el-from-item label="审批编号">
<span>审批编号:</span>
<el-input style="width:220px" v-model="form.id_input" placeholder="请输入内容" required></el-input>
</el-from-item>
</div>
<div class="block">
<el-from-item label="申请日期">
<div class="block">
<span class="demonstration">申请日期:</span>
<el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
</div>
</el-from-item>
</div>
<div class="block">
<el-from-item label="sheet名称">
<span>sheet名称</span>
<el-select v-model="form.value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-from-item>
</div>
<div>
<span class="white"></span>
<el-from-item label="数据需求方类型">
<div class="block" style="margin-bottom:20px">
<span>数据方需求类型</span>
<el-radio v-model="form.usertype_radio" label="1" @click.native="insiders">内部</el-radio>
<el-radio v-model="form.usertype_radio" label="2" @click.native="outsiders">外部</el-radio>
</div>
</el-from-item>
</div>
<router-view></router-view>
<div class="block">
<el-from-item label="敏感信息查看">
<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-from-item>
</div>
<div class="block">
<el-from-item label="文件上传">
<span>上传原文件:</span>
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
<em>点击上传</em>
</div>
</el-upload>
</el-from-item>
</div>
<div class="block">
<el-form-item label="数据有效期">
<span class="demonstration"></span>
<el-date-picker
v-model="form.value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</div>
<div class="block">
<el-from-item label="数据访问次数">
<div>
<span>数据访问次数&#12288;&#12288;</span>
<el-input style="width:200px" v-model="form.sum_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
</div>
<div class="block">
<el-from-item label="敏感信息所在位置">
<div>
<span>敏感信息所在位置</span>
<el-input style="width:200px" v-model="form.waringmsg_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
</div>
<div style="margin-top:20px">
<el-button type="primary" style="margin-left:130px">确认</el-button>
<el-button type="primary" style="margin-left:50px">取消</el-button>
</div>
</el-form>
</div>
</template>
<script>
import { openLoading, closeLoading, } from '../../common/utils';
export default {
data() {
return {
import { openLoading, closeLoading } from "../../common/utils";
export default {
data() {
return {
options: [
{
value: "选项1",
label: "黄金糕"
},
{
value: "选项2",
label: "双皮奶"
},
{
value: "选项3",
label: "蚵仔煎"
},
{
value: "选项4",
label: "龙须面"
},
{
value: "选项5",
label: "北京烤鸭"
}
],
form: {
date1: "",
date2: "",
type: [],
id_input: "",
sum_input: "",
waringmsg_input: "",
usertype_radio: "0",
warning_radio: "0",
value1: "",
value2: "",
value: ""
}
};
},
created() {},
methods: {
insiders() {
this.$router.push("/data-in/insiders");
},
created() {
},
methods: {
outsiders() {
this.$router.push("/data-in/outsiders");
},
}
};
</script>
<style lang="less">
.data-in-wrap{
.top-title{
color: #333333;
}
.data-in-wrap {
.top-title {
color: #333333;
}
</style>
\ No newline at end of file
}
.el-upload-dragger{
width: 300px;
height: 50px;
}
// .el-form{
// border: 0.5px solid #000;
// padding-left:100px;
// }
.block{
margin-top:20px;
}
.el-form-item__label {
text-align: left;
float: left;
font-size: 16px;
color: #000;
line-height: 40px;
padding: 0 12px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>
,
\ No newline at end of file
src/views/sensitive-control/data-revise.vue 0 → 100644
浏览文件 @ 8c5f56fb
<template>
<div>
<el-form ref="form" :model="form" label-width="100px">
<div>审批编号</div>
<div>审批日期</div>
<div>sheet名称</div>
<div>需求方类型</div>
<div>源文件</div>
<div>以上几项在修改界面均不可修改</div>
<el-from-item label="数据需求方姓名">
<div class="block">
<span>数据需求方姓名&#12288;</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
<el-from-item label="数据需求方手机号">
<div class="block" style="margin-bottom:20px">
<span>数据需求方手机号</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
<!-- <div>
<span>数据需求角色</span>
<el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
<el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
</div> -->
<div class="block">
<el-form-item label="数据有效期">
<span class="demonstration"></span>
<el-date-picker
v-model="form.value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</div>
<div class="block">
<el-from-item label="数据访问次数">
<div>
<span>数据访问次数&#12288;&#12288;</span>
<el-input style="width:200px" v-model="form.sum_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
</div>
<div class="block">
<el-from-item label="敏感信息所在位置">
<div>
<span>敏感信息所在位置</span>
<el-input style="width:200px" v-model="form.waringmsg_input" placeholder="请输入内容"></el-input>
</div>
</el-from-item>
</div>
</el-form>
<div style="margin-top:20px">
<el-button type="primary" style="margin-left:130px">确认</el-button>
<el-button type="primary" style="margin-left:50px">取消</el-button>
</div>
</div>
</template>
<script>
export default {
data(){
return{
form: {
date1: "",
date2: "",
type: [],
id_input: "",
sum_input: "",
waringmsg_input: "",
value1: "",
value2: "",
value: "",
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '北京烤鸭'
}],
optionss: [{
value: '选项3',
label: '111'
}, {
value: '选项4',
label: '222'
}],
},
}
}
}
</script>
<style lang="less">
.block{
margin-top:20px;
}
.el-form-item__label{
text-align: left !important;
float: left;
font-size: 16px;
color: #000;
line-height: 40px;
padding: 0 12px 0 0;
margin-right: 33px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>
\ No newline at end of file
src/views/sensitive-control/data-view.vue
浏览文件 @ 8c5f56fb
<template>
<div class="data-view-wrap">
<h2 class="top-title">数据查看</h2>
<section>
<el-form ref="form" :model="form" label-width="80px">
</div>
</template>
<div class="block">
<el-from-item label="审批编号">
<span>审批编号:&#12288;&#12288;</span>
<el-input v-model="form.id_input" style="width:220px" placeholder="审批编号查询"></el-input>
</el-from-item>
</div>
<script>
import { openLoading, closeLoading, } from '../../common/utils';
export default {
data() {
return {
<div class="block">
<el-from-item label="申请日期">
<div class="block">
<span class="demonstration">数据申请日期:</span>
<el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
</div>
</el-from-item>
</div>
<div class="block">
<el-from-item label="sheet名称">
<span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span>
<el-select v-model="form.value" placeholder="请选择">
<el-option
v-for="item in form.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-from-item>
</div>
}
},
created() {
<div class="block">
<el-from-item label="Column 1-7:下拉菜">
<span> Column 1-7:&nbsp;&nbsp;&nbsp;</span>
<el-select v-model="form.value1" placeholder="请选择">
<el-option
v-for="item in form.optionss"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-from-item>
</div>
},
methods: {
<div class="block" style="margin-bottom:20px">
<el-from-item label="空白">
<el-input style="width:200px;" v-model="form.input" placeholder=""></el-input>
</el-from-item>
<span>+</span>
<el-button>分发</el-button>
<el-button>查询</el-button>
</div>
},
}
</script>
<style lang="less">
.data-view-wrap{
.top-title{
color: #333333;
}
</el-form>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
fixed
prop="date"
label="日期"
width="150">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="120">
</el-table-column>
<el-table-column
prop="province"
label="省份"
width="120">
</el-table-column>
<el-table-column
prop="city"
label="市区"
width="120">
</el-table-column>
<el-table-column
prop="address"
label="地址"
width="300">
</el-table-column>
<el-table-column
prop="zip"
label="邮编"
width="120">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small">备注</el-button>
<el-button type="text" size="small">标记</el-button>
</template>
</el-table-column>
</el-table>
<router-view></router-view>
</section>
}
</template>
<script>
export default {
methods: {
handleClick(row) {
console.log(row);
/** 表格方法**/
},
},
data() {
return {
input: "",
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
shortcuts: [
{
text: "今天",
onClick(picker) {
picker.$emit("pick", new Date());
}
},
{
text: "昨天",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit("pick", date);
}
},
{
text: "一周前",
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", date);
}
}
]
},
value1: "",
form: {
date1: "",
date2: "",
type: [],
id_input: "",
sum_input: "",
waringmsg_input: "",
usertype_radio: "0",
warning_radio: "0",
value1: "",
value2: "",
value: "",
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '北京烤鸭'
}],
optionss: [{
value: '选项3',
label: '111'
}, {
value: '选项4',
label: '222'
}],
},
tableData: [{
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
zip: 200333
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
zip: 200333
}],
// options: [{
// value: '选项1',
// label: '黄金糕'
// }, {
// value: '选项2',
// label: '北京烤鸭'
// }],
// optionss: [{
// value: '选项3',
// label: '111'
// }, {
// value: '选项4',
// label: '222'
// }],
value: ''
};
},
};
</script>
<style scoped>
section{
width: 900px;
}
.top{
height: 50px;
}
.column{
float: left;
}
.block{
margin-top:20px;
}
</style>
\ No newline at end of file
src/views/sensitive-control/insiders.vue 0 → 100644
浏览文件 @ 8c5f56fb
<template>
<div class="insiders-wrap">
<div>
<span>数据需求方姓名&#12288;</span>
<el-select v-model="value" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="block">
<span>数据需求方手机号</span>
<el-select v-model="value" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="block" style="margin-bottom:20px;">
<span>数据需求角色</span>
<el-radio v-model="user_radio" label="1" @click.native="admin_msg_send">管理员</el-radio>
<el-radio v-model="user_radio" label="2" @click.native="admin_msg_send_">普通用户</el-radio>
<router-view></router-view>
</div>
</div>
</template>
<script>
export default {
data() {
return {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: ''
}
},
methods :{
admin_msg_send(){
this.$router.push('/data-home/insiders/admin_msg_send')
},admin_msg_send_(){
this.$router.push('/data-home/insiders/admin_msg_send_')
}
}
}
</script>
\ No newline at end of file
src/views/sensitive-control/outsiders.vue 0 → 100644
浏览文件 @ 8c5f56fb
<template>
<div class="outsiders-wrap">
<div class="block">
<span>数据需求方姓名&#12288;</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div class="block" style="margin-bottom:20px">
<span>数据需求方手机号</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div>
<span>数据需求角色</span>
<el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
<el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
</div>
</div>
</template>
<script>
export default {
data () {
return {
radio: '选中且禁用',
sum_input:'',
};
}
}
</script>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或