调整上装台账管理和上装配置管理页面样式

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangAdd.vue

@@ -44,7 +44,7 @@
           <el-col :span="12">
             <div class="span-sty spanOneWidth"><span><span class="icon">*</span>委改厂</span></div>
             <el-form-item prop="refitFactory">
-              <el-input v-model="formobj.refitFactory" placeholder="委改厂" class="addinputw addinputwOne" clearable/>
+              <el-input v-model="formobj.refitFactory" placeholder="委改厂" class="addinputw" style="margin-left: 120px;width: 50%" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -53,9 +53,9 @@
             <div class="span-sty spanOneWidth"><span><span class="icon">*</span>外廓尺寸</span></div>
             <el-form-item>
               <div class="addinputw" style="display: inline-block;margin-left: 120px;">
-                <span>长</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_long" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
-                <span>宽</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_wide" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
-                <span>高</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_high" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
+                <span>长</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_long" placeholder="" class="inputStyle"/>mm,
+                <span>宽</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_wide" placeholder="" class="inputStyle"/>mm,
+                <span>高</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.wk_high" placeholder="" class="inputStyle"/>mm
               </div>
             </el-form-item>
           </el-col>
@@ -83,8 +83,8 @@
             <div class="span-sty spanOneWidth"><span><span class="icon">*</span>板材厚度</span></div>
             <el-form-item>
               <div class="addinputw" style="display: inline-block;margin-left: 120px;">
-                <span>底</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.plateThicknessBottom" style="display: inline-block;width: 15%" placeholder="" class=""/>mm,
-                <span>边</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.plateThicknessEdge" style="display: inline-block;width: 15%" placeholder="" class=""/>mm
+                <span>底</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.plateThicknessBottom" placeholder="" class="inputStyle"/>mm,
+                <span>边</span><el-input size="mini" @keyup.native="UpNumber" @keydown.native="UpNumber" v-model="formobj.plateThicknessEdge" placeholder="" class="inputStyle"/>mm
               </div>
             </el-form-item>
           </el-col>
