From d819f205841d5fea374eb367cf7791e1d47236b2 Mon Sep 17 00:00:00 2001
From: x_z <zrhdyxa@163.com>
Date: Tue, 26 Apr 2022 18:02:55 +0800
Subject: [PATCH] =?UTF-8?q?1.=E8=B0=83=E6=95=B4=E6=B7=BB=E5=8A=A0=E5=BE=80?=
 =?UTF-8?q?=E6=9D=A5=E5=8D=95=E4=BD=8D=E4=BF=A1=E6=81=AF=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/product/UnitManage.vue | 187 ++++++++++++-------------------
 1 file changed, 72 insertions(+), 115 deletions(-)

diff --git a/src/views/product/UnitManage.vue b/src/views/product/UnitManage.vue
index 2751e30..d45b88c 100644
--- a/src/views/product/UnitManage.vue
+++ b/src/views/product/UnitManage.vue
@@ -87,144 +87,94 @@
         <el-dialog
             :title="editTypeMap[editType]"
             :visible.sync="editDialogVisible"
-            width="60%"
+            width="65%"
             :close-on-click-modal="false"
             :close-on-press-escape="false"
         >
             <el-form :model="editQuery" ref="editQuery" :rules="rules">
-                <!--<el-row :gutter="20" class="el-row" type="flex">
-                    <el-col :span="10" class="el-col">
+                <el-row :gutter="20" class="el-row">
+                    <el-col :span="10">
                         <div class="text item">
-                            <div class="text item">
-                                <el-form-item label="往来单位名称" prop="name">
-                                    <el-input v-model="editQuery.name" auto-complete="off"></el-input>
-                                </el-form-item>
-                                <el-form-item label="拼音码" prop="pinyinCode">
-                                    <el-input v-model="editQuery.pinyinCode" auto-complete="off" ></el-input>
-                                </el-form-item>
-                                <el-form-item label="企业自定义ID" prop="thirdId">
-                                    <el-input v-model="editQuery.thirdId"" auto-complete="off" ></el-input>
-                                </el-form-item>
-                                <el-form-item label="社会信用号" prop="creditNo">
-                                    <el-input type="" v-model="editQuery.creditNo" auto-complete="off" :disabled="true"></el-input>
-                                </el-form-item>
+                            <div class="itemTag">
+                                <span>往来单位名称:&nbsp;</span>
                             </div>
-                        </div>
-                    </el-col>
-                    <el-col :span="10" class="el-col" type="flex">
-                        <div class="text item">
-                            <el-form-item label="往来单位编码" prop="contact">
-                                <el-input v-model="editQuery.contact" auto-complete="off" :disabled="true"></el-input>
-                            </el-form-item>
-                            <el-form-item label="第三方往来单位ID" prop="thirdId">
-                                <el-input v-model="editQuery.mobile" auto-complete="off" :disabled="true"></el-input>
-                            </el-form-item>
-                            <el-form-item label="地址" prop="addr">
-                                <el-input v-model="editQuery.addr" auto-complete="off" :disabled="true"></el-input>
-                            </el-form-item>
-                            <el-form-item v-if="spellUpdate" label="往来单位类型" prop="corpType">
-                                <el-select v-model="editQuery.corpType" placeholder="往来单位类型">
-                                    <el-option
-                                        v-for="item in corpTypeList"
-                                        :key="item.value"
-                                        :label="item.label"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
+                            <el-form-item prop="name">
+                                <el-input v-model="editQuery.name"
+                                          size="small"
+                                          style="width: 80%"
+                                          auto-complete="off"
+                                          @input="change()"
+                                          splaceholder="请输入内容"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
-                </el-row>-->
-
-
-                <el-row :gutter="20" class="el-row" type="flex">
                     <el-col :span="10" class="el-col" type="flex">
                         <div class="text item">
-                            <el-form-item label="往来单位名称" prop="name">
-                                <el-input
-                                    v-model="editQuery.name"
-                                    style="width: 60%"
-                                    size="small"
-                                    @input="change()"
-                                ></el-input>
-                            </el-form-item>
-                        </div>
-                    </el-col>
-                    <el-col :span="10" class="el-col" type="flex">
-                        <div class="text item">
-                            <el-form-item label="拼音码" prop="pinyinCode">
-                                <el-input
-                                    v-model="editQuery.pinyinCode"
-                                    style="width: 60%"
-                                    size="small"
+                            <div class="itemTag">
+                                <span>企业自定义ID:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="erpId">
+                                <el-input v-model="editQuery.thirdId" style="width: 80%" auto-complete="off"
                                 ></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
                 </el-row>
