版本列表 - {{ currentSpec.specName }}
- 新建版本
+ 新建版本
-
+
-
+
@@ -141,7 +134,16 @@ export default {
versionList: [],
versionLoading: false,
statusOptions: ['DRAFT', 'PUBLISHED', 'OBSOLETE'],
-
+
+ // 分页相关
+ total: 0,
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ specType: '',
+ lineId: ''
+ },
+
// 规程相关
specOpen: false,
specTitle: '',
@@ -151,7 +153,7 @@ export default {
specCode: [{ required: true, message: '规程编码不能为空', trigger: 'blur' }],
specName: [{ required: true, message: '规程名称不能为空', trigger: 'blur' }]
},
-
+
// 版本相关
versionOpen: false,
versionTitle: '',
@@ -171,30 +173,35 @@ export default {
tableRowClassName({ row }) {
return row.specId === this.currentSpecId ? 'current-row' : ''
},
-
+
// 加载规程列表
loadSpecs() {
this.pageLoading = true
- listProcessSpec({ pageNum: 1, pageSize: 500 }).then(res => {
+ listProcessSpec(this.queryParams).then(res => {
+ this.total = res.total || 0
this.specList = res.rows || []
if (this.specList.length > 0 && !this.currentSpec) {
this.selectSpec(this.specList[0])
+ } else {
+ this.currentSpec = null
+ this.currentSpecId = null
+ this.versionList = []
}
}).catch(e => console.error(e)).finally(() => { this.pageLoading = false })
},
-
+
// 选择规程
selectSpec(spec) {
this.currentSpec = spec
this.currentSpecId = spec.specId
this.loadVersions()
},
-
+
// 点击规程行
onSpecRowClick(row) {
this.selectSpec(row)
},
-
+
// 加载版本列表
loadVersions() {
if (!this.currentSpecId) return
@@ -203,12 +210,12 @@ export default {
this.versionList = res.rows || []
}).catch(e => console.error(e)).finally(() => { this.versionLoading = false })
},
-
+
// 点击版本行
onVersionRowClick(row) {
this.goPlanSpec(row)
},
-
+
// 跳转到方案详情
goPlanSpec(row) {
const basePath = this.$route.path.replace(/\/[^/]*$/, '')
@@ -218,7 +225,7 @@ export default {
query: { specId: this.currentSpecId, versionId: String(row.versionId), versionCode: row.versionCode }
})
},
-
+
// 生效切换
handleActiveChange(row, val) {
if (!val) {
@@ -230,9 +237,9 @@ export default {
}).then(() => {
this.$modal.msgSuccess('已生效')
this.loadVersions()
- }).catch(() => {})
+ }).catch(() => { })
},
-
+
// 规程对话框
openSpecDialog(row) {
this.specForm = row
@@ -242,7 +249,7 @@ export default {
this.specOpen = true
this.$nextTick(() => this.$refs.specFormRef && this.$refs.specFormRef.clearValidate())
},
-
+
// 提交规程
submitSpec() {
this.$refs.specFormRef.validate(ok => {
@@ -256,7 +263,7 @@ export default {
}).catch(e => console.error(e)).finally(() => { this.specSubmitLoading = false })
})
},
-
+
// 删除规程
removeSpec(row) {
this.$modal.confirm('确认删除规程"' + row.specName + '"？').then(() => {
@@ -269,9 +276,9 @@ export default {
this.versionList = []
}
this.loadSpecs()
- }).catch(() => {})
+ }).catch(() => { })
},
-
+
// 版本对话框
openVersionDialog(row) {
this.versionForm = row
@@ -281,7 +288,7 @@ export default {
this.versionOpen = true
this.$nextTick(() => this.$refs.versionFormRef && this.$refs.versionFormRef.clearValidate())
},
-
+
// 提交版本
submitVersion() {
this.$refs.versionFormRef.validate(ok => {
@@ -297,7 +304,7 @@ export default {
}).catch(e => console.error(e)).finally(() => { this.versionSubmitLoading = false })
})
},
-
+
// 删除版本
removeVersion(row) {
this.$modal.confirm('确认删除版本"' + row.versionCode + '"？').then(() => {
@@ -305,7 +312,7 @@ export default {
}).then(() => {
this.$modal.msgSuccess('删除成功')
this.loadVersions()
- }).catch(() => {})
+ }).catch(() => { })
}
}
}
@@ -370,23 +377,43 @@ export default {
background: #5F7BA0 !important;
border-color: #5F7BA0 !important;
}
+
::v-deep .el-button--primary:hover,
-::v-deep .el-button--primary:focus { background: #4d6a8e !important; border-color: #4d6a8e !important; }
-::v-deep .el-button--primary:active { background: #4a6585 !important; border-color: #4a6585 !important; }
-::v-deep .el-button--primary.is-disabled { opacity: .5; }
+::v-deep .el-button--primary:focus {
+ background: #4d6a8e !important;
+ border-color: #4d6a8e !important;
+}
+
+::v-deep .el-button--primary:active {
+ background: #4a6585 !important;
+ border-color: #4a6585 !important;
+}
+
+::v-deep .el-button--primary.is-disabled {
+ opacity: .5;
+}
::v-deep .el-button:not(.el-button--primary):not(.el-button--text):not(.el-button--danger) {
color: #606266 !important;
background: #fff !important;
border-color: #dcdfe6 !important;
}
+
::v-deep .el-button:not(.el-button--primary):not(.el-button--text):not(.el-button--danger):hover {
color: #5F7BA0 !important;
border-color: #5F7BA0 !important;
}
-::v-deep .el-button--text { background: transparent !important; border-color: transparent !important; }
-::v-deep .el-button--text.btn-danger { color: #f56c6c !important; }
+::v-deep .el-button--text {
+ background: transparent !important;
+ border-color: transparent !important;
+}
-.btn-danger { color: #f56c6c; }
+::v-deep .el-button--text.btn-danger {
+ color: #f56c6c !important;
+}
+
+.btn-danger {
+ color: #f56c6c;
+}