<template>
  <basic-container>
    <template >
      <el-row :span="24">
        <div class="check_status_class">
       <span >
        <el-col >
          审核状态:
             <avue-input v-model="form" placeholder="" class="frame_class1" style = "width: 100px"></avue-input>
        </el-col>
        </span>
        </div>
      </el-row>
    </template>
      <avue-tabs :option="option"
                 @change="handleChange"></avue-tabs>
      <span v-if="type.prop==='information'">
        <avue-form :option="tab1_option"
                   v-model="tab1_form"
                   ref="tab1_form"
                   :class="frame_class">
        </avue-form>
      </span>
      <span v-else-if="type.prop==='parameters'">
        <div>
          <avue-crud :data="parameters_data"
                     :table-loading="loading"
                     :option="optionParam"
                     :permission="permissionList"
                     :before-open="beforeOpen"
                     header-cell-class-name="header-class"
                     v-model="parameters_form"
                     ref="crud"
                     @row-del="parameters_rowDel"
                     @row-update="parameters_rowUpdate"
                     @row-save="parameters_rowSave">
          </avue-crud>
        </div>
      </span>
      <span v-else-if="type.prop==='document'">
        <!--        选项卡内容3  https://avuejs.com/crud/crud-fun.html-->
        <avue-crud :option="optionDoc"
                   :table-loading="loading"
                   :data="document_data"
                   :permission="permissionList"
                   header-cell-class-name="header-class"
                   v-model="document_form"
                   ref="crud2"
                   @row-update="document_rowUpdate"
                   @row-save="document_rowSave"
                   @row-del="document_rowDel"
                   :upload-before="uploadBefore"
                   :upload-after="uploadAfter"
                   :upload-preview="(file) => handleUploadPreview(file)"
                   :upload-delete="(file) => handleUploadDelete(file)"
                   :upload-exceed="uploadExceed">
          <template #accessoryNameExt="scope">
            <el-link type="primary" :underline="false" @click="handleDownload(scope.row)">{{scope.row.prAccessoryName}}</el-link>
          </template>
          <template #menu="{row,index,size}">
            <el-button size="small" type="text" @click="handleDownload(row)" icon="el-icon-download">下 载</el-button>
          </template>
          </avue-crud>
      </span>
     <div class="container">
       <span >
          <el-button type="default"
                     size="small"
                     @click="back"
                     v-if="addUpdateShowButton ">
                     取消</el-button>
         <el-button type="primary"
                    size="small"
                    @click="handleFormSubmit"
                    v-if="addUpdateShowButton && permission.equipmentledger_add">
                     确定</el-button>
          <el-button type="primary"
                     size="small"
                      @click="auditing"
                     v-if="shouldShowButton && permission.equipmentledger_audit">
                     审核</el-button>
          <el-button type="primary"
                     size="small"
                     @click="reject"
                     v-if="shouldShowButton && permission.equipmentledger_reject">
                     驳回</el-button>
          <el-button type="primary"
                     size="small"
                     @click="seachToUpdate"
                     v-if="UpdateShowButton && permission.equipmentledger_edit">
                      修改</el-button>
          <el-button type="primary"
                     size="small"
                     @click="del"
                     v-if="shouldShowButton && permission.equipmentledger_delete">
                     删除</el-button>
       </span>
    </div>
  </basic-container>
