|
@@ -7,24 +7,11 @@
|
|
|
<el-col :span="24">
|
|
|
<el-descriptions class="margin-top" :column="3" size="small" border>
|
|
|
<el-descriptions-item>
|
|
|
- <template slot="label"
|
|
|
- ><span style="color: red">*</span> 行文分类
|
|
|
+ <template slot="label"><span style="color: red">*</span> 行文分类
|
|
|
</template>
|
|
|
- <el-select
|
|
|
- v-model="form.docType"
|
|
|
- filterable
|
|
|
- collapse-tags
|
|
|
- placeholder="请选择行文分类"
|
|
|
- size="small"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in cfgFields.docType"
|
|
|
- :key="item.key"
|
|
|
- :label="item.value"
|
|
|
- :value="item.key"
|
|
|
- />
|
|
|
+ <el-select v-model="form.docType" filterable collapse-tags placeholder="请选择行文分类" size="small"
|
|
|
+ style="width: 100%" :disabled="isOpt ? (optionType == 0 ? true : false) : true">
|
|
|
+ <el-option v-for="item in cfgFields.docType" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-descriptions-item>
|
|
|
|
|
@@ -32,21 +19,9 @@
|
|
|
<template slot="label">
|
|
|
<span style="color: red">*</span>紧急程度
|
|
|
</template>
|
|
|
- <el-select
|
|
|
- v-model="form.urgency"
|
|
|
- filterable
|
|
|
- collapse-tags
|
|
|
- placeholder="请选择紧急程度"
|
|
|
- size="small"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in cfgFields.urgency"
|
|
|
- :key="item.key"
|
|
|
- :label="item.value"
|
|
|
- :value="item.key"
|
|
|
- />
|
|
|
+ <el-select v-model="form.urgency" filterable collapse-tags placeholder="请选择紧急程度" size="small"
|
|
|
+ style="width: 100%" :disabled="isOpt ? (optionType == 0 ? true : false) : true">
|
|
|
+ <el-option v-for="item in cfgFields.urgency" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-descriptions-item>
|
|
|
|
|
@@ -54,21 +29,9 @@
|
|
|
<template slot="label">
|
|
|
<span style="color: red">*</span>密级
|
|
|
</template>
|
|
|
- <el-select
|
|
|
- v-model="form.secret"
|
|
|
- filterable
|
|
|
- collapse-tags
|
|
|
- placeholder="请选择密级"
|
|
|
- size="small"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in cfgFields.secrets"
|
|
|
- :key="item.key"
|
|
|
- :label="item.value"
|
|
|
- :value="item.key"
|
|
|
- />
|
|
|
+ <el-select v-model="form.secret" filterable collapse-tags placeholder="请选择密级" size="small"
|
|
|
+ style="width: 100%" :disabled="isOpt ? (optionType == 0 ? true : false) : true">
|
|
|
+ <el-option v-for="item in cfgFields.secrets" :key="item.key" :label="item.value" :value="item.key" />
|
|
|
</el-select>
|
|
|
</el-descriptions-item>
|
|
|
|
|
@@ -76,12 +39,8 @@
|
|
|
<template slot="label">
|
|
|
<span style="color: red">*</span>标题
|
|
|
</template>
|
|
|
- <el-input
|
|
|
- v-model="form.name"
|
|
|
- size="small"
|
|
|
- maxlength="20"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="form.name" size="small" maxlength="200"
|
|
|
+ :disabled="isOpt ? (optionType == 0 ? true : false) : true"></el-input>
|
|
|
</el-descriptions-item>
|
|
|
<!-- <el-descriptions-item>
|
|
|
<template slot="label"> 份数 </template>
|
|
@@ -108,20 +67,13 @@
|
|
|
|
|
|
<el-descriptions-item :span="3" v-if="false">
|
|
|
<template slot="label"> 主送 </template>
|
|
|
- <el-input
|
|
|
- v-model="form.name"
|
|
|
- size="small"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="form.name" size="small"
|
|
|
+ :disabled="isOpt ? (optionType == 0 ? true : false) : true"></el-input>
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item :span="3" v-if="false">
|
|
|
<template slot="label"> 抄送 </template>
|
|
|
- <el-input
|
|
|
- v-model="form.name"
|
|
|
- size="small"
|
|
|
- maxlength="5"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="form.name" size="small" maxlength="5"
|
|
|
+ :disabled="isOpt ? (optionType == 0 ? true : false) : true"></el-input>
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
<!-- <el-descriptions-item>
|
|
@@ -146,12 +98,8 @@
|
|
|
<template slot="label">
|
|
|
来文单位
|
|
|
</template>
|
|
|
- <el-input
|
|
|
- v-model="form.personLiable"
|
|
|
- size="small"
|
|
|
- maxlength="20"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="form.personLiable" size="small" maxlength="20"
|
|
|
+ :disabled="isOpt ? (optionType == 0 ? true : false) : true"></el-input>
|
|
|
</el-descriptions-item>
|
|
|
<!-- <el-descriptions-item>
|
|
|
<template slot="label"> 拟稿人 </template>
|
|
@@ -163,73 +111,40 @@
|
|
|
</el-descriptions-item> -->
|
|
|
<el-descriptions-item>
|
|
|
<template slot="label"> 来文时间 </template>
|
|
|
- <el-date-picker
|
|
|
- v-model="form.registerTime"
|
|
|
- type="datetime"
|
|
|
- size="small"
|
|
|
- placeholder="选择日期"
|
|
|
- style="width: 100%"
|
|
|
- @change="registerTimeChange"
|
|
|
- disabled
|
|
|
- >
|
|
|
+ <el-date-picker v-model="form.registerTime" type="datetime" size="small" placeholder="选择日期"
|
|
|
+ style="width: 100%" @change="registerTimeChange" disabled>
|
|
|
</el-date-picker>
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item :span="3">
|
|
|
<template slot="label"> 备注 </template>
|
|
|
- <el-input
|
|
|
- v-model="form.remarks"
|
|
|
- size="small"
|
|
|
- :disabled="isOpt ? (optionType == 0 ? true : false) : true"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="form.remarks" size="small"
|
|
|
+ :disabled="isOpt ? (optionType == 0 ? true : false) : true"></el-input>
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item :span="3">
|
|
|
<template slot="label"> 附件 </template>
|
|
|
<el-row :gutter="24">
|
|
|
- <el-col
|
|
|
- v-for="(file, index) in existsFiles"
|
|
|
- :key="index"
|
|
|
- class="tf-col"
|
|
|
- :span="8"
|
|
|
- >
|
|
|
+ <el-col v-for="(file, index) in existsFiles" :key="index" class="tf-col" :span="8">
|
|
|
<div class="file">
|
|
|
- <div
|
|
|
- class="file-name"
|
|
|
- @dblclick="downloadFile(file)"
|
|
|
- :style="isOpt && optionType != 0 ? '' : 'width:100%;'"
|
|
|
- >
|
|
|
+ <div class="file-name" @dblclick="downloadFile(file)"
|
|
|
+ :style="isOpt && optionType != 0 ? '' : 'width:100%;'">
|
|
|
{{ file.fileName }}
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="isOpt ? optionType != 0 : false"
|
|
|
- class="btn-file"
|
|
|
- @click="deleteFile(file)"
|
|
|
- >
|
|
|
+ <div v-if="isOpt ? optionType != 0 : false" class="btn-file" @click="deleteFile(file)">
|
|
|
x
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <upload
|
|
|
- ref="upload"
|
|
|
- :files="files"
|
|
|
- :fileCountChange="fileChange()"
|
|
|
- v-if="isOpt ? (optionType == 0 ? false : true) : false"
|
|
|
- ></upload>
|
|
|
+ <upload ref="upload" :files="files" :fileCountChange="fileChange()"
|
|
|
+ v-if="isOpt ? (optionType == 0 ? false : true) : false"></upload>
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</blocks>
|
|
|
<blocks title="处理信息">
|
|
|
- <examineForm
|
|
|
- ref="examine"
|
|
|
- :cfgParam="{ isOpt, optionType }"
|
|
|
- :step="step"
|
|
|
- :steps="steps"
|
|
|
- :process="process"
|
|
|
- :editData="editData"
|
|
|
- :allDeptAndUser="allDeptAndUser"
|
|
|
- ></examineForm>
|
|
|
+ <examineForm ref="examine" :cfgParam="{ isOpt, optionType }" :step="step" :steps="steps" :process="process"
|
|
|
+ :editData="editData" :allDeptAndUser="allDeptAndUser"></examineForm>
|
|
|
</blocks>
|
|
|
</el-form>
|
|
|
</div>
|
|
@@ -353,7 +268,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- mounted() {},
|
|
|
+ mounted() { },
|
|
|
methods: {
|
|
|
fileChange(value) {
|
|
|
this.form.fileCount = value;
|
|
@@ -569,19 +484,20 @@ export default {
|
|
|
border-top: 0px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
.addBtn:hover {
|
|
|
background: #ebeef5;
|
|
|
}
|
|
|
|
|
|
.tf-input-table {
|
|
|
- >>> .el-table__body-wrapper {
|
|
|
+ >>>.el-table__body-wrapper {
|
|
|
max-height: 110px;
|
|
|
overflow-y: auto !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.tf-input-border {
|
|
|
- >>> input {
|
|
|
+ >>>input {
|
|
|
border: 0 solid;
|
|
|
}
|
|
|
}
|
|
@@ -591,6 +507,7 @@ export default {
|
|
|
border: 1px solid #ebeef5;
|
|
|
height: 40px;
|
|
|
width: calc(100% - 20px);
|
|
|
+
|
|
|
.file-name {
|
|
|
width: calc(100% - 40px);
|
|
|
float: left;
|
|
@@ -598,10 +515,12 @@ export default {
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
+
|
|
|
.file-name:hover {
|
|
|
background-color: #ebeef5;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
.btn-file {
|
|
|
width: 40px;
|
|
|
float: left;
|
|
@@ -610,6 +529,7 @@ export default {
|
|
|
text-align: center;
|
|
|
background-color: #ebeef5;
|
|
|
}
|
|
|
+
|
|
|
.btn-file:hover {
|
|
|
color: #abbac7;
|
|
|
cursor: pointer;
|
|
@@ -617,16 +537,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.el-table {
|
|
|
- >>> .el-table__body {
|
|
|
+ >>>.el-table__body {
|
|
|
tr {
|
|
|
&:nth-child(2n) {
|
|
|
background-color: #f0f9eb;
|
|
|
}
|
|
|
+
|
|
|
td {
|
|
|
height: 23px;
|
|
|
line-height: 23px;
|
|
|
padding: 2px 1px !important;
|
|
|
+
|
|
|
.el-button {
|
|
|
padding: 0;
|
|
|
}
|
|
@@ -634,16 +557,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.el-dialog__wrapper {
|
|
|
- >>> .el-form-item {
|
|
|
+ >>>.el-form-item {
|
|
|
margin-bottom: 15px !important;
|
|
|
}
|
|
|
+
|
|
|
.item-title {
|
|
|
width: 100%;
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
margin-bottom: 10px;
|
|
|
font-weight: 600;
|
|
|
+
|
|
|
&::before {
|
|
|
content: "";
|
|
|
display: inline-block;
|
|
@@ -655,17 +581,21 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.tf-dialog {
|
|
|
- >>> .el-dialog__header {
|
|
|
+ >>>.el-dialog__header {
|
|
|
background: #2d74e7;
|
|
|
+
|
|
|
.el-dialog__title {
|
|
|
color: aliceblue !important;
|
|
|
}
|
|
|
+
|
|
|
.el-dialog__close {
|
|
|
color: aliceblue !important;
|
|
|
}
|
|
|
}
|
|
|
- >>> .el-dialog__body {
|
|
|
+
|
|
|
+ >>>.el-dialog__body {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
}
|