@@ -366,4 +366,9 @@ export default {
 /deep/ .el-form-item__error {
   margin-left: 120px;
 }
+.inputStyle {
+  display: inline-block;
+  width: 15%;
+  margin: 0 5px;
+}
 </style>

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangInfo.vue

@@ -33,10 +33,10 @@
           <el-col :span="12">
             <div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
             <el-form-item>
-              <div class="addinputInfo" style="display: inline-block;margin-left: 120px;">
-                <span>长</span>{{ formobj.wk_long }}mm,
-                <span>宽</span>{{ formobj.wk_wide }}mm,
-                <span>高</span>{{ formobj.wk_high }}mm
+              <div class="addinputInfo" style="margin-left: 120px;">
+                长<span class="inputStyle">{{ formobj.wk_long }}</span>mm,
+                宽<span class="inputStyle">{{ formobj.wk_wide }}</span>mm,
+                高<span class="inputStyle">{{ formobj.wk_high }}</span>mm
               </div>
             </el-form-item>
           </el-col>
@@ -54,8 +54,8 @@
             <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
             <el-form-item>
               <div class="addinputInfo" style="display: inline-block;margin-left: 120px;">
-                <span>底</span>{{ formobj.plateThicknessBottom }}mm,
-                <span>边</span>{{ formobj.plateThicknessEdge }}mm
+                底<span class="inputStyle">{{ formobj.plateThicknessBottom }}</span>mm,
+                边<span class="inputStyle">{{ formobj.plateThicknessEdge }}</span>mm
               </div>
             </el-form-item>
           </el-col>
@@ -133,4 +133,8 @@ export default {
 .addinputwOne {
   margin-left: 120px !important;
 }
+.inputStyle {
+  display: inline-block;
+  margin: 0 5px;
+}
 </style>

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangguanli/shangzhuangguanli.vue

@@ -2,89 +2,90 @@
   <div class="app-container">
     <div v-show="viewState == 1">
       <button-bar view-title="上装配置管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
-      <div class="searchcon">
-        <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
-          {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
-        </el-button>
-        <div v-show="isSearchShow" class="search">
-          <el-form :inline="true" class="tab-header">
-            <el-row>
-              <el-form-item label="车辆功能">
-                <el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
-                  <el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="委改方式">
-                <el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
-                  <el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="委改厂">
-                <el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
-              </el-form-item>
-              <el-form-item label="上装名称">
-                <el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
-                  <el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="颜色">
-                <el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
-                  <el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="板材材质">
-                <el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
-                  <el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-row>
-          </el-form>
-          <div class="btn" style="text-align: center">
-            <el-button type="primary" @click="dosearch">查询</el-button>
-            <el-button type="primary" @click="resetQuery">重置</el-button>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
+            {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header">
+              <el-row>
+                <el-form-item label="车辆功能">
+                  <el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
+                    <el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="委改方式">
+                  <el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
+                    <el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="委改厂">
+                  <el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
+                </el-form-item>
+                <el-form-item label="上装名称">
+                  <el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
+                    <el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="颜色">
+                  <el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
+                    <el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="板材材质">
+                  <el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
+                    <el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" @click="dosearch">查询</el-button>
+              <el-button type="primary" @click="resetQuery">重置</el-button>
+            </div>
           </div>
         </div>
-      </div>
-      <!--Start 项目列表头部-->
-      <div class="listtop">
-        <div class="tit">上装配置列表</div>
-        <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
-      </div>
-      <!--End 项目列表头部-->
-      <!--Start 项目列表-->
-      <div class="listcon">
-        <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
-          <el-table-column width="50px" type="selection" align="center"/>
-          <el-table-column width="70px" label="序号" type="index" :index="indexMethod" align="center"/>
-          <el-table-column label="操作" align="center">
-            <template slot-scope="scope">
-              <el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
-          <el-table-column prop="installNameValue" label="上装名称" align="center"/>
-          <el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
-          <el-table-column prop="refitFactory" label="委改厂" align="center"/>
-          <el-table-column prop="wk" label="外廓尺寸" header-align="center" align="left" width="200"/>
-          <el-table-column prop="colorValue" label="颜色" align="center"/>
-          <el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
-          <el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="150"/>
-          <el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
-          <el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
-          <el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center"/>
-          <el-table-column prop="floorHeating" label="底板加热" align="center"/>
-        </el-table>
-      </div>
-      <!--End 项目列表-->
-      <div class="pages">
-        <div class="tit"/>
-        <!-- 翻页 -->
-        <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
+        <!--Start 项目列表头部-->
+        <div class="listtop">
+          <div class="tit">上装配置列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
+        </div>
+        <!--End 项目列表头部-->
+        <!--Start 项目列表-->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50px" fixed type="selection" align="center"/>
+            <el-table-column width="70px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
+            <el-table-column prop="installNameValue" label="上装名称" align="center"/>
+            <el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
+            <el-table-column prop="refitFactory" label="委改厂" align="center"/>
+            <el-table-column prop="wk" label="外廓尺寸" header-align="center" align="left" width="250"/>
+            <el-table-column prop="colorValue" label="颜色" align="center"/>
+            <el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
+            <el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="250"/>
+            <el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
+            <el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
+            <el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center" width="150"/>
+            <el-table-column prop="floorHeating" label="底板加热" align="center"/>
+          </el-table>
+        </div>
+        <!--End 项目列表-->
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" @pagination="init"/>
+        </div>
       </div>
     </div>
     <!--End 查询和其列表部分-->

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhangtaizhangInfo.vue

@@ -33,9 +33,9 @@
             <div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
             <el-form-item>
               <div class="addinputInfo addinputwOne" style="display: inline-block;margin-left: 120px;">
-                <span>长</span>{{ formobj.baseVehinstallmodel.wk_long }}mm,
-                <span>宽</span>{{ formobj.baseVehinstallmodel.wk_wide }}mm,
-                <span>高</span>{{ formobj.baseVehinstallmodel.wk_high }}mm
+                长<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_long }}</span>mm,
+                宽<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_wide }}</span>mm,
+                高<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_high }}</span>mm
               </div>
             </el-form-item>
           </el-col>
@@ -53,8 +53,8 @@
             <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
             <el-form-item>
               <div class="addinputInfo addinputwOne" style="display: inline-block;margin-left: 120px;">
