|
|
@@ -0,0 +1,168 @@
|
|
|
+<!--
|
|
|
+ * @Author: Liugh
|
|
|
+ * @Date: 2021-05-18 11:34:15
|
|
|
+ * @LastEditTime: 2021-05-18 14:24:33
|
|
|
+ * @LastEditors: Do not edit
|
|
|
+ * @FilePath: \auth-web\src\pages\data-auth-module\property-management\application-management\application-properties.vue
|
|
|
+ * @Description:
|
|
|
+-->
|
|
|
+<template>
|
|
|
+ <main class="application-properties">
|
|
|
+ <el-form ref="ruleForm" inline :rules="rules" :model="form">
|
|
|
+ <el-form-item label="应用系统名称">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入应用系统名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="应用在用标识">
|
|
|
+ <el-select v-model="form.userType" placeholder="请选择应用在用标识" style="width:13rem">
|
|
|
+ <el-option label="全部" value="all"></el-option>
|
|
|
+ <el-option label="启用" value="1"></el-option>
|
|
|
+ <el-option label="停用" value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="应用系统事权单位代码">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入应用系统事权单位代码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <dg-button type="primary" @click="handleSearch" icon="el-icon-search">查询</dg-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="最近同步时间：" style="float:right">
|
|
|
+ <span>2021-04-08 12:00:00</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="buttonGroup">
|
|
|
+ <dg-button type="primary" @click="handleLeading" icon="el-icon-upload2">导入</dg-button>
|
|
|
+ <dg-button type="primary" @click="handleSynchro" icon="el-icon-refresh">同步</dg-button>
|
|
|
+ <dg-button type="text" @click="handleInfo">详情</dg-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <Table ref="myTable" :url="tableUrl" :headerData="ApplicationTableData" :condition="reportForm">
|
|
|
+ <dg-table-column fixed="right" label="操作" align="center">
|
|
|
+ <template>
|
|
|
+ <dg-button type="text" @click="handleInfo">详情</dg-button>
|
|
|
+ </template>
|
|
|
+ </dg-table-column>
|
|
|
+ </Table>
|
|
|
+ </main>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Table from "@/pages/common/table";
|
|
|
+import { ApplicationTableData } from "../DataConfig";
|
|
|
+import * as dynamicManageApi from "@/api/dynamic-manage";
|
|
|
+import detail from "./detail";
|
|
|
+const editorArea = ["900px", "660px"];
|
|
|
+export default {
|
|
|
+ name: "application-properties", // 组件名称
|
|
|
+ props: {
|
|
|
+ // 接收父组件的数据
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ // 组件内部参数
|
|
|
+ return {
|
|
|
+ // 参数名称及默认值
|
|
|
+ form: {},
|
|
|
+ rules: {},
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ id: "fruits",
|
|
|
+ label: "Fruits",
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ id: "apple",
|
|
|
+ label: "Apple",
|
|
|
+ isNew: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "grapes",
|
|
|
+ label: "Grapes",
|
|
|
+ disabled: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "pear",
|
|
|
+ label: "Pear"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "strawberry",
|
|
|
+ label: "Strawberry 🍓"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "watermelon",
|
|
|
+ label: "Watermelon 🍉"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "vegetables",
|
|
|
+ label: "Vegetables",
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ id: "corn",
|
|
|
+ label: "Corn 🌽"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "carrot",
|
|
|
+ label: "Carrot 🥕"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "eggplant",
|
|
|
+ label: "Eggplant 🍆"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "tomato",
|
|
|
+ label: "Tomato 🍅"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ ApplicationTableData,
|
|
|
+ tableUrl: dynamicManageApi.tableUrl,
|
|
|
+ reportForm: {}
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {}, // 计算属性
|
|
|
+ watch: {}, // 侦听器（扩展的计算属性）
|
|
|
+ components: { Table }, // 注册局部组件
|
|
|
+ methods: {
|
|
|
+ /**
|
|
|
+ * @description:表单查询方法
|
|
|
+ */
|
|
|
+ handleSearch() {},
|
|
|
+ /**
|
|
|
+ * @description:导入方法
|
|
|
+ */
|
|
|
+ handleLeading() {},
|
|
|
+ /**
|
|
|
+ * @description:同步方法
|
|
|
+ */
|
|
|
+ handleSynchro() {},
|
|
|
+ /**
|
|
|
+ * @description:详情
|
|
|
+ */
|
|
|
+ handleInfo() {
|
|
|
+ const layer = this.$dgLayer({
|
|
|
+ title: "详情",
|
|
|
+ shade: [0.4, "#FFF"],
|
|
|
+ content: detail,
|
|
|
+ props: {},
|
|
|
+ on: {
|
|
|
+ success() {
|
|
|
+ layer.close(layer.dialogIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ area: editorArea
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, // 内部方法
|
|
|
+ beforeCreate() {}, // 组件创建前
|
|
|
+ created() {}, // 组件创建完成后
|
|
|
+ beforeMount() {}, // 组件挂载前
|
|
|
+ mounted() {}, // 组件挂载完成后
|
|
|
+ beforeUpdate() {}, // 组件更新前
|
|
|
+ updated() {}, // 组件挂载完成后
|
|
|
+ beforeDestroy() {}, // 组件销毁前
|
|
|
+ destroyed() {} // 组件销毁完成后
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+@import "../index.scss";
|
|
|
+</style>
|
Liugh