style(aps/planSheet): 给表单输入框添加分类背景色，隐藏导出按钮

klp-ui/src/views/aps/planSheet/detail.vue

@@ -21,9 +21,6 @@
       <el-col :span="1.5">
         <el-button type="info" plain icon="el-icon-refresh" size="mini" @click="getList">刷新</el-button>
       </el-col>
-      <!-- <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
-      </el-col> -->
     </el-row>
 
     <el-table v-loading="loading" :data="planDetailList" @selection-change="handleSelectionChange"

klp-ui/src/views/aps/planSheet/index.vue

@@ -46,7 +46,7 @@
 
         <el-table-column label="序号" align="center" prop="bizSeqNo" width="80" fixed="left">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.bizSeqNo" />
+            <el-input v-model="scope.row.bizSeqNo" style="background-color: #f5f7fa;" />
             <!-- {{ scope.$index + 1 }} -->
           </template>
         </el-table-column>
@@ -54,7 +54,7 @@
         <!-- 订单信息 -->
         <el-table-column label="订单号" align="center" prop="orderCode" width="200">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.orderCode">
+            <el-input v-model="scope.row.orderCode" style="background-color: #fff3e6;">
               <template slot="append">
                 <el-button size="mini" @click.stop="openOrderDialog(scope.row)">选择</el-button>
               </template>
@@ -63,46 +63,46 @@
         </el-table-column>
         <el-table-column label="合同号" align="center" prop="contractCode" width="150">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.contractCode" />
+            <el-input v-model="scope.row.contractCode" style="background-color: #fff3e6;" />
           </template>
         </el-table-column>
         <el-table-column label="客户" align="center" prop="customerName" width="180">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.customerName" />
+            <el-input v-model="scope.row.customerName" style="background-color: #fff3e6;" />
           </template>
         </el-table-column>
         <el-table-column label="业务员" align="center" prop="salesman" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.salesman" />
+            <el-input v-model="scope.row.salesman" style="background-color: #fff3e6;" />
           </template>
         </el-table-column>
 
         <!-- 原料信息 -->
         <el-table-column label="原料厂家" align="center" prop="rawManufacturer" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.rawManufacturer" />
+            <el-input v-model="scope.row.rawManufacturer" style="background-color: #e6f7ff;" />
           </template>
         </el-table-column>
         <el-table-column label="原料材质" align="center" prop="rawMaterial" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.rawMaterial" />
+            <el-input v-model="scope.row.rawMaterial" style="background-color: #e6f7ff;" />
           </template>
         </el-table-column>
         <el-table-column label="原料厚度" align="center" prop="rawThick" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.rawThick" />
+            <el-input v-model="scope.row.rawThick" style="background-color: #e6f7ff;" />
           </template>
         </el-table-column>
         <el-table-column label="原料宽度" align="center" prop="rawWidth" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.rawWidth" />
+            <el-input v-model="scope.row.rawWidth" style="background-color: #e6f7ff;" />
           </template>
         </el-table-column>
 
         <!-- 成品信息 -->
         <el-table-column label="成品名称" align="center" prop="productName" width="170">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.productName">
+            <el-input v-model="scope.row.productName" style="background-color: #f6ffed;">
               <template slot="append">
                 <el-button size="mini" @click.stop="openOrderItemDialog(scope.row)"
                   :disabled="!scope.row.orderId">选择</el-button>
@@ -112,53 +112,53 @@
         </el-table-column>
         <el-table-column label="成品材质" align="center" prop="productMaterial" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.productMaterial" />
+            <el-input v-model="scope.row.productMaterial" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="成品镀层" align="center" prop="coatingG" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.coatingG" />
+            <el-input v-model="scope.row.coatingG" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
 
         <el-table-column label="成品宽度" align="center" prop="productWidth" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.productWidth" />
+            <el-input v-model="scope.row.productWidth" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="轧制厚度" align="center" prop="rollingThick" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.rollingThick" />
+            <el-input v-model="scope.row.rollingThick" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="标签厚度" align="center" prop="markCoatThick" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.markCoatThick" />
+            <el-input v-model="scope.row.markCoatThick" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="吨钢长度区间" align="center" prop="tonSteelLengthRange" width="120">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.tonSteelLengthRange" />
+            <el-input v-model="scope.row.tonSteelLengthRange" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="数量" align="center" prop="planQty" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.planQty" />
+            <el-input v-model="scope.row.planQty" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="重量" align="center" prop="planWeight" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.planWeight" />
+            <el-input v-model="scope.row.planWeight" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="表面处理" align="center" prop="surfaceTreatmentDesc" width="100">
           <template slot-scope="scope">
-            <MemoInput storageKey="surfaceTreatmentDesc" v-model="scope.row.surfaceTreatment" />
+            <MemoInput storageKey="surfaceTreatmentDesc" v-model="scope.row.surfaceTreatment" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="切边要求" align="center" prop="widthReq" width="100">
           <template slot-scope="scope">
-            <el-select v-model="scope.row.widthReq" style="width: 100%">
+            <el-select v-model="scope.row.widthReq" style="width: 100%; background-color: #f6ffed;">
               <el-option label="净边料" value="净边料" />
               <el-option label="毛边料" value="毛边料" />
             </el-select>
@@ -166,7 +166,7 @@
         </el-table-column>
         <el-table-column label="包装要求" align="center" prop="productPackaging" width="100">
           <template slot-scope="scope">
-            <el-select v-model="scope.row.productPackaging" style="width: 100%">
+            <el-select v-model="scope.row.productPackaging" style="width: 100%; background-color: #f6ffed;">
               <el-option label="裸包" value="裸包" />
               <el-option label="普包" value="普包" />
               <el-option label="简包" value="简包" />
@@ -175,12 +175,12 @@
         </el-table-column>
         <el-table-column label="宽度要求" align="center" prop="productEdgeReq" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.productEdgeReq" />
+            <el-input v-model="scope.row.productEdgeReq" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
         <el-table-column label="用途" align="center" prop="usageReq" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.usageReq" />
+            <el-input v-model="scope.row.usageReq" style="background-color: #f6ffed;" />
           </template>
         </el-table-column>
 
@@ -188,33 +188,33 @@
         <el-table-column label="开始时间" align="center" prop="startTime" width="180">
           <template slot-scope="scope">
             <el-date-picker v-model="scope.row.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-              style="width: 100%" />
+              style="width: 100%; background-color: #fff0f6;" />
           </template>
         </el-table-column>
         <el-table-column label="结束时间" align="center" prop="endTime" width="180">
           <template slot-scope="scope">
             <el-date-picker v-model="scope.row.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-              style="width: 100%" />
+              style="width: 100%; background-color: #fff0f6;" />
           </template>
         </el-table-column>
         <el-table-column label="后处理" align="center" prop="postProcess" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.postProcess" />
+            <el-input v-model="scope.row.postProcess" style="background-color: #fff0f6;" />
           </template>
         </el-table-column>
         <el-table-column label="下工序" align="center" prop="nextProcess" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.nextProcess" />
+            <el-input v-model="scope.row.nextProcess" style="background-color: #fff0f6;" />
           </template>
         </el-table-column>
         <el-table-column label="取样" align="center" prop="sampleReq" width="100">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.sampleReq" />
+            <el-input v-model="scope.row.sampleReq" style="background-color: #fff0f6;" />
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remark" />
+            <el-input v-model="scope.row.remark" style="background-color: #fff0f6;" />
           </template>
         </el-table-column>
       </el-table>