提交 11d62487 编写于 作者: ZWTPINI's avatar ZWTPINI

列表样式更新

上级 029ddf9e
......@@ -18,27 +18,9 @@ export default new Router({
children: [
{
path: '/',
redirect: '/data-home',
redirect: '/data-in',
},
{
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),
......@@ -48,20 +30,7 @@ export default new Router({
},{ // 数据导入
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)
......
<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
<template>
<div>
</div>
</template>
\ No newline at end of file
<template>
<section>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="审批编号">
<span>审批编号:&#12288;&#12288;</span>
<el-input v-model="form.id_input" style="width:220px" placeholder="审批编号查询"></el-input>
</el-form-item>
<el-form-item label="申请日期">
<div class="block">
<span class="demonstration">数据申请日期:</span>
<el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
</div>
</el-form-item>
<el-form-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-form-item>
</el-form>
<div class="block" style="margin-bottom:20px">
<el-button @click="centerDialogVisible = true">数据导入</el-button>
<el-button>数据查询</el-button>
</div>
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" 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>
</template>
<el-dialog title="数据导入" :visible.sync="centerDialogVisible" width="700px" center>
<div class="data-in-wrap">
<el-form ref="form" :model="form" label-width="100px" size="medium ">
<div class="block">
<el-form-item label="审批编号">
<span>审批编号:</span>
<el-input style="width:220px" v-model="form.id_input" placeholder="请输入内容" required></el-input>
</el-form-item>
</div>
<div class="block">
<el-form-item label="申请日期">
<div class="block">
<span class="demonstration">申请日期:</span>
<el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
</div>
</el-form-item>
</div>
<div class="block">
<el-form-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-form-item>
</div>
<div>
<span class="white"></span>
<el-form-item label="数据需求方类型">
<div class="block" style="margin-bottom:20px">
<span>数据方需求类型</span>
<el-radio-group v-model="form.usertype_radio" @change="changeinout">
<el-radio :label="1">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</div>
</el-form-item>
</div>
<div class="insiders-wrap" v-if="form.usertype_radio == 1">
<div>
<span>1111数据需求方姓名&#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">管理员</el-radio>
<el-radio v-model="user_radio" label="2">普通用户</el-radio>
<router-view></router-view>
</div>
</div>
<div class="outsiders-wrap" v-if="form.usertype_radio == 2">
<div class="block">
<span>2222数据需求方姓名&#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>
<router-view></router-view>
<div class="block">
<el-form-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-form-item>
</div>
<div class="block">
<el-form-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-form-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-form-item label="数据访问次数">
<div>
<span>数据访问次数&#12288;&#12288;</span>
<el-input style="width:200px" v-model="form.sum_input" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</div>
<div class="block">
<el-form-item label="敏感信息所在位置">
<div>
<span>敏感信息所在位置</span>
<el-input style="width:200px" v-model="form.waringmsg_input" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</section>
</template>
<script>
export default {
data() {
return {
input: "",
value: '',
centerDialogVisible: true,
change:true,
tableData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄"
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄"
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1519 弄"
},
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1516 弄"
}
],
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: ""
}
};
},
methods: {
dataview() {
this.$router.push("/data-view");
},
datain() {
this.$router.push("/data-in");
},
changeinout(value){
console.log('handle value: ', value)
this.change=!change;
}
// insiders() {
// this.$router.push("/data-home/insiders");
// },
// outsiders() {
// this.$router.push("/data-home/outsiders");
// }
}
};
</script>
<style scoped>
.block {
margin-top: 20px;
}
span:hover {
color: red;
}
.data-in-wrap {
padding-left: 50px;
}
.el-form-item__label {
float: left;
}
</style>>
<template>
<div class="data-in-wrap">
<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>
<section>
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="审批编号">
<!-- <span>审批编号:&#12288;&#12288;</span> -->
<el-input v-model="form.id_input" style="width:220px" placeholder="审批编号查询"></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-form-item>
<el-form-item label="sheet名称">
<!-- <span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span> -->
<el-select v-model="form.value" placeholder="请选择">
<el-option
v-for="item in options"
v-for="item in form.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>
</el-form-item>
</el-form>
<div class="block" style="margin-bottom:20px">
<el-button @click="centerDialogVisible = true">数据导入</el-button>
<el-button>数据查询</el-button>
</div>
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" 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>
</template>
<el-dialog title="数据导入" :visible.sync="centerDialogVisible" width="700px" center>
<div class="data-in-wrap">
<el-form ref="form" :model="form" label-width="150px" size="medium ">
<div class="block">
<el-form-item label="审批编号">
<!-- <span>审批编号:</span> -->
<el-input style="width:220px" v-model="form.id_input" placeholder="请输入内容" required></el-input>
</el-form-item>
</div>
<el-form-item label="申请日期">
<!-- <span class="demonstration">申请日期:</span> -->
<el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<div class="block">
<el-form-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-form-item>
</div>
<span class="white"></span>
<el-form-item label="数据需求方类型">
<!-- <span>数据方需求类型</span> -->
<el-radio-group v-model="form.usertype_radio" @change="changeinout">
<el-radio :label="1">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<div class="insiders-wrap" v-if="form.usertype_radio == 1">
<div>
<span style="margin-right:35px">数据需求方姓名&#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>
</el-upload>
</el-from-item>
</div>
<div class="block">
<span style="margin-right:35px">数据需求方手机号</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 style="margin-right:60px">数据需求角色</span>
<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>
</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" v-if="form.admintype_radio==1">
<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>
<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="outsiders-wrap" v-if="form.usertype_radio == 2">
<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>
<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>
<router-view></router-view>
<div class="block">
<el-form-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-form-item>
</div>
<div class="block">
<el-form-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-form-item>
</div>
<div class="block">
<el-form-item label="数据有效期">
<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-form-item label="数据访问次数">
<div>
<!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.sum_input" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</div>
<div class="block">
<el-form-item label="敏感信息所在位置">
<div>
<!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.waringmsg_input" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</div>
</el-form>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</section>
</template>
<script>
import { openLoading, closeLoading } from "../../common/utils";
export default {
data() {
return {
return {
input: "",
value: "",
centerDialogVisible: true,
change: true,
tableData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄"
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄"
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1519 弄"
},
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1516 弄"
}
],
options: [
{
value: "选项1",
......@@ -157,49 +277,68 @@ export default {
warning_radio: "0",
value1: "",
value2: "",
value: ""
value: "",
admintype_radio:"0",
}
};
},
created() {},
methods: {
insiders() {
this.$router.push("/data-in/insiders");
dataview() {
this.$router.push("/data-view");
},
outsiders() {
this.$router.push("/data-in/outsiders");
datain() {
this.$router.push("/data-in");
},
changeinout(value) {
console.log("handle value: ", value);
this.change = !change;
}
// insiders() {
// this.$router.push("/data-home/insiders");
// },
// outsiders() {
// this.$router.push("/data-home/outsiders");
// }
}
};
</script>
<style lang="less">
<style scoped>
.block {
margin-top: 20px;
}
span:hover {
color: red;
}
.data-in-wrap {
.top-title {
color: #333333;
}
padding-left: 50px;
}
.el-upload-dragger{
width: 300px;
height: 50px;
/* .el-form-item__label {
float: left;
} */
</style>
<style>
element.style {
width: 150px;
}
// .el-form{
// border: 0.5px solid #000;
// padding-left:100px;
// }
.block{
margin-top:20px;
.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
line-height: 36px;
}
.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;
text-align: left;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px;
padding: 0 12px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
</style>
,
\ No newline at end of file
.el-form-item__content .el-input-group,
.el-form-item__label,
.el-tag .el-icon-close {
vertical-align: middle;
}
</style>>
<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
<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 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册