Skip to content

P
pica-sensitive-admin
提交 eac863c9 编写于 作者: chengxiang.li's avatar chengxiang.li
浏览文件
操作

update date-view page

上级 33d7ddee
显示空白字符变更
内嵌 并排
正在显示 包含 325 行增加 和 65 行删除
config/index.js
浏览文件 @ eac863c9
...@@ -7,7 +7,7 @@ module.exports = { ...@@ -7,7 +7,7 @@ module.exports = {
index: path.resolve(__dirname, '../dist/index.html'), index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'), assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static', assetsSubDirectory: 'static',
assetsPublicPath: '/meddic/', // 上线前改为相应的路径名称 assetsPublicPath: '/sensitive/', // 上线前改为相应的路径名称
productionSourceMap: false, productionSourceMap: false,
// Gzip off by default as many popular static hosts such as // Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you. // Surge or Netlify already gzip all static assets for you.
......
src/views/sensitive-control/data-view-message.vue
浏览文件 @ eac863c9
...@@ -64,18 +64,18 @@ ...@@ -64,18 +64,18 @@
:visible.sync="centerDialogVisible" :visible.sync="centerDialogVisible"
width="300px" width="300px"
center> center>
<p>该数据的审批单号为********，短信将发送至 156****8970 的手机上，如果手机已停用，请联系管理员。</p> <p style="word-break: break-all">该数据的审批单号为 {{dingdingNum}}，短信将发送至 {{mobilePhone}} 的手机上，如果手机已停用，请联系管理员。</p>
<div class="captcha-wrap"> <div class="captcha-wrap">
<el-input v-model="captchaCode" size="small" placeholder="请输入图形验证码"></el-input> <el-input v-model="captchaCode" size="small" placeholder="请输入图形验证码"></el-input>
<img src="" alt=""> <img :src="captchaImg" alt="" @click="handleImgClick">
</div> </div>
<div class="sms-wrap"> <div class="sms-wrap">
<el-input v-model="smsCode" size="small" placeholder="请输入短信验证码"></el-input> <el-input v-model="smsCode" size="small" placeholder="请输入短信验证码"></el-input>
<div class="button">获取短信验证码</div> <div :class="getSMSClass" @click="getSMSCode">{{SMSTips}}</div>
</div> </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="handleCheckConfirm">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
...@@ -106,17 +106,54 @@ ...@@ -106,17 +106,54 @@
</template> </template>
<script> <script>
let vm = null;
import { openLoading, closeLoading } from "../../common/utils";
export default { export default {
computed: {
getSMSClass() {
if( vm.countDownNum == 6 ){
return 'button';
}else{
return 'button gray';
}
}
},
methods: { methods: {
handleClick(row) { handleClick(row) {
console.log(row); console.log(row);
} }
},
created() {
vm = this;
// url的?后面有参数，则可调接口获取手机号及审批单号;
let params = window.location.href.split('?');
if(params && params.length > 1){
vm.afterParam = params[1];
console.log('afterParam: ', vm.afterParam)
this.getPhoneNum();
}else{
alert('访问的网页地址无效！')
}
// 获取图片验证码
this.getCaptcha();
}, },
mounted() { mounted() {
}, },
data() { data() {
return { return {
SMSTips: '获取短信验证码',
countDownNum: 6, // 倒计时
timer: null, // 倒计时定时器
afterParam: '',
dingdingNum: '',
mobilePhone: '',
captchaImg: '', // 图片验证码 url
captchaToken: '', // 图片验证码 token
addConditioDialogVisible: false, // 添加筛选条件 addConditioDialogVisible: false, // 添加筛选条件
conditionForm : {}, conditionForm : {},
testDataList: { testDataList: {
...@@ -169,7 +206,7 @@ ...@@ -169,7 +206,7 @@
] ]
}, },
centerDialogVisible: false, // 验证弹窗 centerDialogVisible: true, // 验证弹窗
tableData: [{ tableData: [{
date: '2016-05-02', date: '2016-05-02',
name: '王小虎', name: '王小虎',
...@@ -257,6 +294,142 @@ ...@@ -257,6 +294,142 @@
// ev.stopPropagation(); // ev.stopPropagation();
// } // }
// }, // },
// 获取编号和手机号
getPhoneNum() {
// 请求查询接口
let data = {
parame: vm.afterParam,
};
openLoading(this);
vm.$axios.post(localStorage.getItem("lectureUrl") + '/sensitive/mobileCheck/num/mobile', data )
.then((res) => {
// closeLoading(vm);
// debugger;
res = res.data;
if(res.code == '000000'){
vm.dingdingNum = res.data.dingdingNum;
vm.mobilePhone = res.data.mobilePhone;
}else{
vm.$message.error(res.message);
}
}).catch((error) => {
this.$message.error('网络出现点问题')
})
},
// 获取图形验证码
getCaptcha() {
openLoading(this);
this.$axios.get(localStorage.getItem("lectureUrl") + '/account/account/captcha', {} )
.then((res) => {
closeLoading(this);
if(res.status && res.status === 200) {
res = res.data;
}
if(res.code==='000000'){
vm.captchaImg = `data:image/png;base64,${res.data.content}`
vm.captchaToken = res.data.token
}else{
vm.$message.error(res.message);
}
}).catch((error) => {
vm.$message.error('网络出现点问题')
})
},
// 图片验证码点击
handleImgClick() {
this.getCaptcha();
},
// 获取短信验证码
getSMSCode() {
// 倒计时过程中不可点
if( this.countDownNum != 6){
console.log('现在倒计时过程中...不可点击')
return;
}
if( this.captchaCode == '' ){
vm.$message.error('请输入图形验证码');
return;
}
// 获取短信验证码
let data = {
parame: vm.afterParam,
pictureCode: vm.captchaCode,
captchaToken: vm.captchaToken,
};
openLoading(this);
this.$axios.post(localStorage.getItem("lectureUrl") + '/sensitive/mobileCheck/check/picturecode', data )
.then((res) => {
closeLoading(this);
res = res.data;
if(res.code == '000000'){
vm.timeCount();
}else{
vm.$message.error(res.message);
this.getCaptcha();
}
}).catch((error) => {
this.$message.error('网络出现点问题')
})
},
timeCount() {
clearInterval(vm.timer);
vm.timer = setInterval(function(){
vm.countDownNum -= 1;
vm.SMSTips = `${vm.countDownNum}秒后重试`;
if(vm.countDownNum == 0){
vm.SMSTips = '获取短信验证码';
clearInterval(vm.timer);
vm.countDownNum = 6;
}
}, 1000)
},
handleCheckConfirm() {
if( vm.captchaCode == '' ){
vm.$message.error('请输入图形验证码');
return;
}
if( vm.smsCode == '' ){
vm.$message.error('请输入短信验证码');
return;
}
// 调用 /mobileCheck/check/mobilecode 接口
// 获取短信验证码
let data = {
parame: vm.afterParam,
mobileCode: vm.smsCode,
};
openLoading(this);
this.$axios.post(localStorage.getItem("lectureUrl") + '/sensitive/mobileCheck/check/mobilecode', data )
.then((res) => {
closeLoading(this);
debugger
res = res.data;
if(res.code == '000000'){
// vm.timeCount();
vm.getTableList();
}else{
vm.$message.error(res.message);
}
}).catch((error) => {
this.$message.error('网络出现点问题')
})
},
getTableList() {
},
showAddConditionModal(status){ showAddConditionModal(status){
this.addConditioDialogVisible = status ? true : false; this.addConditioDialogVisible = status ? true : false;
}, },
...@@ -272,10 +445,16 @@ ...@@ -272,10 +445,16 @@
.header{ height: 0 !important; overflow: hidden; left:0 !important;} .header{ height: 0 !important; overflow: hidden; left:0 !important;}
.sidebar{ width: 0; overflow: hidden; } .sidebar{ width: 0; overflow: hidden; }
.content{ left: 0 !important; top: 0 !important; } .content{ left: 0 !important; top: 0 !important; }
.el-message{
min-width: 310px !important;
width: 310px !important;
max-width: 310px !important;
}
.data-view-message-wrap { .data-view-message-wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
.button-wrap{ .button-wrap{
margin: 20px 0; margin: 20px 0;
.each-button{ .each-button{
...@@ -304,7 +483,7 @@ ...@@ -304,7 +483,7 @@
float: left; float: left;
display: block; border: none; display: block; border: none;
width: 100px; height: 32px; margin-left: 10px; width: 100px; height: 32px; margin-left: 10px;
background: pink; background: #fff;
} }
} }
.sms-wrap{ .sms-wrap{
...@@ -318,35 +497,35 @@ ...@@ -318,35 +497,35 @@
width: 100px; height: 32px; margin-left: 10px; width: 100px; height: 32px; margin-left: 10px;
font-size: 13px; font-size: 13px;
text-align: center; line-height: 32px; text-align: center; line-height: 32px;
color: #979899;
&.allow{
color: #409EFF; color: #409EFF;
&.gray{
color: #606266;
} }
} }
} }
} }
// 调整弹框样式，使弹窗只占用自身空间，使其不影响给mask加的事件 // 调整弹框样式，使弹窗只占用自身空间，使其不影响给mask加的事件
.condition-dialog-wrap{ // .condition-dialog-wrap{
overflow: hidden; // overflow: hidden;
bottom: auto !important; // bottom: auto !important;
right: auto !important; // right: auto !important;
left: 50%; margin-left: -150px; top: 2vh; // left: 50%; margin-left: -150px; top: 2vh;
.el-dialog--center{ // .el-dialog--center{
margin: 0 !important; // margin: 0 !important;
} // }
.el-dialog__body{ // .el-dialog__body{
padding: 15px 15px 0 !important; // padding: 15px 15px 0 !important;
.el-form{ // .el-form{
-webkit-overflow-scrolling:touch; // -webkit-overflow-scrolling:touch;
height: 300px; overflow: hidden; overflow-y: scroll; // height: 300px; overflow: hidden; overflow-y: scroll;
} // }
} // }
.el-form-item__label{ // .el-form-item__label{
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
} // }
} // }
} }
</style> </style>
\ No newline at end of file
src/views/sensitive-control/data-view.vue
浏览文件 @ eac863c9
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
<div class="data-view-wrap"> <div class="data-view-wrap">
<h2 class="top-title">数据查看</h2> <h2 class="top-title">数据查看</h2>
<el-form :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm" class="search-ruleForm"> <el-form :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm" class="search-ruleForm">
<el-form-item label="钉钉流程审批单号" prop="number"> <el-form-item label="钉钉流程审批单号" prop="dingdingNumber">
<el-input <el-input
v-model="ruleForm.number" v-model="ruleForm.dingdingNumber"
type="number" type="number"
size="small" size="small"
class="input" class="input"
...@@ -15,9 +15,9 @@ ...@@ -15,9 +15,9 @@
maxlength="21" maxlength="21"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="数据申请日期" prop="date"> <el-form-item label="数据申请日期" prop="dingdingDate">
<el-select <el-select
v-model="ruleForm.date" v-model="ruleForm.dingdingDate"
size="small" size="small"
placeholder="请选择" placeholder="请选择"
clearable clearable
...@@ -26,9 +26,9 @@ ...@@ -26,9 +26,9 @@
> >
<el-option <el-option
v-for="item in applyDateList" v-for="item in applyDateList"
: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>
...@@ -36,9 +36,9 @@ ...@@ -36,9 +36,9 @@
<el-select v-model="ruleForm.sheet" size="small" placeholder="请选择" clearable> <el-select v-model="ruleForm.sheet" size="small" placeholder="请选择" clearable>
<el-option <el-option
v-for="item in sheetsList" v-for="item in sheetsList"
:key="item.name" :key="item"
:label="item.name" :label="item"
:value="item.name" :value="item"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -176,15 +176,16 @@ export default { ...@@ -176,15 +176,16 @@ export default {
}; };
return { return {
ruleForm: { ruleForm: {
number: "", dingdingNumber: "",
date: "", dingdingDate: "",
sheet: "" sheet: ""
}, },
rules: { rules: {
number: [{ validator: checkNumLength, trigger: ["blur", "change"] }], dingdingNumber: [
date: [ { required: true, message: "请输入审批单号", trigger: "blur" },
{ required: true, message: "请选择数据申请日期", trigger: "change" } { validator: checkNumLength, trigger: ["blur", "change"]}
], ],
dingdingDate: [{ required: true, message: "请选择数据申请日期", trigger: "change" }],
sheet: [{ required: true, message: "请选择sheet名", trigger: "change" }] sheet: [{ required: true, message: "请选择sheet名", trigger: "change" }]
}, },
...@@ -308,7 +309,7 @@ export default { ...@@ -308,7 +309,7 @@ export default {
this.getApplyDateList(); this.getApplyDateList();
} else if (val && val.length > 21) { } else if (val && val.length > 21) {
val = val.slice(0, 21); val = val.slice(0, 21);
this.ruleForm.number = val; this.ruleForm.dingdingNumber = val;
} }
}, },
numInputLimit(e) { numInputLimit(e) {
...@@ -323,11 +324,29 @@ export default { ...@@ -323,11 +324,29 @@ export default {
getApplyDateList() { getApplyDateList() {
//获取 数据申请日期 //获取 数据申请日期
console.log(">>> 获取数据申请日期"); console.log(">>> 获取数据申请日期");
this.applyDateList = [
{ date: "2019-05-05" }, let params = {
{ date: "2019-06-06" }, dingdingNumber: this.ruleForm.dingdingNumber
{ date: "2019-07-07" } };
]; openLoading(this);
this.$axios.get(localStorage.getItem("lectureUrl") + '/sensitive/visit/date', { params } )
.then((res) => {
closeLoading(this);
res = res.data ? res.data : null;
if(res.code == "000000") {
if(res.data && res.data.length > 0){
vm.applyDateList = res.data;
}else{
vm.applyDateList = [];
}
}else {
vm.$message.error(res.message);
}
}).catch((error) => {
vm.$message.error('网络出现点问题')
})
}, },
handleApplyDateChange(val) { handleApplyDateChange(val) {
if (val) { if (val) {
...@@ -335,7 +354,7 @@ export default { ...@@ -335,7 +354,7 @@ export default {
} }
}, },
handleDingNumClear() { handleDingNumClear() {
this.ruleForm.date = ""; this.ruleForm.dingdingDate = "";
this.applyDateList = []; this.applyDateList = [];
this.handleApplyDateClear(); this.handleApplyDateClear();
}, },
...@@ -346,11 +365,33 @@ export default { ...@@ -346,11 +365,33 @@ export default {
getSheets() { getSheets() {
// 获取 Sheets名 // 获取 Sheets名
console.log(">>> 获取Sheets名"); console.log(">>> 获取Sheets名");
this.sheetsList = [ let params = {
{ name: "sheet 1" }, dingdingNumber: this.ruleForm.dingdingNumber,
{ name: "sheet 2" }, dingdingDate: this.ruleForm.dingdingDate,
{ name: "sheet 3" } };
]; openLoading(this);
this.$axios.get(localStorage.getItem("lectureUrl") + '/sensitive/visit/sheet', { params } )
.then((res) => {
closeLoading(this);
// debugger;
res = res.data ? res.data : null;
if(res.code == "000000") {
if(res.data && res.data.length > 0){
vm.sheetsList = res.data;
}else{
vm.sheetsList = [];
}
}else {
vm.$message.error(res.message);
}
}).catch((error) => {
vm.$message.error('网络出现点问题')
})
}, },
showAddConditionModal() { showAddConditionModal() {
this.addConditioDialogVisible = true; this.addConditioDialogVisible = true;
...@@ -358,25 +399,65 @@ export default { ...@@ -358,25 +399,65 @@ export default {
handleSend() { handleSend() {
console.log(">>> 分发"); console.log(">>> 分发");
this.sendDialogVisible = true; this.sendDialogVisible = true;
this.getUserList();
},
getUserList() {
// /dataSearch/searchUserDis
// 查询分发人员列表
let data = {
dingdingNum: vm.ruleForm.dingdingNumber,
dingdingDate: vm.ruleForm.dingdingDate,
dataSheetName: vm.ruleForm.sheet,
// pageNo: 1,
// pageSize: 15,
};
openLoading(this);
this.$axios.post(localStorage.getItem("lectureUrl") + '/sensitive/dataSearch/searchUserDis', data )
.then((res) => {
closeLoading(this);
debugger;
// if(res.data.code == '000000'){
// }
}).catch((error) => {
this.$message.error('网络出现点问题')
})
}, },
submitForm(formName) { submitForm(formName) {
console.log(">>> 查询"); console.log(">>> 查询");
this.$refs[formName].validate(valid => { this.$refs[formName].validate(valid => {
if (valid) { if (valid) {
alert("submit!"); alert("submit!");
// 将添加的筛选条件合并到 查询接口的传参中 // 如果添加了筛选条件，则将其合并到 查询接口的传参中
let stringData = JSON.stringify(vm.conditionForm); let stringData = JSON.stringify(vm.conditionForm);
if (stringData == "{}") { if (stringData != "{}") {
// console.log('筛选为空')
} else {
// console.log('筛选有数据')
let condition = JSON.parse(stringData); let condition = JSON.parse(stringData);
for (let key in condition) { for (let key in condition) {
vm.ruleForm[key] = condition[key]; vm.ruleForm[key] = condition[key];
} };
} }
// 请求查询接口 // 请求查询接口
let data = {
dingdingNum: vm.ruleForm.dingdingNumber,
dingdingDate: vm.ruleForm.dingdingDate,
dataSheetName: vm.ruleForm.sheet,
pageNo: 1,
pageSize: 15,
};
openLoading(this);
this.$axios.post(localStorage.getItem("lectureUrl") + '/sensitive/dataSearch/search', data )
.then((res) => {
closeLoading(this);
debugger;
// if(res.data.code == '000000'){
// }
}).catch((error) => {
this.$message.error('网络出现点问题')
})
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或