修改样式

src/components/tradePavilion/addbrand.vue

@@ -13,13 +13,13 @@
           </el-select>
         </el-form-item>
         <el-form-item label="品牌全名" prop="FullBrandName" class="is-required" size="small">
-          <el-input v-model="addMsg.FullBrandName" placeholder="请输入品牌全名" maxlength="100" />
+          <el-input v-model="addMsg.FullBrandName" class="w600" placeholder="请输入品牌全名" maxlength="100" />
         </el-form-item>
         <el-form-item label="品牌名" prop="BrandName" class="is-required" size="small">
-          <el-input v-model="addMsg.BrandName" placeholder="请输入品牌名" maxlength="100"  />
+          <el-input v-model="addMsg.BrandName" class="w600" placeholder="请输入品牌名" maxlength="100" />
         </el-form-item>
         <el-form-item label="品牌视频">
-          <el-input v-model="addMsg.VideoUrl" size="small" placeholder="请输入内容">
+          <el-input v-model="addMsg.VideoUrl" class="w600" size="small" placeholder="请输入内容">
             <el-button @click="changeState1 = true" slot="append">添加视频</el-button>
           </el-input>
           <a v-if="addMsg.VideoUrl != ''" class="blue noline" :href="addMsg.VideoUrl" target="_blank">视频链接</a>
@@ -60,26 +60,30 @@
           </div>
         </el-form-item>
         <el-form-item label="店铺数量" prop="ShopNum" class="is-required" size="small">
-          <el-input v-model="addMsg.ShopNum" placeholder="请输入店铺数量" type="number" maxlength="3" />
+          <el-input v-model="addMsg.ShopNum" class="w600" placeholder="请输入店铺数量" type="number" maxlength="3" />
         </el-form-item>
         <el-form-item label="建筑面积" size="small">
-          <el-input v-model="addMsg.BuiltUpArea" placeholder="请输入建筑面积" type="number" style="width: 40%;" maxlength="7" />
+          <el-input v-model="addMsg.BuiltUpArea" placeholder="请输入建筑面积" type="number" style="width: 200px"
+            maxlength="7" />
           <span style="margin: 0 10px;">~</span>
-          <el-input v-model="addMsg.EndBuiltUpArea" placeholder="请输入建筑面积" type="number" style="width: 40%;" maxlength="7" />
+          <el-input v-model="addMsg.EndBuiltUpArea" placeholder="请输入建筑面积" type="number" style="width: 200px"
+            maxlength="7" />
         </el-form-item>
         <el-form-item label="需求面积" size="small">
-          <el-input v-model="addMsg.AreaRequirement" placeholder="请输入需求面积" type="number" style="width: 40%;" maxlength="7" />
+          <el-input v-model="addMsg.AreaRequirement" placeholder="请输入需求面积" type="number" style="width: 200px"
+            maxlength="7" />
           <span style="margin: 0 10px;">~</span>
-          <el-input v-model="addMsg.EndAreaRequirement" placeholder="请输入需求面积" type="number" style="width: 40%;" maxlength="7" />
+          <el-input v-model="addMsg.EndAreaRequirement" placeholder="请输入需求面积" type="number" style="width: 200px"
+            maxlength="7" />
         </el-form-item>
         <el-form-item label="客群定位" size="small">
-          <el-input v-model="addMsg.CustomerType" placeholder="请输入客群定位" maxlength="200" />
+          <el-input v-model="addMsg.CustomerType" placeholder="请输入客群定位" class="w600" maxlength="200" />
         </el-form-item>
         <el-form-item label="品牌定位" size="small">
-          <el-input v-model="addMsg.BrandType" placeholder="请输入品牌定位" maxlength="100" />
+          <el-input v-model="addMsg.BrandType" placeholder="请输入品牌定位" class="w600" maxlength="100" />
         </el-form-item>
         <el-form-item label="扩店区域" size="small">
-          <el-input v-model="addMsg.StoreExpansion" placeholder="请输入扩店区域" maxlength="200" />
+          <el-input v-model="addMsg.StoreExpansion" placeholder="请输入扩店区域" class="w600" maxlength="200" />
         </el-form-item>
         <el-form-item label="商铺性质" size="small">
           <el-select class="w300" v-model="addMsg.ProjectType" size="small" placeholder="请选择商铺性质">