-                <span>底</span>{{ formobj.baseVehinstallmodel.plateThicknessBottom }}mm,
-                <span>边</span>{{ formobj.baseVehinstallmodel.plateThicknessEdge }}mm
+                底<span class="inputStyle">{{ formobj.baseVehinstallmodel.plateThicknessBottom }}</span>mm,
+                边<span class="inputStyle">{{ formobj.baseVehinstallmodel.plateThicknessEdge }}</span>mm
               </div>
             </el-form-item>
           </el-col>
@@ -187,4 +187,8 @@ export default {
 .addinputwOne {
   margin-left: 120px !important;
 }
+.inputStyle {
+  display: inline-block;
+  margin: 0 5px;
+}
 </style>

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangAdd.vue

@@ -41,9 +41,9 @@
               <div class="span-sty spanOneWidth"><span>外廓尺寸</span></div>
               <el-form-item>
                 <div class="addinputw" style="display: inline-block;margin-left: 120px;">
-                  <span>长</span>{{ formobj.baseVehinstallmodel.wk_long }}mm,
-                  <span>宽</span>{{ formobj.baseVehinstallmodel.wk_wide }}mm,
-                  <span>高</span>{{ formobj.baseVehinstallmodel.wk_high }}mm
+                  长<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_long }}</span>mm,
+                  宽<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_wide }}</span>mm,
+                  高<span class="inputStyle">{{ formobj.baseVehinstallmodel.wk_high }}</span>mm
                 </div>
               </el-form-item>
             </el-col>
@@ -61,8 +61,8 @@
               <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
               <el-form-item>
                 <div class="addinputw" style="display: inline-block;margin-left: 120px;">
-                  <span>底</span>{{ formobj.baseVehinstallmodel.plateThicknessBottom }}mm,
-                  <span>边</span>{{ formobj.baseVehinstallmodel.plateThicknessEdge }}mm
+                  底<span class="inputStyle">{{ formobj.baseVehinstallmodel.plateThicknessBottom }}</span>mm,
+                  边<span class="inputStyle">{{ formobj.baseVehinstallmodel.plateThicknessEdge }}</span>mm
                 </div>
               </el-form-item>
             </el-col>
@@ -369,4 +369,8 @@ export default {
 .btntopblueline {
   margin-right: 10px;
 }
+.inputStyle {
+  display: inline-block;
+  margin: 0 5px;
+}
 </style>

anrui-scm/anrui-scm-ui/src/views/shangzhuang/shangzhuangtaizhangguanli/shangzhuangtaizhangguanli.vue

@@ -66,11 +66,11 @@
         </div>
         <!--End 项目列表头部-->
         <!--Start 项目列表-->
-        <div class="listcon">
+        <div class="">
           <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
-            <el-table-column width="50px" type="selection" align="center"/>
-            <el-table-column width="60px" label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column label="操作" width="160px" align="center">
+            <el-table-column width="50px" fixed type="selection" align="center"/>
+            <el-table-column width="60px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed width="160px" align="center">
               <template slot-scope="scope">
                 <el-button type="primary" size="small" @click="toEdit(scope.row)">编辑</el-button>
                 <el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
@@ -85,12 +85,12 @@
             <el-table-column prop="brandName" label="品牌" align="center"/>
             <el-table-column prop="noticeModel" label="公告型号" align="center"/>
             <el-table-column prop="vehModel" label="车型" align="center" width="180"/>
-            <el-table-column prop="vinNo" label="主车车架号" align="center"/>
+            <el-table-column prop="vinNo" label="主车车架号" align="center" width="250"/>
             <el-table-column prop="vehicleStateValue" label="库存状态" align="center"/>
             <el-table-column prop="priceDate" label="入库日期" align="center" width="100"/>
             <el-table-column prop="salesDate" label="出库日期" align="center" width="100"/>
-            <el-table-column prop="costPrice" label="厂家结算价" align="center"/>
-            <el-table-column prop="guidePrice" label="销售指导价" align="center"/>
+            <el-table-column prop="costPrice" label="厂家结算价" align="center" width="100"/>
+            <el-table-column prop="guidePrice" label="销售指导价" align="center" width="100"/>
           </el-table>
         </div>
         <!--End 项目列表-->