缺少文件

src/views/risk/currentProject/index.vue

@@ -2,13 +2,8 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
       <el-form-item label="项目名称" prop="projectName">
-        <el-input
-          v-model="queryParams.projectName"
-          placeholder="请输入项目名称"
-          clearable
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.projectName" placeholder="请输入项目名称1" clearable style="width: 240px"
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -17,30 +12,25 @@
     </el-form>
     <div v-for="(item, index) in projectList" :key="index" class="projectItem" @click="projectDetail(item)">
       <div class="left">
-        <p>{{item.projectName}}</p>
-        <p>项目类型：{{item.projectType}} | 项目地址：{{item.projectAddress}}</p>
+        <p>{{ item.projectName }}</p>
+        <p>项目类型：{{ item.projectType }} | 项目地址：{{ item.projectAddress }}</p>
       </div>
       <img src="../../../assets/images/work.svg" alt="">
     </div>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
   </div>
 </template>
 
 <script type="text/ecmascript-6">
 import { listCurrentProject } from '@/api/risk/currentProject'
-  export default {
+export default {
   name: 'currentProject',
   data() {
     return {
       // 遮罩层
       loading: true,
-        projectList:[],
+      projectList: [],
       // 总条数
       total: 0,
       // 查询参数
@@ -51,7 +41,7 @@ import { listCurrentProject } from '@/api/risk/currentProject'
       },
     }
   },
-    created(){
+  created() {
     this.getList();
   },
   mounted() {
@@ -77,7 +67,7 @@ import { listCurrentProject } from '@/api/risk/currentProject'
       this.resetForm("queryForm");
       this.handleQuery();
     },
-      projectDetail(val){
+    projectDetail(val) {
       this.$router.push("/risk/currentProject/projectPost/index/" + val.projectId)
     }
   },
@@ -85,7 +75,7 @@ import { listCurrentProject } from '@/api/risk/currentProject'
 </script>
 
 <style scoped lang='scss'>
-.projectItem{
+.projectItem {
   width: 100%;
   padding: 25px 120px 25px 30px;
   margin-bottom: 25px;
@@ -96,13 +86,15 @@ import { listCurrentProject } from '@/api/risk/currentProject'
   display: flex;
   align-items: center;
   justify-content: space-between;
-  .left{
+
+  .left {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
-    :first-child{
-      color: #3277f5 ;
+
+    :first-child {
+      color: #3277f5;
       font-size: 18px;
     }
   }

src/views/risk/currentProject/projectPost.vue

@@ -2,12 +2,7 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="岗位名称" prop="riskPostName">
-        <el-input
-          v-model="queryParams.riskPostName"
-          placeholder="请输入岗位名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.riskPostName" placeholder="请输入岗位名称1" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -17,18 +12,12 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['system:currentRiskPost:add']"
-        >添加岗位</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['system:currentRiskPost:add']">添加岗位</el-button>
       </el-col>
     </el-row>
     <div id="xrdcard" v-if="currentRiskPostList.length">
-      <el-col :span="5" class="ssss"  v-for="(item, index) in currentRiskPostList" :key="index" >
+      <el-col :span="5" class="ssss" v-for="(item, index) in currentRiskPostList" :key="index">
         <!--内容-->
         <div class="box-wrap">
           <!-- 上部 -->
@@ -47,21 +36,27 @@
             <div class="row">
               <!-- 职位和数据 -->
               <el-col :span="16">
-                        <div class="con-role"><span class="span-title" :data-myTitle="item.riskPostName">{{item.riskPostName?(item.riskPostName.length>15?item.riskPostName.substring(0,15)+'...':item.riskPostName):'暂无数据'}}</span></div>
+                <div class="con-role"><span class="span-title"
+                    :data-myTitle="item.riskPostName">{{ item.riskPostName ? (item.riskPostName.length > 15 ? item.riskPostName.substring(0, 15) + '...' : item.riskPostName) : '暂无数据' }}</span>
+                </div>
               </el-col>
               <el-col :span="8">
                 <!-- <div class="con-record">{{item.finalTypeCount}}类/{{item.finalCount}}条</div> -->
               </el-col>
               <!-- 说明 -->
-                    <el-col :span="24" >
-                        <div class="con-explain"><span class="span-title" :data-myTitle="item.riskPostDesc">{{item.riskPostDesc?(item.riskPostDesc.length>15?item.riskPostDesc.substring(0,15)+'...':item.riskPostDesc):'暂无数据'}}</span> </div>
+              <el-col :span="24">
+                <div class="con-explain"><span class="span-title"
+                    :data-myTitle="item.riskPostDesc">{{ item.riskPostDesc ? (item.riskPostDesc.length > 15 ? item.riskPostDesc.substring(0, 15) + '...' : item.riskPostDesc) : '暂无数据' }}</span>
+                </div>
               </el-col>
               <!-- 姓名 -->
-                    <el-col :span="24" >
-                        <div class="con-user"><span class="span-title" :data-myTitle="item.nickName">{{item.nickName?(item.nickName.length>15?item.nickName.substring(0,15)+'...':item.nickName):'暂无数据'}}</span></div>
+              <el-col :span="24">
+                <div class="con-user"><span class="span-title"
+                    :data-myTitle="item.nickName">{{ item.nickName ? (item.nickName.length > 15 ? item.nickName.substring(0, 15) + '...' : item.nickName) : '暂无数据' }}</span>
+                </div>
               </el-col>
               <!-- 操作 -->
-                    <el-col :span="24" >
+              <el-col :span="24">
                 <div class="con-operation">
                   <img class="edit-hover" src="../../../assets/images/edit.svg" @click="handleUpdate(item)">
                   <img class="delete-hover" src="../../../assets/images/delete.svg" @click="handleDelete(item)">
@@ -99,12 +94,8 @@
             </el-form-item>
             <el-form-item label="岗位成员" prop="userId">
               <el-select v-model="form.userId" placeholder="请输入岗位成员" style="width:100%" multiple>
-              <el-option
-                v-for="dict in userList"
-                :key="dict.userId"
-                :label="dict.nickName"
-                :value="dict.userId"
-              ></el-option>
+                <el-option v-for="dict in userList" :key="dict.userId" :label="dict.nickName"
+                  :value="dict.userId"></el-option>
               </el-select>
             </el-form-item>
           </el-form>
@@ -117,17 +108,22 @@
                 <el-radio label="1">一岗多人巡查模式</el-radio>
               </el-radio-group>
             </el-form-item>
-              <el-form-item label="岗位清单配置" prop="currentRiskTypeList" v-if="listForm.postState == '0'" id="currentRiskTypeList">
+            <el-form-item label="岗位清单配置" prop="currentRiskTypeList" v-if="listForm.postState == '0'"
+              id="currentRiskTypeList">
               <!-- <el-input v-model="listForm.currentRiskTypeList" style="width:80%;margin-right:20px"></el-input> -->
-                <div style="display:inline-block;width:80%;margin-right:20px;border:1px solid #eee;padding:5px 10px;min-height:40px">
-                  <span style="display:inline-block;margin-right:10px;line-height:15px;background-color:#1890FF;padding:5px 10px;color:#fff;" v-for="(item, index) in listForm.currentRiskTypeList" :key="index" >{{item.type || item.currentRiskType}}</span>
+              <div
+                style="display:inline-block;width:80%;margin-right:20px;border:1px solid #eee;padding:5px 10px;min-height:40px">
+                <span
+                  style="display:inline-block;margin-right:10px;line-height:15px;background-color:#1890FF;padding:5px 10px;color:#fff;"
+                  v-for="(item, index) in listForm.currentRiskTypeList" :key="index">{{ item.type ||
+                    item.currentRiskType }}</span>
               </div>
               <el-button type="primary" @click="getPatrolLibrary" style="height:35px">隐患清单库</el-button>
             </el-form-item>
             <el-form-item label="岗位清单配置" prop="hdType" v-if="listForm.postState == '1'">
               <el-table :data="listUserTabel" empty-text="暂无数据，请先在‘基础信息’中选择岗位成员！">
-                    <el-table-column type="index" label="序号" width="50"/>
-                    <el-table-column label="姓名" align="center" prop="userName" width="140" :show-overflow-tooltip="true"/>
+                <el-table-column type="index" label="序号" width="50" />
+                <el-table-column label="姓名" align="center" prop="userName" width="140" :show-overflow-tooltip="true" />
                 <el-table-column label="状态" align="center" prop="status" width="140">
                   <template slot-scope="scope">
                     <el-switch v-model="scope.row.status" @change="statusChange(scope.$index, $event)">
@@ -136,17 +132,14 @@
                 </el-table-column>
                 <el-table-column label="巡查清单" align="center" prop="postNameShow" :show-overflow-tooltip="true">
                   <template slot-scope="scope">
-                        <el-button  size="mini" type="text" v-for="(item, index) in scope.row.postNameShow" :key="index" >{{item.type || item.currentRiskType}}</el-button>
+                    <el-button size="mini" type="text" v-for="(item, index) in scope.row.postNameShow"
+                      :key="index">{{ item.type || item.currentRiskType }}</el-button>
                   </template>
                 </el-table-column>
                 <el-table-column label="操作" align="center" width="140">
                   <template slot-scope="scope">
-                        <el-button
-                          size="mini"
-                          type="text"
-                          icon="el-icon-edit"
-                          @click="selectList(scope.row, scope.$index)"
-                        >清单库选择</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
+                      @click="selectList(scope.row, scope.$index)">清单库选择</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -161,77 +154,40 @@
       </div>
     </el-dialog>
     <el-dialog title="选择隐患清单库" :visible.sync="patrolLibraryOpen" width="60%" append-to-body>
-        <el-table :data="libraryList" @selection-change="handleSelectionChange" ref="libraryListTabel" :key="isUpdate" row-key="id">
-           <el-table-column
-              type="selection"
-              width="55"
-              :reserve-selection="true">
+      <el-table :data="libraryList" @selection-change="handleSelectionChange" ref="libraryListTabel" :key="isUpdate"
+        row-key="id">
+        <el-table-column type="selection" width="55" :reserve-selection="true">
         </el-table-column>
-            <el-table-column
-              label="场所位置"
-              width="200"
-              show-overflow-tooltip
-              align="center"
-              >
-              <template slot-scope="scope">{{ scope.row.buildingName }}{{ scope.row.floorName }}{{ scope.row.roomName }}</template>
+        <el-table-column label="场所位置" width="200" show-overflow-tooltip align="center">
+          <template slot-scope="scope">{{ scope.row.buildingName }}{{ scope.row.floorName }}{{ scope.row.roomName
+          }}</template>
         </el-table-column>
-            <el-table-column
-              label="风险源"
-              width="120"
-              align="center"
-              >
+        <el-table-column label="风险源" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.name }}</template>
         </el-table-column>
-            <el-table-column
-              label="辨识标准"
-              width="120"
-              show-overflow-tooltip
-              align="center">
+        <el-table-column label="辨识标准" width="120" show-overflow-tooltip align="center">
           <template slot-scope="scope">{{ scope.row.referenceBasis }}</template>
         </el-table-column>
-            <el-table-column
-              label="存在部位"
-              width="120"
-              align="center">
+        <el-table-column label="存在部位" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.presenceLocation }}</template>
         </el-table-column>
-            <el-table-column
-              label="风险类型（GB6441）"
-              width="120"
-              show-overflow-tooltip
-              align="center">
+        <el-table-column label="风险类型（GB6441）" width="120" show-overflow-tooltip align="center">
           <template slot-scope="scope">{{ scope.row.type }}</template>
         </el-table-column>
-            <el-table-column
-              label="风险等级"
-              width="120"
-              align="center">
+        <el-table-column label="风险等级" width="120" align="center">
           <template slot-scope="scope">{{ scope.row.level }}</template>
         </el-table-column>
-            <el-table-column
-              label="周期"
-              width="120"
-              align="center"
-              prop="cycle">
+        <el-table-column label="周期" width="120" align="center" prop="cycle">
           <template slot-scope="scope">
             <el-select v-model="scope.row.cycle" placeholder="请选择" @change="cycleSelChange">
-                  <el-option
-                    v-for="(item, index) in cycleList"
-                    :key="index"
-                    :label="item.name"
-                    :value="item.cycle">
+              <el-option v-for="(item, index) in cycleList" :key="index" :label="item.name" :value="item.cycle">
               </el-option>
             </el-select>
           </template>
         </el-table-column>
       </el-table>
-        <pagination
-          v-show="libraryTotal > 0"
-          :total="libraryTotal"
-          :page.sync="libraryParams.pageNum"
-          :limit.sync="libraryParams.pageSize"
-          @pagination="getlibraryList"
-        />
+      <pagination v-show="libraryTotal > 0" :total="libraryTotal" :page.sync="libraryParams.pageNum"
+        :limit.sync="libraryParams.pageSize" @pagination="getlibraryList" />
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="patrolLibrarySubmit">确 定</el-button>
         <el-button @click="patrolLibraryOpen = false">取 消</el-button>
@@ -265,7 +221,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
-      patrolLibraryOpen:false,
+      patrolLibraryOpen: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -276,51 +232,51 @@ export default {
         pageNum: 1,
         pageSize: 10,
       },
-      form:{},
-      patrolTypeList:[],// 岗位类型
-      userList:[],
-      rules:{
-        riskPostName:[{ required: true, message: '请输入岗位名称', trigger: 'blur' }]
+      form: {},
+      patrolTypeList: [],// 岗位类型
+      userList: [],
+      rules: {
+        riskPostName: [{ required: true, message: '请输入岗位名称', trigger: 'blur' }]
       },
-      activeName:'first',
-      listRules:{
-        postState:[{ required: true, message: '请选择匹配模式', trigger: 'change' }]
+      activeName: 'first',
+      listRules: {
+        postState: [{ required: true, message: '请选择匹配模式', trigger: 'change' }]
       },
-      listForm:{//清单匹配
-        postState:'0',
-        currentRiskTypeList:[]
-      } ,
-      listUserTabel:[],
-      libraryList:[],
-      libraryTotal:0,
-      currentRiskList:[],
-      multipleSelection:[],
-      cycleList:[
+      listForm: {//清单匹配
+        postState: '0',
+        currentRiskTypeList: []
+      },
+      listUserTabel: [],
+      libraryList: [],
+      libraryTotal: 0,
+      currentRiskList: [],
+      multipleSelection: [],
+      cycleList: [
         {
-          name:'日查',
-          cycle:'0'
+          name: '日查',
+          cycle: '0'
         },
         {
-          name:'周查',
-          cycle:'1'
+          name: '周查',
+          cycle: '1'
         },
         {
-          name:'月查',
-          cycle:'2'
+          name: '月查',
+          cycle: '2'
         },
         {
-          name:'季查',
-          cycle:'3'
+          name: '季查',
+          cycle: '3'
         },
         {
-          name:'年查',
-          cycle:'4'
+          name: '年查',
+          cycle: '4'
         },
       ],
-      isUpdate:false,
-      postList:[],
-      userId:'',
-      userIndex:''
+      isUpdate: false,
+      postList: [],
+      userId: '',
+      userIndex: ''
     };
   },
   created() {
@@ -358,8 +314,8 @@ export default {
       this.form = {}
       this.activeName = 'first'
       this.listForm = {//清单匹配
-        postState:'0',
-        currentRiskTypeList:[]
+        postState: '0',
+        currentRiskTypeList: []
       }
       this.listUserTabel = []
       this.libraryParams = {
@@ -407,17 +363,17 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           let params = {
-              "projectId":this.$route.params.id,
-              "riskPostCode":this.form.riskPostCode,
-              "riskPostName":this.form.riskPostName,
-              "riskPostDesc":this.form.riskPostDesc,
-              "userId":this.form.userId.join(),
-              "patrolType":this.listForm.postState,
-              "list":this.postList
+            "projectId": this.$route.params.id,
+            "riskPostCode": this.form.riskPostCode,
+            "riskPostName": this.form.riskPostName,
+            "riskPostDesc": this.form.riskPostDesc,
+            "userId": this.form.userId.join(),
+            "patrolType": this.listForm.postState,
+            "list": this.postList
           }
           if (this.listForm.postState == '0') { // 一岗一人巡查模式
             params.list = this.postList
-            }else{
+          } else {
             let arr = []
             this.listUserTabel.forEach((item) => {
               arr = [...item.postName, ...arr]
@@ -444,25 +400,25 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      this.$modal.confirm('是否确认删除？').then(function() {
+      this.$modal.confirm('是否确认删除？').then(function () {
         return delCurrentRiskPost(row.id);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
     // 匹配模式radio
-    radioChange(e){
+    radioChange(e) {
       if (e == '1') {
         this.listUserTabel = []
         let arr = this.form.userId
         arr.forEach((item, index) => {
           let data = {
-               userName: this.userList.find( i => i.userId == item).nickName,
-               postName:[],
-               postNameShow:[],
-               userId:item,
-               status:true
+            userName: this.userList.find(i => i.userId == item).nickName,
+            postName: [],
+            postNameShow: [],
+            userId: item,
+            status: true
           }
           this.listUserTabel.push(data)
         })
@@ -470,11 +426,11 @@ export default {
       }
     },
     // 一岗一人巡查模式 清单库
-    getPatrolLibrary(){
+    getPatrolLibrary() {
       this.patrolLibraryOpen = true
       this.getlibraryList()
     },
-    getlibraryList(){
+    getlibraryList() {
       getlibraryListFun(this.libraryParams).then(response => {
         this.libraryList = response.rows;
         this.libraryList.forEach((item) => {
@@ -511,15 +467,15 @@ export default {
       });
     },
     // 选择清单库确定
-    patrolLibrarySubmit(){
+    patrolLibrarySubmit() {
       if (this.listForm.postState == '0') {
         this.postList = []
         this.listForm.currentRiskTypeList = []
-       }else{
+      } else {
         this.listUserTabel[this.userIndex].postName = []
         this.listUserTabel[this.userIndex].postNameShow = []
       }
-      console.log('this.multipleSelection==>>',this.multipleSelection)
+      console.log('this.multipleSelection==>>', this.multipleSelection)
       this.multipleSelection.forEach((item) => {
         if (this.listForm.postState == '0') { // 一岗一人巡查模式
           let data = {
@@ -527,19 +483,19 @@ export default {
             patrolType: item.cycle,
           }
           this.postList.push(data)
-          if(!this.listForm.currentRiskTypeList.some( items => items.type === item.type)){
+          if (!this.listForm.currentRiskTypeList.some(items => items.type === item.type)) {
             this.listForm.currentRiskTypeList.push(item)
           }
           // console.log('清单库确定postList==>>',this.postList)
-        }else{ // 一岗多人巡查模式
+        } else { // 一岗多人巡查模式
           let data = {
             id: item.id,
             patrolType: item.cycle,
-            userId:this.userId,
-            status:this.userStatus ? '0' : '1'
+            userId: this.userId,
+            status: this.userStatus ? '0' : '1'
           }
           this.listUserTabel[this.userIndex].postName.push(data)
-          if(!this.listUserTabel[this.userIndex].postNameShow.some( items => items.type === item.type)){
+          if (!this.listUserTabel[this.userIndex].postNameShow.some(items => items.type === item.type)) {
             this.listUserTabel[this.userIndex].postNameShow.push(item)
           }
           // console.log('清单库确定listUserTabel==>>',this.listUserTabel)
@@ -550,7 +506,7 @@ export default {
 
     },
     // 状态切换
-    statusChange(num, e){
+    statusChange(num, e) {
       // console.log('num==>>', num)
       this.listUserTabel.forEach((item, index) => {
         if (index == num) {
@@ -559,10 +515,10 @@ export default {
           })
         }
       })
-      console.log(',this.listUserTabel==>>',this.listUserTabel)
+      console.log(',this.listUserTabel==>>', this.listUserTabel)
     },
     // 一岗多人巡查模式  清单库
-    selectList(row, index){
+    selectList(row, index) {
       // console.log('row==>>',row)
       this.patrolLibraryOpen = true
       this.userId = row.userId
@@ -576,17 +532,17 @@ export default {
       this.getlibraryList()
     },
     // tabs切换
-    tabChange(tab, event){
+    tabChange(tab, event) {
       // console.log('tab==>>',tab.name)
-      if (tab.name == 'second' && this.title =='修改现状风险岗位' ) { //清单匹配  
+      if (tab.name == 'second' && this.title == '修改现状风险岗位') { //清单匹配  
         // 岗位用户巡查清单列表
         this.listUserTabel = []
         this.getCurrentRiskPatrol()
-      }else{
+      } else {
         this.listForm.postState = '0'
       }
     },
-    getCurrentRiskPatrol(){
+    getCurrentRiskPatrol() {
       this.listForm.currentRiskTypeList = []
       let params = {
         postId: this.form.id,
@@ -604,22 +560,22 @@ export default {
               patrolType: item.patrolType,
             }
             this.postList.push(data)
-            if(!this.listForm.currentRiskTypeList.some( items => items.currentRiskType === item.currentRiskType)){
+            if (!this.listForm.currentRiskTypeList.some(items => items.currentRiskType === item.currentRiskType)) {
               this.listForm.currentRiskTypeList.push(item)
             }
           })
           // console.log('postList==>>',this.postList)
-        }else{ // 一岗多人巡查模式
+        } else { // 一岗多人巡查模式
           this.listUserTabel = []
           // this.listUserTabel[this.userIndex].postNameShow = []s
           let arr = this.form.nickName.split(',')
           arr.forEach((item, index) => {
             let data = {
               userName: item,
-               postName:[],
-               postNameShow:[],
-               userId:this.userList.find( i => i.nickName == item).userId,
-               status:''
+              postName: [],
+              postNameShow: [],
+              userId: this.userList.find(i => i.nickName == item).userId,
+              status: ''
             }
             this.listUserTabel.push(data)
           })
@@ -627,13 +583,13 @@ export default {
             this.listUserTabel.forEach((item) => {
               if (item.userId == val.userId) {
                 item.status = val.status == '0' ? true : false
-                if (!item.postNameShow.some( items => items.currentRiskType === val.currentRiskType)) {
+                if (!item.postNameShow.some(items => items.currentRiskType === val.currentRiskType)) {
                   item.postNameShow.push(val)
                 }
                 let data = {
                   id: val.currentRiskId,
                   patrolType: val.patrolType,
-                  userId:val.userId,
+                  userId: val.userId,
                   status: val.status
                 }
                 item.postName.push(data)
@@ -644,43 +600,48 @@ export default {
         }
       })
     },
-    handleSelectionChange(val){
+    handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    cycleSelChange(){
+    cycleSelChange() {
       this.isUpdate = !this.isUpdate
     }
   }
 };
 </script>
 <style lang="scss" scoped>
-  #xrdcard{
+#xrdcard {
   width: 100%;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
-  }
-  .noData{
+}
+
+.noData {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  }
-  .ssss{
+}
+
+.ssss {
   margin-right: 30px;
   // display: flex;
   // justify-content: space-between;
   // padding-left: 0 !important;
   // padding-right: 0 !important;
-    }
-  .top-avator img{
+}
+
+.top-avator img {
   width: 90px;
   height: 90px;
-  }
-  .box-wrap {
+}
+
+.box-wrap {
   padding: 20px 0px 20px 0px;
-  }
-  .box-top{
+}
+
+.box-top {
   height: 150px;
   display: flex;
   align-items: center;
@@ -690,63 +651,73 @@ export default {
   border: 1px solid #e1e1e1;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
-  }
-  .top-lock{
+}
+
+.top-lock {
   position: absolute;
   top: 10px;
   right: 10px;
-  }
-  .box-bottom{
+}
+
+.box-bottom {
   padding: 15px 10px 10px;
   background-color: #ffffff;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border: 1px solid #e1e1e1;
   border-top: none;
-  }
-  .row{
+}
+
+.row {
   height: 100%;
   overflow: hidden;
-  }
+}
 
-  .con-role{
+.con-role {
   color: #8c8c8c;
   font-size: 16px;
   font-weight: bold;
   line-height: 35px;
-  }
-  .con-record{
+}
+
+.con-record {
   font-size: 12px;
   color: #b3becd;
   text-align: right;
-  }
-  .con-explain{
+}
+
+.con-explain {
   color: #b3becd;
   font-size: 12px;
   margin-top: 10px;
-      cursor:default;
-  }
-  .con-user{
+  cursor: default;
+}
+
+.con-user {
   margin-top: 25px;
   color: #1d9bd5;
-      cursor:default;
-  }
-  .con-operation{
+  cursor: default;
+}
+
+.con-operation {
   margin-top: 20px;
   text-align: right;
-  }
-  .con-operation img{
+}
+
+.con-operation img {
   width: 18px;
   height: 19px;
   margin-left: 10px;
   cursor: pointer;
-  }
-  ::v-deep .el-form-item--medium .el-form-item__content{
+}
+
+::v-deep .el-form-item--medium .el-form-item__content {
   margin-left: 20px;
-  }
-  #currentRiskTypeList ::v-deep .el-form-item__content {
+}
+
+#currentRiskTypeList ::v-deep .el-form-item__content {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  }
+}
 </style>