388 lines
12 KiB
Vue
388 lines
12 KiB
Vue
<template>
|
||
<section class="managementDetail">
|
||
<ai-detail>
|
||
<template #title>
|
||
<ai-title title="公文登记" isShowBottomBorder isShowBack @onBackClick="cancel(true)"/>
|
||
</template>
|
||
<template #content>
|
||
<ai-card title="公文信息">
|
||
<template slot="content">
|
||
<div class="form_div mar-t16">
|
||
<el-form
|
||
ref="rules"
|
||
:model="form"
|
||
:rules="formRules"
|
||
size="small"
|
||
label-suffix="："
|
||
label-width="100px"
|
||
>
|
||
<el-form-item label="公文名称" prop="documentName">
|
||
<el-input
|
||
v-model="form.documentName"
|
||
placeholder="请输入..."
|
||
maxlength="50"
|
||
></el-input>
|
||
</el-form-item>
|
||
<div class="above">
|
||
<div class="left">
|
||
<el-form-item label="公文编号" prop="documentCode">
|
||
<el-input
|
||
v-model="form.documentCode"
|
||
placeholder="请输入..."
|
||
maxlength="50"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="right">
|
||
<el-form-item label="公文类型" prop="documentType">
|
||
<el-select
|
||
v-model="form.documentType"
|
||
placeholder="请选择..."
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="(item, i) in dict.getDict('officialDocumentName')"
|
||
:key="i"
|
||
:label="item.dictName"
|
||
:value="item.dictValue"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<div class="above">
|
||
<div class="left">
|
||
<el-form-item label="保密等级">
|
||
<el-select
|
||
v-model="form.confidentialityLevel"
|
||
placeholder="请选择..."
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="(item, i) in dict.getDict('officialDocumentConfidentialityLevel')"
|
||
:key="i"
|
||
:label="item.dictName"
|
||
:value="item.dictValue"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="right">
|
||
<el-form-item label="阅示类型" prop="readType">
|
||
<el-select @change="readTypeChange"
|
||
v-model="form.readType"
|
||
placeholder="请选择..."
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="(item, i) in dict.getDict('officialDocumentReadType')"
|
||
:key="i"
|
||
:label="item.dictName"
|
||
:value="item.dictValue"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<div class="above">
|
||
<div class="left">
|
||
<el-form-item label="紧急程度">
|
||
<el-select
|
||
v-model="form.emergencyLevel"
|
||
placeholder="请选择..."
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="(item, i) in dict.getDict('officialDocumentEmergencyLevel')"
|
||
:key="i"
|
||
:label="item.dictName"
|
||
:value="item.dictValue"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<div class="above">
|
||
<div class="left">
|
||
<el-form-item label="发文机关">
|
||
<el-input
|
||
v-model="form.issuingUnit"
|
||
placeholder="请输入..."
|
||
maxlength="50"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="right">
|
||
<el-form-item label="发文字号">
|
||
<el-input
|
||
v-model="form.issuingFont"
|
||
placeholder="请输入..."
|
||
maxlength="50"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<div class="above">
|
||
<div class="left">
|
||
<el-form-item label="签发人">
|
||
<el-input
|
||
v-model="form.signer"
|
||
placeholder="请输入..."
|
||
maxlength="50"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
</div>
|
||
<el-form-item label="备注">
|
||
<el-input
|
||
v-model="form.remark"
|
||
type="textarea"
|
||
:rows="5"
|
||
maxlength="200"
|
||
show-word-limit
|
||
placeholder="请输入..."
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="附件">
|
||
<div class="upload">
|
||
<ai-uploader :instance="instance" v-model="form.files" fileType="file" :limit="9" @change="onChange"></ai-uploader>
|
||
</div>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
</template>
|
||
</ai-card>
|
||
<ai-card title="流转信息">
|
||
<template #content>
|
||
<span class="form-label">流转对象：</span>
|
||
<div class="user-content">
|
||
<ai-wechat-selecter slot="append" :instance="instance" v-model="form.flowUsers" isShowUser :isMultiple="isMultiple"></ai-wechat-selecter>
|
||
</div>
|
||
</template>
|
||
</ai-card>
|
||
</template>
|
||
<template #footer>
|
||
<el-button class="delete-btn footer-btn" @click="cancel(true)">取消</el-button>
|
||
<el-button class="footer-btn" type="primary" @click="save('rules', '1')">保存并流转</el-button>
|
||
<el-button class="footer-btn" @click="save('rules', '0')">保存</el-button>
|
||
</template>
|
||
</ai-detail>
|
||
</section>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "managementDetail",
|
||
props: {
|
||
instance: Function,
|
||
dict: Object,
|
||
permissions: Function,
|
||
params: Object
|
||
},
|
||
data() {
|
||
return {
|
||
form: {
|
||
documentName: '',
|
||
documentCode: '',
|
||
documentType: '',
|
||
confidentialityLevel: '',
|
||
readType: '',
|
||
emergencyLevel: '',
|
||
issuingTime: '',
|
||
issuingUnit: '',
|
||
issuingFont: '',
|
||
signer: '',
|
||
overDescription: '',
|
||
overTime: '',
|
||
deliver: '',
|
||
remark: '',
|
||
files: [],
|
||
fileIds: [],
|
||
flowUsers: [],
|
||
},
|
||
isMultiple: true,
|
||
};
|
||
},
|
||
computed: {
|
||
formRules(){
|
||
return {
|
||
documentName: [{required: true, message: "请输入公文名称", trigger: 'change' }],
|
||
documentCode: [{required: true, message: "请输入公文编号", trigger: 'change' }],
|
||
documentType: [{required: true, message: "请选择公文类型", trigger: 'change' }],
|
||
readType: [{required: true, message: "请选择阅示类型", trigger: 'change' }],
|
||
}
|
||
},
|
||
colConfigs(){
|
||
return [
|
||
{
|
||
prop: 'meetingUserName',
|
||
align: 'center',
|
||
label: '姓名',
|
||
},
|
||
{
|
||
prop: 'meetingUserPhone',
|
||
align: 'center',
|
||
label: '手机号码',
|
||
},
|
||
{
|
||
prop: 'meetingUnitName',
|
||
align: 'center',
|
||
label: '所属部门',
|
||
},
|
||
{
|
||
slot: 'joinStatus',
|
||
},
|
||
{
|
||
slot: 'option',
|
||
}
|
||
]
|
||
},
|
||
},
|
||
created() {
|
||
this.dict.load('issuingUnit','officialDocumentEmergencyLevel', 'officialDocumentReadType', 'officialDocumentConfidentialityLevel', 'officialDocumentName');
|
||
},
|
||
mounted() {
|
||
if(this.params.id) {
|
||
this.getDetail()
|
||
}
|
||
},
|
||
methods: {
|
||
onChange() {
|
||
|
||
},
|
||
readTypeChange() {
|
||
if(this.form.readType == 0) {
|
||
this.isMultiple = false
|
||
if(this.form.flowUsers.length > 1) {
|
||
this.form.flowUsers = []
|
||
}
|
||
}else {
|
||
this.isMultiple = true
|
||
}
|
||
},
|
||
getDetail() {
|
||
this.instance.post(`/app/appofficialdocumentinfo/queryDetailById?id=${this.params.id}&flag=0`, null).then((res) => {
|
||
if (res.code == 0) {
|
||
this.form = {...res.data}
|
||
this.form.files = this.form.files || []
|
||
}
|
||
});
|
||
},
|
||
save(formName, status){
|
||
this.$refs[formName].validate((valid) => {
|
||
if (valid) {
|
||
this.submit(status)
|
||
} else {
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
submit(status) {
|
||
var flowUsers = []
|
||
this.form.flowUsers.map(item => {
|
||
var info = {
|
||
flowUserId: item.id,
|
||
flowUserName: item.name,
|
||
avatar: item.avatar
|
||
}
|
||
flowUsers.push(info)
|
||
})
|
||
|
||
this.form.fileIds = []
|
||
if(this.form.files.length) {
|
||
this.form.files.map((item) => {
|
||
this.form.fileIds.push(item.id)
|
||
})
|
||
}
|
||
this.instance.post(`/app/appofficialdocumentinfo/addOrUpdate`, {
|
||
...this.form,
|
||
status: status,
|
||
flowUsers: flowUsers
|
||
}, null).then((res) => {
|
||
if (res.code == 0) {
|
||
if(this.params.id){
|
||
this.$message.success("编辑成功");
|
||
}else{
|
||
this.$message.success("提交成功");
|
||
}
|
||
this.cancel(true)
|
||
}
|
||
});
|
||
},
|
||
cancel(isRefresh) {
|
||
this.$emit('change', {
|
||
type: 'list',
|
||
isRefresh: !!isRefresh
|
||
})
|
||
},
|
||
downFileAll () {
|
||
if (this.form.files.length > 0) {
|
||
this.instance.post('/app/appofficialdocumentinfo/downLoadAllFileForDetail', null, {
|
||
responseType: 'blob',
|
||
params: {
|
||
id: this.form.id
|
||
}
|
||
}).then((res) => {
|
||
const link = document.createElement('a')
|
||
let blob = new Blob([res], { type: 'application/vnd.ms-excel' })
|
||
link.style.display = 'none'
|
||
link.href = URL.createObjectURL(blob)
|
||
var num = ''
|
||
for (let i = 0; i < 10; i++) {
|
||
num += Math.ceil(Math.random() * 10)
|
||
}
|
||
link.setAttribute('download', '公文文件' + '.zip')
|
||
document.body.appendChild(link)
|
||
link.click()
|
||
document.body.removeChild(link)
|
||
})
|
||
} else {
|
||
this.$message.error('暂无附件提供下载')
|
||
}
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.managementDetail {
|
||
height: 100%;
|
||
overflow: auto;
|
||
background: #f3f6f9;
|
||
.above{
|
||
overflow: hidden;
|
||
width: 100%;
|
||
.left{
|
||
width: 50%;
|
||
float: left;
|
||
}
|
||
.right{
|
||
width: 50%;
|
||
float: right;
|
||
}
|
||
.el-select{
|
||
width: 100%;
|
||
}
|
||
.el-date-editor.el-input{
|
||
width: 100%;
|
||
}
|
||
}
|
||
.iconEdit,.Edit{
|
||
color:#5088FF;
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
padding-left: 8px;
|
||
}
|
||
.form-label{
|
||
display: inline-block;
|
||
width: 100px;
|
||
color: #666;
|
||
font-size: 14px;
|
||
text-align: right;
|
||
}
|
||
.user-content{
|
||
display: inline-block;
|
||
width: calc(100% - 100px);
|
||
}
|
||
}
|
||
</style> |