{{ formItem.dbFieldTxt }}
@@ -170,7 +175,10 @@ export default {
// 参与只允许查看最新稿件排序的字段顺序(发布稿>TBT通报文件>报批稿>送审稿>征求意见稿>草案)
newestManuScriptField: ['publish_of_original', 'tbt_file', 'draft_for_review', 'draft_for_approval', 'draft_for_comment', 'draft'],
// 过程稿件中可以查看的最新文件id
- manuScriptNewestFileId: ''
+ manuScriptNewestFileId: '',
+ retractableFlag: {}, // 面板展开收起的标识
+ // 业务基本信息有几个部分
+ formPartList: [],
}
},
computed: {
@@ -203,6 +211,7 @@ export default {
const data = res.result || {}
this.partList = Object.keys(data)
const formList = Object.values(data).reduce((acc, cur) => acc.concat(cur), [])
+ this.formPartList = Object.keys(formList)
this.fileField = []
formList.forEach(item => {
if (item.fieldShowType === FieldType.FILE_UP.value) {
@@ -249,6 +258,7 @@ export default {
}
}
console.log(this.detailData)
+ this.initRetractableFlag() // 处理面板展开
} else {
this.$message.warn(res.message)
}
@@ -268,6 +278,24 @@ export default {
})
})
},
+ /**
+ * 默认所有面板都是展开状态
+ */
+ initRetractableFlag () {
+ this.retractableFlag = {}
+ this.formPartList.forEach(key => {
+ this.retractableFlag[key] = true
+ })
+ this.$forceUpdate()
+ },
+ /**
+ * 面板展开收起
+ * @param key
+ */
+ handleChangeRetractable (key) {
+ this.$set(this.retractableFlag, key, !this.retractableFlag[key])
+ this.$forceUpdate()
+ },
/**
* 查看标准分解单
*/
@@ -398,4 +426,11 @@ export default {
color: @primary-color;
cursor: pointer;
}
+
+.retractable-btn {
+ cursor: pointer;
+ font-size: 14px;
+ font-family: PingFang SC-Regular, PingFang SC, sans-serif;
+ color: @primary-color;
+}