@@ -88,42 +92,48 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="电量"  size="small">
-          <el-input v-model="addMsg.DianLiang"   placeholder="请输入电量" maxlength="80" />
-        </el-form-item>
-        <el-form-item label="上下水" class="is-required">
-          <el-radio v-model="addMsg.Plumbing" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.Plumbing" :label="0">否</el-radio>
-        </el-form-item>
-        <el-form-item label="管径" class="is-required">
-          <el-radio v-model="addMsg.Caliber" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.Caliber" :label="0">否</el-radio>
-        </el-form-item>
-        <el-form-item label="排污" class="is-required">
-          <el-radio v-model="addMsg.Sewage" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.Sewage" :label="0">否</el-radio>
-        </el-form-item>
-        <el-form-item label="燃气" class="is-required">
-          <el-radio v-model="addMsg.RanQi" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.RanQi" :label="0">否</el-radio>
-        </el-form-item>
-        <el-form-item label="排烟量" class="is-required">
-          <el-radio v-model="addMsg.PaiYan" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.PaiYan" :label="0">否</el-radio>
-        </el-form-item>
-        <el-form-item label="空调" class="is-required">
-          <el-radio v-model="addMsg.KongTiao" :label="1">是</el-radio>
-          <el-radio v-model="addMsg.KongTiao" :label="0">否</el-radio>
+        <el-form-item label="电量" size="small">
+          <el-input v-model="addMsg.DianLiang" class="w600" placeholder="请输入电量" maxlength="80" />
         </el-form-item>
+        <div class="brandShuxing">
+          <el-form-item label="上下水" class="is-required">
+            <el-radio v-model="addMsg.Plumbing" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.Plumbing" :label="0">否</el-radio>
+          </el-form-item>
+          <el-form-item label="管径" class="is-required">
+            <el-radio v-model="addMsg.Caliber" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.Caliber" :label="0">否</el-radio>
+          </el-form-item>
+        </div>
+        <div class="brandShuxing">
+          <el-form-item label="排污" class="is-required">
+            <el-radio v-model="addMsg.Sewage" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.Sewage" :label="0">否</el-radio>
+          </el-form-item>
+          <el-form-item label="燃气" class="is-required">
+            <el-radio v-model="addMsg.RanQi" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.RanQi" :label="0">否</el-radio>
+          </el-form-item>
+        </div>
+        <div class="brandShuxing">
+          <el-form-item label="排烟量" class="is-required">
+            <el-radio v-model="addMsg.PaiYan" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.PaiYan" :label="0">否</el-radio>
+          </el-form-item>
+          <el-form-item label="空调" class="is-required">
+            <el-radio v-model="addMsg.KongTiao" :label="1">是</el-radio>
+            <el-radio v-model="addMsg.KongTiao" :label="0">否</el-radio>
+          </el-form-item>
+        </div>
         <el-form-item label="新风" class="is-required">
           <el-radio v-model="addMsg.XinFeng" :label="1">是</el-radio>
           <el-radio v-model="addMsg.XinFeng" :label="0">否</el-radio>
         </el-form-item>
         <el-form-item label="广告" class="ue-style">
-          <UE style="width:750px;" :defaultMsg="Advertising" :config="config" :IsMultiple="true" ref="ue"></UE>
+          <UE style="width:700px;" :defaultMsg="Advertising" :config="config" :IsMultiple="true" ref="ue"></UE>
         </el-form-item>
         <el-form-item label="其他" class="ue-style">
-          <UE style="width:750px;" :defaultMsg="Other" :config="config" :IsMultiple="true" ref="ueother"></UE>
+          <UE style="width:700px;" :defaultMsg="Other" :config="config" :IsMultiple="true" ref="ueother"></UE>
         </el-form-item>
       </el-form>
     </div>
@@ -194,7 +204,7 @@
         Other: '',
         config: {
           initialFrameWidth: null,
-          initialFrameHeight: 350
+          initialFrameHeight: 200
         },
         Picindex: 0,
         rules: {
@@ -456,20 +466,32 @@
     height: 100px;
     border-radius: 0%;
   }
+
   .addbrand .add-image-btn {
-      width: 100px;
-      height: 100px;
-      line-height: 100px;
-      color: #419efb;
-      border: 1px solid #e2e2e2;
-      cursor: pointer;
-      text-align: center;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    color: #419efb;
+    border: 1px solid #e2e2e2;
+    cursor: pointer;
+    text-align: center;
   }
+
   .addbrand .delBtn {
-      position: absolute;
-      right: -8px;
-      top: -8px;
-      padding: 4px 4px !important;
+    position: absolute;
+    right: -8px;
+    top: -8px;
+    padding: 4px 4px !important;
+  }
+
+  .addbrand .w600 {
+    width: 600px;
+  }
+
+  .addbrand .brandShuxing {
+    display: flex;
+    justify-content: space-between;
+    width: 700px;
   }
 
 </style>

src/components/tradePavilion/brandManagement.vue

@@ -140,7 +140,7 @@
         </el-table-column>
       </el-table>
       <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
-        layout="prev, pager, next" :current-page.sync="msg.pageIndex" :total="pageCount">
+        layout="total, prev, pager, next" :current-page.sync="msg.pageIndex" :total="pageCount">
       </el-pagination>
     </div>
   </div>