<!--   https://avuejs.com/form/form-rules.html#%E5%A4%96%E7%BD%AE%E9%AA%8C%E8%AF%81-->
</template>
<script>
  import {getList, getDetail, add, update, remove} from "@/api/leger/equipmentledger";
  import {
    parameters_add,
    parameters_update,
    parameters_remove,
    parameters_getListBylegerId,
  } from "@/api/leger/techparameters";
  import {
    document_add,
    document_update,
    document_remove,
    document_getListBylegerId,
  } from "@/api/leger/inventorydocument";
  import {mapGetters} from "vuex";
  import website from "@/config/website";
  import {readonly} from "vue";
  import {getToken} from "@/util/auth";
  import request from "@/router/axios";
  export default {
    name: "equipmentledgerDetail",
    data () {
      var validatePage = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入页数'));
        } else {
          var r = /^\+?[0-9][0-9]*$/;
          if(!r.test(value)) {
            callback(new Error('输入的页数不合法'));
          } else {
            callback();
          }
        }
      };
      return {
        frame_class: '',
        type: {},
        shouldShowButton:{},
        addUpdateShowButton:{},
        UpdateShowButton:{},
        readonlyForm:{},
        document_form:{},
        option: {
          column: [{
            label: '基本信息',
            prop: 'information',
          }
          ]
        },
        tab1_form: {},
        tab1_option: {
          submitBtn: false,
          emptyBtn: false,
          column: [
            {
              label: "设备台账编码",
              prop: "eqLedgerCode",
              disabled:false,
              rules: [{
                required: true,
                message: "请输入设备台账编码",
                trigger: "blur",
              }],
              event: {
                blur: (val) => {
                  if (!val) return
                  if (val) {
                    request({
                      url: "/api/equipmentledger/getEqLedgerCode",
                      method: 'get',
                      params: {
                        eqLedgerCode: val
                      }
                    }).then((res) => {
                      if (res.data.data.eqLedgerCode !== undefined){
                        this.$message({
                            type: "error",
                            message: this.tab1_form.eqLedgerCode + "已存在，请检查后重新输入!"
                          }
                        )
                        this.tab1_form.eqLedgerCode="";
                      }
                    })
                  }
                },
              },
              span: 6,
              maxlength: 20,
            },
            {
              label: "设备描述",
              prop: "deviceDescription",
              rules: [{
                required: true,
                message: "请输入设备描述",
                trigger: "blur"
              }],
              offset:6,
              span: 12,
              row:true,
              maxlength: 200,
            },
            {
              label: "用户状态",
              prop: "userStatus",
              rules: [{
                required: true,
                message: "请输入用户状态",
                trigger: "blur",
              }],
              type: "select",
              dicUrl: "/api/daf-system/dict/dictionary?code=user_status",
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              span: 6,
              maxlength: 20,
            },
            {
              label: "KKS编码",
              prop: "kksEncoding",
              disabled:false,
              rules: [{
                required: true,
                message: "请输入KKS编码",
                trigger: "blur",
              }],
              event: {
                blur: (val) => {
                  if (!val) return
                  if (val) {
                    request({
                      url: "/api/equipmentledger/getKksKey",
                      method: 'get',
                      params: {
                        KksNo: val
                      }
                    }).then((res) => {
                      if (res.data.data.kksEncoding !== undefined){
                        this.$message({
                            type: "error",
                            message: this.tab1_form.kksEncoding + "已存在，请检查后重新输入!"
                          }
                        )
                        this.tab1_form.kksEncoding="";
                      }
                    })
                  }
                },
              },
              span: 6,
              maxlength: 20,
            },
            {
              label: "KKS描述",
              prop: "kksDescription",
              rules: [{
                required: true,
                message: "请输入KKS描述",
                trigger: "blur"
              }],
              span: 12,
              maxlength: 200,
            },
            {
              label: "设备种类",
              prop: "eqType",
              rules: [{
                required: true,
                message: "请输入设备种类",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "专业",
              prop: "major",
              rules: [{
                required: true,
                message: "请输入专业",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "场站",
              prop: "station",
              rules: [{
                required: true,
                message: "请输入场站",
                trigger: "blur"
              }],
              type: "select",
              dicUrl: "/api/daf-system/dict/dictionary?code=station",
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              span: 6,
              maxlength: 20,
            },
            {
              label: "系统状态",
              prop: "systemState",
              rules: [{
                required: true,
                message: "请输入系统状态",
                trigger: "blur"
              }],
              type: "select",
              dicUrl: "/api/daf-system/dict/dictionary?code=system_state",
              props: {
                label: "dictValue",
                value: "dictKey"
              },
              span: 6,
              maxlength: 20,
            },
            {
              label: "计划员组",
              prop: "plannerGroup",
              rules: [{
                required: true,
                message: "请输入计划员组",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "计划工厂",
              prop: "plannedFactory",
              span: 6,
              maxlength: 20,
            },
            {
              label: "工厂区域",
              prop: "factoryArea",
              // rules: [{
              //   required: true,
              //   message: "请输入工厂区域",
              //   trigger: "blur"
              // }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "资产编码",
              prop: "assetCode",
              // rules: [{
              //   required: true,
              //   message: "请输入资产编码",
              //   trigger: "blur"
              // }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "设备定级",
              prop: "eqRank",
              // rules: [{
              //   required: true,
              //   message: "请输入设备定级",
              //   trigger: "blur"
              // }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "设备责任人姓名",
              prop: "eqResponsibleName",
              rules: [{
                required: true,
                message: "请输入设备责任人姓名",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "设备责任人工号",
              prop: "eqResponsibleNo",
              span: 6,
              maxlength: 20,
            },
            {
              label: "检修班组",
              prop: "maintenanceTeam",
              span: 6,
              maxlength: 20,

            },
            {
              label: "制造商",
              prop: "manufacturer",
              span: 6,
              maxlength: 20,
            },
            {
              label: "制造商国家",
              prop: "manufacturerCountry",
              span: 6,
              maxlength: 20,
            },
            {
              label: "制造商零件号",
              prop: "manufacturerPartNo",
              span: 6,
              maxlength: 20,
            },
            {
              label: "制造年月",
              prop: "manufactureDate",
              type: "date",
              format: 'yyyy/MM/dd',
              valueFormat: "yyyyMMdd",
              span: 6,
            },
            {
              label: "供应商",
              prop: "supplier",
              rules: [{
                required: true,
                message: "请输入供应商",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "型号",
              prop: "model",
              rules: [{
                required: true,
                message: "请输入型号",
                trigger: "blur"
              }],
              span: 6,
              maxlength: 20,
            },
            {
              label: "大小尺寸",
              prop: "sizeAndSize",
              span: 6,
              maxlength: 20,
            },
            {
              label: "制造序列号",
              prop: "manufacturingSerialNo",
              span: 6,
              maxlength: 20,
            },
            {
              label: "出厂编号",
              prop: "factoryNo",
              span: 6,
              maxlength: 20,
            },
            {
              label: "出厂日期",
              prop: "productionDate",
              type: "date",
              format: 'yyyy/MM/dd',
              valueFormat: "yyyyMMdd",
              span: 6,
            },
            {
              label: "设计单位",
              prop: "designUnit",
              span: 6,
              maxlength: 20,
            },
            {
              label: "对象重量",
              prop: "objectWeight",
              span: 6,
              maxlength: 20,
            },
            {
              label: "安装日期",
              prop: "installDate",
              type: "date",
              format: 'yyyy/MM/dd',
              valueFormat: "yyyyMMdd",
              span: 6,
            },
            {
              label: "调试单位",
              prop: "debuggingUnit",
              span: 6,
              maxlength: 20,
            },
            {
              label: "投运日期",
              prop: "operationDate",
              type: "date",
              format: 'yyyy/MM/dd',
              valueFormat: "yyyyMMdd",
              rules: [{
                required: true,
                message: "请输入投运日期",
                trigger: "blur"
              }],
              span: 6,
            },
            {
              label: "安装单位",
              prop: "installationUnit",
              span: 6,
              maxlength: 20,
            },
            {
              label: "设备分类",
              prop: "eqClass",
              span: 6,
              maxlength: 20,
            },
            {
              label: "图纸编码",
              prop: "drawingCode",
              span: 6,
              maxlength: 20,
            },
            {
              label: "安装位置",
              prop: "installationLocation",
              span: 6,
              maxlength: 20,
            },
            {
              label: "成本中心",
              prop: "costCenter",
              span: 6,
              maxlength: 40,
            },
          ]
        },
        tab2_page: {
          pageSize: 20,
          pagerCount: 5
        },
        parameters_data: [],
        optionParam: {
          align: 'center',
          menuAlign: 'center',
          height: 'auto',
          calcHeight: 210,
          searchShow: true,
          searchMenuSpan: 6,
          tip: false,
          border: true,
          indexLabel: "序号",
          index: true,
          column: [
            {
              label: "分类",
              prop: "classification",
              span: 20,
              rules: [{
                required: true,
                message: "请输入分类",
                trigger: "blur"
              }],
            },
            {
              label: "分类描述",
              prop: "description",
              span: 20,
              type: "textarea",
              rules: [{
                required: true,
                message: "请输入分类描述",
                trigger: "blur"
              }],
            },
            {
              label: "技术参数",
              prop: "techParameters",
              span: 20,
              rules: [{
                required: true,
                message: "请输入技术参数",
                trigger: "blur"
              }],
            },
            {
              label: "参数",
              prop: "parameters",
              span: 20,
              rules: [{
                required: true,
                message: "请输入参数",
                trigger: "blur"
              }],
            },
          ]
        },
        tab3_page: {
          pageSize: 20,
          pagerCount: 5
        },
        document_data: [],
        optionDoc: {
          align: 'center',
          menuAlign: 'center',
          height: 'auto',
          calcHeight: 210,
          searchShow: true,
          searchMenuSpan: 6,
          tip: false,
          border: true,
          indexLabel: "序号",
          index: true,
          column: [
            {
              label: "标题",
              prop: "title",
              span: 20,
              rules: [{
                required: true,
                message: "请输入标题",
                trigger: "blur"
              }],
            },
            {
              label: "作者",
              prop: "author",
              span: 20,
              rules: [{
                required: true,
                message: "请输入作者",
                trigger: "blur"
              }],
            },
            {
              label: "日期",
              prop: "date",
              type: "date",
              format: 'yyyy/MM/dd',
              valueFormat: "yyyyMMdd",
              span: 20,
              rules: [{
                required: true,
                message: "请输入日期",
                trigger: "blur"
              }],
            },
            {
              label: "页数",
              prop: "page",
              span: 20,
              rules: [{required: true, validator: validatePage, trigger: 'blur' }]
            },
            {
              label: "关键字",
              prop: "keyword",
              span: 20,
              rules: [{
                required: true,
                message: "请输入关键字",
                trigger: "blur"
              }],
            },
            {
              label: "主题",
              prop: "thead",
              span: 20,
              rules: [{
                required: true,
                message: "请输入主题",
                trigger: "blur"
              }],
            },
            {
              label: '附件',
              prop: 'accessoryNameExt',
              dataType: 'object',
              fileType: 'img',//img/video/audio
              type: 'upload',
              accept: '.pdf',
              // hide: true,
              tip: '仅能支持上传pdf文件格式',
              limit: 1,
              propsHttp: {
                res: 'data',
              },
              data: {
                fileType: "1"// 静态台账-文档清册
              },
              headers: {
              },
              rules: [{
                required: true,
                message: "请上传附件",
                trigger: "blur"
              }],
              span: 20,
              action: './api/system/file/upload'
            }
          ]
        }
      }
    },
    computed: {
      ...mapGetters(["permission"]),
      permissionList() {
        return {
          addBtn:  true,
          viewBtn: false,
          delBtn: true,
          editBtn: true
        };
      },
    },
    created () {
      this.type = this.option.column[0];
      if(this.$route.query.frameMode == "search"){
        this.option.column.push({ label: '技术参数', prop: 'parameters' },{ label: '文档清册', prop: 'document' });
        this.readonlyForm=true;
        this.shouldShowButton=true;
        this.addUpdateShowButton=false;
        this.UpdateShowButton=true;
        this.frame_class = 'frame_class1';
        this.SearchDetail();
        const kksEncoding = this.findObject(this.tab1_option.column, "kksEncoding");
        kksEncoding.disabled =true;
        const eqLedgerCode = this.findObject(this.tab1_option.column, "eqLedgerCode");
        eqLedgerCode.disabled =true;
      }else{
        this.readonlyForm=false;
        this.shouldShowButton=false;
        this.UpdateShowButton=false;
        this.addUpdateShowButton=true;
        this.frame_class = null;
      }
    },
    methods: {
      handleFormSubmit() {
        this.$refs.tab1_form.validate((valid, done, msg) => {
          if (valid) {
            done()
            this.Submit();
          } else {
            console.log('error submit!!');
            return false;
          }
        })
      },
      // 处理表单提交
      Submit() {
        if(this.$route.query.frameMode=="add"){
          this.$confirm("是否新增所填数据?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          }).then(() => {
            this.tab1_form.checkStatus="1"
            add(this.tab1_form).then(()=>{
              this.$router.push({
                path: "/leger/equipmentledger",
                query: {
                },
              });
              this.$message({
                type: "success",
                message: "操作成功!"
              });
            }).catch((error) => {
              this.$message({
                type: "error",
                message: "操作失败!"
              });
            });
          });
        }else {
          this.$confirm("是否修改所填数据?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          }).then(() => {
            this.tab1_form.checkStatus="1"
            update(this.tab1_form).then(() => {
              this.$router.push({
                path: "/leger/equipmentledger",
                query: {},
              });
              this.$message({
                type: "success",
                message: "操作成功!"
              });
            }).catch((error) => {
              this.$message({
                type: "error",
                message: "操作失败!"
              });
            });
          });
        }
      },
      back() {
        if(this.$route.query.frameMode=="add") {
          this.$router.push({path: "/leger/equipmentledger"});
        }else{
          this.updateToSearch();
          this.SearchDetail();
        }
      },
      seachToUpdate () {
        this.shouldShowButton=false;
        this.addUpdateShowButton=true;
        this.UpdateShowButton=false;
        this.readonlyForm=false;
        this.frame_class = null;
      },
      updateToSearch () {
        this.readonlyForm=true;
        this.shouldShowButton=true;
        this.addUpdateShowButton=false;
        this.UpdateShowButton=true;
        this.frame_class = 'frame_class1';
      },
      handleChange (column) {
        this.type = column
        if (column.prop == 'parameters') {
          this.UpdateShowButton=false;
         this.parameters_onLoad();
        }if (column.prop == 'document') {
          this.UpdateShowButton=false;
         this.document_onLoad();
        }if (column.prop == 'information'){
           this.UpdateShowButton=true;
        }
      },
      // 技术参数 新增按钮处理
      parameters_rowSave (form, done, loading) {
        loading();
        form.eqLedgerId = this.$route.query.id;
        parameters_add(form).then(() => {
          done(form);
          this.parameters_onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        }, error => {
          window.console.log(error);
          loading();
        });
      },
      // 技术参数 编辑按钮处理
      parameters_rowUpdate (form, index, done, loading) {
        parameters_update(form).then(() => {
          done(form);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        }, error => {
          window.console.log(error);
          loading();
        });

      },
      // 技术参数 删除按钮处理
      parameters_rowDel (form, index,done) {
        this.$confirm("确定将选择数据删除?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            return parameters_remove(form.id);
          })
          .then(() => {
            this.parameters_onLoad(this.page);
            this.$message({
              type: "success",
              message: "操作成功!"
            });
          });
      },
      // 文档清册 新增按钮处理
      document_rowSave (form, done, loading) {
        loading();
        form.eqLedgerId = this.$route.query.id;
        document_add(form).then(() => {
          done(form);
          this.document_onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        }, error => {
          window.console.log(error);
          loading();
        });
      },
      // 文档清册 编辑按钮处理
      document_rowUpdate (form, index, done, loading) {
        console.log(form)
        document_update(form).then(() => {
          done(form);
          this.document_onLoad(this.page);
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        }, error => {
          window.console.log(error);
          loading();
        });

      },
      // 文档清册 删除按钮处理
      document_rowDel (form, index,done) {
        this.$confirm("确定将选择数据删除?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            return document_remove(form.id);
          })
          .then(() => {
            this.document_onLoad(this.page);
            this.$message({
              type: "success",
              message: "操作成功!"
            });
          });
      },
      SearchDetail() {
        getDetail(this.$route.query.id).then(res => {
          console.log(res);
          this.tab1_form = res.data.data;
          switch (this.tab1_form.checkStatus){
            case 1:
              this.form = "审核中";
              break;
            case 2:
              this.form = "已审核";
              break;
            case 3:
              this.form = "未通过";
              break;
            default:
              this.form =" ";
          }
        });
      },
      auditing() {
        this.$confirm("是否将数据审核?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          this.tab1_form.checkStatus="2"
          this.submitRejectOrauditing();
        });
      },
      reject() {
        this.$confirm("是否将数据审核?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          this.tab1_form.checkStatus="3"
          this.submitRejectOrauditing();
        });
      },
      submitRejectOrauditing() {
        update(this.tab1_form).then(() => {
          this.$router.push({
            path: "/leger/equipmentledger",
            query: {},
          });
          this.$message({
            type: "success",
            message: "操作成功!"
          });
        }).catch((error) => {
          this.$message({
            type: "error",
            message: "操作失败!"
          });
        });
      },
      del() {
        this.$confirm("是否将选择数据删除?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          remove(this.tab1_form.id).then(() => {
            this.$router.push({
              path: "/leger/equipmentledger",
              query: {},
            });
            this.$message({
              type: "success",
              message: "操作成功!"
            });
          }).catch((error) => {
            this.$message({
              type: "error",
              message: "操作失败!"
            });
          });
        })
      },
      headerClass(){
        return 'head-style'
      },
      parameters_onLoad(row, params = {}) {
        this.loading = true;
        parameters_getListBylegerId(this.$route.query.id).then(res => {
          this.parameters_data = res.data.data;
          this.loading = false;
        });
      },
      document_onLoad(row, params = {}) {
        this.loading = true;
        document_getListBylegerId(this.$route.query.id).then(res => {
          for (var index = 0; index < res.data.data.length; index ++) {
            if (res.data.data[index].prAccessoryName) {
              res.data.data[index].accessoryNameExt = [{ label: res.data.data[index].prAccessoryName }];
            }
          }
          this.document_data = res.data.data;
          this.loading = false;
        });
      },
      handleDownload(row) {
        window.open(`/api/system/file/download?daf-auth=${getToken()}&fileName=${row.accessoryName}`);
      },
      uploadBefore(file, done, loading) {
        if (file && file.name && file.name.toLowerCase().endsWith('.pdf')) {
          done();
        } else {
          this.$message.error('只能上传 PDF 格式的文件');
          loading();
          return false;
        }
      },
      uploadAfter(response, done) {
        console.log(response)
        // response 是服务器响应
        this.document_form.accessoryName = response.fileName;
        this.document_form.prAccessoryName = response.name;
        done();
      },
      handleUploadPreview(file) {
        // 禁止文件预览
        return false;
      },
      handleUploadDelete(file) {
        this.document_form.accessoryNameExt = [];
        this.document_form.accessoryName = '';
        this.document_form.prAccessoryName = '';
      },
      uploadExceed (limit, files, fileList, column) {
        console.log(limit, files, fileList, column)
        this.$message.error('超出上传限制文件数量')
      }
    }
  }
</script>
<style>
.head-style{
  background-color: #3366cc !important;
  color: #FFFFFF !important;
}

.frame_class1 .el-input__inner,
.frame_class1 .el-textarea__inner {
  border: none;
  box-shadow: none;
  outline: none;
  pointer-events: none;
}

.frame_class1 .el-input__icon {
  display: none;
}

.frame_class1 .el-input--prefix .el-input__inner {
  padding-left: 15px;
}

.frame_class1 input::placeholder {
  color: transparent;
  display: none; /* 默认隐藏 */
}

.container {
  display: flex;
  justify-content: flex-end; /* 将子元素推到容器的末端 */
}

.frame_class1 div.el-select--small {
  border: none;
  box-shadow: none;
  outline: none;
  pointer-events: none;
}

.check_status_class {
  display: flex;
  justify-content: flex-end; /* 将子元素推到容器的末端 */
}


</style>
