Browse Source

食物录入营养素,取消默认选中下拉框。从nv_spec换行

wangyang 5 years ago
parent
commit
ce1d741a66
1 changed files with 79 additions and 80 deletions
  1. 79 80
      src/views/food/nutrient.vue

+ 79 - 80
src/views/food/nutrient.vue

@@ -1,81 +1,85 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      营养素:
-      <el-select
-        ref="nutrientSelect"
-        v-model="params.nutrientId"
-        filterable
-        remote
-        reserve-keyword
-        :default-first-option="true"
-        style="width: 200px;margin-left: 10px;"
-        placeholder="请输入营养素关键词"
-        :remote-method="queryNutrients"
-        :loading="loading"
-        @change="nutrientChanged"
-      >
-        <el-option v-for="item in nutrients" :key="item.id" :label="item.name" :value="item.id" />
-      </el-select>
-      计量:
-      <el-radio v-model="params.radio" :label="0" @change="radioChange(params)">值</el-radio>
-      <el-radio v-model="params.radio" :label="1" @change="radioChange(params)">范围</el-radio>
-      <el-radio v-model="params.radio" :label="2" @change="radioChange(params)">误差</el-radio>
-      <div v-if="params.radio === 1" style="display: inline-block">
-        大于等于:
-        <el-input v-model="params.quantityMin" style="width: 80px;" class="filter-item" />
-        小于等于:
-        <el-input v-model="params.quantityMax" style="width: 80px;" class="filter-item" />
-      </div>
-      <div v-else-if="params.radio === 2" style="display: inline-block">
-        基准:
-        <el-input v-model="params.quantity" style="width: 80px;" class="filter-item" />
-        ±:
-        <el-input v-model="params.stdError" style="width: 80px;" class="filter-item" />
-      </div>
-      <el-input
-        v-else
-        v-model="params.quantity"
-        style="width: 80px;"
-        class="filter-item"
-      />
-      <el-autocomplete
-        class="inline-input"
-        v-model="params.unit"
-        :fetch-suggestions="queryNutrientUnits"
-        placeholder="单位关键词"
-      />
-      NRV%:
-      <el-input
-        v-model="params.nrvPercent"
-        style="width: 80px;"
-        class="filter-item"
-      />
-      Nv_Spec计量:
-      <el-input
-        v-model="params.nvSpec"
-        style="width: 80px;"
-        class="filter-item"
-      />
-      <el-autocomplete
-        class="inline-input"
-        v-model="params.nvSpecUnit"
-        :fetch-suggestions="queryUnits"
-        placeholder="单位关键词"
-      />
-      信息来源:
-      <el-autocomplete
-        v-model="params.source"
-        :fetch-suggestions="querySources"
-        placeholder="请输入信息来源"
-      />
-      <el-button
-        class="filter-item"
-        style="margin-left: 10px;"
-        type="primary"
-        @click="addNutrient">
-        添加
-      </el-button>
+      <el-row>
+        营养素:
+        <el-select
+          ref="nutrientSelect"
+          v-model="params.nutrientId"
+          filterable
+          remote
+          reserve-keyword
+          :default-first-option="true"
+          style="width: 200px;margin-left: 10px;"
+          placeholder="请输入营养素关键词"
+          :remote-method="queryNutrients"
+          :loading="loading"
+          @change="nutrientChanged"
+        >
+          <el-option v-for="item in nutrients" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+        计量:
+        <el-radio v-model="params.radio" :label="0" @change="radioChange(params)">值</el-radio>
+        <el-radio v-model="params.radio" :label="1" @change="radioChange(params)">范围</el-radio>
+        <el-radio v-model="params.radio" :label="2" @change="radioChange(params)">误差</el-radio>
+        <div v-if="params.radio === 1" style="display: inline-block">
+          大于等于:
+          <el-input v-model="params.quantityMin" style="width: 80px;" class="filter-item" />
+          小于等于:
+          <el-input v-model="params.quantityMax" style="width: 80px;" class="filter-item" />
+        </div>
+        <div v-else-if="params.radio === 2" style="display: inline-block">
+          基准:
+          <el-input v-model="params.quantity" style="width: 80px;" class="filter-item" />
+          ±:
+          <el-input v-model="params.stdError" style="width: 80px;" class="filter-item" />
+        </div>
+        <el-input
+          v-else
+          v-model="params.quantity"
+          style="width: 80px;"
+          class="filter-item"
+        />
+        <el-autocomplete
+          class="inline-input"
+          v-model="params.unit"
+          :fetch-suggestions="queryNutrientUnits"
+          placeholder="单位关键词"
+        />
+        NRV%:
+        <el-input
+          v-model="params.nrvPercent"
+          style="width: 80px;"
+          class="filter-item"
+        />
+      </el-row>
+      <el-row>
+        Nv_Spec计量:
+        <el-input
+          v-model="params.nvSpec"
+          style="width: 80px;"
+          class="filter-item"
+        />
+        <el-autocomplete
+          class="inline-input"
+          v-model="params.nvSpecUnit"
+          :fetch-suggestions="queryUnits"
+          placeholder="单位关键词"
+        />
+        信息来源:
+        <el-autocomplete
+          v-model="params.source"
+          :fetch-suggestions="querySources"
+          placeholder="请输入信息来源"
+        />
+        <el-button
+          class="filter-item"
+          style="margin-left: 10px;"
+          type="primary"
+          @click="addNutrient">
+          添加
+        </el-button>
+      </el-row>
     </div>
 
     <el-table
@@ -233,11 +237,6 @@ export default {
       }
     }
   },
-  mounted() {
-    this.$nextTick(() => {
-      this.$refs.nutrientSelect.focus()
-    })
-  },
   data() {
     return {
       tableKey: 0,