-                <el-row :gutter="20" class="el-row" type="flex">
-                    <el-col :span="10" class="el-col" type="flex">
+                <el-row :gutter="20" class="el-row">
+                    <el-col :span="10" class="el-col">
                         <div class="text item">
-                            <el-form-item label="企业自定义ID" prop="thirdId">
-                                <el-input
-                                    v-model="editQuery.thirdId"
-                                    style="width: 60%"
-                                    size="small"
-                                ></el-input>
+                            <div class="itemTag">
+                                <span>社会信用号:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="creditNo">
+                                <el-input v-model="editQuery.creditNo" style="width: 80%"
+                                          auto-complete="off"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
-                    <el-col :span="10" class="el-col" type="flex">
+                    <el-col :span="10" class="el-col">
                         <div class="text item">
-                            <el-form-item label="社会信用号" prop="creditNo">
-                                <el-input
-                                    v-model="editQuery.creditNo"
-                                    style="width: 60%"
-                                    size="small"
-                                ></el-input>
+                            <div class="itemTag">
+                                <span>联系人:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="contact">
+                                <el-input v-model="editQuery.contact" style="width: 80%" auto-complete="off"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
                 </el-row>
-                <el-row :gutter="20" class="el-row" type="flex">
-                    <el-col :span="10" class="el-col" type="flex">
+                <el-row :gutter="20" class="el-row">
+                    <el-col :span="10" class="el-col">
                         <div class="text item">
-                            <el-form-item label="联系人" prop="contact">
-                                <el-input
-                                    v-model="editQuery.contact"
-                                    style="width: 60%"
-                                    size="small"
-                                ></el-input>
+                            <div class="itemTag">
+                                <span>地址:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="addr">
+                                <el-input type="" v-model="editQuery.addr" style="width: 80%"
+                                          auto-complete="off"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
+
+
                     <el-col :span="10" class="el-col" type="flex">
                         <div class="text item">
-                            <el-form-item label="联系电话" prop="mobile">
-                                <el-input
-                                    v-model="editQuery.mobile"
-                                    style="width: 60%"
-                                    size="small"
-                                ></el-input>
+                            <div class="itemTag">
+                                <span>联系电话:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="mobile">
+                                <el-input v-model="editQuery.mobile" auto-complete="off" style="width: 80%"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
                 </el-row>
-                <el-row :gutter="20" class="el-row" type="flex">
+                <el-row :gutter="20" class="el-row">
                     <el-col :span="10" class="el-col" type="flex">
                         <div class="text item">
-                            <el-form-item label="地址" prop="addr">
-                                <el-input
-                                    v-model="editQuery.addr"
-                                    style="width: 60%"
-                                    size="small"
-                                ></el-input>
-                            </el-form-item>
-                        </div>
-                    </el-col>
-                    <el-col :span="10" class="el-col" type="flex">
-                        <div class="text item">
-                            <el-form-item label="往来单位类型" prop="corpType">
+                            <div class="itemTag">
+                                <span>往来单位类型:&nbsp;</span>
+                            </div>
+                            <el-form-item class="query-form-item">
                                 <el-select v-model="editQuery.corpType" placeholder="往来单位类型">
                                     <el-option
                                         v-for="item in corpTypeList"
@@ -232,11 +182,25 @@
                                         :label="item.label"
                                         :value="item.value">
                                     </el-option>
+
                                 </el-select>
                             </el-form-item>
                         </div>
                     </el-col>
+
+                    <el-col :span="10" class="el-col" type="flex">
+                        <div class="text item">
+                            <div class="itemTag">
+                                <span>拼音码:&nbsp;</span>
+                            </div>
+                            <el-form-item prop="spell">
+                                <el-input v-model="editQuery.pinyinCode" auto-complete="off"
+                                          style="width: 80%"></el-input>
+                            </el-form-item>
+                        </div>
+                    </el-col>
                 </el-row>
+
             </el-form>
 
             <div slot="footer" class="dialog-footer">
@@ -409,18 +373,6 @@
                         {required: true, message: "请输入拼音码", trigger: "change"}
                     ]
                 },
-                platformRules: {
-                    platformId: [
-                        {required: true, message: "请选择自助平台", trigger: "change"}
-                    ],
-                    userName: [
-                        {required: true, message: "请输入账号", trigger: "change"}
-                    ],
-                    password: [
-                        {required: true, message: "请输入密码", trigger: "change"}
-                    ]
-
-                },
                 editType: 0,
                 editTypeMap: {
                     0: "新增往来单位",
@@ -671,7 +623,12 @@
     };
 </script>
 
-<style>
-
+<style scoped>
+    .itemTag {
+        float: left;
+        text-align: left;
+        width: 19%;
+        margin-top: 10px;
+    }
 
 </style>