From e4e9a44b2e2ba516aa307d8edf91b430cce7e1d6 Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期三, 01 十一月 2023 18:07:04 +0800
Subject: [PATCH] qxtj

---
 src/views/system/charge/index.vue |   93 ++++++++++++++++++++++++++++------------------
 1 files changed, 57 insertions(+), 36 deletions(-)

diff --git a/src/views/system/charge/index.vue b/src/views/system/charge/index.vue
index b7376fb..97ccaa8 100644
--- a/src/views/system/charge/index.vue
+++ b/src/views/system/charge/index.vue
@@ -1,20 +1,31 @@
 <template>
   <div class="app-container">
     <div class="grid-content bg-purple">
-      <el-form :inline="true" ref="form" :model="form" class="demo-form-inline">
-        <el-form-item label="浣撴鍙�" prop="tjNum">
-          <el-input ref="inputName" v-model="form.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" />
-        </el-form-item>
-        <el-form-item label="濮撳悕" prop="tjName">
-          <el-input v-model="form.tjName" placeholder="璇疯緭鍏ュ鍚�" style="width: 100px" />
-        </el-form-item>
-        <el-form-item label="鑱旂郴鐢佃瘽" prop="tjPhone">
-          <el-input v-model="form.tjPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" style="width: 130px" />
-        </el-form-item>
-        <el-form-item>
-          <el-button style="margin-left: 40px" type="primary" size="mini" @click="submitFormchanck">鎼滅储</el-button>
-          <el-button style="margin-left: 10px" type="primary" size="mini" @click="resetQuery">閲嶇疆</el-button>
-        </el-form-item>
+      <el-form :inline="true" ref="form" :model="form" class="demo-form-inline" label-width="110px">
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="濮撳悕" prop="tjName" style="display: flex;">
+              <el-input v-model="form.tjName" placeholder="璇疯緭鍏ュ鍚�" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="浣撴鍙�" prop="tjNum" style="display: flex;">
+              <el-input ref="inputName" v-model="form.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="鑱旂郴鐢佃瘽" prop="tjPhone" style="display: flex;">
+              <el-input v-model="form.tjPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <el-button style="margin-left: 40px" type="primary" size="mini" @click="submitFormchanck">鎼滅储</el-button>
+              <el-button style="margin-left: 10px" type="primary" size="mini" @click="resetQuery">閲嶇疆</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
     </div>
 
@@ -36,44 +47,54 @@
       <el-table-column label="鏀惰垂鍛�" align="center" prop="tjFlowingWater.updateBy" width="100px" />
     </el-table>
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-radio-group v-model="tjStatus" @input="radioChange" style="margin: 12px 6px">
-          <el-radio-button label="0">鏈即璐�</el-radio-button>
-          <el-radio-button label="1">宸茬即璐�</el-radio-button>
-        </el-radio-group>
-      </el-col>
-      <el-col :span="16">
-        <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px">
-          <el-form-item label="搴旀敹閲戦">
-            <el-input style="width: 86px" :value="formInline.price + '.00'" placeholder="閲戦" :disabled="true"></el-input>
+
+    <el-radio-group v-model="tjStatus" @input="radioChange" style="margin: 12px 6px">
+      <el-radio-button label="0">鏈即璐�</el-radio-button>
+      <el-radio-button label="1">宸茬即璐�</el-radio-button>
+    </el-radio-group>
+
+    <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px" label-width="100px">
+      <el-row>
+        <el-col :span="7">
+          <el-form-item label="搴旀敹閲戦" style="display: flex;">
+            <el-input :value="formInline.price + '.00'" placeholder="閲戦" :disabled="true"></el-input>
           </el-form-item>
-          <el-form-item label="浼樻儬鎶樻墸">
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="浼樻儬" style="display: flex;" >
             <!-- <el-input style="width: 90px" type="number" v-model="discount" :value="discount"></el-input> -->
-            <el-input-number style="width: 140px" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1"
+            <el-input-number style="width: 100%" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1"
               @change="numberChange" :disabled="isfalse"></el-input-number>
           </el-form-item>
+        </el-col>
 
-          <!-- <el-form-item label="鎶樻墸">
+
+        <!-- <el-form-item label="鎶樻墸">
                         <el-input style="width:100px" type="number"  v-model="formInline.discount" placeholder="璇疯緭鍏ユ姌鎵�"></el-input>
                     </el-form-item> -->
-          <el-form-item label="瀹炴敹閲戦">
-            <el-input v-model="formInline.paidIn" placeholder="瀹炰粯" style="width: 94px">
+        <el-col :span="7">
+          <el-form-item label="瀹炴敹閲戦" style="display: flex;">
+            <el-input v-model="formInline.paidIn" placeholder="瀹炰粯">
             </el-input>
           </el-form-item>
-          <el-form-item label="浠樻绫诲瀷" prop="payType">
-            <el-select style="width: 120px" v-model="formInline.payType" placeholder="璇烽�夋嫨浠樻绫诲瀷">
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="浠樻绫诲瀷" prop="payType" style="display: flex;">
+            <el-select v-model="formInline.payType" placeholder="璇烽�夋嫨浠樻绫诲瀷">
               <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label"
                 :value="dict.value"></el-option>
             </el-select>
           </el-form-item>
+        </el-col>
+        <el-col :span="3">
           <el-form-item>
-            <el-button style="margin-left: 15px" type="primary" size="mini" :disabled="disabled == 1 ? true : false"
+            <el-button type="primary" size="mini" :disabled="disabled == 1 ? true : false"
               @click="SubmitEvent">鏀惰垂</el-button>
           </el-form-item>
-        </el-form>
-      </el-col>
-    </el-row>
+        </el-col>
+      </el-row>
+    </el-form>
+
 
     <el-table v-loading="loading" :data="tableList" border>
       <el-table-column type="index" width="50"> </el-table-column>

--
Gitblit v1.8.0