style:受理申请

 <template>
 <template>
   <div>
   <div>
-    <lb-table :column="InformationTable" border :key="key" :heightNum="390"  :pagination="false" heightNumSetting
-    :data="tableData">
-  </lb-table>
+    <lb-table :column="InformationTable" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData">
+    </lb-table>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
+import { mapGetters } from 'vuex'
 export default {
 export default {
-  /**注册组件*/
-  components: {},
+  computed: {
+    ...mapGetters(["dictData"]),
+  },
   data () {
   data () {
     return {
     return {
-      key: 0,
-      tableData:[{
-          xm: '12',
-          zjzl: '32',
-          zjh: '123',
-          fr: "213123",
-        }],
-      InformationTable:[
-    {
+      tableData: [{
+        xm: '12',
+        zjzl: '32',
+        zjh: '123',
+        fr: "213123",
+      }],
+      InformationTable: [
+        {
           width: '60',
           width: '60',
           renderHeader: (h, scope) => {
           renderHeader: (h, scope) => {
             return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
             return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
@@ -30,40 +30,62 @@ export default {
             )
             )
           }
           }
         },
         },
-      {
-        label: '身份证读卡器',
-        align: 'center',
-        render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-delete" onClick={() => { this.readClick(scope) }}>读取</el-button>
-        }
-      },
-      {
-        prop: "xm",
-        label: "姓名/名称",
-      },
-      {
-        prop: "zjzl",
-        label: "证件种类",
-      },
-      {
-        prop: "zjh",
-        label: "证件号",
-      },
-      {
-        prop: "fr",
-        label: "法人",
-      },
-      {
-        label: '操作',
-        width: '80',
-        align: 'center',
-        fixed: 'right',
-        render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.editClick(scope) }}>修改</el-button>
+        {
+          label: '身份证读卡器',
+          align: 'center',
+          render: (h, scope) => {
+            return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
+          }
+        },
+        {
+          prop: "xm",
+          label: "姓名/名称",
+          render: (h, scope) => {
+            return (
+              <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
+                onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+            )
+          }
+        },
+        {
+          prop: "zjzl",
+          label: "证件种类",
+          render: (h, scope) => {
+            return (
+              <el-select value={scope.row[scope.column.property]}>
+                {
+                  this.dictData['A30'].map(option => {
+                    return (
+                      <el-option label={option.label} value={option.value}></el-option>
+                    )
+                  })
+                }
+              </el-select>
+            )
+          }
+        },
+        {
+          prop: "zjh",
+          label: "证件号",
+          render: (h, scope) => {
+            return (
+              <el-input placeholder="证件号" value={scope.row[scope.column.property]}
+                onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+            )
+          }
+        },
+        {
+          prop: "fr",
+          label: "法人",
+          render: (h, scope) => {
+            return (
+              <el-input placeholder="法人" value={scope.row[scope.column.property]}
+                onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
+            )
+          }
         }
         }
-      }
-    ]
-    };
+      ]
+    }
   },
   },
   watch: {
   watch: {
     tableData: {
     tableData: {
@@ -73,16 +95,15 @@ export default {
       deep: true
       deep: true
     }
     }
   },
   },
-  created(){},
-  methods:{
+  methods: {
     // 添加
     // 添加
     handleAdd () {
     handleAdd () {
       this.tableData.push(
       this.tableData.push(
         {
         {
-          xm: '22',
-          zjzl: '33',
-          zjh: '44',
-          fr: "55",
+          xm: '',
+          zjzl: '',
+          zjh: '',
+          fr: ''
         }
         }
       )
       )
       this.key++
       this.key++
@@ -92,12 +113,13 @@ export default {
       this.tableData.splice(index, 1)
       this.tableData.splice(index, 1)
     },
     },
     // 身份证读取
     // 身份证读取
-    readClick(){},
+    readClick () { },
 
 
     // 修改
     // 修改
-    editClick(){},
+    editClick () { },
   }
   }
 }
 }
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
+
 </style>
 </style>
\ No newline at end of file

@@ -28,7 +28,10 @@
         <ul v-if='this.isShowdrawer'>
         <ul v-if='this.isShowdrawer'>
           <p class="title">受理单元列表({{unitData.length}})</p>
           <p class="title">受理单元列表({{unitData.length}})</p>
           <div v-for='(item,index) in unitData' :key='index'>
           <div v-for='(item,index) in unitData' :key='index'>
