质量分析页面样式

src/views/tjanalysis/zlanalysis/index.vue

@@ -8,7 +8,7 @@
         style="margin-bottom: -17px"
         label-width="100px"
       >
-        <el-form-item label="项目" style="width: calc(20% - 32px)">
+        <el-form-item label="项目" style="width: calc(20% - 10px)">
           <el-select
             v-model="queryParams.proCode"
             placeholder="请选择项目"
@@ -19,7 +19,7 @@
             <el-option v-for=" (item) in projectList" :key="item" :label="item.name" :value="item.code" />
           </el-select>
         </el-form-item>
-        <el-form-item label="物料" style="width: calc(20% - 32px)">
+        <el-form-item label="物料" style="width: calc(20% - 10px)">
           <el-select
             v-model="queryParams.itemCode"
             placeholder="请选择物料"
@@ -30,10 +30,10 @@
             <el-option v-for=" (item) in itemList" :key="item" :label="item.name" :value="item.code" />
           </el-select>
         </el-form-item>
-        <el-form-item label="物料类型" style="width: calc(20% - 32px)">
+        <el-form-item label="检测模板类型" style="width: calc(20% - 10px)">
           <el-select
             v-model="queryParams.detectionType"
-            placeholder="请选择检测类型"
+            placeholder="请选择检测模板类型"
             clearable
             style="width: 100%"
             @change="detectionItemChange"
@@ -41,7 +41,7 @@
             <el-option v-for="dict in getIntDictOptions(DICT_TYPE.ITEMBASIC_TYPE)" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
-        <el-form-item label="检测项" style="width: calc(20% - 32px)">
+        <el-form-item label="检测项" style="width: calc(20% - 10px)">
           <el-select
             v-model="queryParams.detectionItemContentId"
             placeholder="请选择检测项"
@@ -53,7 +53,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="行号" style="width: calc(20% - 32px)" v-if="isShow">
+        <el-form-item label="行号" style="width: calc(20% - 10px)" v-if="isShow">
           <el-select
             v-model="queryParams.lineNumber"
             placeholder="请选择行号类型"
@@ -64,7 +64,7 @@
             <el-option v-for="lines in lineNumberList" :key="lines.lineNumber" :label="lines.name" :value="lines.lineNumber" />
           </el-select>
         </el-form-item>
-        <el-form-item label="检测日期" style="width: calc(35% - 32px)">
+        <el-form-item label="检测日期" style="width: calc(35% - 10px)">
           <el-date-picker
             v-model="queryParams.detectionDate"
             type="daterange"
@@ -632,8 +632,10 @@ onMounted(async () => {
 .search {
   background: white;
 }
+::v-deep.el-form--inline .el-form-item{
+  margin-right:10px!important ;
+}
 ::v-deep.el-form-item--default .el-form-item__label {
-  padding: 0px 20px !important;
   background: rgb(53, 158, 256) !important;
   color: white !important;
 }