优化表单填写模板审批人组件样式

src/views/component/templateFill/selector.vue

@@ -70,7 +70,6 @@ export default {
     watch: {
         formData: {
             handler (val) {
-                // console.log(val, this.params)
                 if (val.peiZhi && (!this.isInitialized || this.lastApproval !== val.peiZhi)) {
                     setTimeout(() => {
                         this.initApprover(val)
@@ -81,6 +80,7 @@ export default {
         },
         pageData: {
             handler (val) {
+                if (!this.isInitialized) return
                 this.changeFormData(val)
             },
             deep: true
@@ -102,8 +102,9 @@ export default {
                 approver3: shenPiRen3 ? shenPiRen3.split(',') : [],
                 approver4: shenPiRen4 ? shenPiRen4.split(',') : []
             }
-            // console.log(this.pageData)
             const approverData = JSON.parse(peiZhi)
+            this.isInitialized = true
+            this.lastApproval = peiZhi
             this.showApprover = approverData.hasProcess === 'Y'
             this.nodeList = approverData.nodeList
             this.nodeId = this.params ? this.params.nodeId : ''
@@ -125,8 +126,6 @@ export default {
                     this.pageData[x] = this.options[x].map(i => i.userId)
                 }
             })
-            this.isInitialized = true
-            this.lastApproval = peiZhi
             this.changeFormData(this.pageData)
         },
         changeFormData (val) {
@@ -165,6 +164,14 @@ export default {
                 padding: 0 12px 0 30px;
                 flex-grow: 0;
                 flex-shrink: 0;
+                position: relative;
+                &::before {
+                    content: '*';
+                    color: #f56c6c;
+                    left: 24px;
+                    top: 0;
+                    position: absolute;
+                }
             }
         }
     }