Browse Source

更改样式

Limengbo 5 years ago
parent
commit
3f8f3955f8
2 changed files with 34 additions and 22 deletions
  1. 8 2
      src/pages/manage/cost.vue
  2. 26 20
      src/pages/manage/index.vue

+ 8 - 2
src/pages/manage/cost.vue

@@ -107,7 +107,7 @@
         { required: true, message: '编码不能为空'}, 
         { type: 'number', message: '排序必须为数字值'}
         ]">
-          <el-input v-model.number="form.amount" autocomplete="off"></el-input>
+          <el-input style="width: 30%;" v-model.number="form.amount" autocomplete="off"></el-input>
         </el-form-item>        
         <el-form-item label="接收部门" prop="toDeptId" :label-width="formLabelWidth">
           <el-select v-model="form.toDeptId" placeholder="请选择部门">
@@ -147,7 +147,7 @@
             </el-date-picker>  
         </el-form-item>                          
         <el-form-item label="添加备注" prop="remark" :label-width="formLabelWidth">
-          <el-input v-model="form.remark" autocomplete="off"></el-input>
+          <el-input type="textarea" :rows="2" v-model="form.remark" autocomplete="off"></el-input>
         </el-form-item>            
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -250,6 +250,7 @@ export default {
     // 编辑
     handleEdit(index, row) {
       console.log(row)
+      //回显赋值
       this.type = row.type;
       this.form.deptId = row.department.id;
       this.form.projectId = row.project.id;
@@ -320,8 +321,13 @@ export default {
     box-sizing: border-box;
   }
   .add-container {
+    float: right;
     margin-bottom: 20px;
   }
+  .right-card {
+    width: 100%;
+    margin: 0 auto;
+  }  
   .demo-table-expand {
     font-size: 0;
   }

+ 26 - 20
src/pages/manage/index.vue

@@ -30,11 +30,11 @@
             </template>
         </el-table-column>  
         <el-table-column
-          label="部门"
+          label="归属部门"
           prop="department.name">
         </el-table-column>
         <el-table-column
-          label="项目"
+          label="归属项目"
           prop="project.name">
         </el-table-column>
         <el-table-column
@@ -93,21 +93,6 @@
                 :value="item.id">
               </el-option>        
             </el-select> 
-        </el-form-item> 
-        <el-form-item label="归属部门" prop="deptId" :label-width="formLabelWidth" >
-          <el-select v-model="form.deptId" placeholder="请选择部门" ref="select" @change="getName">
-            <el-option
-              key=""
-              label="无"
-              value="">
-            </el-option>             
-            <el-option
-              v-for="item in teamSelectData"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
-            </el-option>        
-          </el-select>      
         </el-form-item>         
         <el-form-item label="收入状态" prop="incomeStatus" :label-width="formLabelWidth" :rules="[{ required: true, message: '状态不能为空'}]">
           <el-select v-model="form.incomeStatus" placeholder="请选择状态值">
@@ -125,7 +110,7 @@
         { required: true, message: '编码不能为空'}, 
         { type: 'number', message: '排序必须为数字值'}
         ]">
-          <el-input v-model.number="form.amount" autocomplete="off"></el-input>
+          <el-input style="width: 30%;" v-model.number="form.amount" autocomplete="off"></el-input>
         </el-form-item>                
         <el-form-item label="来源部门" prop="toDeptId" :label-width="formLabelWidth">          
           <el-select v-model="form.toDeptId" placeholder="请选择部门">
@@ -164,9 +149,24 @@
               type="date"
               placeholder="选择日期">
             </el-date-picker>  
-        </el-form-item>                                                          
+        </el-form-item>
+        <el-form-item label="归属部门" prop="deptId" :label-width="formLabelWidth" >
+          <el-select v-model="form.deptId" placeholder="请选择部门" ref="select" @change="getName">
+            <el-option
+              key=""
+              label="无"
+              value="">
+            </el-option>             
+            <el-option
+              v-for="item in teamSelectData"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id">
+            </el-option>        
+          </el-select>      
+        </el-form-item>                                                                   
         <el-form-item label="添加备注" prop="remark" :label-width="formLabelWidth">
-          <el-input v-model="form.remark" autocomplete="off"></el-input>
+          <el-input type="textarea" :rows="2" v-model="form.remark" autocomplete="off"></el-input>
         </el-form-item>           
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -270,6 +270,7 @@ export default {
     // 编辑
     handleEdit(index, row) {
       console.log(row)
+      //回显赋值
       this.type = row.type;
       this.form.deptId = row.department.id;
       this.form.projectId = row.project.id;
@@ -340,8 +341,13 @@ export default {
     box-sizing: border-box;
   }
   .add-container {
+    float: right;
     margin-bottom: 20px;
   }
+  .right-card {
+    width: 100%;
+    margin: 0 auto;
+  }
   .demo-table-expand {
     font-size: 0;
   }