diff --git a/src/assets/images/system/default-img2.png b/src/assets/images/system/default-img2.png
new file mode 100644
index 0000000..5659001
Binary files /dev/null and b/src/assets/images/system/default-img2.png differ
diff --git a/src/views/system/archivesCategory/processManage/module/form.vue b/src/views/system/archivesCategory/processManage/module/form.vue
index c14e740..ac8ba90 100644
--- a/src/views/system/archivesCategory/processManage/module/form.vue
+++ b/src/views/system/archivesCategory/processManage/module/form.vue
@@ -19,7 +19,7 @@
/>
-
@@ -29,18 +29,18 @@
-
-
任务2:任务名称
-
-
+
+
+
+
+
+
+
+
+
@@ -61,15 +61,21 @@ export default {
return {
cuDialogVisible: false,
loading: false,
+ loadingImg: false,
form: {
modelId: null,
task01: null,
task02: null
},
modelOptions: [],
- srcImg: null,
- defaultImg: 'this.src="' + require('@/assets/images/system/default-img.jpg') + '"',
- jobOptions: [],
+ srcImg: '',
+ defaultImg: 'this.src="' + require('@/assets/images/system/default-img2.png') + '"',
+ jobOptions: [
+ {
+ value: '',
+ label: '请选择'
+ }
+ ],
rules: {
modelId: [
{ required: true, message: '流程模板不可为空', trigger: 'change' }
@@ -80,7 +86,9 @@ export default {
task02: [
{ required: true, message: '执行岗位不可为空', trigger: 'change' }
]
- }
+ },
+ isExpend: false,
+ userTableData: []
}
},
mounted() {
@@ -102,8 +110,10 @@ export default {
})
},
selectModel(val) {
+ this.loadingImg = true
FetchFindFolwImgByModelId({ 'processDefinitionId': val.procdefId }).then((res) => {
this.srcImg = 'data:image/jpeg;base64,' + res
+ this.loadingImg = false
}).catch(err => {
console.log(err)
})
@@ -149,13 +159,17 @@ export default {
margin-right: 20px;
}
.template-img{
+ display: flex;
+ align-items: center;
width: 690px;
height: 460px;
border: 1px solid #eee;
+ background-color: #EDEFF3;
overflow: hidden;
img{
display: block;
- width: 100%;
+ margin: 0 auto;
+ // width: 100%;
}
}
.task-tip{
@@ -177,4 +191,35 @@ export default {
line-height: 32px;
}
}
+.detail-arrow{
+ position: relative;
+ width: 64px;
+ height: 20px;
+ margin: -8px auto 10px auto;
+ background-color:#E8F2FF;
+ border-radius: 3px;
+ cursor: pointer;
+ i{
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ display: block;
+ width: 14px;
+ height: 14px;
+ margin-top: -7px;
+ margin-left: -7px;
+ text-align: center;
+ font-size: 12px;
+ color: #0348F3;
+ transition: all ease-in 0.4s;
+ transform: scale(0.7);
+ &.arrow-up {
+ transform: scale(0.7) rotate(180deg);
+ transform-origin: center;
+ }
+ }
+ }
+ ::v-deep .el-table__body-wrapper{
+ border-bottom: 1px solid #dfe6ec !important;
+ }