diff --git a/src/views/risk/unit/unit.component.vue b/src/views/risk/unit/unit.component.vue
index 37a9c99..ff40661 100644
--- a/src/views/risk/unit/unit.component.vue
+++ b/src/views/risk/unit/unit.component.vue
@@ -13,7 +13,7 @@ import AreaService from '@/service/area.service';
 import moment from "moment"
 @Component({
     template,
-    components:{
+    components: {
         FormComponent,
         TableComponent,
         DrawComponent,
@@ -28,17 +28,17 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
 
     public isArea = false;
 
-    public repairTableData = {datas:[]};
+    public repairTableData = { datas: [] };
 
     public repairTableColumn = [] as any;
 
 
     public filters = [{
-        text:"未绘制",
-        value:0
-    },{
-        text:"已绘制",
-        value:1
+        text: "未绘制",
+        value: 0
+    }, {
+        text: "已绘制",
+        value: 1
     }]
     public showQrCode = false;
 
@@ -47,47 +47,47 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
     public isReadonly = false;
 
     public formActions = [{
-        name:"查询",
-        value:"search",
-        icon:"el-icon-search",
-        type:"primary"
-    },{
-        name:"清空",
-        icon:"el-icon-tickets",
-        value:"reset"
+        name: "查询",
+        value: "search",
+        icon: "el-icon-search",
+        type: "primary"
+    }, {
+        name: "清空",
+        icon: "el-icon-tickets",
+        value: "reset"
     }];
     public tableActions = [{
-        name:"添加",
-        value:"add",
-        icon:"el-icon-plus",
-        type:"primary"
-    },{
-        name:"批量绘制",
-        value:"drawList",
-        plain:true,
-        icon:"el-icon-plus",
-        type:"primary"
-    },{
-        name:"批量删除",
-        value:"delete",
-        plain:true,
-        icon:"el-icon-delete",
-        type:"danger"
+        name: "添加",
+        value: "add",
+        icon: "el-icon-plus",
+        type: "primary"
+    }, {
+        name: "批量绘制",
+        value: "drawList",
+        plain: true,
+        icon: "el-icon-plus",
+        type: "primary"
+    }, {
+        name: "批量删除",
+        value: "delete",
+        plain: true,
+        icon: "el-icon-delete",
+        type: "danger"
     }];
     public footerActions = [{
-        name:"选择全部",
-        value:"selectAll",
-        type:"primary"
-    },{
-        name:"反向选择",
-        value:"reverse"
+        name: "选择全部",
+        value: "selectAll",
+        type: "primary"
+    }, {
+        name: "反向选择",
+        value: "reverse"
     }];
-    public formOptions:FormOption<BtnOption>[] = [];
+    public formOptions: FormOption<BtnOption>[] = [];
 
     public showUpdate = false;
     public currentId = -1;
-    public updateParams = {}  as any;
-    public updateOptions:FormOption<BtnOption>[] = [];
+    public updateParams = {} as any;
+    public updateOptions: FormOption<BtnOption>[] = [];
 
 
     public showDraw = false;
@@ -96,8 +96,8 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
     public areaList = [] as any;
     public areaNoMap = {} as any;
 
-    
-    public updateActions:BtnOption[] = [];
+
+    public updateActions: BtnOption[] = [];
 
     public selectData = [];
 
@@ -111,273 +111,281 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
     public turnOffForm = [] as any;
 
     public turnOffAction = [{
-        name:"取消",
-        value:"cancelStatus"
-    },{
-        name:"保存",
-        value:"saveStatus",
-        type:"primary"
+        name: "取消",
+        value: "cancelStatus"
+    }, {
+        name: "保存",
+        value: "saveStatus",
+        type: "primary"
     }]
 
-    created(){
+    created() {
         this.getAreaList();
     }
 
-    public buildTurnOffForm(){
+    public buildTurnOffForm() {
         this.turnOffForm = [{
-            name:"停用/恢复",
-            type:"radio",
-            key:"status",
-            require:true,
-            disable:true,
-            width:"100%",
-            showError:false,
-            datas:[{
-                name:"停用",
-                value:0
-            },{
-                name:"恢复",
-                value:1
+            name: "停用/恢复",
+            type: "radio",
+            key: "status",
+            require: true,
+            disable: true,
+            width: "100%",
+            showError: false,
+            datas: [{
+                name: "停用",
+                value: 0
+            }, {
+                name: "恢复",
+                value: 1
             }]
-        },{
-            name:"停用开始时间",
-            type:"date",
-            subType:"datetime",
-            hide:this.turnOffParams.status===1,
-            format:"yyyy-MM-dd HH:mm",
-            key:"startTime",
-            width:"100%",
-            require:true,
-            showError:false,
-        },{
-            name:"停用结束时间",
-            type:"date",
-            subType:"datetime",
-            format:"yyyy-MM-dd HH:mm",
-            hide:this.turnOffParams.status===1,
-            key:"endTime",
-            width:"100%",
-            require:true,
-            showError:false,
-        },{
-            name:"原因",
-            type:"textarea",
-            key:"reason",
-            width:"100%",
-            require:true,
-            showError:false,
-        },{
-            name:"登记人",
-            type:"text",
-            key:"registerUserName",
-            disable:true,
-            require:true,
-            width:"100%",
-            showError:false,
-        },{
-            name:"登记时间",
-            type:"text",
-            key:"registerTime",
-            disable:true,
-            width:"100%",
-            require:true,
-            showError:false,
+        }, {
+            name: "停用开始时间",
+            type: "date",
+            subType: "datetime",
+            hide: this.turnOffParams.status === 1,
+            format: "yyyy-MM-dd HH:mm",
+            key: "startTime",
+            width: "100%",
+            require: true,
+            showError: false,
+        }, {
+            name: "停用结束时间",
+            type: "date",
+            subType: "datetime",
+            format: "yyyy-MM-dd HH:mm",
+            hide: this.turnOffParams.status === 1,
+            key: "endTime",
+            width: "100%",
+            require: true,
+            showError: false,
+        }, {
+            name: "原因",
+            type: "textarea",
+            key: "reason",
+            width: "100%",
+            require: true,
+            showError: false,
+        }, {
+            name: "登记人",
+            type: "text",
+            key: "registerUserName",
+            disable: true,
+            require: true,
+            width: "100%",
+            showError: false,
+        }, {
+            name: "登记时间",
+            type: "text",
+            key: "registerTime",
+            disable: true,
+            width: "100%",
+            require: true,
+            showError: false,
         }]
     }
 
-    public doTurnOff(data,status){
+    public doTurnOff(data, status) {
         this.turnOffParams = {
-            status:status,
-            unitId:data.id,
-            startTime:"",
-            endTime:"",
-            riskUnitStatus:status,
-            registerUserId:this.account.userId,
-            registerUserName:this.account.nickName,
-            registerTime:moment().format("YYYY-MM-DD HH:mm"),
-        
+            status: status,
+            unitId: data.id,
+            startTime: "",
+            endTime: "",
+            riskUnitStatus: status,
+            registerUserId: this.account.userId,
+            registerUserName: this.account.nickName,
+            registerTime: moment().format("YYYY-MM-DD HH:mm"),
+
         }
         this.showTurnOff = true;
         this.buildTurnOffForm();
     }
 
-    public doTurnOffAction(data){
-        if(data && data.value==="saveStatus"){
-            this.tableService.updateStatus(this.turnOffParams,true).then((res)=>{
-                this.$message.success(this.turnOffParams.status?"启用成功":"停用成功");
+    public doTurnOffAction(data) {
+        if (data && data.value === "saveStatus") {
+            this.tableService.updateStatus(this.turnOffParams, true).then((res) => {
+                this.$message.success(this.turnOffParams.status ? "启用成功" : "停用成功");
                 this.getTableData();
                 this.showTurnOff = false;
             })
-        }else{
+        } else {
             this.showTurnOff = false;
         }
     }
 
-    public buildFormOptions(){
+    public buildFormOptions() {
         this.updateOptions = [{
-            name:"选择区域",
-            key:"areaId",
-            placeholder:"请选择区域名称",
-            width:"calc(50% - 20px)",
-            format:"areaName",
-            type:"select",
-            require:true,
-            datas:this.areaList
-        },{
-            name:"区域编号",
-            key:"areaNo",
-            type:"text",
-            disable:true,
-            width:"calc(50% - 20px)",
-        },{
-            name:"单元编号",
-            key:"number",
-            type:"text",
-            disable:true,
-            width:"calc(50% - 20px)",
-            require:true
-        },{
-            name:"单元名称",
-            key:"name",
-            type:"text",
-            width:"calc(50% - 20px)",
-            require:true
-        },{
-            name:"责任部门",
-            key:"chargeDeptId",
-            format:"chargeDeptName",
-            type:"treeSelect",
-            width:"calc(50% - 20px)",
-            require:true,
-            expandLevel:Infinity,
+            name: "选择区域",
+            key: "areaId",
+            placeholder: "请选择区域名称",
+            width: "calc(50% - 20px)",
+            format: "areaName",
+            type: "select",
+            require: true,
+            datas: this.areaList,
             showError:false,
-            datas:this.$store.state.deptTreeList
-        },{
-            name:"责任人",
-            key:"chargeUserId",
-            format:"chargeUserName",
-            type:"select",
-            width:"calc(50% - 20px)",
-            require:true,
-            datas:this.$store.state.userList
-        },{
-            type:"btn",
-            name:"单元绘制",
-            width:"calc(50% - 20px)",
-            btn:[{
-                name:"开始绘制",
-                value:"draw",
-                height:"36px",
-                hide:this.isReadonly,
-                size:"small",
-                icon:"el-icon-edit-outline",
-                type:"primary"
-            },{
-                name:"查看绘制",
-                value:"readDraw",
-                hide:!this.isReadonly,
-                height:"36px",
-                size:"small",
-                icon:"el-icon-edit-outline",
-                type:"primary"
+        }, {
+            name: "区域编号",
+            key: "areaNo",
+            type: "text",
+            disable: true,
+            width: "calc(50% - 20px)",
+            showError:false,
+        }, {
+            name: "单元编号",
+            key: "number",
+            type: "text",
+            disable: true,
+            width: "calc(50% - 20px)",
+            require: true,
+            showError:false,
+        }, {
+            name: "单元名称",
+            key: "name",
+            type: "text",
+            width: "calc(50% - 20px)",
+            require: true,
+            showError:false,
+        }, {
+            name: "责任部门",
+            key: "chargeDeptId",
+            format: "chargeDeptName",
+            type: "treeSelect",
+            width: "calc(50% - 20px)",
+            require: true,
+            expandLevel: Infinity,
+            showError: false,
+            datas: this.$store.state.deptTreeList
+        }, {
+            name: "责任人",
+            key: "chargeUserId",
+            format: "chargeUserName",
+            type: "select",
+            width: "calc(50% - 20px)",
+            require: true,
+            datas: this.$store.state.userList,
+            showError:false,
+        }, {
+            type: "btn",
+            name: "单元绘制",
+            width: "calc(50% - 20px)",
+            btn: [{
+                name: "开始绘制",
+                value: "draw",
+                height: "36px",
+                hide: this.isReadonly,
+                size: "small",
+                icon: "el-icon-edit-outline",
+                type: "primary"
+            }, {
+                name: "查看绘制",
+                value: "readDraw",
+                hide: !this.isReadonly,
+                height: "36px",
+                size: "small",
+                icon: "el-icon-edit-outline",
+                type: "primary"
             }]
-        },{
-            name:"停用/检修状态",
-            key:"status",
-            width:"calc(50% - 20px)",
-            labelWidth:"130px",
-            format:"statusName",
-            type:"select",
-            disable:this.currentId!=-1,
-            require:true,
-            datas:[{
-                name:"启用",
-                value:1,
-            },{
-                name:"停用",
-                value:0,
+        }, {
+            name: "停用/检修状态",
+            key: "status",
+            width: "calc(50% - 20px)",
+            labelWidth: "130px",
+            format: "statusName",
+            type: "select",
+            disable: this.currentId != -1,
+            require: true,
+            showError:false,
+            datas: [{
+                name: "启用",
+                value: 1,
+            }, {
+                name: "停用",
+                value: 0,
             }]
         }];
 
         this.updateActions = [{
-            name:"取消",
-            value:"cancel"
-        },{
-            name:"保存并继续添加",
-            value:"saveAndContinue",
-            hide:this.currentId!=-1,
-            type:"primary"
-        },{
-            name:"保存",
-            value:"submit",
-            type:"primary"
+            name: "取消",
+            value: "cancel"
+        }, {
+            name: "保存并继续添加",
+            value: "saveAndContinue",
+            hide: this.currentId != -1,
+            type: "primary"
+        }, {
+            name: "保存",
+            value: "submit",
+            type: "primary"
         }];
-        this.formOptions=[{
-            name:"单元名称",
-            key:"name",
-            type:"text"
-        },{
-            name:"责任部门",
-            key:"chargeDeptId",
-            type:"select",
-            datas:this.$store.state.deptList
+        this.formOptions = [{
+            name: "单元名称",
+            key: "name",
+            type: "text"
+        }, {
+            name: "责任部门",
+            key: "chargeDeptId",
+            type: "select",
+            datas: this.$store.state.deptList
         }]
     }
 
-    public getQrCode(row){
+    public getQrCode(row) {
         this.areaService.getQrCode({
-            url:"/",
-            id:row.id,
-            system:"prevention",
-            type:0,
-            data:"",
-            params:{
-                "区域编号" : row.areaNo,
-                "单元名称" : row.name,
-                "单元编号" : row.number,
-                "责任人" : row.chargeUserName,
-                "责任部门" : row.chargeDeptName,
+            url: "/",
+            id: row.id,
+            system: "prevention",
+            type: 0,
+            data: "",
+            params: {
+                "区域编号": row.areaNo,
+                "单元名称": row.name,
+                "单元编号": row.number,
+                "责任人": row.chargeUserName,
+                "责任部门": row.chargeDeptName,
             }
-        }).then((res:any)=>{
+        }).then((res: any) => {
             this.showQrCode = true;
             this.qrUrl = res.data.url;
         })
     }
 
 
-    public buildTable(){
-        this.tableColumn.push({name:'风险分析单元',key:"name"});
-        this.tableColumn.push({name:'责任部门',key:"chargeDeptName"});
-        this.tableColumn.push({name:'责任人',key:"chargeUserName"});
-        this.tableColumn.push({name:'绘制情况',filters:this.filters,filterMethod:(data,row)=>{
-            if(data){
-                return row.geoJson && row.geoJson!=="[]"
-            }else{
-                return !row.geoJson || row.geoJson === "[]"
+    public buildTable() {
+        this.tableColumn.push({ name: '风险分析单元', key: "name" });
+        this.tableColumn.push({ name: '责任部门', key: "chargeDeptName" });
+        this.tableColumn.push({ name: '责任人', key: "chargeUserName" });
+        this.tableColumn.push({
+            name: '绘制情况', filters: this.filters, filterMethod: (data, row) => {
+                if (data) {
+                    return row.geoJson && row.geoJson !== "[]"
+                } else {
+                    return !row.geoJson || row.geoJson === "[]"
+                }
+            }, render: (data) => {
+                if (data.geoJson === '[]' || !data.geoJson) {
+                    return "<span class='noDraw'>未绘制</span>"
+                } else {
+                    return "<span  class='color_1'>已绘制</span>"
+                }
             }
-        },render:(data)=>{
-            if(data.geoJson==='[]' || !data.geoJson){
-                return "<span class='noDraw'>未绘制</span>"
-            }else{
-                return "<span>已绘制</span>"
-            }
-        }});
+        });
 
-        this.repairTableColumn.push({name:"序号",key:"index"});
-        this.repairTableColumn.push({name:"停用开始时间",key:"startTime"});
-        this.repairTableColumn.push({name:"停用开始时间",key:"endTime"});
-        this.repairTableColumn.push({name:"原因",key:"reason"});
-        this.repairTableColumn.push({name:"登记人",key:"registerUserName"});
-        this.repairTableColumn.push({name:"登记时间",key:"registerTime"});
+        this.repairTableColumn.push({ name: "序号", key: "index" });
+        this.repairTableColumn.push({ name: "停用开始时间", key: "startTime" });
+        this.repairTableColumn.push({ name: "停用开始时间", key: "endTime" });
+        this.repairTableColumn.push({ name: "原因", key: "reason" });
+        this.repairTableColumn.push({ name: "登记人", key: "registerUserName" });
+        this.repairTableColumn.push({ name: "登记时间", key: "registerTime" });
     }
 
-    public getAreaList(){
-        this.areaService.selectByPage({pageSize:10}).then((res:any)=>{
-            this.areaList = res.data.datas.map(item=>{
+    public getAreaList() {
+        this.areaService.selectByPage({ pageSize: 10 }).then((res: any) => {
+            this.areaList = res.data.datas.map(item => {
                 this.areaNoMap[item.id] = item.number;
                 return {
-                    name:item.name,
-                    value:item.id
+                    name: item.name,
+                    value: item.id
                 }
             });
             this.buildFormOptions()
@@ -385,117 +393,120 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
     }
 
 
-    public doDraw(){
-        console.log("openDraw")
-        if(!this.updateParams.name){
+    public doDraw() {
+        if (!this.updateParams.name) {
             this.$message.error("请先输入单元名称");
             return
         }
         this.drawModel = "unit";
         this.showDraw = true;
     }
-    public getCreateNumber(params){
-        this.tableService.getUnitNumber(params).then((res)=>{
+    public getCreateNumber(params) {
+        this.tableService.getUnitNumber(params).then((res) => {
             this.updateParams.number = res.data;
         })
     }
-    public doSave(goOn?){
-        this.tableService.addOrUpdate(this.updateParams,this.currentId===-1).then((res)=>{
-            this.$message.success(this.currentId===-1?"新增成功！":"修改成功！");
-            if(goOn){
-                this.updateParams = {bottomHeight:0,topHeight:0,geoJson:"[]",status:1,number:null} as any;
-            }else{
+    public doSave(goOn?) {
+        this.tableService.addOrUpdate(this.updateParams, this.currentId === -1).then((res) => {
+            this.$message.success(this.currentId === -1 ? "新增成功！" : "修改成功！");
+            if (goOn) {
+                this.updateParams = { bottomHeight: 0, topHeight: 0, geoJson: "[]", status: 1, number: null } as any;
+            } else {
                 this.handleClose();
             }
             this.getTableData();
         })
     }
 
-    public change(data,item){
+    public change(data, item) {
         // 新增编辑选择部门
-        if(item && item.key === "chargeDeptId"){
+        if (item && item.key === "chargeDeptId") {
             this.updateParams.chargeDeptName = this.$store.getters.dept_map[data];
         }
         // 新增编辑选择人员
-        if(item && item.key === "chargeUserId"){
+        if (item && item.key === "chargeUserId") {
             this.updateParams.chargeUserName = this.$store.getters.user_map[data];
         }
         // 新增编辑选择区域
-        if(item && item.key === "areaId"){
+        if (item && item.key === "areaId") {
             this.updateParams.areaNo = this.areaNoMap[data];
-            this.getCreateNumber({areaNo:this.updateParams.areaNo})
+            this.getCreateNumber({ areaNo: this.updateParams.areaNo })
         }
     }
-    public callback(data,type){
-        if(type){
+    public callback(data, type) {
+        if (type) {
             this.params[type] = data;
             this.getTableData();
             return
         }
         // 查询
-        if(data && data.value==="search"){
+        if (data && data.value === "search") {
             this.getTableData()
-        // 重置
-        }else if(data && data.value === "reset"){
+            // 重置
+        } else if (data && data.value === "reset") {
             this.reset()
-        // 反选
-        }else if(data && data.value === "reverse"){
+            // 反选
+        } else if (data && data.value === "reverse") {
             this.toggleAll()
-        // 全选
-        }else if(data && data.value === "selectAll"){
+            // 全选
+        } else if (data && data.value === "selectAll") {
             this.selectAll()
-        }else if(data && data.value === "add"){
+        } else if (data && data.value === "add") {
             this.showUpdateModel()
-        }else if(data && data.value === "delete"){
-            this.deleteData(this.selectData.map((item:any)=>item.id))
-        }else if(data && (data.value === "draw" || data.value==="readDraw")){
+        } else if (data && data.value === "delete") {
+            this.deleteData(this.selectData.map((item: any) => item.id))
+        } else if (data && (data.value === "draw" || data.value === "readDraw")) {
             this.doDraw()
-        }else if(data && data.value === "drawList"){
+        } else if (data && data.value === "drawList") {
             this.drawModel = "list";
             this.showDraw = true;
-        }else if(data && data.value === "submit"){
+        } else if (data && data.value === "submit") {
             this.doSave()
-        }else if(data && data.value === "saveAndContinue"){
+        } else if (data && data.value === "saveAndContinue") {
             this.doSave(true)
-        }else if(data && data.value === "cancel"){
+        } else if (data && data.value === "cancel") {
             this.updateParams = {} as any;
             this.handleClose();
         }
     }
 
     // 重置数据
-    public reset(){
+    public reset() {
         this.params = {
-            name:null,
-            chargeDeptId:null,
-            pageNum:1,
-            pageSize:20,
+            name: null,
+            chargeDeptId: null,
+            pageNum: 1,
+            pageSize: 20,
         } as any;
     }
 
 
 
-    public showUpdateModel(data?,isRead?){
-        if(!data){
+    public showUpdateModel(data?, isRead?) {
+        if (!data) {
             this.currentId = -1;
-            this.updateParams = {bottomHeight:0,topHeight:0,geoJson:"[]",status:1,number:null} as any;
+            this.updateParams = { bottomHeight: 0, topHeight: 0, geoJson: "[]", status: 1, number: null } as any;
             this.showUpdate = true
-        }else{
+        } else {
             this.currentId = data.id;
-            this.updateParams = Object.assign({areaName:this.areaList.find(item=>item.value===data.areaId)?.name,bottomHeight:0,topHeight:0,status:1,geoJson:"[]",number:null,statusName:["停用","启用"][data.status]},data);
-            if(isRead){
-                this.repairTableData.datas = this.updateParams.repairs.map((item,i)=>{
-                    item.index = i+1;
-                    return item
-                }) || []
-            }
+
+            this.updateParams = Object.assign({ areaName: this.areaList.find(item => item.value === data.areaId)?.name, bottomHeight: 0, topHeight: 0, status: 1, geoJson: "[]", number: null, statusName: ["停用", "启用"][data.status] }, data);
+            this.tableService.getUnitDetail({ unitId: data.id }).then((res: any) => {
+                this.updateParams.repairs = res.data;
+                if (isRead) {
+                    this.repairTableData.datas = this.updateParams.repairs.map((item, i) => {
+                        item.index = i + 1;
+                        return item
+                    }) || []
+                }
+            })
             this.isReadonly = !!isRead;
-            this.buildFormOptions();
         }
-        this.showUpdate = true
+        this.showUpdate = true;
+        this.buildFormOptions();
     }
 
-    public handleClose(){
+    public handleClose() {
         this.updateParams = {} as any;
         this.showUpdate = false;
         this.currentId = -1;
@@ -504,25 +515,25 @@ export default class UnitManagerComponent extends BaseRecordComponent<any> {
 
 
     public toggleAll() {
-        
-        this.tableData.datas.forEach((item,index)=>{
+
+        this.tableData.datas.forEach((item, index) => {
             (this.$refs.multipleTable as any).toggleRowSelection(item);
         })
     }
-    public selectAll(){
-        if(!this.selectData.length){
+    public selectAll() {
+        if (!this.selectData.length) {
             this.toggleAll()
-        }else{
-            this.tableData.datas.forEach((item,index)=>{
-                const find = this.selectData.find((data:any)=>data.id === item.id);
-                if(!find){
+        } else {
+            this.tableData.datas.forEach((item, index) => {
+                const find = this.selectData.find((data: any) => data.id === item.id);
+                if (!find) {
                     (this.$refs.multipleTable as any).toggleRowSelection(item);
                 }
             })
         }
     }
 
-    public handleSelectionChange(data){
+    public handleSelectionChange(data) {
         this.selectData = data;
     }
 }