-            <li @click='unitClick(item)'><p>{{item.bdcdyh}}</p><p>{{item.zl}}</p></li>
+            <li @click='unitClick(item)'>
+              <p>{{item.bdcdyh}}</p>
+              <p>{{item.zl}}</p>
+            </li>
             <div class="xian"></div>
             <div class="xian"></div>
           </div>
           </div>
         </ul>
         </ul>
@@ -40,11 +43,11 @@
         </div>
         </div>
         <el-tabs v-model="activeName" @tab-click='activeClick'>
         <el-tabs v-model="activeName" @tab-click='activeClick'>
           <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
           <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
-            <div class="splitScreen-con" v-if='index == 0'>
-              <component ref='slxx' :is="editItem" :flag="flag" :key="key" />
+            <div class="splitScreen-con">
+              <component ref='slxx' v-if='index == 0' :is="editItem" :flag="flag" :key="key" />
+              <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
+              <component :is="editItem" v-else :key="key" />
             </div>
             </div>
-            <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
-            <component :is="editItem" v-else :key="key" />
           </el-tab-pane>
           </el-tab-pane>
         </el-tabs>
         </el-tabs>
       </div>
       </div>
@@ -64,12 +67,12 @@ export default {
   components: { zc, thDialog, zsylDialog },
   components: { zc, thDialog, zsylDialog },
   data () {
   data () {
     return {
     return {
-      zsylFlag:false,
-      zcDialog:false,
-      thflag:false,
-      queryForm:{
-        bsmSlsq:"",
-        bestepid:"",
+      zsylFlag: false,
+      zcDialog: false,
+      thflag: false,
+      queryForm: {
+        bsmSlsq: "",
+        bestepid: "",
       },
       },
       isShowdrawer: true,
       isShowdrawer: true,
       key: 0,
       key: 0,
@@ -142,9 +145,9 @@ export default {
       editItem: '',
       editItem: '',
       issplitScreen: false,
       issplitScreen: false,
       unitData: [],
       unitData: [],
-      taskId:"",
-      bsmBusiness:"",
-      id:"",
+      taskId: "",
+      bsmBusiness: "",
+      id: "",
     };
     };
   },
   },
   watch: {
   watch: {
@@ -187,8 +190,8 @@ export default {
         }
         }
       })
       })
     },
     },
-    activeClick(tab,event){
-      if(tab.name=='1'){
+    activeClick (tab, event) {
+      if (tab.name == '1') {
         this.list(this.id)
         this.list(this.id)
       }
       }
     },
     },
@@ -201,10 +204,10 @@ export default {
       })
       })
     },
     },
     operation (index, item) {
     operation (index, item) {
-      if(item.icon == 'fqsq3'){
-         this.zsylFlag = true
+      if (item.icon == 'fqsq3') {
+        this.zsylFlag = true
 
 
-      }  else if (item.icon == 'fqsq5') {
+      } else if (item.icon == 'fqsq5') {
         this.key++
         this.key++
         this.issplitScreen = !this.issplitScreen
         this.issplitScreen = !this.issplitScreen
         this.flag = !this.flag
         this.flag = !this.flag
@@ -253,6 +256,16 @@ export default {
   font-size: 12px;
   font-size: 12px;
 }
 }
 
 
+/deep/.el-tabs__content {
+  height: calc(100vh - 135px) !important;
+  overflow-y: auto !important;
+}
+
+.splitScreen-con {
+  padding: 0 15px;
+  box-sizing: border-box;
+}
+
 .fqsq {
 .fqsq {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
@@ -343,7 +356,8 @@ export default {
     .tabsList-left {
     .tabsList-left {
       border-right: 1px solid #EBEEF5;
       border-right: 1px solid #EBEEF5;
       position: relative;
       position: relative;
-
+      width: 250px;
+      box-sizing: border-box;
       ul {
       ul {
         position: relative;
         position: relative;
 
 
@@ -392,8 +406,6 @@ export default {
 
 
   /deep/.el-tabs {
   /deep/.el-tabs {
     width: 100%;
     width: 100%;
-    height: 90vh;
-    overflow-y: scroll;
   }
   }
 }
 }
 </style>
 </style>
\ No newline at end of file