Skip to content

P
pica-sensitive-admin
提交 d59eac36 编写于 作者: 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
上级 8b301ca3 3fe2d1f4
显示空白字符变更
内嵌 并排
正在显示 包含 431 行增加 和 326 行删除
src/router/index.js
浏览文件 @ d59eac36
...@@ -35,10 +35,6 @@ export default new Router({ ...@@ -35,10 +35,6 @@ export default new Router({
path: '/data-view', path: '/data-view',
component: resolve => require(['../views/sensitive-control/data-view.vue'], resolve) 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/data-in.vue
浏览文件 @ d59eac36
<template> <template>
<section> <div class="data-in-wrap">
<el-form ref="form" :model="form" label-width="80px" :inline="true"> <el-form ref="form" :model="form" label-width="80px" :inline="true" :rules="rules">
<el-form-item label="审批编号"> <el-form-item label="审批编号" prop="selectId">
<!-- <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.selectId"
style="width:220px"
placeholder="审批编号查询"
@input="handleIdChange"
></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-select v-model="form.selectDate" placeholder="请选择" @change="handleDatechange">
<el-option <el-option
v-for="item in form.options" v-for="item in applyDate"
:key="item.value" :key="item.date"
:label="item.label" :label="item.date"
:value="item.value" :value="item.date"
></el-option> ></el-option>
</el-select> </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> -->
<el-select v-model="form.value" placeholder="请选择"> <el-select v-model="form.selectSheet" placeholder="请选择">
<el-option <el-option
v-for="item in form.options" v-for="item in datechange"
:key="item.value" :key="item.event"
:label="item.label" :label="item.event"
:value="item.value" :value="item.event"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -41,36 +48,49 @@ ...@@ -41,36 +48,49 @@
<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="status" label="状态"></el-table-column>
<el-table-column prop="noticstatus" 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>
<span>修改</span> <span>修改</span>
<span>通知</span> <span>通知</span>
<span>关闭</span> <span>关闭</span>
</template> </template>
</el-table-column>-->
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
<el-button @click="dataview(scope.row)" type="text" size="small">查看</el-button>
<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>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</template> </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-dialog title="数据导入" :visible.sync="centerDialogVisible" width="700px" center>
<div class="data-in-wrap"> <el-form ref="form" :model="form" label-width="150px" size="medium " :rules="rules">
<el-form ref="form" :model="form" label-width="150px" size="medium "> <el-form-item label="审批编号" prop="leadId">
<div class="block">
<el-form-item label="审批编号">
<!-- <span>审批编号:</span> --> <!-- <span>审批编号:</span> -->
<el-input style="width:220px" v-model="form.id_input" placeholder="请输入内容" required></el-input> <el-input style="width:220px" v-model="form.leadId" placeholder="请输入内容"></el-input>
</el-form-item> </el-form-item>
</div>
<el-form-item label="申请日期"> <el-form-item label="申请日期" prop="leadDate">
<!-- <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.leadDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item> </el-form-item>
<div class="block"> <el-form-item label="sheet名称" prop="leadsheet">
<el-form-item label="sheet名称">
<!-- <span>sheet名称</span> --> <!-- <span>sheet名称</span> -->
<el-select v-model="form.value" placeholder="请选择"> <el-select v-model="form.leadsheet" placeholder="请选择">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.value"
...@@ -79,101 +99,101 @@ ...@@ -79,101 +99,101 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div>
<span class="white"></span>
<el-form-item label="数据需求方类型"> <el-form-item label="数据需求方类型" prop="leaddataDemand">
<!-- <span>数据方需求类型</span> --> <!-- <span>数据方需求类型</span> -->
<el-radio-group v-model="form.usertype_radio" @change="changeinout"> <el-radio-group v-model="form.leaddataDemand" @change="changeinout">
<el-radio :label="1">内部</el-radio> <el-radio :label="1" style="margin-right:50px">内部</el-radio>
<el-radio :label="2">外部</el-radio> <el-radio :label="2">外部</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<div class="insiders-wrap" v-if="form.usertype_radio == 1"> <!-- <el-form-item label="活动区域">
<div> <el-select v-model="value" placeholder="请选择活动区域">
<span style="margin-right:35px">数据需求方姓名&#12288;</span> <el-option label="区域一" value="shanghai"></el-option>
<el-select v-model="value" filterable placeholder="请选择"> <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 <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.key"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> </el-select>
</div> </el-form-item>
<div class="block"> <el-form-item label="数据需求方手机号" prop="inuserphone">
<span style="margin-right:35px">数据需求方手机号</span> <el-select v-model="form.inuserphone" filterable placeholder="请选择">
<el-select v-model="value" filterable placeholder="请选择">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.key"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> </el-select>
</div> </el-form-item>
<div class="block" style="margin-bottom:20px;">
<span style="margin-right:60px">数据需求角色</span> <el-form-item label="数据需求角色" prop="admintype_radio">
<el-radio-group v-model="form.admintype_radio"> <el-radio-group v-model="form.admintype_radio">
<el-radio :label="1">管理员</el-radio> <el-radio :label="1">管理员</el-radio>
<el-radio :label="2">普通用户</el-radio> <el-radio :label="2">普通用户</el-radio>
</el-radio-group> </el-radio-group>
<router-view></router-view> <router-view></router-view>
</div> </el-form-item>
<div class="block" v-if="form.admintype_radio==1"> <div class="block" v-if="form.admintype_radio==1">
<span>数据分发人员</span> <el-form-item label="数据分发人员" prop="msgSend">
<el-select v-model="value" filterable placeholder="请选择"> <el-select v-model="form.msgSend" filterable placeholder="请选择">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.key"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item>
</div> </div>
</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>
<div class="outsiders-wrap" v-if="form.usertype_radio == 2"> <el-form-item label="数据需求方手机号" prop="outuserphone">
<div class="block"> <el-input style="width:200px" v-model="form.outuserphone" placeholder="请输入内容"></el-input>
<span style="margin-right:35px">数据需求方姓名&#12288;</span> </el-form-item>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div class="block" style="margin-bottom:20px">
<span style="margin-right:35px">数据需求方手机号</span>
<el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
</div>
<div> <el-form-item label="数据需求角色">
<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> </el-form-item>
</div> </div>
<router-view></router-view> <router-view></router-view>
<div class="block"> <el-form-item label="敏感信息查看" prop="warning_radio">
<el-form-item label="敏感信息查看">
<div> <div>
<!-- <span>敏感信息查看</span> --> <!-- <span>敏感信息查看</span> -->
<el-radio v-model="form.warning_radio" label="1">是&#12288;&#12288;</el-radio> <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-radio v-model="form.warning_radio" label="2">否</el-radio>
</div> </div>
</el-form-item> </el-form-item>
</div>
<div class="block"> <el-form-item label="文件上传" prop="upload">
<el-form-item label="文件上传">
<!-- <span>上传原文件:</span> --> <!-- <span>上传原文件:</span> -->
<el-upload <el-upload
class="upload-demo" class="upload-demo"
drag drag
action="https://jsonplaceholder.typicode.com/posts/" action="https://jsonplaceholder.typicode.com/posts/"
multiple multiple
v-model="form.upload"
:before-upload="beforeUpload"
> >
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
<div class="el-upload__text"> <div class="el-upload__text">
...@@ -181,46 +201,126 @@ ...@@ -181,46 +201,126 @@
</div> </div>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</div>
<div class="block"> <el-form-item label="数据有效期" prop="dataValidity">
<el-form-item label="数据有效期">
<el-date-picker <el-date-picker
v-model="form.value1" v-model="form.dataValidity"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</div>
<div class="block"> <el-form-item label="数据访问次数" prop="sum_visitor">
<el-form-item label="数据访问次数">
<div> <div>
<!-- <span>数据访问次数&#12288;&#12288;</span> --> <!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.sum_input" placeholder="请输入内容"></el-input> <el-input style="width:200px" v-model="form.sum_visitor" placeholder="请输入内容"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</div>
<div class="block"> <el-form-item label="敏感信息所在位置" prop="sensitivePosition">
<el-form-item label="敏感信息所在位置">
<div> <div>
<!-- <span>敏感信息所在位置</span> --> <!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.waringmsg_input" placeholder="请输入内容"></el-input> <el-input style="width:200px" v-model="form.sensitivePosition" placeholder="请输入内容"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</div>
</el-form> </el-form>
</div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">取 消</el-button> <!-- <el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @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> </span>
</el-dialog> </el-dialog>
</section> </div>
</template> </template>
...@@ -229,11 +329,16 @@ export default { ...@@ -229,11 +329,16 @@ export default {
data() { data() {
return { return {
input: "", input: "",
radio:'', radio: "",
radio: "选中且禁用",
value: "", value: "",
centerDialogVisible: false, centerDialogVisible: false,
reviseDialogVisible: false,
closeDialogVisible: false,
change: true, change: true,
sum_input: "", sum_input: "",
applyDate: [],
datechange: [],
tableData: [ tableData: [
{ {
date: "2016-05-02", date: "2016-05-02",
...@@ -264,8 +369,9 @@ export default { ...@@ -264,8 +369,9 @@ export default {
date: "2016-05-04", date: "2016-05-04",
name: "王小虎", name: "王小虎",
address: "上海市普陀区金沙江路 1517 弄" address: "上海市普陀区金沙江路 1517 弄"
}, }
], ],
options: [ options: [
{ {
value: "选项1", value: "选项1",
...@@ -282,24 +388,128 @@ export default { ...@@ -282,24 +388,128 @@ export default {
{ {
value: "选项4", value: "选项4",
label: "龙须面" label: "龙须面"
},
{
value: "选项5",
label: "北京烤鸭"
} }
], ],
form: { form: {
date1: "",
date2: "",
type: [], type: [],
id_input: "", selectId: "",
waringmsg_input: "", selectDate: "",
usertype_radio: "0", selectSheet: "",
value1: "", leadId: "",
value2: "", leadDate: "",
value: "", leadsheet: "",
admintype_radio:"0", reviseId: "",
warning_radio:"0", 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: ""
},
rules: {
selectId: [
{
required: true,
message: "请输入正确格式的审批编号",
trigger: "blur"
},
// { 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: [
{ required: true, message: "请选择日期", trigger: "change" }
],
leadsheet: [
{ required: true, message: "请输入sheet名称", trigger: "blur" }
],
leaddataDemand: [
{
required: true,
message: "请至少选择一个数据方类型",
trigger: "change"
}
],
inusername: [
{
required: true,
message: "请输入内部数据需求方姓名",
trigger: "blur"
}
],
inuserphone: [
{
required: true,
message: "请输入内部数据需求方手机号",
trigger: "blur"
}
],
outusername: [
{
required: true,
message: "请输入外部数据需求方姓名",
trigger: "blur"
}
],
outuserphone: [
// { type: 'number', required: true, message: '请输入外部数据需求方手机号', trigger: 'blur' },
{ pattern: /^1[345789]\d{9}$/, message: "输入正确格式的手机号" }
],
admintype_radio: [
{
required: true,
message: "请选择一个数据需求角色",
trigger: "change"
}
],
msgSend: [
{ required: true, message: "请选择数据分发人员", trigger: "blur" }
],
warning_radio: [
{ required: true, message: "请确定敏感信息", trigger: "change" }
],
dataValidity: [
{ required: true, message: "请填写数据有效期", trigger: "blur" }
],
sum_visitor: [
{ required: true, message: "请填写数据访问次数", trigger: "blur" },
{ pattern: /^\+?[1-9][0-9]*$/, message: "访问次数只能是非0的正整数" }
],
sensitivePosition: [
{ required: true, message: "请填写敏感信息所在位置", trigger: "blur" }
],
} }
}; };
}, },
...@@ -312,8 +522,58 @@ export default { ...@@ -312,8 +522,58 @@ export default {
}, },
changeinout(value) { changeinout(value) {
console.log("handle value: ", value); console.log("handle value: ", value);
},
handleIdChange(value) {
if (value.length == 5) {
console.log(22222);
this.getApplyDate();
}
else
{ //this.getcls();
this.applyDate.splice(0,this.applyDate.length)
} }
},
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;
}
}
// insiders() { // insiders() {
// this.$router.push("/data-home/insiders"); // this.$router.push("/data-home/insiders");
// }, // },
...@@ -324,41 +584,7 @@ export default { ...@@ -324,41 +584,7 @@ export default {
}; };
</script> </script>
<style scoped> <style lang="less">
.block {
margin-top: 20px;
}
span:hover {
color: red;
}
.data-in-wrap { .data-in-wrap {
padding-left: 50px;
} }
/* .el-form-item__label {
float: left;
} */
</style> </style>
<style>
element.style {
width: 150px;
}
.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: 14px;
color: #606266;
line-height: 40px;
padding: 0 12px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-form-item__content .el-input-group,
.el-form-item__label,
.el-tag .el-icon-close {
vertical-align: middle;
}
</style>>
src/views/sensitive-control/data-revise.vue 已删除 100644 → 0
浏览文件 @ 8b301ca3
<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
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或