value
2023-09-07 523d7a54fb07fdf756fbc4faa5eb7fef7263a556
src/views/basicData/index.vue
@@ -1,53 +1,60 @@
<template>
   <div class="main_div">
      <div class="top_div">
         <span>样品名称:</span>
         <el-select v-model="params.material" size="small" placeholder="请选择样品名称" @change="selectProductModelTable()">
            <el-option v-for="item in productModelSelectmater" :value="item" :key="item.index" :label="item"></el-option>
         </el-select>
         <span class="top_div_span">项目分组:</span>
         <el-input v-model="params.father" placeholder="请输入项目分组" style="width: 10%" size="small "></el-input>
         <span class="top_div_span">项目名称:</span>
         <el-input v-model="params.name" placeholder="请输入项目名称" style="width: 10%" size="small "></el-input>
         <el-button type="primary" class="top_div_button" size="small" @click="selectProductModelTable">查询</el-button>
         <el-button class="top_div_button" size="small" @click="clean">重置</el-button>
         <div style="float: right">
            <el-button class="top_div_button" type="primary" size="small" icon="el-icon-folder-add"
               @click="centerDialogVisible = true">新增</el-button>
            <el-dialog :visible.sync="centerDialogVisible" width="30%" right :before-close="handleClose"
               :title="isUpdate ? '更新' : '新增'" :hide-required-asterisk="false">
               <el-form :model="form" :rules="rules" ref="ruleForm" class="addForm">
                  <el-form-item prop="material" required>
                     <span>样品名称:</span>
                     <el-autocomplete class="inline-input" v-model="form.material" :fetch-suggestions="querySearch1"
                        placeholder="请输入样品名称" style="width: calc(100% - 70px);"></el-autocomplete>
                  </el-form-item>
                  <el-form-item>
                     <span>项目分组:</span>
                     <el-autocomplete class="inline-input" v-model="form.father" :fetch-suggestions="querySearch2"
                        placeholder="请输入样品分组" style="width: calc(100% - 70px);"></el-autocomplete>
                  </el-form-item>
                  <el-row :gutter="24">
                     <el-col :span="12"><el-form-item prop="name" required><span>项目名称:</span>
                           <el-input style="width: calc(100% - 70px);" v-model="form.name"
                              placeholder="请输入项目名称"></el-input></el-form-item></el-col>
                     <el-col :span="12">
                        <el-form-item prop="unit">
                           <span v-html="'单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位:'"></span>
                           <el-input style="width: calc(100% - 70px);" v-model="form.unit"
                              placeholder="请输入单位"></el-input></el-form-item></el-col>
                  </el-row>
               </el-form>
               <span slot="footer" class="dialog-footer">
                  <el-button @click="centerDialogVisible = false" size="small ">取 消</el-button>
                  <el-button type="primary" @click="submitAdd" size="small ">{{
              isUpdate ? "更 新" : "保 存"
            }}</el-button>
               </span>
            </el-dialog>
            <el-button class="top_div_button" icon="el-icon-delete-solid" size="small" style="color: #00a5ff"
               @click="deleteListClick">删除</el-button>
         </div>
         <el-form :inline="true" :model="params" label-position="left">
            <el-form-item prop="material" label="样品名称:">
               <el-select v-model="params.material" size="small" placeholder="请选择样品名称" @change="selectProductModelTable()">
                  <el-option v-for="item in productModelSelectmater" :value="item" :key="item.index" :label="item"></el-option>
               </el-select>
            </el-form-item>
            <el-form-item prop="father" label="项目分组:" width="200">
               <el-input size="small" v-model="params.father" placeholder="请输入项目分组"></el-input>
            </el-form-item>
            <el-form-item prop="name" label="项目名称:" width="200" >
               <el-input size="small" v-model="params.name" placeholder="请输入项目名称"></el-input>
            </el-form-item>
            <el-form-item label="">
               <el-button type="primary" class="top_div_button" size="small" @click="selectProductModelTable">查询</el-button>
               <el-button class="top_div_button" size="small" @click="clean">重置</el-button>
            </el-form-item>
            <el-form-item>
               <el-button class="top_div_button" type="primary" size="small" icon="el-icon-folder-add"
                  @click="centerDialogVisible = true">新增</el-button>
               <el-button class="top_div_button" icon="el-icon-delete-solid" size="small" style="color: #00a5ff"
                  @click="deleteListClick">删除</el-button>
            </el-form-item>
         </el-form>
         <el-dialog :visible.sync="centerDialogVisible" width="30%" right :before-close="handleClose"
            :title="isUpdate ? '更新' : '新增'" :hide-required-asterisk="false">
            <el-form :model="form" :rules="rules" ref="ruleForm" class="addForm">
               <el-form-item prop="material" required>
                  <span>样品名称:</span>
                  <el-autocomplete class="inline-input" v-model="form.material" :fetch-suggestions="querySearch1"
                     placeholder="请输入样品名称" style="width: calc(100% - 70px);"></el-autocomplete>
               </el-form-item>
               <el-form-item>
                  <span>项目分组:</span>
                  <el-autocomplete class="inline-input" v-model="form.father" :fetch-suggestions="querySearch2"
                     placeholder="请输入样品分组" style="width: calc(100% - 70px);"></el-autocomplete>
               </el-form-item>
               <el-row :gutter="24">
                  <el-col :span="12"><el-form-item prop="name" required><span>项目名称:</span>
                        <el-input style="width: calc(100% - 70px);" v-model="form.name"
                           placeholder="请输入项目名称"></el-input></el-form-item></el-col>
                  <el-col :span="12">
                     <el-form-item prop="unit">
                        <span v-html="'单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位:'"></span>
                        <el-input style="width: calc(100% - 70px);" v-model="form.unit"
                           placeholder="请输入单位"></el-input></el-form-item></el-col>
               </el-row>
            </el-form>
            <span slot="footer" class="dialog-footer">
               <el-button @click="centerDialogVisible = false" size="small ">取 消</el-button>
               <el-button type="primary" @click="submitAdd" size="small ">{{
         isUpdate ? "更 新" : "保 存"
      }}</el-button>
            </span>
         </el-dialog>
      </div>
      <div class="table_div">
         <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" row-key="id" border
@@ -438,7 +445,7 @@
   }
   .top_div {
      height: 120px;
      height: 90px;
      width: 100%;
      padding: 30px 40px;
      background-color: #ffffff;