人员情况、核算组织、行政组织列表添加查看框

src/layout/components/Sidebar/index.vue

@@ -178,7 +178,7 @@ export default {
             {
               path: '/financial/index',
               name: 'Financial'.toLocaleUpperCase(),
-              meta: { title: '项目信息' },
+              meta: { title: '金融机构' },
               component: () => import('@/views/financial/index')
             }
           ]

src/router/index.js

@@ -187,7 +187,7 @@ export const constantRoutes = [
       {
         path: '/financial/index',
         name: 'Financial'.toLocaleUpperCase(),
-        meta: { title: '项目信息' },
+        meta: { title: '金融机构' },
         component: () => import('@/views/financial/index')
       }
     ]

src/views/accounting/index.vue

@@ -27,6 +27,11 @@
         <el-table-column label="机构所在地" prop="ZORGLOC" show-overflow-tooltip></el-table-column>
         <el-table-column label="地域属性" prop="ZREGIONAL" show-overflow-tooltip></el-table-column>
         <el-table-column label="是否核算单位" prop="ZACORGYESNO" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="queryrow(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
       </el-table>
       <el-pagination
         background
@@ -39,6 +44,43 @@
         @size-change="pageSizeChange"
       />
     </div>
+    <el-dialog
+      title="核算组织信息"
+      :visible.sync="dialogVisible"
+      width="40%"
+      :before-close="handleClose">
+      <div class="dialogQuery">
+        <el-form ref="dialogForm" :model="dialogForm" label-width="auto">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="核算组织编码">
+                <el-input v-model="dialogForm.ZORG" disabled/>
+              </el-form-item>
+              <el-form-item label="核算组织全称">
+                <el-input v-model="dialogForm.ZORGNAME" disabled/>
+              </el-form-item>
+              <el-form-item label="核算组织属性">
+                <el-input v-model="dialogForm.ZORGATTR" disabled/>
+              </el-form-item>
+              <el-form-item label="国家名称">
+                <el-input v-model="dialogForm.ZCYNAME" disabled/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="机构所在地">
+                <el-input v-model="dialogForm.ZORGLOC" disabled/>
+              </el-form-item>
+              <el-form-item label="地域属性">
+                <el-input v-model="dialogForm.ZREGIONAL" disabled/>
+              </el-form-item>
+              <el-form-item label="是否核算单位">
+                <el-input v-model="dialogForm.ZACORGYESNO" disabled/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -60,12 +102,24 @@ export default {
       ],
       total: 4,
       page: 1,
-      rows: 10
+      rows: 10,
+      // 弹框
+      dialogVisible: false,
+      dialogForm: {}
     }
   },
   methods: {
     /** 查询按钮 */
-    queryPersonnel() {}
+    queryPersonnel() {},
+    /** 行查看按钮 */
+    queryrow(row) {
+      this.dialogForm = row
+      this.dialogVisible = true
+    },
+    /** 查看弹框关闭 */
+    handleClose() {
+      this.dialogVisible = false
+    }
   }
 }
 </script>

src/views/administrative/index.vue

@@ -28,6 +28,11 @@
         <el-table-column label="机构所在地" prop="ZORGLOC" show-overflow-tooltip></el-table-column>
         <el-table-column label="地域属性" prop="ZREGIONAL" show-overflow-tooltip></el-table-column>
         <el-table-column label="是否核算单位" prop="ZACORGYESNO" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="queryrow(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
       </el-table>
       <el-pagination
         background
@@ -40,6 +45,43 @@
         @size-change="pageSizeChange"
       />
     </div>
+    <el-dialog
+      title="行政组织信息"
+      :visible.sync="dialogVisible"
+      width="40%"
+      :before-close="handleClose">
+      <div class="dialogQuery">
+        <el-form ref="dialogForm" :model="dialogForm" label-width="auto">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="机构主数据编码">
+                <el-input v-model="dialogForm.ZORG" disabled/>
+              </el-form-item>
+              <el-form-item label="机构全称">
+                <el-input v-model="dialogForm.ZORGNAME" disabled/>
+              </el-form-item>
+              <el-form-item label="机构属性">
+                <el-input v-model="dialogForm.ZORGATTR" disabled/>
+              </el-form-item>
+              <el-form-item label="国家名称">
+                <el-input v-model="dialogForm.ZCYNAME" disabled/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="机构所在地">
+                <el-input v-model="dialogForm.ZORGLOC" disabled/>
+              </el-form-item>
+              <el-form-item label="地域属性">
+                <el-input v-model="dialogForm.ZREGIONAL" disabled/>
+              </el-form-item>
+              <el-form-item label="是否核算单位">
+                <el-input v-model="dialogForm.ZACORGYESNO" disabled/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -61,11 +103,23 @@ export default {
       ],
       total: 4,
       page: 1,
-      rows: 10
+      rows: 10,
+      // 弹框
+      dialogVisible: false,
+      dialogForm: {}
     }
   },
   methods: {
-    queryAdministra() {}
+    queryAdministra() {},
+    /** 行查看按钮 */
+    queryrow(row) {
+      this.dialogForm = row
+      this.dialogVisible = true
+    },
+    /** 查看弹框关闭 */
+    handleClose() {
+      this.dialogVisible = false
+    }
   }
 }
 </script>

src/views/personnel/index.vue

@@ -28,6 +28,11 @@
         <el-table-column label="电子邮箱" prop="email" show-overflow-tooltip></el-table-column>
         <el-table-column label="职务ID串" prop="postions" show-overflow-tooltip></el-table-column>
         <el-table-column label="主职岗位名称" prop="jobname" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="queryrow(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
       </el-table>
       <el-pagination
         background
@@ -40,6 +45,46 @@
         @size-change="pageSizeChange"
       />
     </div>
+    <el-dialog
+      title="人员情况信息"
+      :visible.sync="dialogVisible"
+      width="40%"
+      :before-close="handleClose">
+      <div class="dialogQuery">
+        <el-form ref="dialogForm" :model="dialogForm" label-width="auto">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="人员编码">
+                <el-input v-model="dialogForm.empcode" disabled/>
+              </el-form-item>
+              <el-form-item label="姓名">
+                <el-input v-model="dialogForm.name" disabled/>
+              </el-form-item>
+              <el-form-item label="证件编号">
+                <el-input v-model="dialogForm.certno" disabled/>
+              </el-form-item>
+              <el-form-item label="性别">
+                <el-input v-model="dialogForm.sex" disabled/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="手机号码">
+                <el-input v-model="dialogForm.phone" disabled/>
+              </el-form-item>
+              <el-form-item label="电子邮箱">
+                <el-input v-model="dialogForm.email" disabled/>
+              </el-form-item>
+              <el-form-item label="职务ID串">
+                <el-input v-model="dialogForm.postions" disabled/>
+              </el-form-item>
+              <el-form-item label="主职岗位名称">
+                <el-input v-model="dialogForm.jobname" disabled/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -61,12 +106,24 @@ export default {
       ],
       total: 4,
       page: 1,
-      rows: 10
+      rows: 10,
+      // 弹框
+      dialogVisible: false,
+      dialogForm: {}
     }
   },
   methods: {
     /** 查询按钮 */
-    queryPersonnel() {}
+    queryPersonnel() {},
+    /** 行查看按钮 */
+    queryrow(row) {
+      this.dialogForm = row
+      this.dialogVisible = true
+    },
+    /** 查看弹框关闭 */
+    handleClose() {
+      this.dialogVisible = false
+    }
   }
 }
 </script>