elizebeth/src/xt_pages/management/components/WaterFormList.vue

<template>
    <div id="user-form">
      <el-row class="c">
        <el-col :span="12">
          <span class="machineClass">日期查询:</span>
          <el-date-picker
            v-model="form.start_time"
            @change="changeStartime"
            prefix-icon="none"
            type="date"
            placeholder="请选择"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            style="width:130px"
          ></el-date-picker
          >-
          <el-date-picker
           @change="changeEndtime"
            v-model="form.end_time"
            prefix-icon="none"
            type="date"
            placeholder="请选择"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            style="width:130px"
          ></el-date-picker>
        </el-col>

      </el-row>
      <el-row :span="24" style="display: flex;align-items: center;">
        <el-col :span="2">
          <el-checkbox
            :indeterminate="isIndeterminate"
            v-model="checkAllStatus"
            @change="changeCheck"
            >全选</el-checkbox
          >
        </el-col>
        <el-col :span="3">
          <el-button size="small" @click="BatchDelete">批量删除</el-button>
        </el-col>
        <el-col :span="6">
          <el-button type="primary" @click="exportlist">导出</el-button>
          <el-button type="primary" @click="printCard">打印</el-button>
        </el-col>
      </el-row>
      <el-row>

        <el-table
          ref="multipleTable"
          @selection-change="handleSelectionChange"
          :row-style="{ color: '#303133' }"
          :header-cell-style="{
            backgroundColor: 'rgb(245, 247, 250)',
            color: '#606266'
          }"
          :data="tableData"
          border
          fit
          highlight-current-row
          style="width: 100%;margin-top: 10px;"
        >
          <el-table-column
            align="center"
            type="selection"
            width="55"
          ></el-table-column>
          <el-table-column label="序号" align="center" width="100">
            <template slot-scope="scope">
               {{scope.$index +1}}
            </template>
          </el-table-column>
          <el-table-column label="日期" align="center" width="100">
            <template slot-scope="scope">
               {{getTime(scope.row.record_date) }}
            </template>
          </el-table-column>
          <el-table-column label="原水参数" align="center" min-width="110px">
            <el-table-column label="原水电导度" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.water_conductivity?scope.row.water_conductivity:"" }}
              </template>
            </el-table-column>
            <el-table-column label="原水压力" align="center" min-width="110px">
              <template slot-scope="scope">
                 {{scope.row.water_pressure?scope.row.water_pressure:""}}
              </template>
            </el-table-column>
            <el-table-column label="温度" align="center" min-width="110px">
              <template slot-scope="scope">
                {{scope.row.temperature?scope.row.temperature:"" }}
             </template>
            </el-table-column>
            <el-table-column label="加压泵" align="center" min-width="110px">
              <template slot-scope="scope">
                 <span v-if="scope.row.force_pump_status == 1">正常</span>
                 <span v-if="scope.row.force_pump_status == 2">故障</span>
              </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="一级反渗" align="center" min-width="110px">
            <el-table-column label="产水电导度" align="center" min-width="110px">
              <template slot-scope="scope">
                 {{scope.row.first_production_of_water_conductivity?scope.row.first_production_of_water_conductivity:"" }}
              </template>
            </el-table-column>
            <el-table-column label="产水量" align="center" min-width="110px">
              <template slot-scope="scope">
                 {{scope.row.first_water_yield?scope.row.first_water_yield:"" }}
              </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="二级反渗" align="center" min-width="110px">
            <el-table-column label="产水电导度" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.last_production_of_water_conductivity?scope.row.last_production_of_water_conductivity:"" }}
              </template>
            </el-table-column>
            <el-table-column label="产水量" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.last_water_yield?scope.row.last_water_yield:"" }}
              </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="碳罐(MPa)" align="center" min-width="110px">
              <template slot-scope="scope">
                {{scope.row.carbon_tank?scope.row.carbon_tank:"" }}
              </template>
         </el-table-column>

         <el-table-column label="砂罐(MPa)" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.snd_tank?scope.row.snd_tank:"" }}
              </template>
         </el-table-column>

         <el-table-column label="树脂罐(MPa)" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.resin_tank?scope.row.resin_tank:"" }}
              </template>
         </el-table-column>

         <el-table-column label="精密过滤器(MPa)" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.ultrafilter?scope.row.ultrafilter:"" }}
              </template>
         </el-table-column>

          <el-table-column label="水质监测" align="center" min-width="110px">
            <el-table-column label="硬度" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.hardness_monitoring?scope.row.hardness_monitoring:0 }}
              </template>
            </el-table-column>
            <el-table-column label="总氯" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.total_chlorine_detection?scope.row.total_chlorine_detection:"" }}
              </template>
            </el-table-column>
            <el-table-column label="PH值" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.ph_detection?scope.row.ph_detection:"" }}
              </template>
            </el-table-column>
            <el-table-column label="过氧乙酸(mg/h)" align="center" min-width="110px">
              <template slot-scope="scope">
                {{ scope.row.concentration_of_peroxyacetic_acid?scope.row.concentration_of_peroxyacetic_acid:"" }}
              </template>
            </el-table-column>
          </el-table-column>

          <el-table-column label="消毒" align="center" min-width="110px">
            <el-table-column label="反渗膜消毒" align="center" min-width="110px">
              <template slot-scope="scope">
                <span v-if="scope.row.reverse_osmosis_membrane_disinfection == 1">√</span>
                <span v-if="scope.row.reverse_osmosis_membrane_disinfection == 2">×</span>
              </template>
            </el-table-column>
            <el-table-column label="输水管道消毒" align="center" min-width="110px">
              <template slot-scope="scope">
                <span v-if="scope.row.disinfection_of_water_pipeline == 1">√</span>
                <span v-if="scope.row.disinfection_of_water_pipeline == 2">×</span>
              </template>
            </el-table-column>
          </el-table-column>


            <el-table-column label="过滤器更换" align="center" min-width="110px">
              <template slot-scope="scope">
                 {{scope.row.filter_replacement?scope.row.filter_replacement:""}}
              </template>
            </el-table-column>
            <el-table-column label="记录人" align="center" min-width="110px">
              <template slot-scope="scope">
                 {{ getDocName(scope.row.admin_user_id) }}
                
              </template>
            </el-table-column>

          <el-table-column label="操作" align="center" fixed="right" min-width="150px">
            <template slot-scope="scope">
              <el-tooltip
                class="item"
                effect="dark"
                content="编辑"
                placement="top"
              >
                <el-button
                  size="mini"
                  type="primary"
                  icon="el-icon-edit-outline"
                  @click="
                    EditWater(scope.row.id,scope.$index)
                  "
                ></el-button>
              </el-tooltip>

              <el-tooltip
                class="item"
                effect="dark"
                content="删除"
                placement="top"
              >
                <el-button
                  size="mini"
                  type="danger"
                  icon="el-icon-delete"
                  @click="DeleteWater(scope.row.id, scope.$index)"
                ></el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[10, 20, 30,50,100,200,500,1000,2000,5000,10000]"
          :page-size="10"
          background
          style="margin-top:20px;float: right"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        ></el-pagination>
      </el-row>

      <div>
        <el-dialog
          title="编辑"
          :visible.sync="dialogVisible"
          width="60%"
          >
          <span>
            <el-form ref="form" :rules="rules" :model="form">
         <el-row>
            <el-col>
                <el-form-item label="日期:" required prop="record_date" class="st">
                    <el-date-picker
                    v-model="form.record_date"
                    prefix-icon="none"
                    type="date"
                    placeholder="请选择"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    style="width:150px">
                    </el-date-picker>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col>
                <el-form-item label="设备运行状态:"  class="st">
                    <el-radio v-model="form.machine_status" label="1">正常</el-radio>
                    <el-radio v-model="form.machine_status" label="2">故障</el-radio>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col>
                <el-form-item label="故障描述:"  class="st">
                    <el-input type="textarea" v-model="form.fault_description" style="width:600px"></el-input>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <span>原水参数</span>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="原水电导度(μs/cm):"  class="st" label-width="100px">
                    <el-input  v-model="form.water_conductivity" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="原水压力(Mpa):"  class="st">
                    <el-input  v-model="form.water_pressure" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="温度:"  class="st">
                    <el-input  v-model="form.temperature" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col :span="24">
                <el-form-item label="加压泵:"  class="st">
                    <el-radio v-model="form.force_pump_status" label="1">正常</el-radio>
                    <el-radio v-model="form.force_pump_status" label="2">故障</el-radio>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <span>反渗一级</span>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="RO膜进水:"  class="st">
                    <el-input  v-model="form.first_ro_membrane_water" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="RO膜浓水:"  class="st">
                    <el-input  v-model="form.first_ro_film_thick_water" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="RO膜出水:"  class="st">
                    <el-input  v-model="form.first_ro_membrane_effluent" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="产水电导度(μs/cm):"  class="st">
                    <el-input  v-model="form.first_production_of_water_conductivity" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="产水量(L/h):"  class="st">
                    <el-input  v-model="form.first_water_yield" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>

         </el-row>
         <el-row>
            <span>反渗二级</span>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="RO膜进水:"  class="st">
                    <el-input  v-model="form.last_ro_membrane_water" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="RO膜浓水:"  class="st">
                    <el-input  v-model="form.last_ro_film_thick_water" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="RO膜出水:"  class="st">
                    <el-input  v-model="form.last_ro_membrane_effluent" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="产水电导度(μs/cm):"  class="st">
                    <el-input  v-model="form.last_production_of_water_conductivity" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="产水量(L/h):"  class="st">
                    <el-input  v-model="form.last_water_yield" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>
            <el-col :span="8">
                <el-form-item label="碳罐(MPa):"  class="st">
                    <el-input  v-model="form.carbon_tank" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="砂罐(MPa):"  class="st">
                    <el-input  v-model="form.snd_tank" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="树脂罐(MPa):"  class="st">
                    <el-input  v-model="form.resin_tank" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>
         <el-row>
            <el-col :span="8">
                <el-form-item label="精密过滤器（MPa):"  class="st">
                    <el-input  v-model="form.ultrafilter" style="width:100px"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>
            <span>水质监测</span>
         </el-row>

         <el-row>
            <el-col :span="8">
                <el-form-item label="硬度监测(mg/l):" label-width="100px">
                    <el-input  v-model="form.hardness_monitoring" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="总氯检测(mg/l):"  class="st">
                    <el-input  v-model="form.total_chlorine_detection" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="PH值检测:"  class="st">
                    <el-input  v-model="form.ph_detection" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>
            <el-col :span="8">
                <el-form-item label="过氧乙酸浓度(mg/l):"  class="st">
                    <el-input  v-model="form.concentration_of_peroxyacetic_acid" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>
            <el-col :span="8">
                <el-checkbox v-model="form.reverse_osmosis_membrane_disinfection">反渗膜消毒</el-checkbox>
            </el-col>
            <el-col :span="8">
                <el-form-item label="消毒方式:"  class="st">
                    <el-select style="width:135px" v-model="form.first_disinfection_method">
                        <el-option
                        v-for="item in this.disinfectionType"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                        ></el-option>
                     </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="时长(h):"  class="st">
                    <el-input  v-model="form.first_disinfection_time" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>
            <el-col :span="8">
                <el-checkbox v-model="form.disinfection_of_water_pipeline">输水管道消毒</el-checkbox>
            </el-col>
            <el-col :span="8">
                <el-form-item label="消毒方式:"  class="st">
                    <el-select style="width:135px" v-model="form.last_disinfection_method">
                        <el-option
                        v-for="item in this.disinfectionType"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                        ></el-option>
                     </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="8">
                <el-form-item label="时长(h):"  class="st">
                    <el-input  v-model="form.last_disinfection_time" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>

            <el-col :span="8">
                <el-form-item label="过滤器更换(只):"  class="st">
                    <el-input  v-model="form.filter_replacement" style="width:100px" type="number"></el-input>
                </el-form-item>
            </el-col>

            <el-col :span="8">
                <el-form-item label="备注:"  class="st">
                    <el-input  v-model="form.remark" style="width:100px"></el-input>
                </el-form-item>
            </el-col>
         </el-row>

         <el-row>

          <el-col :span="8">
              <el-form-item label="记录人:"  class="st">
                <el-select style="width:135px" v-model="form.admin_user_id">
                    <el-option
                    v-for="item in this.nurseList"
                    :key="item.admin_user_id"
                    :label="item.user_name"
                    :value="item.admin_user_id"
                    ></el-option>
                 </el-select>
              </el-form-item>
          </el-col>


        </el-row>

        </el-form>

          </span>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="UpdateDilaysisWater('form')">确 定</el-button>
          </span>
        </el-dialog>


      <div hidden="hidden">
      <div id="print-card-info" v-show="hiddenShow">
        <div>
          <div class="print_main_content">
            <div class="order_title">水机使用记录清单</div>
          </div>
          <div>
            <div class="printClass">打印日期:{{ nowTime }}</div>
            <table
              border="1"
              style="width:100%"
              cellspacing="0"
              cellpadding="0"
              class="tableClass"
            >
              <tr>
                <td
                  :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px;"
                >
                  日期
                </td>


                <td
                  :colspan="4"
                  style="text-align:center;width:60px;font-size:15px"
                >
                  原水参数
                </td>

                <td
                  :colspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                  一级反渗
                </td>

                <td
                  :colspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                  二级反渗
                </td>

                <td
                  :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                 碳罐
                </td>
                <td
                 :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                 砂罐
                </td>

                <td
                 :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                 树脂罐
                </td>

                <td
                 :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                  精密过滤器（MPa）
                </td>

                <td
                 :colspan="4"
                  style="text-align:center;width:60px;font-size:15px"
                >
                 水质监测
                </td>

                <td
                 :colspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                 消毒
                </td>

                <td
                 :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                过滤器更换
                </td>

                <td
                 :rowspan="2"
                  style="text-align:center;width:60px;font-size:15px"
                >
                记录人
                </td>

              </tr>
              <tr>
                <td style="text-align:center;width:70px;font-size:15px">
                  原水电导度
                </td>
                <td style="text-align:center;width:50px;font-size:15px">
                  原水压力
                </td>
                <td style="text-align:center;width:70px;font-size:15px">
                  温度
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  加压泵
                </td>

                <td style="text-align:center;width:70px;font-size:15px">
                  产水电导度
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  产水量
                </td>

                <td style="text-align:center;width:70px;font-size:15px">
                  产水电导度
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  产水量
                </td>



                <td style="text-align:center;width:70px;font-size:15px">
                   硬度(mg/l）
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  总氯（mg/l）
                </td>

                <td style="text-align:center;width:70px;font-size:15px">
                  PH值
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  过氧乙酸(mg/l）
                </td>

                <td style="text-align:center;width:70px;font-size:15px">
                  反渗膜消毒
                </td>
                <td style="text-align:center;width:95px;font-size:15px">
                  输水管道消毒
                </td>



              </tr>
              <tr v-for="item in this.tableData" :key="item.id">
                <td style="text-align:center;font-size:15px;height:30px">
                  {{getTime(item.record_date) }}
                </td>

                <td style="text-align:center;font-size:15px;height:30px">
                  {{ item.water_conductivity }}
                </td>
                <td style="text-align:center;font-size:15px;height:30px">
                  {{item.water_pressure}}
                </td>
                <td style="text-align:center;font-size:15px;height:30px">
                  {{item.temperature}}
                </td>
                <td style="text-align:center;font-size:15px;height:30px">
                  <span v-if="item.force_pump_status == 1">正常</span>
                  <span v-if="item.force_pump_status == 2">故障</span>
                </td>

                <td style="text-align:center;font-size:15px;height:30px">
                  {{item.first_production_of_water_conductivity }}
                </td>
                <td style="text-align:center;font-size:15px;height:30px">
                  {{item.first_water_yield }}
                </td>

                <td style="text-align:center;font-size:15px;height:30px">
                  {{ item.last_production_of_water_conductivity }}
                </td>
                <td style="text-align:center;font-size:15px;height:30px">
                  {{item.last_water_yield }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                 {{item.carbon_tank }}
                </td>
                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                 {{item.snd_tank }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                  {{item.resin_tank }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                {{ item.ultrafilter }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                {{ item.hardness_monitoring?item.hardness_monitoring:0 }}
                </td>
                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                {{ item.total_chlorine_detection }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                 {{ item.ph_detection }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                 {{ item.concentration_of_peroxyacetic_acid }}
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                <span v-if="item.reverse_osmosis_membrane_disinfection == 1">√</span>
                <span v-if="item.reverse_osmosis_membrane_disinfection == 2">×</span>
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                <span v-if="item.disinfection_of_water_pipeline == 1">√</span>
                <span v-if="item.disinfection_of_water_pipeline == 2">×</span>
                </td>

                <td
                  style="text-align:center;width:60px;font-size:15px"
                >
                {{item.filter_replacement}}
                </td>

                <td style="text-align:center;width:70px;font-size:15px">
                  <!-- {{ getDocName(item.admin_user_id) }} -->

                  <span v-if="setAdminUserES(item.admin_user_id?item.admin_user_id:item.admin_user_id) == ''">
                     {{getDocName(item.admin_user_id)}}
                 </span>
                  <span v-else>
                      <img style="height:30px;" :src="setAdminUserES(item.admin_user_id?item.admin_user_id:item.admin_user_id)" alt="" srcset="">
                  </span>
                </td>




              </tr>
            </table>
          </div>
        </div>
      </div>
      </div>

      </div>
    </div>


  </template>
  <script>
  import { uParseTime } from "@/utils/tools";
  import print from "print-js";
  const moment = require("moment");
  import {getWaterFormList,DeleteWater,getDialysisWaterDetail,UpdateDilaysisWater,DeleteBatchDialyisWater} from "@/api/manage";
    export default {
      name: "WaterFormList",
      props: {
        equimentid: Number
      },
      data(){
        return {
          nowTime: moment(new Date()).format("YYYY-MM-DD HH:MM:SS"),
          tableData:[],
          total:0,
          adminRole:[],
          dialogVisible:false,
          form:{
              id:0,
              start_time:"",
              end_time:"",
              limit:10,
              page:1,
              record_date: "", // 日期
              machine_status:"",//设备运行状态
              fault_description:"",//故障描述
              water_conductivity:"",//原水电导度
              water_pressure:"",//原水压力
              temperature:"",//温度
              force_pump_status:"",//加压泵

              first_ro_membrane_water:"",//ro膜进水
              first_ro_film_thick_water:"",//RO膜浓水
              first_ro_membrane_effluent:"",//RO膜出水
              first_production_of_water_conductivity:"",//产水电导度
              first_water_yield:"",//产水量

              last_ro_membrane_water:"",//ro膜进水
              last_ro_film_thick_water:"",//ro膜进水
              last_ro_membrane_effluent:"",
              last_production_of_water_conductivity:"",//产水电导度
              last_water_yield:"",//产水量

              carbon_tank:"",//碳罐
              snd_tank:"",//砂罐,
              resin_tank:"",//树脂罐
              ultrafilter:"",//精密过滤器
              hardness_monitoring:"",//硬度监测
              total_chlorine_detection:"",//总录检测,
              ph_detection:"",//PH值检测,
              concentration_of_peroxyacetic_acid:"",//过氧乙酸浓度,
              reverse_osmosis_membrane_disinfection:"",//反渗膜消毒
              disinfection_of_water_pipeline:"",//输水管道消毒
              first_disinfection_method:"",//消毒方式
              last_disinfection_method:"",//消毒方式
              first_disinfection_time:"",//消毒时长
              last_disinfection_time:"",//消毒时长
              remark:"",//备注
              filter_replacement:"",//过滤器更换
              admin_user_id:"",//记录人

            },
            machineType:[
               {id:0,name:"全部"},
               {id:1,name:"正常"},
               {id:2,name:"故障"},
            ],
            forcePumpList:[
              {id:0,name:"全部"},
              {id:1,name:"正常"},
              {id:2,name:"故障"},
            ],
            disinfectionType:[
            { id: 0, name: "请选择" },
            { id: 1, name: "热消毒" },
            { id: 2, name: "化学消毒" }
            ],
            checked:"",
            rules: {
             admin_user_id: [{ required: true, message: '请选择记录人' }],
           },
           nurseList:[],
           selectCulture: [],
           hiddenShow:false,
           operators: [],
           operatorMaps:{},
        }
      },
      methods:{
        changeStartime(){
         this.tableData = []
         this.getlist()
        },
        changeEndtime(){
         this.tableData = []
         this.getlist()
        },
         getlist(){
           var params = {
             start_time:this.form.start_time,
             end_time:this.form.end_time,
             equitment_id:this.equimentid,
             limit:this.form.limit,
             page:this.form.page,
           }
          // console.log("param23233232wo",params)
          getWaterFormList(params).then(response=>{
             if(response.data.state == 1){
               var list = response.data.data.list
               this.tableData = list
               var total = response.data.data.total
               this.total = total
               this.adminRole = response.data.data.adminRole
               this.operators = response.data.data.operators
               if (this.operators.length > 0) {
                var operatorsLen = this.operators.length
                for (var index = 0; index < operatorsLen; index++) {
                this.$set(
                    this.operatorMaps,
                    this.operators[index].id,
                    this.operators[index]
                )
               }
              }

             }
          })
         },
         handleSelectionChange(val){
           this.selectCulture = val
         },
         handleCurrentChange(page){
           this.form.page= page
           this.getlist()
         },
         handleSizeChange(limit){
           this.form.limit = limit
           this.getlist()
         },
         BatchDelete() {
            if (this.selectCulture.length == 0) {
              this.$message.error("请选择要删除的信息");
              return false;
            }
            this.$confirm(
              "确认要删除所选记录吗? <br>删除后,该信息将无法恢复",
              "删除提示",
              {
                dangerouslyUseHTMLString: true,
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
              }
            ).then(() => {
              var ids = [];
              var idMap = {};
              for (const index in this.selectCulture) {
                ids.push(this.selectCulture[index].id);
                idMap[this.selectCulture[index].id] = this.selectCulture[index].id;
              }
              DeleteBatchDialyisWater({ ids: ids }).then(response => {
                if (response.data.state === 1) {
                  var msg = response.data.data.msg;
                  var planDataLength = this.tableData.length;
                  for (let index = planDataLength - 1; index >= 0; index--) {
                    if (this.tableData[index].id in idMap) {
                      this.tableData.splice(index, 1);
                    }
                  }
                  this.$message.success("删除成功");
                }
              });
            });
          },
          printCard() {
            this.hiddenShow = true;
            var ptime = Math.round(new Date().getTime() / 1000);
            this.print_time = uParseTime(ptime, "{y}年{m}月{d}日");

            const style =
              "@media print { .print_main_content { background-color: white; width:960px; margin:0 auto; padding: 0 0 20px 0;font-size:15px } .print_main_content .order_title { text-align: center; font-size: 15px; line-height: 50px;} .print_main_content table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px;font-size:15px } .print_main_content table tbody tr td { border: 1px solid; text-align: center; padding: 10px 8px;font-size:15px } .td_proj_title { font-size: 15px; line-height: 25px;} .td_proj_content { font-size: 15px; line-height: 25px; } .td_align_left { text-align: left; } .print_footnote_panel { font-size: 15px; line-height: 40px; } .print_footnote_panel .proj { display: inline-block; width: 49%; } .print_footnote_panel .proj}";

            setTimeout(() => {
              printJS({
                printable: "print-card-info",
                type: "html",
                style: style,
                scanStyles: false
              });
            }, 1);
         },
         changeCheck(){

         },
         isIndeterminate(){

         },
         checkAllStatus(){

         },
         getTime(time) {
          return uParseTime(time, "{y}-{m}-{d}");
        },
        getDocName(admin_user_id){
          var admin_name =""
          for(let i=0;i<this.adminRole.length;i++){
            if(admin_user_id == this.adminRole[i].admin_user_id){
               admin_name = this.adminRole[i].user_name
            }
          }
          return admin_name
        },
        DeleteWater(id,index) {
        this.$confirm(
          '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
          '删除提示',
          {
            dangerouslyUseHTMLString: true,
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }
        ).then(() => {
          DeleteWater(id,index).then(response => {
              if (response.data.state == 1) {

                this.$message.success('删除成功')
                this.tableData.splice(index,1)
              } else {
                this.$message.error('删除失败')
              }
            })
              .catch(e => {})
          })
          .catch(() => {
            return false
          })
      },
      EditWater(id){
        getDialysisWaterDetail(id).then(response=>{
          if(response.data.state == 1){
            var detail =  response.data.data.detail

            this.form.id = detail.id
            this.form.record_date = this.getTime(detail.record_date)
            this.form.machine_status = detail.machine_status.toString()
            this.form.fault_description = detail.fault_description?detail.fault_description:""
            this.form.water_pressure= detail.water_pressure? detail.water_pressure:""
            this.form.water_conductivity = detail.water_conductivity?detail.water_conductivity:""
            this.form.temperature = detail.temperature?detail.temperature:""
            this.form.force_pump_status = detail.force_pump_status.toString()
            this.form.first_ro_membrane_water = detail.first_ro_membrane_water?detail.first_ro_film_thick_water:""
            this.form.first_ro_film_thick_water = detail.first_ro_film_thick_water?detail.first_ro_film_thick_water:""
            this.form.first_ro_membrane_effluent = detail.first_ro_membrane_effluent?detail.first_ro_membrane_effluent:""
            this.form.first_production_of_water_conductivity = detail.first_production_of_water_conductivity?detail.first_production_of_water_conductivity:""
            this.form.first_water_yield = detail.first_water_yield?detail.first_water_yield:""
            this.form.last_ro_membrane_water = detail.last_ro_membrane_water?detail.last_ro_membrane_water:""
            this.form.last_ro_membrane_effluent  = detail.last_ro_membrane_effluent?detail.last_ro_membrane_effluent:""
            this.form.last_ro_film_thick_water = detail.last_ro_film_thick_water?detail.last_ro_film_thick_water:""
            this.form.last_production_of_water_conductivity = detail.last_production_of_water_conductivity? detail.last_production_of_water_conductivity:""
            this.form.last_water_yield= detail.last_water_yield?detail.last_water_yield:""
            this.form.carbon_tank = detail.carbon_tank?detail.carbon_tank:""
            this.form.snd_tank = detail.snd_tank?detail.snd_tank:""
            this.form.resin_tank = detail.resin_tank?detail.resin_tank:""
            this.form.ultrafilter = detail.ultrafilter?detail.ultrafilter:""
            this.form.hardness_monitoring = detail.hardness_monitoring?detail.hardness_monitoring:0
            this.form.total_chlorine_detection= detail.total_chlorine_detection?detail.total_chlorine_detection:""
            this.form.ph_detection = detail.ph_detection?detail.ph_detection:""
            this.form.concentration_of_peroxyacetic_acid = detail.concentration_of_peroxyacetic_acid?detail.concentration_of_peroxyacetic_acid:""
            if(detail.reverse_osmosis_membrane_disinfection == 1){
              this.form.reverse_osmosis_membrane_disinfection  = true
            }else{
              this.form.reverse_osmosis_membrane_disinfection  =false
            }

            if(detail.disinfection_of_water_pipeline == 1){
                this.form.disinfection_of_water_pipeline = true
            }else{
              this.form.disinfection_of_water_pipeline = false
            }
            this.form.first_disinfection_method = detail.first_disinfection_method?detail.first_disinfection_method:""
            this.form.last_disinfection_method = detail.last_disinfection_method?detail.last_disinfection_method:""
            this.form.first_disinfection_time = detail.first_disinfection_time?detail.first_disinfection_time:""
            this.form.last_disinfection_time = detail.last_disinfection_time?detail.last_disinfection_time:""
            this.form.remark = detail.remark? detail.remark:""
            this.form.filter_replacement = detail.filter_replacement?detail.filter_replacement:""
            this.form.admin_user_id = detail.admin_user_id
            var adminRole = response.data.data.adminRole
            for(let i=0;i<adminRole.length;i++){
              if(adminRole[i].user_type == 3){
                 this.nurseList.push(adminRole[i])
              }
             }
            this.adminRole = adminRole
            this.dialogVisible = true
          }
        })
      },

      UpdateDilaysisWater(formName){
        console.log("form",this.form,this.equimentid)
        if(this.form.force_pump_status!=""){
          this.form.force_pump_status = parseInt(this.form.force_pump_status)
        }
        if(this.form.machine_status!=""){
          this.form.machine_status = parseInt(this.form.machine_status)
        }


        if(this.form.reverse_osmosis_membrane_disinfection == true){
           this.form.reverse_osmosis_membrane_disinfection = 1
        }
        if(this.form.reverse_osmosis_membrane_disinfection == false){
           this.form.reverse_osmosis_membrane_disinfection = 2
        }
        if(this.form.disinfection_of_water_pipeline == true){
          this.form.disinfection_of_water_pipeline = 1
        }
        if(this.form.disinfection_of_water_pipeline == false){
          this.form.disinfection_of_water_pipeline = 2
        }
        if(this.form.water_conductivity!=""){
          this.form.water_conductivity = parseFloat(this.form.water_conductivity)== NaN ? 0:parseFloat(this.form.water_conductivity)
        }else{
           this.form.water_conductivity = 0
        }

        if(this.form.water_pressure!=""){
          this.form.water_pressure = parseFloat(this.form.water_pressure) == NaN ? 0:parseFloat(this.form.water_pressure)
        }else{
            this.form.water_pressure=  0
        }

        if(this.form.temperature!=""){
          this.form.temperature = parseFloat(this.form.temperature)== NaN ? 0:parseFloat(this.form.temperature)
        }else{
          this.form.temperature = 0
        }

        if(this.form.force_pump_status!=""){
          this.form.force_pump_status = parseFloat(this.form.force_pump_status) ==  NaN ? 0: parseFloat(this.form.force_pump_status)
        }else{
            this.form.force_pump_status = 0
        }

        if(this.form.first_ro_membrane_water!=""){
          this.form.first_ro_membrane_water = parseFloat(this.form.first_ro_membrane_water) == NaN?0:parseFloat(this.form.first_ro_membrane_water)
        }else{
          this.form.first_ro_membrane_water = 0
        }

        if(this.form.first_ro_film_thick_water!=""){
          this.form.first_ro_film_thick_water = parseFloat(this.form.first_ro_film_thick_water) ==NaN?0:parseFloat(this.form.first_ro_film_thick_water)
        }else{
          this.form.first_ro_film_thick_water = 0
        }

        if(this.form.first_ro_membrane_effluent!=""){
          this.form.first_ro_membrane_effluent =parseFloat(this.form.first_ro_membrane_effluent) == NaN?0:parseFloat(this.form.first_ro_membrane_effluent)
        }else{
           this.form.first_ro_membrane_effluent = 0
        }

        if(this.form.first_production_of_water_conductivity!=""){
          this.form.first_production_of_water_conductivity = parseFloat(this.form.first_production_of_water_conductivity) == NaN?0: parseFloat(this.form.first_production_of_water_conductivity)
        }else{
          this.form.first_production_of_water_conductivity = 0
        }

        if(this.form.first_water_yield !=""){
           this.form.first_water_yield = parseFloat(this.form.first_water_yield) == NaN?0:parseFloat(this.form.first_water_yield)
        }else{
            this.form.first_water_yield =0
        }

        if(this.form.last_ro_membrane_water!=""){
          this.form.last_ro_membrane_water = parseFloat(this.form.last_ro_membrane_water) ==NaN?0:parseFloat(this.form.last_ro_membrane_water)
        }else{
          this.form.last_ro_membrane_water = 0
        }

        if(this.form.last_ro_membrane_effluent!=""){
          this.form.last_ro_membrane_effluent = parseFloat(this.form.last_ro_membrane_effluent) == NaN?0:parseFloat(this.form.last_ro_membrane_effluent)
        }else{
          this.form.last_ro_membrane_effluent = 0
        }

        if(this.form.last_ro_film_thick_water!=""){
            this.form.last_ro_film_thick_water = parseFloat(this.form.last_ro_film_thick_water) == NaN?0:parseFloat(this.form.last_ro_film_thick_water)
        }else{
          this.form.last_ro_film_thick_water = 0
        }

        if( this.form.last_production_of_water_conductivity!=""){
            this.form.last_production_of_water_conductivity = parseFloat(this.form.last_production_of_water_conductivity) == NaN?0:parseFloat(this.form.last_production_of_water_conductivity)
        }else{
            this.form.last_production_of_water_conductivity =0
        }

        if(this.form.last_water_yield!=""){
            this.form.last_water_yield = parseFloat(this.form.last_water_yield)==NaN?0: parseFloat(this.form.last_water_yield)
        }else{
            this.form.last_water_yield = 0
        }

        if(this.form.carbon_tank!=""){
            this.form.carbon_tank = parseFloat(this.form.carbon_tank) == NaN?0:parseFloat(this.form.carbon_tank)
        }else{
            this.form.carbon_tank = 0
        }

        if( this.form.snd_tank!=""){
            this.form.snd_tank = parseFloat(this.form.snd_tank) == NaN?0:parseFloat(this.form.snd_tank)
        }else{
            this.form.snd_tank = 0
        }

        if(this.form.resin_tank!=""){
            this.form.resin_tank= parseFloat(this.form.resin_tank) ==NaN?0:parseFloat(this.form.resin_tank)
        }else{
            this.form.resin_tank= 0
        }

        if( this.form.ultrafilter!=""){
            this.form.ultrafilter = parseFloat(this.form.ultrafilter)== NaN?0:parseFloat(this.form.ultrafilter)
        }else{
          this.form.ultrafilter = 0
        }

        if(this.form.hardness_monitoring !=""){
            this.form.hardness_monitoring = parseFloat(this.form.hardness_monitoring) ==NaN?0: parseFloat(this.form.hardness_monitoring)
        }else{
           this.form.hardness_monitoring= 0
        }

        if( this.form.total_chlorine_detection!=""){
            this.form.total_chlorine_detection = parseFloat(this.form.total_chlorine_detection)==NaN?0: parseFloat(this.form.total_chlorine_detection)
        }else{
            this.form.total_chlorine_detection = 0
        }

        if( this.form.ph_detection!=""){
            this.form.ph_detection = parseFloat(this.form.ph_detection) == NaN?0:parseFloat(this.form.ph_detection)
        }else{
            this.form.ph_detection = 0
        }

        if(this.form.concentration_of_peroxyacetic_acid!="" ){
            this.form.concentration_of_peroxyacetic_acid = parseFloat(this.form.concentration_of_peroxyacetic_acid) == NaN?0: parseFloat(this.form.concentration_of_peroxyacetic_acid)
        }else{
            this.form.concentration_of_peroxyacetic_acid = 0
        }

        if( this.form.reverse_osmosis_membrane_disinfection!=""){
            this.form.reverse_osmosis_membrane_disinfection= parseFloat(this.form.reverse_osmosis_membrane_disinfection) == NaN?0:parseFloat(this.form.reverse_osmosis_membrane_disinfection)
        }else{
            this.form.reverse_osmosis_membrane_disinfection=  0
        }

        if(this.form.first_disinfection_method !=""){
            this.form.first_disinfection_method = parseFloat(this.form.first_disinfection_method) == NaN?0:parseFloat(this.form.first_disinfection_method)
        }else{
            this.form.first_disinfection_method = 0
        }


        if(this.form.last_disinfection_method !=""){
           this.form.last_disinfection_method = parseFloat(this.form.last_disinfection_method) == NaN?0:parseFloat(this.form.last_disinfection_method)
        }else{
            this.form.last_disinfection_method = 0
        }

        if(this.form.first_disinfection_time !=""){
          this.form.first_disinfection_time = parseFloat(this.form.first_disinfection_time) == NaN?0:parseFloat(this.form.first_disinfection_time)
        }else{
            this.form.first_disinfection_time = 0
        }

        if( this.form.last_disinfection_time!=""){
            this.form.last_disinfection_time = parseFloat(this.form.last_disinfection_time) == NaN?0:parseFloat(this.form.last_disinfection_time)
        }else{
            this.form.last_disinfection_time = 0
        }

        if(this.form.filter_replacement!=""){
            this.form.filter_replacement = parseFloat(this.form.filter_replacement) == NaN?0:parseFloat(this.form.filter_replacement)
        }else{
            this.form.filter_replacement= 0
        }

        if( this.form.admin_user_id != ""){
            this.form.admin_user_id = parseFloat(this.form.admin_user_id) == NaN?0:parseFloat(this.form.admin_user_id)
        }else{
            this.form.admin_user_id =0
        }

        if(this.form.disinfection_of_water_pipeline !=""){
            this.form.disinfection_of_water_pipeline = parseFloat(this.form.disinfection_of_water_pipeline) == NaN?0:parseFloat(this.form.disinfection_of_water_pipeline)
        }else{
            this.form.disinfection_of_water_pipeline =0
        }

         this.$refs[formName].validate((valid) => {
          if (valid) {
            UpdateDilaysisWater(this.form,this.equimentid).then(response=>{
             if(response.data.state == 1){
                var deviceWater =  response.data.data.deviceWater
                console.log("保存成功!",deviceWater)
                this.$message.success("保存成功!")
                this.dialogVisible = false
                this.getlist()

             }
           })

          }
        })
       },
        exportlist: function() {
          for(let i=0;i<this.tableData.length;i++){
              this.tableData[i].index = i+1
              this.tableData[i].record_date_str = this.getTime(this.tableData[i].record_date)
              if(this.tableData[i].reverse_osmosis_membrane_disinfection == 1){
                this.tableData[i].reverse_osmosis_membrane_disinfection_name = "√"
              }
              if(this.tableData[i].disinfection_of_water_pipeline == 1){
                 this.tableData[i].disinfection_of_water_pipeline_name = "√"
              }
              this.tableData[i].user_name = this.getDocName(this.tableData[i].admin_user_id)
            }
            import('@/vendor/Export2Excel').then(excel => {

              const multiHeader = [['序号', '日期', '原水参数' , '', '','', '一级反渗', '', '二级反渗' , '', '碳罐(MPa)','砂罐(MPa)', '树脂罐(MPa)','精密过滤器(MPa)','水质监测','','','','消毒','','过滤器更换','记录人' ]]
              const header = ['', '', '原水电导度', '原水压力', '温度','加压泵', '产水电导度', '产水量', '产水电导度', '产水量', '','','','','硬度(mg/l)','总氯(mg/l)','PH值','过氧乙酸(mg/l)','反渗膜消毒','输水管道消毒','','',]
              const merges = ['A1:A2', 'B1:B2', 'C1:F1','G1:H1','I1:J1','K1:K2','L1:L2','M1:M2','N1:N2','O1:R1','S1:T1','U1:U2','V1:V2']
              const filterVal = ['index','record_date','water_conductivity','water_pressure','temperature','force_pump_status','first_ro_membrane_effluent','first_water_yield','last_production_of_water_conductivity','last_water_yield','carbon_tank','snd_tank','resin_tank','ultrafilter','hardness_monitoring','ph_detection','total_chlorine_detection','concentration_of_peroxyacetic_acid','reverse_osmosis_membrane_disinfection_name','disinfection_of_water_pipeline_name','filter_replacement','user_name']
              const data = this.formatJson(filterVal, this.tableData)

              const filename = '水处理机使用登记'

              // console.log("rwwwwwwwwwww",this.tableData)

              excel.export_json_to_excel({
                multiHeader,
                header,
                merges,
                data,
                filename
              })
            })
        },
        formatJson(filterVal, jsonData) {
          return jsonData.map(v => filterVal.map(j => v[j]));
        },
        setAdminUserES(id) {
           
           if (id === 0) {
           return ''
           }
           var user_name = ""
           for(let i=0;i<this.operators.length;i++){
              if(id == this.operators[i].admin_user_id){
                 user_name = this.operators[i].url
              }
           }
         
          return user_name
       },
      },
      created(){
        this.getlist()
      }
    }
  </script>

  <style scoped>
  .a {
    /* .el-col-2 {
      width: 8.33333%;
      margin-bottom: 20px;
    } */
  }
  .print_main_content {
    background-color: white;
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }
  .tableClass {
    font-size: 10px;
    font-weight: none;
  }
  .printClass {
    width: 100%;
    text-align: right;
  }
  </style>
  <style lang="scss">
  .machineClass {
    font-size: 14px;
    color: #606266;
  }
  .c {
    margin-bottom: 10px;
    .el-input--prefix .el-input__inner {
      margin-left: 15px;
    }
  }
  #user-form {
    .el-dialog__footer {
      text-align: right;
    }
    .el-input--prefix .el-input__inner {
      padding-left: 15px;
    }
    .el-input--prefix .el-input__inner {
      padding-right: 15px;
    }
  }
  </style>