2021-06-02 输入框长度更改 + form颜色更改

src/views/modules/basicdata/bperiod.vue

@@ -4,11 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="关键字"
-          clearable>
+          placeholder="请输入栏期编号/猪舍/牧场"
+          clearable style="width: 500px">
         </el-input>
       </el-form-item>
       <el-form-item>
@@ -504,7 +504,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style>
 .el-table .warning-row {
   background: #f0f9ed;
 }

src/views/modules/basicdata/bpighouse.vue

@@ -4,11 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="编号/牧场/养殖员"
-          clearable>
+          placeholder="请输入猪舍编号/牧场/养殖员"
+          clearable style="width: 500px">
         </el-input>
       </el-form-item>
       <el-form-item>

src/views/modules/basicdata/branch.vue

@@ -4,12 +4,12 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="名称/地址/负责人/建立日期"
-          clearable
-        ></el-input>
+          placeholder="请输入名称/地址/负责人/建立日期"
+          clearable style="width: 500px">
+        </el-input>
       </el-form-item>
       <el-form-item>
         <el-button @click="getDataList()">查询</el-button>
@@ -190,10 +190,18 @@ export default {
       }
     }
   },
-  created () {
+  mounted () {
     this.getDataList()
   },
   methods: {
+    // 变色
+    tableRowClassName({row, rowIndex}) {
+      console.log(row);
+      if (rowIndex%2 === 0) {
+        return 'warning-row';
+      }
+      return '';
+    },
     comLocation(location) {
       let arr = location.split(",")
       let loc = ''
@@ -552,19 +560,11 @@ export default {
         console.log('输入不合法');
       }).catch(() => {})
       return false
-    },
-    // 变色
-    tableRowClassName({row, rowIndex}) {
-      console.log(row);
-      if (rowIndex%2 === 0) {
-        return 'warning-row';
-      }
-      return '';
     }
   }
 }
 </script>
-<style scoped>
+<style>
 .el-table .warning-row {
   background: #f0f9ed;
 }

src/views/modules/basicdata/bunit.vue

@@ -4,11 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="编号/猪舍/牧场"
-          clearable>
+          placeholder="请输入单元编号/猪舍/牧场"
+          clearable style="width: 500px">
         </el-input>
       </el-form-item>
       <el-form-item>
@@ -504,7 +504,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style>
 .el-table .warning-row {
   background: #f0f9ed;
 }

src/views/modules/pigbasic/pbbasic.vue

@@ -4,11 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="年猪耳标/栏期/单元/猪舍"
-          clearable>
+          placeholder="请输入年猪耳标/栏期/单元/猪舍"
+          clearable style="width: 500px">
         </el-input>
       </el-form-item>
       <el-form-item>

src/views/modules/pigbasic/pbpedigree.vue

@@ -4,12 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="关键字"
-          clearable
-        ></el-input>
+          placeholder="请输入关键字"
+          clearable style="width: 500px"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button @click="getDataList()">查询</el-button>

src/views/modules/pigfarm/pfperson.vue

@@ -4,12 +4,11 @@
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()">
-      <el-form-item>
+      <el-form-item style="width: 500px">
         <el-input
           v-model="dataForm.key"
-          placeholder="姓名"
-          clearable
-        ></el-input>
+          placeholder="请输入姓名"
+          clearable style="width: 500px"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button @click="getDataList()">查询</el-button>
@@ -427,7 +426,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style>
 .el-table .warning-row {
   background: #f0f9ed;
 }