Skip to content

F
founder_vue
Commit c4a1be34 by 米嘉伟
Options

新增人员 导出

parent 387d0e03
Showing with 288 additions and 4 deletions
src/views/AllPersonnelBase/modules/dcfptxAj.vue 0 → 100644
<template>
<el-dialog
title="导出FPTX"
:visible.sync="dialogVisible"
width="36.375rem"
append-to-body
:before-close="handleClose"
>
<!-- <div class="head">
文字:<el-checkbox v-model="wzChecked">基本信息</el-checkbox>
</div>
<div class="content">
</div> -->
<el-form
label-width="6.25rem"
class="demo-ruleForm"
:label-position="position"
>
<el-form-item label="文字:">
<el-checkbox v-model="wzChecked">基本信息</el-checkbox>
</el-form-item>
<el-form-item label="指掌纹序号:">
<el-checkbox v-model="wzChecked">基本信息</el-checkbox>
</el-form-item>
<el-form-item label="数据类型：">
<el-radio-group v-model="sjlx">
<el-radio :label="1">原图</el-radio>
<el-radio :label="2">压缩图</el-radio>
<el-radio :label="3">特征</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="文件格式：">
<el-radio-group v-model="wjgs">
<el-radio :label="1">5.0</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="导出模式：">
<el-radio-group v-model="dcms">
<el-radio :label="1">分开文件</el-radio>
<el-radio :label="2">同一文件</el-radio>
<el-checkbox v-model="wzChecked">脱密</el-checkbox>
</el-radio-group>
</el-form-item>
<el-form-item label="条码补值：">
<el-radio-group
class='tmbz'
v-model="tmbz"
size="mini"
>
<el-radio
:label="1"
border
>000</el-radio>
<el-radio
:label="2"
border
>999</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<span
slot="footer"
class="dialog-footer"
>
<el-button
class="confirmBtn"
@click="focus"
type="primary"
>导出</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
name: "dcftpx",
props: {
isShowDcfptx: {
type: [Number, String, Boolean],
default: false
},
rowData: {
default: false
}
},
data () {
return {
position: 'left', //
filenameexport: '文件',
dialogVisible: false, // 弹窗状态
wzChecked: true, // 文字单选
sjlx: 1, // 数据类型
wjgs: 1,//文件格式
dcms: 1, //导出模式
tmbz: 1,// 条码补值
};
},
mounted () {
this.dialogVisible = this.isShowDcfptx;
},
watch: {
isShowDcfptx (newVal, oldVal) {
this.dialogVisible = newVal;
},
dialogVisible (val) {
console.log(this.dialogVisible, 123)
this.$emit('closeDcfptx', this.dialogVisible);
},
},
methods: {
focus () {
// 创建隐藏的可下载链接
let eleLink = document.createElement('a')
// let url = 'http://192.168.128.107:8099/api/export/person/' + this.rowData[0].barcode
let url = 'http://www.meetfood.cn:2390/api/export/case/' + this.rowData[0].ysxtAsjbh
eleLink.download = this.filenameexport
eleLink.style.display = 'none'
eleLink.href = url
// 触发点击
document.body.appendChild(eleLink)
eleLink.click()
// 然后移除
document.body.removeChild(eleLink)
this.dialogVisible = false;
},
handleClose (done) {
this.dialogVisible = false;
},
}
};
</script>
<style lang="scss" scoped>
/deep/.el-dialog {
border-radius: 6px;
font-family: MicrosoftYaHei;
}
/deep/.el-dialog__header {
border-bottom: 1px solid #eee;
padding: 15px 20px 8px;
}
/deep/.el-dialog__title {
font-size: 16px;
}
/deep/ .el-radio {
margin-right: 24px;
}
/deep/.el-radio__input.is-checked + .el-radio__label {
color: #333333;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-radio.is-bordered.is-checked {
border-color: #055fe7;
.el-radio__input.is-checked + .el-radio__label {
color: #055fe7;
}
}
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
color: #055fe7;
}
/deep/.el-radio__input.is-checked .el-radio__inner {
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-dialog {
border-radius: 6px;
}
/deep/.el-dialog__header {
border-bottom: 1px solid #eee;
}
/deep/.el-dialog__footer {
text-align: center;
}
/deep/.el-button--primary {
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-button + .el-button {
margin-left: 24px;
}
/deep/.el-input {
width: 264px;
}
/deep/.el-form-item {
padding: 4px 0;
border-bottom: 1px solid #eee;
margin: 0;
}
.tmbz {
/deep/.el-radio--mini.is-bordered {
width: 42px;
height: 24px;
background: #f6f8fa;
border-radius: 2px;
padding: 0;
padding-top: 3px;
}
/deep/.el-radio__input {
display: none;
}
}
.confirmBtn {
width: 72px;
height: 40px;
}
</style>
\ No newline at end of file
src/views/AllPersonnelBase/modules/xzaj.vue
......@@ -107,10 +107,10 @@
<!-- 五 -->
<el-row>
<el-col :span="12">
<el-form-item label="案件类别">
<el-form-item label="案件类别：">
<el-select
v-model="ruleForm.ajlbdm"
placeholder="请选择案件类别:"
placeholder="请选择案件类别"
>
<el-option
label="区域一"
......@@ -146,6 +146,24 @@
<div class="colorDiv"></div>
<div>案件逻辑分库</div>
</el-row>
<el-row class="flexBox">
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选</el-checkbox>
<div style="margin: 15px 0;"></div>
<el-checkbox-group
v-model="checkedTargets"
@change="handleCheckedTargetsChange"
>
<el-checkbox
v-for="city in targets"
:label="city"
:key="city"
>{{city}}</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
<!-- 六 -->
<el-row class="title">
......@@ -189,7 +207,7 @@
>
<el-date-picker
type="datetime"
placeholder="请输入提取时间"
placeholder="请选择提取时间"
v-model="ruleForm.tqsj"
style="width: 100%;"
></el-date-picker>
......@@ -247,6 +265,7 @@
</template>
<script>
const targetOptions = ['本地案件库', '比中案件库', '已破案件库', '重大案件库', 'B类案件库', 'C类案件库', '勘查案件库', '协查案件库'];
export default {
name: "xzaj",
props: {
......@@ -259,6 +278,10 @@ export default {
return {
dialogVisible: '', // 弹窗状态
labelPosition: 'left',// 数据项对齐方式
checkAll: false, // 目标逻辑库
checkedTargets: [], // 选定的目标逻辑库
targets: targetOptions, // 目标逻辑库
isIndeterminate: false, // 目标逻辑库不确定状态
ruleForm: {
ysxtAsjbh: '', // 案事件编号
xckybh: '', // 现场勘验编号
......@@ -298,7 +321,7 @@ export default {
{ required: true, message: '请输入提取人姓名', trigger: 'blur' },
],
tqsj: [
{ type: 'date', required: true, message: '请输入提取时间', trigger: 'change' }
{ type: 'date', required: true, message: '请选择提取时间', trigger: 'change' }
],
tqryGmsfhm: [
{ required: true, message: '请输入提取人身份证号', trigger: 'blur' },
......@@ -347,12 +370,50 @@ export default {
handleClose (done) {
this.dialogVisible = false;
this.$refs[formName].resetFields();
},
handleCheckAllChange (val) {
this.checkedTargets = val ? targetOptions : [];
this.isIndeterminate = false;
},
handleCheckedTargetsChange (value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.targets.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.targets.length;
}
}
};
</script>
<style lang="scss" scoped>
// 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-form::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
color: #333333;
}
/deep/.flexBox {
display: flex;
.el-checkbox {
margin-right: 24px;
}
}
/deep/.el-form {
height: 685px;
overflow: auto;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment