|
|
@@ -1,5 +1,3 @@
|
|
|
-var bimSupport = "帳號權限管理系統";
|
|
|
-var pageHeader = "";
|
|
|
var list = new Array();
|
|
|
var objectFilter = [];
|
|
|
var usageFilter = [];
|
|
|
@@ -9,18 +7,52 @@ var table = [];
|
|
|
const vm = Vue.createApp({
|
|
|
data() {
|
|
|
return {
|
|
|
- banner: bimSupport,
|
|
|
- pageHeader: pageHeader,
|
|
|
+ banner: "",
|
|
|
+ pageHeader: "",
|
|
|
+ userName: "",
|
|
|
+ role: "",
|
|
|
+ right: -1,
|
|
|
list: list,
|
|
|
table: table,
|
|
|
}
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ $.ajax({
|
|
|
+ url: "/Authorization/script/php/permission/get_right.php",
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: "json",
|
|
|
+ type: "GET",
|
|
|
+ async: false,
|
|
|
+ data: {
|
|
|
+ page: window.location.pathname,
|
|
|
+ }
|
|
|
+ }).done(response => {
|
|
|
+ console.log(response)
|
|
|
+ this.userName = response.name;
|
|
|
+ this.role = response.GroupName;
|
|
|
+ this.right = response.RightID;
|
|
|
+ this.pageHeader = response.PageName;
|
|
|
+ this.banner = response.PgroupName;
|
|
|
+ addUserImage(response.name.charAt(0), response.GroupName);
|
|
|
+ }).fail(function (error) {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ provide() {
|
|
|
+ return {
|
|
|
+ banner: Vue.computed(() => this.banner),
|
|
|
+ role: Vue.computed(() => this.role),
|
|
|
+ userName: Vue.computed(() => this.userName),
|
|
|
+ right: Vue.computed(() => this.right),
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
vm.component('side-bar', {
|
|
|
+ inject: ['right'],
|
|
|
data() {
|
|
|
return {
|
|
|
- banner: bimSupport,
|
|
|
- right: right,
|
|
|
+ right: this.right,
|
|
|
}
|
|
|
},
|
|
|
template: `<aside id="sidebar-left" class="sidebar-left">
|
|
|
@@ -33,7 +65,7 @@ vm.component('side-bar', {
|
|
|
<nav id="menu" class="nav-main" role="navigation">
|
|
|
<ul class="nav nav-main">
|
|
|
<side-bar-list href="index.php" fa="fa fa-gear" span="權限管理"></side-bar-list>
|
|
|
- <side-bar-list v-if="right > 3" href="Log.php" fa="fa fa-history" span="Log日誌"></side-bar-list>
|
|
|
+ <side-bar-list v-if="right.value > 3" href="Log.php" fa="fa fa-history" span="Log日誌"></side-bar-list>
|
|
|
</ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
@@ -42,9 +74,10 @@ vm.component('side-bar', {
|
|
|
});
|
|
|
|
|
|
vm.component('side-bar-hide', {
|
|
|
+ inject: ['banner'],
|
|
|
data() {
|
|
|
return {
|
|
|
- banner: bimSupport,
|
|
|
+ banner: this.banner,
|
|
|
}
|
|
|
},
|
|
|
template: `<aside id="sidebar-left" class="sidebar-left">
|
|
|
@@ -67,16 +100,18 @@ vm.component('side-bar-hide', {
|
|
|
});
|
|
|
|
|
|
vm.component('header-menu', {
|
|
|
+ inject: ['banner', 'userName', 'role'],
|
|
|
+
|
|
|
data() {
|
|
|
return {
|
|
|
- banner: bimSupport,
|
|
|
- userName: userName,
|
|
|
- role: role,
|
|
|
+ banner: this.banner,
|
|
|
+ userName: this.userName,
|
|
|
+ role: this.role,
|
|
|
}
|
|
|
},
|
|
|
template: `<header class="header">
|
|
|
<div class="logo-container">
|
|
|
- <div class="banner-txt">{{banner}}</div>
|
|
|
+ <div class="banner-txt">{{banner.value}}</div>
|
|
|
<div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
|
|
|
<i class="fa fa-bars" aria-label="Toggle sidebar"></i>
|
|
|
</div>
|
|
|
@@ -119,7 +154,7 @@ vm.component('header-menu', {
|
|
|
<div id="userbox" class="userbox">
|
|
|
<a href="#" data-toggle="dropdown">
|
|
|
<figure class="profile-picture"> <img src="assets/images/!logged-user.jpg" alt="Joseph Doe" class="img-circle" data-lock-picture="assets/images/!logged-user.jpg" /> </figure>
|
|
|
- <div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@JSOFT.com"> <span class="name">{{userName}}</span> <span class="role">{{role}}</span> </div> <i class="fa custom-caret"></i>
|
|
|
+ <div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@JSOFT.com"> <span class="name">{{userName.value}}</span> <span class="role">{{role.value}}</span> </div> <i class="fa custom-caret"></i>
|
|
|
</a>
|
|
|
<div class="dropdown-menu">
|
|
|
<ul class="list-unstyled">
|
|
|
@@ -358,294 +393,3 @@ vm.component('role-block', {
|
|
|
|
|
|
});
|
|
|
|
|
|
-vm.component('upload-component', {
|
|
|
- template: `<a class="modal-with-form btn btn-block btn-primary btn-md pt-sm pb-sm text-md" href="#modalForm2">
|
|
|
- <i class="fa fa-upload mr-xs"></i>
|
|
|
- 上傳元件
|
|
|
-</a>
|
|
|
-<div id="modalForm2" class="modal-block modal-block-primary mfp-hide">
|
|
|
- <section class="panel form-wizard" id="w1">
|
|
|
- <header class="panel-heading">
|
|
|
- <h2 class="panel-title">上傳BIM元件</h2>
|
|
|
- </header>
|
|
|
- <div class="panel-body panel-body-nopadding">
|
|
|
- <div class="wizard-tabs">
|
|
|
- <ul class="wizard-steps">
|
|
|
- <li class="active">
|
|
|
- <a href="#w1-account" data-toggle="tab" class="text-center">
|
|
|
- <span class="badge hidden-xs">1</span>
|
|
|
- 選擇檔案及類別
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#w1-profile" data-toggle="tab" class="text-center">
|
|
|
- <span class="badge hidden-xs">2</span>
|
|
|
- 填寫詳細資料
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <form class="form-horizontal" novalidate="novalidate">
|
|
|
- <div class="tab-content">
|
|
|
- <div id="w1-account" class="tab-pane active">
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-1 control-label">rfa上傳</label>
|
|
|
- <div class="col-md-6">
|
|
|
- <div class="fileupload fileupload-new" data-provides="fileupload">
|
|
|
- <div class="input-append">
|
|
|
- <div class="uneditable-input">
|
|
|
- <i class="fa fa-file fileupload-exists"></i>
|
|
|
- <span class="fileupload-preview"></span>
|
|
|
- </div>
|
|
|
- <span class="btn btn-default btn-file">
|
|
|
- <span class="fileupload-exists">變更檔案</span>
|
|
|
- <span class="fileupload-new">選擇檔案</span>
|
|
|
- <input type="file" />
|
|
|
- </span>
|
|
|
- <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">移除檔案</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-md-1 control-label">glb上傳</label>
|
|
|
- <div class="col-md-6">
|
|
|
- <div class="fileupload fileupload-new" data-provides="fileupload">
|
|
|
- <div class="input-append">
|
|
|
- <div class="uneditable-input">
|
|
|
- <i class="fa fa-file fileupload-exists"></i>
|
|
|
- <span class="fileupload-preview"></span>
|
|
|
- </div>
|
|
|
- <span class="btn btn-default btn-file">
|
|
|
- <span class="fileupload-exists">變更檔案</span>
|
|
|
- <span class="fileupload-new">選擇檔案</span>
|
|
|
- <input type="file" />
|
|
|
- </span>
|
|
|
- <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">移除檔案</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label class="col-sm-1 control-label">設備類別</label>
|
|
|
- <div class="col-sm-3">
|
|
|
- <select class="form-control mb-md" id="typeSelect">
|
|
|
- <option value="">請選擇設備類別</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div id="w1-profile" class="tab-pane">
|
|
|
- <div class="form-group">
|
|
|
- 尚未選擇設備類別
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="panel-footer">
|
|
|
- <ul class="pager">
|
|
|
- <li class="previous disabled">
|
|
|
- <a><i class="fa fa-angle-left"></i> 上一步</a>
|
|
|
- </li>
|
|
|
- <li class="finish hidden pull-right modal-confirm">
|
|
|
- <a>完成送出</a>
|
|
|
- </li>
|
|
|
- <li class="next">
|
|
|
- <a>下一步 <i class="fa fa-angle-right"></i></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
-</div>`,
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('equipment-list', {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- jsonData: jsonData,
|
|
|
- userName: userName,
|
|
|
- url: "component-favorite.php?userName=" + userName,
|
|
|
- }
|
|
|
- },
|
|
|
- template: `
|
|
|
- <div class="sidebar-widget m-none">
|
|
|
- <div class="widget-header clearfix">
|
|
|
- <h6 class="title pull-left mt-xs">類別</h6>
|
|
|
- </div>
|
|
|
- <div class="widget-content">
|
|
|
- <nav id="menu" class="nav-main" role="navigation">
|
|
|
- <ul class="nav nav-main">
|
|
|
- <special-li v-for="item in jsonData" v-bind:name="item.category_name" v-bind:children="item.children" v-bind:parent="item.category_code"></special-li>
|
|
|
- <hr class="separator" />
|
|
|
- <li>
|
|
|
- <a v-bind:href="url" class="menu-item"><i class="fa fa-gears"></i>清單列表</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </nav>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-</div>`,
|
|
|
-
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('special-li', {
|
|
|
- template: `
|
|
|
- <li class="nav-parent">
|
|
|
- <a class="dropdown-btn" v-bind:href="hrefLink(parent)" v-bind:name="parent">{{name}}</a>
|
|
|
- <ul class="nav nav-children" style="background: inherit; padding-left: 15px;">
|
|
|
- <special-li2 v-for="item in children" v-bind:href="item.component_code" v-bind:name="item.component_name" v-bind:parent="parent"></special-li2>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- `,
|
|
|
-
|
|
|
- props: {
|
|
|
- name: String,
|
|
|
- children: Array,
|
|
|
- parent: String
|
|
|
- },
|
|
|
- methods: {
|
|
|
- hrefLink(parent) {
|
|
|
- return 'component-list.php?parent=' + parent;
|
|
|
- }
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('special-li2', {
|
|
|
- template: `
|
|
|
- <li>
|
|
|
- <a v-bind:href="hrefLink(href, parent)" class="menu-item" v-bind:name="parent">{{name}}</a>
|
|
|
- </li>
|
|
|
- `,
|
|
|
- props: {
|
|
|
- href: String,
|
|
|
- name: String,
|
|
|
- parent: String
|
|
|
- },
|
|
|
- methods: {
|
|
|
- hrefLink(code, parent) {
|
|
|
- return 'component-list.php?type=' + code + '&parent=' + parent;
|
|
|
- }
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('api-list', {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- jsonData: jsonData,
|
|
|
- userName: userName,
|
|
|
- url: "component-favorite.php?userName=" + userName,
|
|
|
- }
|
|
|
- },
|
|
|
- template: `<div class="sidebar-widget m-none">
|
|
|
- <div class="widget-header clearfix">
|
|
|
- <h6 class="title pull-left mt-xs">適用性</h6>
|
|
|
- </div>
|
|
|
- <div class="widget-content">
|
|
|
- <ul class="mg-folders">
|
|
|
- <inner-menu-li href="api-list.php?type=土建" name="土建"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=土開" name="土開"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=軌道" name="軌道"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=機電" name="機電"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=資訊" name="資訊"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=通用" name="通用"></inner-menu-li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <hr class="separator" />
|
|
|
- <div class="widget-header clearfix">
|
|
|
- <h6 class="title pull-left mt-xs">專案</h6>
|
|
|
- </div>
|
|
|
- <div class="widget-content">
|
|
|
- <ul class="mg-folders">
|
|
|
- <inner-menu-li href="api-list.php?type=專案（果林地下汙水管線建置系統）" name="菓林地下汙水管線建置系統"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=專案（CF管線點位調查）" name="CF管線點位調查"></inner-menu-li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <hr class="separator" />
|
|
|
- <div class="widget-header clearfix">
|
|
|
- <h6 class="title pull-left mt-xs">其他</h6>
|
|
|
- </div>
|
|
|
- <div class="widget-content">
|
|
|
- <ul class="mg-folders">
|
|
|
- <inner-menu-li href="api-list.php" name="所有程式清單"></inner-menu-li>
|
|
|
- <inner-menu-li href="api-list.php?type=未分類" name="未分類"></inner-menu-li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-</div>`,
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('other-list', {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- jsonData: jsonData,
|
|
|
- userName: userName,
|
|
|
- url: "component-favorite.php?userName=" + userName,
|
|
|
- }
|
|
|
- },
|
|
|
- template: `<div class="sidebar-widget m-none">
|
|
|
- <div class="widget-header clearfix">
|
|
|
- <h6 class="title pull-left mt-xs">類別</h6>
|
|
|
- </div>
|
|
|
- <div class="widget-content">
|
|
|
- <ul class="mg-folders">
|
|
|
- <inner-menu-li href="other-list.php?type=收費建議" name="收費建議"></inner-menu-li>
|
|
|
- <inner-menu-li href="other-list.php?type=契約需求範例" name="契約需求範例"></inner-menu-li>
|
|
|
- <inner-menu-li href="other-list.php?type=驗收標準" name="驗收標準"></inner-menu-li>
|
|
|
- <inner-menu-li href="other-list.php?type=BIM專案管理" name="BIM專案管理"></inner-menu-li>
|
|
|
- <inner-menu-li href="other-list.php?type=樣板" name="樣板"></inner-menu-li>
|
|
|
- <inner-menu-li href="other-list.php?type=其他" name="其他"></inner-menu-li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <hr class="separator" />
|
|
|
-</div>`,
|
|
|
-});
|
|
|
-
|
|
|
-vm.component('isotope-item', {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- list: list,
|
|
|
- filClass: "isotope-item col-sm-6 col-md-4 col-lg-3 ",
|
|
|
- }
|
|
|
- },
|
|
|
- props: {
|
|
|
- name: String,
|
|
|
- folder: String,
|
|
|
- id: Number,
|
|
|
- object: String,
|
|
|
- usage: String,
|
|
|
- software: String,
|
|
|
- detail: String,
|
|
|
- source: String,
|
|
|
- operate: String,
|
|
|
- viewTimes: Number,
|
|
|
- downloadTimes: Number,
|
|
|
- },
|
|
|
- computed: {
|
|
|
- addClass() {
|
|
|
- return this.filClass + " " + this.object + " " + this.usage + " " + this.software;
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- bindHref(software, name, folder) {
|
|
|
- return 'assets/API/Universal/' + software + '/' + folder + '/' + name + '.png';
|
|
|
- },
|
|
|
- hrefLink(id) {
|
|
|
- return 'api-detail.php?object=' + id;
|
|
|
- }
|
|
|
- },
|
|
|
- template: `<div v-bind:class="addClass">
|
|
|
- <div class="thumbnail">
|
|
|
-
|
|
|
- <a class="name" v-bind:href="hrefLink(id)">{{name}}</a>
|
|
|
- <div class="mg-description"><small style="display:none;">{{detail}}</small><small class="operate" style="display:none;">{{operate}}</small><small class="source" style="display:none;">{{source}}</small><small class="pull-right text-muted software" >{{software}}</small></div>
|
|
|
- <div class="thumb-preview">
|
|
|
- <div class="thumb-image"></div>
|
|
|
- <div><img v-bind:href="bindHref(software,name,folder)" v-bind:src="bindHref(software,name,folder)" class="img-responsive" alt="Project" onerror="this.src='assets/images/not-found-image.jpg'" style="transform: scale(1);"></div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <p class="viewTimes" hidden>{{viewTimes}}</p>
|
|
|
- <p class="downloadTimes" hidden>{{downloadTimes}}</p>
|
|
|
- </div>
|
|
|
-</div>`,
|
|
|
-});
|
