流程管理添加排序

src/views/system/bpm/form/editor/index.vue

@@ -13,8 +13,7 @@
     </content-wrap>
 
     <!-- 表单保存的弹窗 -->
-    <el-dialog v-model='dialogVisible' title='保存表单' class='cn-operate-dialog' style='width: 415px;height: 350px'
-               top='30vh'>
+    <el-dialog v-model='dialogVisible' title='保存表单' class='cn-operate-dialog' width="40%">
       <el-scrollbar>
         <el-form ref='formRef' :model='formData' :rules='formRules' label-width='80px'>
           <el-form-item label='表单名' prop='name'>
@@ -34,6 +33,9 @@
           <el-form-item label='备注' prop='remark'>
             <el-input v-model='formData.remark' placeholder='请输入备注' type='textarea' />
           </el-form-item>
+          <el-form-item label="排序">
+                    <el-input-number style="width: 100%" v-model="formData.sort" :min="0" placeholder="请输入排序" />
+          </el-form-item>
         </el-form>
       </el-scrollbar>
       <template #footer>
@@ -83,7 +85,8 @@ const formLoading = ref(false) // 表单的加载中：提交的按钮禁用
 const formData = ref({
   name: '',
   status: 1,
-  remark: ''
+  remark: '',
+  sort:100,
 })
 const formRules = reactive({
   name: [{ required: true, message: '表单名不能为空', trigger: 'blur' }],