Skip to content

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

数据导入页面更新

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