zc

src/components/lookImgDialog/lookImgDialog.vue

@@ -0,0 +1,119 @@
+<!--照片浏览DIALOG-->
+<!--
+        <lookImgDialog ref="lookImgDialog"></lookImgDialog>
+        import lookImgDialog from './lookImgDialog.vue'
+        components: {
+          lookImgDialog
+        },
+        /*
+          传入3个参数(1,list,index)
+          1-开启
+          list-图片数据 [{url:"xxxxx"}]
+          index-默认显示第几张图片
+        */
+        this.$refs.lookImgDialog.lookImgDialogOpen(1,list,index);
+-->
+<template>
+  <el-dialog class="look-img-dialog" title="隐患照片" :visible.sync="lookImgDialogType" v-if="lookImgDialogType" width="1070px" height="700" append-to-body>
+    <div class="look-img-dialog-min scrollbar-box">
+      <img style="width:1026px;" :src="lookImgList[lookImgIndex].url">
+    </div>
+    <p class="el-icon-arrow-left left-i-button" @click="infoLeftButton"></p>
+    <p class="el-icon-arrow-right right-i-button" @click="infoRightButton"></p>
+    <p class="look-img-dialog-bottom-text">{{lookImgIndex+1}} / {{lookImgList.length}}</p>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    name: 'lookImgDialog',
+    data(){
+      return{
+        lookImgDialogType:false,
+        lookImgList:[],
+        lookImgIndex:[],
+      }
+    },
+    created(){
+
+    },
+    mounted(){
+
+    },
+    methods:{
+      lookImgDialogOpen(type,list,index){
+        if(type == 1){
+          this.$set(this,'lookImgList',list);
+          this.$set(this,'lookImgIndex',index);
+          this.$set(this,'lookImgDialogType',true);
+        }else if(type == 2){
+          this.$set(this,'lookImgDialogType',false);
+        }
+      },
+      infoLeftButton(){
+        if (this.lookImgIndex == 0){
+          this.msgError('当前是第一张')
+        }else{
+          this.lookImgIndex--
+        }
+      },
+      infoRightButton(){
+        if (this.lookImgIndex == this.lookImgList.length-1){
+          this.msgError('当前是最后一张')
+        }else{
+          this.lookImgIndex++
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .look-img-dialog{
+    .left-i-button{
+      cursor: pointer;
+      text-align: center;
+      line-height:30px;
+      color:#fff;
+      font-size:16px;
+      top:350px;
+      left:40px;
+      position: absolute;
+      width:30px;
+      height:30px;
+      background-color: #0045AF;
+      border-radius:50%;
+    }
+    .right-i-button{
+      cursor: pointer;
+      text-align: center;
+      line-height:30px;
+      color:#fff;
+      font-size:16px;
+      position: absolute;
+      top:350px;
+      right:40px;
+      width:30px;
+      height:30px;
+      background-color: #0045AF;
+      border-radius:50%;
+    }
+    .right-i-button:hover{
+      background-color: #0183fa;
+    }
+    .left-i-button:hover{
+      background-color: #0183fa;
+    }
+    .look-img-dialog-bottom-text{
+      text-align: center;
+      line-height: 30px;
+      font-size:16px;
+      position: absolute;
+      bottom:0;
+      width:1026px;
+    }
+    .look-img-dialog-min{
+      height:560px;
+    }
+  }
+</style>

src/views/safetyCheck/laboratorySelfTest/selfInspectionManagement/index.vue

@@ -0,0 +1,257 @@
+<!--自查管理-->
+<template>
+  <div class="app-container selfInspectionManagement">
+    <div class="selfInspectionManagement-page" v-if="pageType == 1">
+      <div class="title-box">
+        <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" label-width="80px">
+          <div class="form-button-max-big-box">
+            <div class="form-button-big-box" style="margin-left:10px;">
+              <div :class="queryParams.buttonType==1?'checkDiv':''" @click="topLeftClickType(1)">
+                <p class="text-p">全部</p>
+                <p class="el-icon-check icon-p" v-if="queryParams.buttonType==1"></p>
+              </div>
+              <div :class="queryParams.buttonType==2?'checkDiv':''" @click="topLeftClickType(2)">
+                <p class="text-p">待检查</p>
+                <p class="el-icon-check icon-p" v-if="queryParams.buttonType==2"></p>
+              </div>
+              <div :class="queryParams.buttonType==3?'checkDiv':''" @click="topLeftClickType(3)">
+                <p class="text-p">检查中</p>
+                <p class="el-icon-check icon-p" v-if="queryParams.buttonType==3"></p>
+              </div>
+              <div :class="queryParams.buttonType==4?'checkDiv':''" @click="topLeftClickType(4)">
+                <p class="text-p">已检查</p>
+                <p class="el-icon-check icon-p" v-if="queryParams.buttonType==4"></p>
+              </div>
+            </div>
+          </div>
+          <el-form-item label="关键字" prop="searchValue">
+            <el-input
+              maxLength="30"
+              v-model="queryParams.searchValue"
+              placeholder="计划标题/实验室/房间号/检查者"
+              clearable
+              style="width: 250px"
+            />
+          </el-form-item>
+          <el-form-item label="学院" prop="data1" label-width="50px">
+            <el-select v-model="queryParams.data1" clearable placeholder="请选择学院" style="width: 150px">
+              <el-option
+                v-for="item in optionsOne"
+                :key="item.key"
+                :label="item.label"
+                :value="item.key">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查时间" prop="dateRange" style="margin-left:10px;" label-width="70px">
+            <el-date-picker
+              :clearable="false"
+              v-model="dateRange"
+              size="small"
+              style="width: 240px"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <p class="inquire-button-one" @click="handleQuery" style="margin-right:10px;">查询</p>
+            <p class="reset-button-one" @click="resetQuery">重置</p>
+          </el-form-item>
+          <div class="form-button-max-big-box">
+            <div class="form-button-big-box">
+              <div :class="queryParams.myType==1?'checkDiv':''" style="width:100px;" @click="topRightClickType">
+                <p class="text-p">本人发起</p>
+                <p class="el-icon-check icon-p" v-if="queryParams.myType==1"></p>
+              </div>
+            </div>
+          </div>
+        </el-form>
+      </div>
+      <div class="content-box">
+        <el-table  border :data="tableList" ref="multipleTable" @sort-change="sortChange">
+          <el-table-column label="序号" align="center"  type="index" width="60" />
+          <el-table-column label="计划标题" align="center" prop="hardwareNum" show-overflow-tooltip width="250"/>
+          <el-table-column label="实验室" align="center" prop="deptName" show-overflow-tooltip width="220"/>
+          <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip width="150"/>
+          <el-table-column label="检查状态" align="center" prop="deptName" show-overflow-tooltip width="90"/>
+          <el-table-column label="检查者" align="center" prop="deptName" show-overflow-tooltip width="100"/>
+          <el-table-column label="检查结果" align="center" prop="deptName" show-overflow-tooltip width="80"/>
+          <el-table-column label="隐患数" align="center" prop="deptName" show-overflow-tooltip width="80"/>
+          <el-table-column label="整改进度" align="center" prop="deptName" show-overflow-tooltip width="200"/>
+          <el-table-column label="任务周期" align="center" prop="deptName" show-overflow-tooltip width="270"/>
+          <el-table-column label="检查时间" sortable align="center" prop="deptName" show-overflow-tooltip width="157"/>
+          <el-table-column label="操作" align="center" prop="deptName" width="230">
+            <div class="table-button-box">
+              <p class="table-button-p" @click="goAddPage(3)">详情</p>
+              <p class="table-button-p" @click="goAddPage(2)">开始检查</p>
+              <!--<p class="table-button-p">编辑</p>-->
+              <!--<p class="table-button-p">整改报告</p>-->
+              <!--<p class="table-button-p">查看附件</p>-->
+            </div>
+          </el-table-column>
+        </el-table>
+        <pagination :page-sizes="[20, 30, 40, 50]"
+                    v-show="total>0"
+                    :total="total"
+                    :page.sync="queryParams.pageNum"
+                    :limit.sync="queryParams.pageSize"
+                    @pagination="getList"
+        />
+      </div>
+    </div>
+    <addPage v-if="pageType==2"></addPage>
+    <infoPage v-if="pageType==3"></infoPage>
+  </div>
+</template>
+
+<script>
+  import addPage from './addPage.vue'
+  import infoPage from './infoPage.vue'
+  export default {
+    name: 'index',
+    components: {
+      addPage,
+      infoPage
+    },
+    data(){
+      return{
+        pageType:1,
+        queryParams:{
+          pageNum:1,
+          pageSize:20,
+          buttonType:1,
+          myType:0,
+          timeType:0,
+          searchValue:"",
+          data1:""
+        },
+        dateRange:[],
+        tableList:[{}],
+        total:0,
+        optionsOne:[{key:1,label:"校级"},{key:2,label:"院级"}],
+        optionsTwo:[{key:1,label:"启用"},{key:0,label:"停用"}],
+      }
+    },
+    created(){
+
+    },
+    mounted(){
+
+    },
+    methods:{
+      //开始检查
+      goAddPage(type){
+        this.$set(this,'pageType',type);
+      },
+      //时间排序方法
+      sortChange(val){
+        //ascending 上    descending 下    null  无
+        console.log('val',val.order)
+        this.$set(this.queryParams,'timeType',val.order=='ascending'?1:(val.order=='descending'?2:''));
+      },
+      //范围选择
+      topLeftClickType(type){
+        if(this.queryParams.buttonType != type){
+          this.$set(this.queryParams,'buttonType',type);
+          this.getList();
+        }
+      },
+      topRightClickType(){
+        this.$set(this.queryParams,'myType',this.queryParams.myType==1?0:1);
+      },
+      //获取数据列表
+      getList(){
+        // this.queryParamsData = JSON.parse(JSON.stringify(this.queryParams));
+        // this.queryParamsData.type = 'RFID_RECOGNIZER';
+        // listHardware(this.queryParamsData).then(response => {
+        //   this.total = response.total;
+        //   this.tableList = response.rows;
+        // });
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.$set(this.queryParams,'pageNum',1);
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.$set(this,'dateRange',[]);
+        this.$set(this,'queryParams',{
+          pageNum:1,
+          pageSize:20,
+          buttonType:1,
+          timeType:0,
+          myType:0,
+          searchValue:"",
+          data1:""
+        });
+        this.handleQuery();
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .selfInspectionManagement{
+    flex: 1;
+    display: flex !important;
+    flex-direction: column;
+    overflow: hidden;
+    .selfInspectionManagement-page{
+      flex: 1;
+      display: flex !important;
+      flex-direction: column;
+      overflow: hidden;
+      .title-box{
+        padding-top:20px;
+        border-bottom:1px solid #dedede;
+        .form-button-max-big-box{
+          display: inline-block;
+          .form-button-big-box{
+            display: flex;
+            div{
+              position: relative;
+              height:40px;
+              width:80px;
+              line-height: 40px;
+              text-align: center;
+              color:#999;
+              font-size:14px;
+              border:1px solid #999;
+              border-radius:4px;
+              margin-left:10px;
+              font-weight:500;
+              cursor: pointer;
+              .icon-p{
+                width:15px;
+                height:15px;
+                line-height:15px;
+                text-align: center;
+                position: absolute;
+                right:0;
+                bottom:0;
+                color:#fff;
+                background: #0183fa;
+                border-top-left-radius:4px;
+              }
+            }
+            .checkDiv{
+              color:#0183FA;
+              border:1px solid #0183FA;
+            }
+          }
+        }
+      }
+      .content-box{
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        padding:20px;
+        overflow: hidden;
+      }
+    }
+  }
+</style>

src/views/safetyCheck/laboratorySelfTest/selfInspectionTask/index.vue

@@ -0,0 +1,32 @@
+<!--自查任务-->
+<template>
+  <div class="selfInspectionTask">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'index',
+    data(){
+      return{
+
+      }
+    },
+    created(){
+
+    },
+    mounted(){
+
+    },
+    methods(){
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .selfInspectionTask{
+
+  }
+</style>

src/views/safetyCheck/schoolInspection/inspectionGroup/addDialog.vue

@@ -1,12 +1,12 @@
 <template>
-  <el-dialog class="inspectionPlan-dialog-box"
+  <el-dialog class="inspectionGroup-dialog-box"
              :title="addDialogTitle" :visible.sync="addDialogType" v-if="addDialogType"
              @close="addDialogOff" width="1303px" append-to-body>
     <div class="add-max-box" v-if="addDialogBoxType == 1">
-      <el-form  :model="dialogForm" :rules="rules" label-width="100px">
+      <el-form  :model="dialogForm" :rules="rules" label-width="100px" class="add-form-box">
         <el-form-item label="是否启用:" prop="data1">
           <el-switch
-            :disabled="lookInfoType"
+            v-if="!lookInfoType"
             @click.native="changeIsNeedCaptcha(dialogForm.data1)"
             class="switch captcha-img"
             :active-value="1"
@@ -17,6 +17,7 @@
             active-text="启用"
             inactive-text="停用"
           ></el-switch>
+          <p v-if="lookInfoType" :class="dialogForm.data1==1?'switchFontColor':''" style="line-height:40px;">{{dialogForm.data1==1?'启用':'停用'}}</p>
         </el-form-item>
         <el-form-item label="巡查组名称:" prop="data2">
           <el-input :disabled="lookInfoType" v-model="dialogForm.data2" placeholder="未选择指标" maxLength="10" style="width:450px;"/>
@@ -40,9 +41,26 @@
         </div>
         <el-table border :data="dialogTableList">
           <el-table-column label="序号" align="center"  type="index" width="140"/>
-          <el-table-column label="工号" align="center" prop="deptName" show-overflow-tooltip/>
           <el-table-column label="姓名" align="center" prop="deptName" show-overflow-tooltip/>
+          <el-table-column label="工号" align="center" prop="deptName" show-overflow-tooltip/>
           <el-table-column label="所在部门" align="center" prop="deptName" show-overflow-tooltip/>
+          <el-table-column label="是否启用" align="center" prop="deptName" width="150">
+            <template slot-scope="scope">
+              <el-switch
+                v-if="!lookInfoType"
+                @click.native="changeIsNeedCaptcha(scope.row.deptName)"
+                class="switch captcha-img"
+                :active-value="1"
+                :inactive-value="0"
+                active-color="#0183FA"
+                inactive-color="#999"
+                v-model="scope.row.deptName"
+                active-text="启用"
+                inactive-text="停用"
+              ></el-switch>
+              <p v-if="lookInfoType" :class="scope.row.deptName==1?'switchFontColor':''">{{scope.row.deptName==1?'启用':'停用'}}</p>
+            </template>
+          </el-table-column>
           <el-table-column label="操作" align="center" prop="deptName" width="150" v-if="!lookInfoType">
             <template slot-scope="scope">
               <div class="table-button-box">
@@ -175,7 +193,7 @@
         //层级
         deptSelectList:[],
         //选中巡查人员列表
-        dialogTableList:[{userId:1},{userId:2},{userId:3},{userId:4},{userId:5},{userId:6},{userId:7},{userId:8},{userId:9},{userId:10}],
+        dialogTableList:[{userId:1,deptName:1},{userId:2,deptName:2},{userId:3},{userId:4},{userId:5},{userId:6},{userId:7},{userId:8},{userId:9},{userId:10}],
 
         //弹窗内容状态
         userQueryParamsLeft:{
@@ -220,8 +238,13 @@
       addDialogOpen(type,data){
         if(type==1){
           this.$set(this,'addDialogTitle','创建巡查计划');
-        }else{
+          this.$set(this,'lookInfoType',false);
+        }else if(type == 2){
           this.$set(this,'addDialogTitle','编辑巡查计划');
+          this.$set(this,'lookInfoType',false);
+        }else {
+          this.$set(this,'addDialogTitle','巡查计划详情');
+          this.$set(this,'lookInfoType',true);
         }
         this.$set(this,'addDialogType',true);
       },
@@ -308,27 +331,105 @@
         this.userNumRight = selection.length;
         this.userIdsRight = selection.map(item => item.userId);
       },
-      changeIsNeedCaptcha(){
+      changeIsNeedCaptcha(data){
         if(this.lookInfoType){
           return
         }
-        this.dialogForm.data1 = this.dialogForm.data1 == 1?0:1;
-        console.log("row.deviceStatus",row);
+        data = data == 1?0:1;
+        this.$forceUpdate()
       },
     }
   }
 </script>
 
 <style lang="scss">
-  .inspectionPlan-dialog-box{
+  .inspectionGroup-dialog-box{
     .el-dialog__body{
       padding:20px 30px 20px 30px;
     }
+    .is-disabled{
+      background-color: #f5f5f5;
+      color: #333;
+      border-color: #f5f5f5;
+      cursor:auto;
+      border-radius: 4px;
+      .el-input__icon{
+        display: none;
+      }
+      .el-input__inner{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto!important;
+        border-radius: 4px;
+      }
+      .el-range-input{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto;
+        border-radius: 4px;
+      }
+      .el-textarea__inner{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto;
+        border-radius: 4px;
+      }
+    }
+    .switchFontColor{
+      color:#0183FA;
+    }
     .add-max-box{
       display: flex;
       flex-direction: column;
       overflow: hidden;
       height:610px;
+      .add-form-box{
+        .switch .el-switch__label {
+          position: absolute;
+          display: none;
+          color: #fff !important;
+        }
+        .switch .el-switch__label--right {
+          z-index: 1;
+        }
+        .switch .el-switch__label--right span{
+          margin-left: 10px;
+          margin-top: 8px;
+        }
+        .switch .el-switch__label--left {
+          z-index: 1;
+        }
+        .switch .el-switch__label--left span{
+          margin-top: 8px;
+          margin-left: 30px;
+        }
+        .switch .el-switch__label.is-active {
+          display: block;
+        }
+        .el-switch__core:after{
+          width:20px;
+          height:20px;
+          top:4px;
+          margin-left: 4px;
+        }
+        .el-switch.is-checked .el-switch__core::after{
+          width:20px;
+          height:20px;
+          top:4px;
+          margin-left: -24px;
+
+        }
+        .switch.el-switch .el-switch__core,
+        .el-switch .el-switch__label {
+          width: 70px !important;
+          height:30px !important;
+          border-radius: 50px 50px 50px 50px;
+          margin: 0;
+        }
+      }
       .dialog-table-box{
         margin-top:20px;
         display: flex;
@@ -356,6 +457,32 @@
             margin:10px 26px;
           }
         }
+        .switch .el-switch__label {
+          position: absolute;
+          display: none;
+        }
+        .switch .el-switch__label--right {
+          z-index: 1;
+          color: #fff !important;
+        }
+        .switch .el-switch__label--right span{
+          margin-left: 10px;
+        }
+        .switch .el-switch__label--left {
+          z-index: 1;
+          color: #fff !important;
+        }
+        .switch .el-switch__label--left span{
+          margin-left: 24px;
+        }
+        .switch .el-switch__label.is-active {
+          display: block;
+        }
+        .switch.el-switch .el-switch__core,
+        .el-switch .el-switch__label {
+          width: 60px !important;
+          margin: 0;
+        }
       }
     }
     .inspectionPlan-dialog-user-box{
@@ -442,48 +569,5 @@
         }
       }
     }
-
-    .switch .el-switch__label {
-      position: absolute;
-      display: none;
-      color: #fff !important;
-    }
-    .switch .el-switch__label--right {
-      z-index: 1;
-    }
-    .switch .el-switch__label--right span{
-      margin-left: 10px;
-      margin-top: 8px;
-    }
-    .switch .el-switch__label--left {
-      z-index: 1;
-    }
-    .switch .el-switch__label--left span{
-      margin-top: 8px;
-      margin-left: 30px;
-    }
-    .switch .el-switch__label.is-active {
-      display: block;
-    }
-    .el-switch__core:after{
-      width:20px;
-      height:20px;
-      top:4px;
-      margin-left: 4px;
-    }
-    .el-switch.is-checked .el-switch__core::after{
-      width:20px;
-      height:20px;
-      top:4px;
-      margin-left: -24px;
-
-    }
-    .switch.el-switch .el-switch__core,
-    .el-switch .el-switch__label {
-      width: 70px !important;
-      height:30px !important;
-      border-radius: 50px 50px 50px 50px;
-      margin: 0;
-    }
   }
 </style>

src/views/safetyCheck/schoolInspection/inspectionGroup/index.vue

@@ -76,7 +76,7 @@
           <template slot-scope="scope">
             <div class="table-button-box">
               <p class="table-button-null"></p>
-              <p class="table-button-p" @click="addDialogOpen(2,scope.row)">详情</p>
+              <p class="table-button-p" @click="addDialogOpen(3,scope.row)">详情</p>
               <p class="table-button-p" @click="addDialogOpen(2,scope.row)">编辑</p>
               <p class="table-button-p">删除</p>
               <p class="table-button-null"></p>
@@ -123,6 +123,8 @@
       addDialogOpen(type,data){
         if(type==1){
           this.$refs.addDialog.addDialogOpen(type);
+        }else if(type == 2){
+          this.$refs.addDialog.addDialogOpen(type,data);
         }else{
           this.$refs.addDialog.addDialogOpen(type,data);
         }

src/views/safetyCheck/schoolInspection/inspectionPlan/addDialog.vue

@@ -3,7 +3,7 @@
              :title="addDialogTitle" :visible.sync="addDialogType" v-if="addDialogType"
              @close="addDialogOff" width="1303px" append-to-body>
     <div class="inspectionPlan-dialog-add-box" v-show="addDialogBoxType==1">
-      <div class="left-max-box">
+      <div class="left-max-box" v-if="!lookInfoType">
         <div class="left-max-title-box">
           <img src="@/assets/ZDimages/safetyCheck/icon_jhbt.png">
           <p>计划标题快选</p>
@@ -15,10 +15,10 @@
       <div class="right-max-box scrollbar-box">
         <el-form  :model="dialogForm" :rules="rules" label-width="140px">
           <el-form-item label="计划标题:" prop="data1">
-            <el-input :disabled="lookInfoType" v-model="dialogForm.data1" placeholder="未选择指标" maxLength="30" style="width:450px;"/>
+            <el-input :disabled="lookInfoType" v-model="dialogForm.data1" placeholder="请输入计划标题" maxLength="30" style="width:450px;"/>
           </el-form-item>
           <el-form-item label="检查类型:" prop="data2">
-            <el-input v-model="dialogForm.data2" placeholder="未选择指标" maxLength="10" disabled style="width:450px;"/>
+            <el-input v-model="dialogForm.data2" placeholder="请选择检查类型" maxLength="10" disabled style="width:450px;"/>
           </el-form-item>
           <el-form-item label="检查周期:" prop="data3">
             <div class="date-range-box">
@@ -68,7 +68,7 @@
               :disabled="lookInfoType"
               type="textarea"
               :autosize="{ minRows: 4, maxRows: 4}"
-              placeholder="请输入检查检查要点："
+              :placeholder="lookInfoType?'未输入':'请输入检查检查要点：'"
               v-model="dialogForm.data5"
               maxlength="100"
               resize="none"
@@ -549,7 +549,7 @@
         classifiedList:[],
         deptSelectList:[],
         //查看状态
-        lookInfoType:true,
+        lookInfoType:false,
         /*===================================学院选择相关===================================*/
         deptQueryParamsLeft:{
           searchValue:"",
@@ -884,6 +884,37 @@
     .el-dialog__body{
       padding:20px 0 20px 30px;
     }
+    .is-disabled{
+      background-color: #f5f5f5;
+      color: #333;
+      border-color: #f5f5f5;
+      cursor:auto;
+      border-radius: 4px;
+      .el-input__icon{
+        display: none;
+      }
+      .el-input__inner{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto!important;
+        border-radius: 4px;
+      }
+      .el-range-input{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto;
+        border-radius: 4px;
+      }
+      .el-textarea__inner{
+        background-color: #f5f5f5;
+        color: #333;
+        border-color: #f5f5f5;
+        cursor:auto;
+        border-radius: 4px;
+      }
+    }
     .inspectionPlan-dialog-add-box{
       display: flex;
       overflow: hidden;