待办审批弹窗样式调整

ruoyi-ui/src/views/flowable/task/record/index.vue

@@ -70,8 +70,9 @@
     </el-card>
 
     <!--审批正常流程-->
-    <el-dialog :title="completeTitle" :visible.sync="completeOpen" width="60%" append-to-body>
+    <el-dialog :title="completeTitle" :visible.sync="completeOpen" :width="checkSendUser? '60%':'40%'" append-to-body>
-      <div v-if="checkSendUser">
+      <el-form ref="taskForm" :model="taskForm" label-width="80px" >
+        <el-form-item  v-if="checkSendUser" label="处理人" prop="targetKey">
           <el-row :gutter="20">
             <!--部门数据-->
             <el-col :span="4" :xs="24">
@@ -122,9 +123,12 @@
               </el-tag>
             </el-col>
           </el-row>
-      </div>
+        </el-form-item>
+        <el-form-item label="处理意见" prop="comment" :rules="[{ required: true, message: '请输入处理意见', trigger: 'blur' }]">
+          <el-input type="textarea" v-model="taskForm.comment" placeholder="请输入处理意见"/>
+        </el-form-item>
+      </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-input style="width: 50%;margin-right: 34%" type="textarea" v-model="taskForm.comment" placeholder="请输入处理意见"/>
         <el-button @click="completeOpen = false">取 消</el-button>
         <el-button type="primary" @click="taskComplete">确 定</el-button>
       </span>