实有人口

src/option/ybss/syrk.js

@@ -34,10 +34,58 @@ export default {
         {
             label: '人口类型',
             prop: 'ryType',
+            html:true,
+            formatter:(val)=>{
+              if(val.ryType=='常住人口'){
+                return '<span style=" color: #106DFF;\n' +
+                  '      background: #DFEAFE;display: inline-block;\n' +
+                  '    padding: 2px 12px;\n' +
+                  '    border-radius: 5px;\n' +
+                  '    margin-right: 5px;\n' +
+                  '    font-size: 12px;">'+val.ryType+'</span>'
+              }
+              if(val.ryType=='暂住人口'){
+                return '<span style=" color: #ED7B2F;\n' +
+                  '      background: #FEECDF;display: inline-block;\n' +
+                  '    padding: 2px 12px;\n' +
+                  '    border-radius: 5px;\n' +
+                  '    margin-right: 5px;\n' +
+                  '    font-size: 12px;">'+val.ryType+'</span>'
+              }
+              if(val.ryType=='寄住人口'){
+                return '<span style=" color: #00A870;\n' +
+                  '      background: #D7F5EB;display: inline-block;\n' +
+                  '    padding: 2px 12px;\n' +
+                  '    border-radius: 5px;\n' +
+                  '    margin-right: 5px;\n' +
+                  '    font-size: 12px;">'+val.ryType+'</span>'
+              }
+              if(val.ryType=='境外人员'){
+                return '<span style=" color: #E34D59;\n' +
+                  '      background: #FEE4E7;display: inline-block;\n' +
+                  '    padding: 2px 12px;\n' +
+                  '    border-radius: 5px;\n' +
+                  '    margin-right: 5px;\n' +
+                  '    font-size: 12px;">'+val.ryType+'</span>'
+              }
+              if(val.ryType=='未落常人口'){
+                return '<span style=" color: #8860CC;\n' +
+                  '      background: rgba(136,96,204,0.14);display: inline-block;\n' +
+                  '    padding: 2px 12px;\n' +
+                  '    border-radius: 5px;\n' +
+                  '    margin-right: 5px;\n' +
+                  '    font-size: 12px;">'+val.ryType+'</span>'
+              }
+            }
+
+
         },
         {
             label: '是否是特殊人群',
             prop: 'ryTsLb',
+            formatter:(val,value,label)=>{
+              return `${value}`
+            }
         },
         {
             label: '详细地址',

src/views/ybss/syrk/syrk.vue

@@ -68,6 +68,7 @@ export default window.$crudCommon({
       this.$store.commit('CHANGE_SYRK', 'syrkxq')
     },
     rowEdit(row) {
+      this.selectionList=[]
       this.status = 'update'
       this.upData = row
       this.$refs.add.dialogVisible = true
@@ -92,7 +93,57 @@ export default window.$crudCommon({
 </script>
 <style lang="scss" scoped>
 @import '@/styles/newcrue.scss';
-
+::v-deep .important{
+  display: inline-block;
+  width: 80%;
+  box-shadow: black;
+  margin:5px auto;
+  text-align: center;
+  span{
+    display: inline-block;
+    padding: 2px 12px;
+    border-radius: 5px;
+    margin-right: 5px;
+    font-size: 12px;
+    margin-bottom: 8px;
+    &:first-child{
+      color: #ED7B2F;
+      background: #FEECDF;
+    }
+    &:nth-child(2){
+      color: #8860CC;
+      background: rgba(136,96,204,0.14);
+    }
+    &:nth-child(3){
+      color: #E34D59;
+      background: #FEE4E7;
+    }
+    &:nth-child(4){
+      color: #8860CC;
+      background: rgba(136,96,204,0.14);
+    }
+    &:nth-child(5){
+      color: #E34D59;
+      background: #FEE4E7;
+    }
+    &:nth-child(6){
+      color: #E34D59;
+      background: #FEE4E7;
+    }
+    &:nth-child(7){
+      color: #8860CC;
+      background: rgba(136,96,204,0.14);
+    }
+    &:nth-child(8){
+      color: #E34D59;
+      background: #FEE4E7;
+    }
+    &:nth-child(9){
+      color: #E34D59;
+      background: #FEE4E7;
+    }
+  }
+}
 .row_btn {
   color: rgba(16, 109, 255, 1) !important;
   font-size: 14px !important;