Skip to content

P
pica-risk-admin
提交 453c290b 编写于 作者: ZWTPINI's avatar ZWTPINI
浏览文件
操作

数据导入页面更新

上级 8c54a41b
显示空白字符变更
内嵌 并排
正在显示 包含 230 行增加 和 175 行删除
src/views/sensitive-control/data-in.vue
浏览文件 @ 453c290b
<template>
<section>
<el-form ref="form" :model="form" label-width="120px">
<el-form ref="form" :model="form" label-width="80px" :inline="true">
<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-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker> -->
<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-item label="sheet名称">
<!-- <span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span> -->
......@@ -28,9 +36,11 @@
</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 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 prop="status" label="状态"></el-table-column>
<el-table-column prop="noticstatus" label="通知状态状态"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scoped">
<span @click="dataview">查看</span>
......@@ -128,17 +138,17 @@
<div class="outsiders-wrap" v-if="form.usertype_radio == 2">
<div class="block">
<span>数据需求方姓名&#12288;</span>
<span style="margin-right:35px">数据需求方姓名&#12288;</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div class="block" style="margin-bottom:20px">
<span>数据需求方手机号</span>
<span style="margin-right:35px">数据需求方手机号</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div>
<span>数据需求角色</span>
<span style="margin-right:60px">数据需求角色</span>
<el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
<el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
</div>
......@@ -219,9 +229,11 @@ export default {
data() {
return {
input: "",
radio:'',
value: "",
centerDialogVisible: true,
centerDialogVisible: false,
change: true,
sum_input: "",
tableData: [
{
date: "2016-05-02",
......@@ -242,7 +254,17 @@ export default {
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1516 弄"
}
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄"
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄"
},
],
options: [
{
......@@ -271,14 +293,13 @@ export default {
date2: "",
type: [],
id_input: "",
sum_input: "",
waringmsg_input: "",
usertype_radio: "0",
warning_radio: "0",
value1: "",
value2: "",
value: "",
admintype_radio:"0",
warning_radio:"0",
}
};
},
......@@ -291,7 +312,6 @@ export default {
},
changeinout(value) {
console.log("handle value: ", value);
this.change = !change;
}
// insiders() {
......
src/views/sensitive-control/data-view.vue
浏览文件 @ 453c290b
<template>
<section>
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="100px" :inline="true">
<div class="block">
<el-from-item label="审批编号">
<span>审批编号:&#12288;&#12288;</span>
<el-form-item label="审批编号" :inline="true">
<el-input v-model="form.id_input" style="width:220px" placeholder="审批编号查询"></el-input>
</el-from-item>
</div>
</el-form-item>
<el-form-item label="申请日期" :inline="true">
<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-form-item>
<el-form-item label="sheet名称">
<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>
:value="item.value"
></el-option>
</el-select>
</el-from-item>
</el-form-item>
</div>
<el-form-item label="Column 1-7:">
<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-form-item>
<div class="block">
<el-from-item label="Column 1-7:下拉菜">
<span> Column 1-7:&nbsp;&nbsp;&nbsp;</span>
<!-- <div class="block">
<el-form-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>
:value="item.value"
></el-option>
</el-select>
</el-from-item>
</div>
</el-form-item>
</div> -->
<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>
<el-form-item label="空白">
<el-input style="width:200px;" v-model="form.input" placeholder></el-input>
</el-form-item>
<span>+</span>
<el-button>分发</el-button>
<el-button @click="msgsendDialogVisible = true">分发</el-button>
<el-button>查询</el-button>
</div>
</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">
<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 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 @click="handleClick(scope.row)" type="text" size="small" >备注</el-button> -->
<el-button @click="remarksDialogVisible=true" type="text" size="small">备注</el-button>
<el-button type="text" size="small">标记</el-button>
</template>
</el-table-column>
</el-table>
<router-view></router-view>
<!-- 分发弹窗 -->
<el-dialog title="提示" :visible.sync="msgsendDialogVisible" width="30%" center>
<span>被选中的需要分发的数据，此处只显示colum1</span>
<el-select v-model="value5" multiple placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<span slot="footer" class="dialog-footer">
<el-button @click="msgsendDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="msgsendDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<!-- 备注弹窗 -->
<el-dialog title="备注" :visible.sync="remarksDialogVisible" width="30%" center>
<el-input
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
placeholder="请输入备注信息"
v-model="textarea"
></el-input>
<div>
2019-11-10
联系不上
2019-11-09
用户拒绝
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="remarksDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="remarksDialogVisible = false">确 定</el-button>
</span>
</el-dialog>
<router-view></router-view>
</section>
</template>
<script>
......@@ -120,11 +131,14 @@ export default {
handleClick(row) {
console.log(row);
/** 表格方法**/
},
}
},
data() {
return {
input: "",
msgsendDialogVisible: false,
remarksDialogVisible: false,
textarea: "",
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
......@@ -167,50 +181,72 @@ export default {
value1: "",
value2: "",
value: "",
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '北京烤鸭'
}],
optionss: [{
value: '选项3',
label: '111'
}, {
value: '选项4',
label: '222'
}],
options: [
{
value: "选项1",
label: "黄金糕"
},
{
value: "选项2",
label: "北京烤鸭"
}
],
optionss: [
{
value: "选项3",
label: "111"
},
{
value: "选项4",
label: "222"
}
]
},
options: [
{
value: "选项1",
label: "黄金糕"
},
tableData: [{
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
{
value: "选项2",
label: "北京烤鸭"
}
],
value5: "",
tableData: [
{
date: "2016-05-02",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1518 弄",
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
},
{
date: "2016-05-04",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1517 弄",
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
},
{
date: "2016-05-01",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1519 弄",
zip: 200333
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
},
{
date: "2016-05-03",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1516 弄",
zip: 200333
}],
}
],
// options: [{
// value: '选项1',
// label: '黄金糕'
......@@ -225,23 +261,22 @@ export default {
// value: '选项4',
// label: '222'
// }],
value: ''
value: ""
};
},
}
};
</script>
<style scoped>
section{
section {
width: 900px;
}
.top{
.top {
height: 50px;
}
.column{
.column {
float: left;
}
.block{
margin-top:20px;
.block {
margin-top: 20px;
}
</style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或