Skip to content

P
pica-sensitive-admin
提交 0c32e74c 编写于 作者: tao.wu's avatar tao.wu
浏览文件
操作

数据修改，表单增加字段

上级 33d7ddee
隐藏空白字符变更
内嵌 并排
正在显示 包含 200 行增加 和 456 行删除
src/views/sensitive-control/data-in.vue
浏览文件 @ 0c32e74c
<template> <template>
<div class="data-in-wrap"> <div class="data-in-wrap">
<el-form ref="form" :model="form" label-width="80px" :inline="true" :rules="rules"> <el-form ref="form" :model="queryParams" label-width="80px" :inline="true" :rules="rules">
<el-form-item label="审批编号" prop="selectId"> <el-form-item label="审批编号" prop="dingdingNumber">
<!-- <span>审批编号:&#12288;&#12288;</span> --> <el-input
<el-input v-model="queryParams.dingdingNumber"
v-model="form.selectId"
type="number" type="number"
size="small" size="small"
style="width:220px" style="width:220px"
...@@ -17,58 +16,47 @@ ...@@ -17,58 +16,47 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="申请日期"> <el-form-item label="申请日期" prop="dingdingDate">
<!-- <span class="demonstration">数据申请日期:</span> --> <el-select v-model="queryParams.dingdingDate" placeholder="请选择" @change="handleDatechange">
<!-- <el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker> -->
<el-select v-model="form.selectDate" placeholder="请选择" @change="handleDatechange">
<el-option <el-option
v-for="item in applyDate" v-for="item in dingdingDateList"
:key="item.date" :key="item"
:label="item.date" :label="item"
:value="item.date" :value="item"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="sheet名称"> <el-form-item label="sheet名称" prop="dataSheetName">
<!-- <span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span> --> <el-select v-model="queryParams.dataSheetName" placeholder="请选择" @change="handleSheetchange">
<el-select v-model="form.selectSheet" placeholder="请选择">
<el-option <el-option
v-for="item in datechange" v-for="item in sheetList"
:key="item.event" :key="item"
:label="item.event" :label="item"
:value="item.event" :value="item"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="block" style="margin-bottom:20px"> <div class="block" style="margin-bottom:20px">
<el-button @click="centerDialogVisible = true">数据导入</el-button> <el-button @click="centerDialogVisible=true">数据导入</el-button>
<el-button>数据查询</el-button> <el-button @click="queryDataList">数据查询</el-button>
</div> </div>
<template> <template>
<el-table :data="dataList" style="width: 100%"> <el-table :data="dataList" style="width: 100%">
<el-table-column prop="dingdingDate" label="审批编号" width="180"></el-table-column> <el-table-column label="审批编号" prop="dingdingDate" width="180"></el-table-column>
<el-table-column prop="name" label="人员姓名" width="180"></el-table-column> <el-table-column label="人员姓名" prop="name" width="180"></el-table-column>
<el-table-column prop="dataSheetName" label="附件名称"></el-table-column> <el-table-column label="附件名称" prop="dataSheetName"></el-table-column>
<el-table-column prop="status" :formatter="formatStatus" label="状态"></el-table-column> <el-table-column label="状态" prop="status" :formatter="formatStatus"></el-table-column>
<el-table-column prop="sendType" :formatter="formatSendType" label="通知状态"></el-table-column> <el-table-column label="通知状态" prop="sendType" :formatter="formatSendType"></el-table-column>
<!-- <el-table-column label="操作"> <el-table-column label="操作" fixed="right" width="200">
<template slot-scope="scoped">
<span @click="dataview">查看</span>
<span>修改</span>
<span>通知</span>
<span>关闭</span>
</template>
</el-table-column>-->
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="dataview(scope.row)" type="text" size="small">查看</el-button> <el-button @click="dataview(scope.row)" type="text" size="small">查看</el-button>
<template v-if="scope.row.status==1"> <template v-if="scope.row.status==1">
<el-button @click="reviseDialogVisible=true" 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="notifyDingHandle(scope.row)" type="text" size="small">通知</el-button>
<el-button @click="closeDialogVisible = true" type="text" size="small">关闭</el-button> <el-button @click="closeDingHandle(scope.row.userId)" type="text" size="small">关闭</el-button>
</template> </template>
</template> </template>
</el-table-column> </el-table-column>
...@@ -87,262 +75,34 @@ ...@@ -87,262 +75,34 @@
</el-pagination> </el-pagination>
</template> </template>
<!-- <el-button type="text" >点击打开 Dialog</el-button> --> <!-- 数据导入 page -->
<el-dialog title="提示" :visible.sync="closeDialogVisible" width="30%" center> <createData
<span>弹窗内容待定</span> v-if="centerDialogVisible"
<span slot="footer" class="dialog-footer"> :form="form"
<el-button @click="closeDialogVisible = false">取 消</el-button> :rules="rules"
<el-button type="primary" @click="closeDialogVisible = false">确 定</el-button> @close="closeCreate"
</span> />
</el-dialog> <!-- 数据修改 page -->
<modifyData
<el-dialog title="数据导入" :visible.sync="centerDialogVisible" width="700px" center> v-if="reviseDialogVisible"
<el-form ref="form" :model="form" label-width="150px" size="medium " :rules="rules"> :form="form"
<el-form-item label="审批编号" prop="leadId"> :rules="rules"
<el-input style="width:220px" v-model="form.leadId" placeholder="请输入内容"></el-input> @close="closeModify"
</el-form-item> />
<el-form-item label="申请日期" prop="leadDate">
<el-date-picker v-model="form.leadDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="sheet名称" prop="leadsheet">
<el-select v-model="form.leadsheet" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方类型" prop="leaddataDemand">
<el-radio-group v-model="form.leaddataDemand" @change="changeinout">
<el-radio :label="1" style="margin-right:50px">内部</el-radio>
<el-radio :label="2">外部</el-radio>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="活动区域">
<el-select v-model="value" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<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
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求方手机号" prop="inuserphone">
<el-select v-model="form.inuserphone" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据需求角色" prop="admintype_radio">
<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> -->
</el-form-item>
<div class="block" v-if="form.admintype_radio==1">
<el-form-item label="数据分发人员" prop="msgSend">
<el-select v-model="form.msgSend" filterable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.key"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</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>
<el-form-item label="数据需求方手机号" prop="outuserphone">
<el-input style="width:200px" v-model="form.outuserphone" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="数据需求角色">
<el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
<el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
</el-form-item>
</div>
<!-- <router-view></router-view> -->
<el-form-item label="敏感信息查看" prop="warning_radio">
<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>
<el-form-item label="文件上传" prop="upload">
<!-- <span>上传原文件:</span> -->
<el-upload
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple
v-model="form.upload"
:before-upload="beforeUpload"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
<em>点击上传</em>
</div>
</el-upload>
</el-form-item>
<el-form-item label="数据有效期" prop="dataValidity">
<el-date-picker
v-model="form.dataValidity"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label="数据访问次数" prop="sum_visitor">
<div>
<!-- <span>数据访问次数&#12288;&#12288;</span> -->
<el-input style="width:200px" v-model="form.sum_visitor" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
<el-form-item label="敏感信息所在位置" prop="sensitivePosition">
<div>
<!-- <span>敏感信息所在位置</span> -->
<el-input style="width:200px" v-model="form.sensitivePosition" placeholder="请输入内容"></el-input>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<!-- <el-button @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>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
const baseUrl = 'https://dev-sc.yunqueyi.com'; import createData from '../../components/page/createData';
import { openLoading, closeLoading, } from '../../common/utils'; import modifyData from '../../components/page/modifyData';
import { baseUrl } from '../../api/hostconfig';
import { openLoading, closeLoading } from '../../common/utils';
export default { export default {
components: {
createData,
modifyData
},
data() { data() {
var checkNumLength = (rule, value, callback) => { var checkNumLength = (rule, value, callback) => {
if (!value) { if (!value) {
...@@ -350,11 +110,6 @@ export default { ...@@ -350,11 +110,6 @@ export default {
}else if (value && (value+'').length != 21) { }else if (value && (value+'').length != 21) {
callback(new Error('审批单号必须为21位数字值')); callback(new Error('审批单号必须为21位数字值'));
} else { } else {
// if (value.length == 21) {
// this.getApplyDate();
// }else{ //this.getcls();
// this.applyDate.splice(0,this.applyDate.length)
// }
callback(); callback();
} }
}; };
...@@ -362,18 +117,17 @@ export default { ...@@ -362,18 +117,17 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 15, pageSize: 15,
total: 50, // 默认分页总数 total: 50, // 默认分页总数
dataList: [], dataList: [], // 初始化数据列表
input: "", centerDialogVisible: false, // 是否显示数据导入（新增）
radio: "", reviseDialogVisible: false, // 是否显示数据导入（修改）
radio: "选中且禁用", sheetList: [], // 被搜索出来的sheet列表
value: "", dingdingDateList: [], //申请日期列表
centerDialogVisible: false, // 查询的字段
reviseDialogVisible: false, queryParams: {
closeDialogVisible: false, dingdingNumber: '', // 审批编号
change: true, dingdingDate: '', // 申请日期
sum_input: "", dataSheetName: '', // sheet名称
applyDate: [], },
datechange: [],
options: [ options: [
{ {
value: "选项1", value: "选项1",
...@@ -393,162 +147,152 @@ export default { ...@@ -393,162 +147,152 @@ export default {
} }
], ],
form: { form: {
type: [], dingdingNumber: "", // 审批编号
selectId: "", dingdingDate: "", // 申请日期
selectDate: "", dataSheetName: "",//sheet名称
selectSheet: "", dataType: "",// 数据需求方类型 1.内部 2.外部
leadId: "", needIds: [],// 数据需求方id集合 需求方类型选择为 dataType【内部】
leadDate: "", mobilePhone: '', // 数据需求方类型为【外部】需要传递 dataType【外部】
leadsheet: "", name: '', // 数据需求方类型为【外部】需要传递 dataType【外部】
reviseId: "", sensitiveDataType: "", // 敏感信息查看权限 1是，2否
reviseDate: "", dataRole: '',//数据需求角色 1管理员，2普通用户
reviseSheet: "", ids: [], // 数据分发人员数组
reviseName: "", fileId: '', // 文件上传id
revisePhone: "", dataTermValidity: "", // 数据有效期 - 日期
revisemsgSend: "", dataCount: "",// 数据访问次数限制
reviseUsefulDate: "", sensitiveDataColumn: "", // 敏感信息列所在位置
reviseVisitNum: "",
reviseSensitivePosition: "",
leaddataDemand: "",
reviseUsertype: "",
sheet: "",
admintype_radio: "",
warning_radio: "",
inusername: "",
inuserphone: "",
outusername: "",
outuserphone: "",
dataValidity: "",
sum_input: "",
msgSend: "",
sum_visitor: "",
sensitivePosition: "",
upload: ""
}, },
rules: { rules: {
selectId: [ dingdingNumber: [
{ {
required: false, required: true,
validator: checkNumLength, validator: checkNumLength,
message: "请输入正确格式的审批编号", message: "请输入正确格式的审批编号",
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, },
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
{ {
pattern: /^[5A-Za-z0-9-\_]+$/, pattern: /^[5A-Za-z0-9-\_]+$/,
message: "只能输入英文，数字，下划线，横线" message: "只能输入英文，数字，下划线，横线"
}, },
], ],
leadId: [ dingdingDate: [
{
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" } { required: true, message: "请选择日期", trigger: "change" }
], ],
leadsheet: [ dataSheetName: [
{ required: true, message: "请输入sheet名称", trigger: "blur" } { required: true, message: "请输入sheet名称", trigger: "change" }
], ],
leaddataDemand: [ dataType: [
{ {
required: true, required: true,
message: "请至少选择一个数据方类型", message: "请至少选择一个数据方类型",
trigger: "change" trigger: "change"
} }
], ],
inusername: [ needIds: [
{ {
required: true, required: true,
message: "请输入内部数据需求方姓名", message: "请输入内部数据需求方姓名",
trigger: "blur" trigger: "blur"
} }
], ],
inuserphone: [ mobilePhone: [
{ {
required: true, required: true,
message: "请输入内部数据需求方手机号", message: "请输入内部数据需求方手机号",
trigger: "blur" trigger: "blur"
} },
{ pattern: /^1[345789]\d{9}$/, message: "输入正确格式的手机号" }
], ],
outusername: [ name: [
{ {
required: true, required: true,
message: "请输入外部数据需求方姓名", message: "请输入外部数据需求方姓名",
trigger: "blur" trigger: "blur"
} }
], ],
outuserphone: [ sensitiveDataType: [
// { type: 'number', required: true, message: '请输入外部数据需求方手机号', trigger: 'blur' }, { required: true, message: "请确定敏感信息", trigger: "change" }
{ pattern: /^1[345789]\d{9}$/, message: "输入正确格式的手机号" }
], ],
admintype_radio: [ dataRole: [
{ {
required: true, required: true,
message: "请选择一个数据需求角色", message: "请选择一个数据需求角色",
trigger: "change" trigger: "change"
} }
], ],
msgSend: [ ids: [
{ required: true, message: "请选择数据分发人员", trigger: "blur" } { required: true, message: "请选择数据分发人员", trigger: "blur" }
], ],
warning_radio: [ fileId: [
{ required: true, message: "请确定敏感信息", trigger: "change" } { required: true, message: "请上传文件", trigger: "change" }
], ],
dataValidity: [ dataTermValidity: [
{ required: true, message: "请填写数据有效期", trigger: "blur" } { required: true, message: "请填写数据有效期", trigger: "blur" }
], ],
sum_visitor: [ dataCount: [
{ required: true, message: "请填写数据访问次数", trigger: "blur" }, { required: true, message: "请填写数据访问次数", trigger: "blur" },
{ pattern: /^\+?[1-9][0-9]*$/, message: "访问次数只能是非0的正整数" } { pattern: /^\+?[1-9][0-9]*$/, message: "访问次数只能是非0的正整数" }
], ],
sensitivePosition: [ sensitiveDataColumn: [
{ required: true, message: "请填写敏感信息所在位置", trigger: "blur" } { required: true, message: "请填写敏感信息所在位置", trigger: "blur" }
], ],
upload: [
{ required: true, message: "请上传图片", trigger: "submit" }
]
} }
}; };
}, },
created(){ created(){
this.getDataList(this.currentPage); // 初始化获取数据列表
this.getDataList(this.currentPage, {});
}, },
methods: { methods: {
// 根据审批编号查询申请日期操作
handleIdChange(value) {
if (value.length == 21) {
this.getData('get', `/sensitive/visit/date?dingdingNumber=${value}`, {
},(data)=>{
this.dingdingDateList = data.data;
});
}else{
this.dingdingDateList = [];
this.sheetList = [];
this.queryParams.dingdingDate = '';
this.queryParams.dataSheetName = '';
}
},
// 根据审批编号和日期搜索sheet
handleDatechange(val) {
this.getData('get', `/sensitive/visit/sheet?dingdingNumber=${this.queryParams.dingdingNumber}&dingdingDate=${val}`, {
},(data)=>{
this.sheetList = data.data;
});
},
// 选中sheet
handleSheetchange(val){
console.log(`选中sheet===>${val}`)
},
// 数据查询
queryDataList(){
this.getDataList(this.currentPage, this.queryParams);
},
// 获取全部分页数据 // 获取全部分页数据
getDataList(pageNum) { getDataList(pageNum, queryData) {
openLoading(this); this.getData('post', '/sensitive/visit', {
this.$axios.post(`${baseUrl}/sensitive/visit`, {
"pageNum": pageNum, "pageNum": pageNum,
"pageSize": this.pageSize "pageSize": this.pageSize,
}) ...queryData
.then((res) => { },(data)=>{
closeLoading(this); this.dataList = data.data.list;
let data = res.data; this.total = data.data.total;
if(data.code == "000000") { });
this.dataList = data.data.list;
this.total = data.data.total;
}else {
this.$message.error(data.message);
}
}).catch((error) => {
this.$message.error('网络出现点问题')
})
}, },
// 根据页码获取数据
handleSizeChange(size){ handleSizeChange(size){
this.pageSize = size; this.pageSize = size;
this.getDataList(this.currentPage); this.getDataList(this.currentPage, {});
}, },
// 根据分页获取数据
dataListChange(num){ dataListChange(num){
this.currentPage = num; this.currentPage = num;
this.getDataList(num); this.getDataList(num, {});
}, },
// 过滤状态显示 // 过滤状态显示
formatStatus(row, column){ formatStatus(row, column){
...@@ -570,29 +314,46 @@ export default { ...@@ -570,29 +314,46 @@ export default {
} }
return value; return value;
}, },
dataview() { // 列表关闭操作
this.$router.push("/data-view"); closeDingHandle(userId){
}, this.$confirm('确定关闭？', '提示', {
datain() { confirmButtonText: '确定',
this.$router.push("/data-in"); cancelButtonText: '取消',
center: true,
customClass: 'close-msg-box'
}).then(() => {
this.getData('put', `/sensitive/visit/status?userId=${userId}`, {},(data)=>{
this.$message({
type: 'success',
message: '关闭成功!'
});
this.getDataList(this.currentPage, {});
});
})
}, },
changeinout(value) { // 列表通知操作
console.log("handle value: ", value); notifyDingHandle(obj){
const { dataSheetName, dingdingDate, dingdingNumber, mobilePhone, userId } = obj;
this.$confirm('确定通知该用户？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
center: true,
customClass: 'close-msg-box'
}).then(() => {
this.getData('put', '/sensitive/visit/notice', {
dataSheetName, dingdingDate, dingdingNumber, mobilePhone, userId
},(data)=>{
this.$message({
type: 'success',
message: '通知成功!'
});
this.getDataList(this.currentPage, {});
});
})
}, },
handleIdChange(val) { // 查看个人审批编号页面
if (value.length == 21) { dataview() {
this.getApplyDate(); this.$router.push("/data-view");
}else{ //this.getcls();
this.applyDate.splice(0,this.applyDate.length)
}
// if(val && val.length == 21){
// // this.getApplyDateList();
// this.getApplyDate();
// }else if(val && val.length > 21){
// // this.applyDate.splice(0,this.applyDate.length)
// val = val.slice(0,21);
// this.ruleForm.number = val;
// }
}, },
numInputLimit (e) { numInputLimit (e) {
let key = e.key let key = e.key
...@@ -603,61 +364,44 @@ export default { ...@@ -603,61 +364,44 @@ export default {
} }
return true return true
}, },
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) { resetForm(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
beforeUpload(file) { closeCreate(){
var FileExt = file.name.replace(/.+\./, ""); this.centerDialogVisible = false;
if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) { },
this.$message({ closeModify(){
type: "warning", this.reviseDialogVisible = false;
message: "请上传后缀名为xls,xlsx的原文件！" },
}); // 封装一下请求通用的方法
return false; getData(type, url, req, callback) {
} openLoading(this);
this.$axios[type](baseUrl+url, req)
.then((res) => {
closeLoading(this);
let data = res.data;
if(data.code == "000000") {
if(callback) callback(data);
}else {
this.$message.error(data.message);
}
}).catch((error) => {
closeLoading(this);
this.$message.error('网络出现点问题')
})
} }
// insiders() {
// this.$router.push("/data-home/insiders");
// },
// outsiders() {
// this.$router.push("/data-home/outsiders");
// }
} }
}; };
</script> </script>
<style lang="less"> <style lang="less">
.data-in-wrap { .data-in-wrap {
.pagination-style{ .pagination-style{
margin-top: 30px; margin-top: 30px;
float: right; float: right;
} }
} }
.close-msg-box{
width: 280px;
}
</style> </style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或