74 lines
2.1 KiB
Vue
74 lines
2.1 KiB
Vue
<template>
|
|
<div class="app-container home">
|
|
<el-row :gutter="20">
|
|
<el-col :span="11" :xs="11" style="">
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<h3>配置加密</h3>
|
|
</div>
|
|
<div class="text">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-form-item label="KEY" prop="srcText">
|
|
<el-input v-model="form.salt" placeholder="KEY" />
|
|
</el-form-item>
|
|
<el-form-item label="源数据" prop="srcText">
|
|
<el-input v-model="form.srcText" type="textarea" :rows="2" placeholder="源数据" />
|
|
</el-form-item>
|
|
<div style="text-align: center;">
|
|
<el-button type="primary" @click="handlerEnc">加密</el-button>
|
|
</div>
|
|
<!-- <hr/> -->
|
|
<el-form-item label="加密值" prop="destText">
|
|
<el-input v-model="destText" type="textarea" readonly placeholder="源数据" />
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
</div>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import { xddEncrypt } from "@/api/common";
|
|
export default {
|
|
name: "tools",
|
|
data() {
|
|
return {
|
|
// 版本号
|
|
version: "1.0.0",
|
|
form: {
|
|
salt:"",
|
|
srcText: "",
|
|
},
|
|
destText:"",
|
|
rules: {
|
|
salt: [
|
|
{ required: true, trigger: "blur", message: "请输入salt" }
|
|
],
|
|
srcText: [
|
|
{ required: true, trigger: "blur", message: "请输入源字符串" }
|
|
],
|
|
},
|
|
};
|
|
},
|
|
methods: {
|
|
handlerEnc() {
|
|
xddEncrypt(this.form.srcText,this.form.salt).then(response => {
|
|
console.log(response);
|
|
if(response.code==200){
|
|
this.destText = 'XDDENC#'+response.data.text;
|
|
}else{
|
|
this.destText = response.msg;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
|