style:样式的修改

@@ -328,6 +328,8 @@ aside {
 .prohibit {
   position: relative;
   margin: 0 auto;
+  text-align: left;
+  padding-left: 13px;
 }
 
 .allow {

@@ -97,16 +97,17 @@ export default {
     fetchData () {
       getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => {
         let { records, total } = res.result
-        // this.tableData.data = records
+        this.tableData.data = records
         this.tableData.total = total
       })
     },
     handleSort (name, sort) {
       console.log(name, sort);
     },
-    openDialog () {
+    // 查看
+    handleView () {
       this.isDialog = true
-    },
+    }
   },
 };
 </script>

@@ -25,9 +25,7 @@ class data extends filter {
       },
       {
         label: "查询编号",
-        render: (h, scope) => {
-          return <el-button type="text" onClick={() => { vm.openDialog() }}>{scope.row.cxbh}</el-button>
-        }
+        prop: "cxbh"
       },
       {
         prop: "cxsj",
@@ -52,10 +50,15 @@ class data extends filter {
       {
         prop: "cxyt",
         label: "查询用途",
-      }
+      },
+      {
+        label: "查询编号",
+        render: (h, scope) => {
+          return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleView() }}>查看</el-button>
+        }
+      },
     ]
   }
-
 }
 let datas = new data()
 export {

@@ -24,6 +24,7 @@ class data extends filter {
       },
       {
         label: "领取状态",
+        width: '80',
         render: (h, scope) => {
           return (
             <div>

@@ -48,12 +48,13 @@ class data extends filter {
       },
       {
         label: "状态",
+        width: '90',
         render: (h, scope) => {
           switch (scope.row.state) {
             case '0':
-              return <span>正在分发</span>
+              return <div class='prohibit'>正在分发</div>
             case '1':
-              return <span>已分发</span>
+              return <div class='allow'>已分发</div>
           }
         }
       },

@@ -48,12 +48,13 @@ class data extends filter {
       },
       {
         label: "状态",
+        width: '90',
         render: (h, scope) => {
           switch (scope.row.state) {
             case '0':
-              return <span>正在审核</span>
+              return <div class='prohibit'>正在审核</div>
             case '1':
-              return <span>已入库</span>
+              return <div class='allow'>已入库</div>
           }
         }
       },

@@ -24,16 +24,17 @@ class data extends filter {
       },
       {
         label: "状态",
+        width: '120',
         render: (h, scope) => {
           switch (scope.row.state) {
             case '1':
-              return <span>已入库未分发</span>
+              return <div class='allow'>已入库未分发</div>
             case '2':
-              return <span>已领取未使用</span>
+              return <div class='prohibit'>已领取未使用</div>
             case '3':
-              return <span>已制证</span>
+              return <div class='allow'>已制证</div>
             case '4':
-              return <span>已作废</span>
+              return <div class='prohibit'>已作废</div>
           }
         }
       },