权限项管理应用编辑样式修改

src/views/authorityManagement/components/authorityAppAdd.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:18:04
- * @LastEditTime: 2022-03-16 20:58:21
+ * @LastEditTime: 2022-03-17 09:59:57
  * @LastEditors: your name
  * @Description: 新增/编辑应用
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\addApp.vue
@@ -17,7 +17,7 @@
         </div>
       </div>
       <div class="addApp-form-content dialog-public-background">
-        <el-form ref="form" class="form" :rules="rules" :model="form">
+        <el-form ref="form" class="form" :rules="rules" :model="form" label-position="right" label-width="80px">
           <div class="flex">
             <el-form-item prop="name" label="应用名称">
               <el-input placeholder="请输入应用名称" v-model.trim="form.name"></el-input>
@@ -55,7 +55,7 @@
             <div class="flex" v-for="(domain, index) in dynamicValidateForm.domains" :key="index">
               <div class="flex-wrap">
                 <el-form-item label="参数名称" :prop="'domains.' + index + '.name'">
-                  <el-input v-model.trim="domain.AppInputName"></el-input>
+                  <el-input placeholder="请输入参数名称" v-model.trim="domain.AppInputName"></el-input>
                 </el-form-item>
                 <el-form-item label="参数类型" :prop="'domains.' + index + '.type'">
                   <el-input placeholder="请输入参数类型" v-model.trim="domain.AppInputType"></el-input>
@@ -217,19 +217,10 @@ export default {
     .addApp-form-content {
       margin-top: 40px;
       ::v-deep .form {
-        .el-form-item {
-          display: flex;
-        }
         .el-input__inner {
           height: 32px;
           line-height: 32px;
         }
-        .url {
-          margin-left: 10px;
-          .el-form-item__content {
-            width: calc(100% - 70px);
-          }
-        }
         .content {
           .el-form-item__content {
             flex: 1;

src/views/authorityManagement/components/authorityAppEdit.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 09:18:04
- * @LastEditTime: 2022-03-16 20:58:20
+ * @LastEditTime: 2022-03-17 10:04:34
  * @LastEditors: your name
  * @Description: 新增/编辑应用
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\addApp.vue
@@ -27,7 +27,7 @@
         </div>
       </div>
       <div class="addApp-form-content dialog-public-background">
-        <el-form ref="form" class="form" :rules="rules" :model="form">
+        <el-form ref="form" class="form" :rules="rules" :model="form" label-position="right" label-width="80px">
           <div class="flex">
             <el-form-item prop="name" label="应用名称">
               <el-input placeholder="请输入应用名称" v-model.trim="form.name"></el-input>
@@ -61,7 +61,7 @@
             <div class="flex" v-for="(domain, index) in dynamicValidateForm.domains" :key="index">
               <div class="flex-wrap">
                 <el-form-item label="参数名称" :prop="'domains.' + index + '.name'">
-                  <el-input v-model.trim="domain.AppInputName"></el-input>
+                  <el-input placeholder="请输入参数名称" v-model.trim="domain.AppInputName"></el-input>
                 </el-form-item>
                 <el-form-item label="参数类型" :prop="'domains.' + index + '.type'">
                   <el-input placeholder="请输入参数类型" v-model.trim="domain.AppInputType"></el-input>
@@ -290,19 +290,10 @@ export default {
     .addApp-form-content {
       margin-top: 40px;
       ::v-deep .form {
-        .el-form-item {
-          display: flex;
-        }
         .el-input__inner {
           height: 32px;
           line-height: 32px;
         }
-        .url {
-          margin-left: 10px;
-          .el-form-item__content {
-            width: calc(100% - 70px);
-          }
-        }
         .content {
           .el-form-item__content {
             flex: 1;