Skip to content

F
freemud.be.toolbox
Commit 345abb21 by 陈宁
Options

# [资源] - 前端页面模板

parent 041c16e9
Showing with 154 additions and 75 deletions
freemud.be.toolboxview/src/assets/css/global.css
......@@ -2,4 +2,13 @@ html, body, #app {
height: 100%;
margin: 0;
padding: 0;
}
.ivu-input {
border-radius: 2px;
}
.ivu-input:focus {
border-color: #57a3f3;
box-shadow: 0 0 0px 4px rgba(45, 140, 240, 0.2);
}
\ No newline at end of file
freemud.be.toolboxview/src/dist/main.dev.js 0 → 100644
"use strict";
var _vue = _interopRequireDefault(require("vue"));
var _App = _interopRequireDefault(require("./App.vue"));
var _router = _interopRequireDefault(require("./router"));
var _viewDesign = _interopRequireDefault(require("view-design"));
require("view-design/dist/styles/iview.css");
require("./assets/css/global.css");
var _axios = _interopRequireDefault(require("axios"));
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
// dev
_axios["default"].defaults.baseURL = 'http://localhost:51138/api'; // prod
// axios.defaults.baseURL = '/api'
_axios["default"].interceptors.request.use(function (config) {
var au = window.sessionStorage.getItem('au');
if (au) {
config.headers.au = au;
}
return config;
});
_vue["default"].prototype.$http = _axios["default"];
_vue["default"].prototype._ = _lodash["default"];
_vue["default"].use(_viewDesign["default"]);
_vue["default"].config.productionTip = false;
new _vue["default"]({
router: _router["default"],
render: function render(h) {
return h(_App["default"]);
}
}).$mount('#app');
\ No newline at end of file
freemud.be.toolboxview/src/dist/main.prod.js 0 → 100644
"use strict";var _vue=_interopRequireDefault(require("vue")),_App=_interopRequireDefault(require("./App.vue")),_router=_interopRequireDefault(require("./router")),_viewDesign=_interopRequireDefault(require("view-design"));require("view-design/dist/styles/iview.css"),require("./assets/css/global.css");var _axios=_interopRequireDefault(require("axios")),_lodash=_interopRequireDefault(require("lodash"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}_axios.default.defaults.baseURL="http://localhost:51138/api",_axios.default.interceptors.request.use(function(e){var u=window.sessionStorage.getItem("au");return u&&(e.headers.au=u),e}),_vue.default.prototype.$http=_axios.default,_vue.default.prototype._=_lodash.default,_vue.default.use(_viewDesign.default),_vue.default.config.productionTip=!1,new _vue.default({router:_router.default,render:function(e){return e(_App.default)}}).$mount("#app");
\ No newline at end of file
freemud.be.toolboxview/src/views/EnvironmentConfigure.vue
......@@ -183,4 +183,7 @@ export default {
.page-title {
margin-bottom: 5px;
}
.ivu-input-type-text {
margin: 3px 3px 3px 0px;
}
</style>
freemud.be.toolboxview/src/views/Home.vue
......@@ -14,18 +14,18 @@
<Sider hide-trigger class="layout-sider">
<p class="menu-parting"></p>
<Menu theme="dark" width="auto" :active-name="this.$route.path">
<MenuItem name="/dashboard" to="/dashboard">
<!-- <MenuItem name="/dashboard" to="/dashboard">
<Icon type="logo-xbox" />首页
</MenuItem>
</MenuItem> -->
<MenuItem name="/environment-configure" to="/environment-configure">
<Icon type="md-construct" />环境切换
</MenuItem>
<MenuItem name="/request-resource" to="/request-resource">
<Icon type="md-planet" />请求资源
</MenuItem>
<MenuItem name="/be-logging" to="/be-logging">
<!-- <MenuItem name="/be-logging" to="/be-logging">
<Icon type="md-list-box" />日志查询
</MenuItem>
</MenuItem> -->
</Menu>
</Sider>
<Layout>
......
freemud.be.toolboxview/src/views/requestresource/CouponProductSearch.vue
<template>
<div>
<h3>码券对应商品信息</h3>
<br />
<h2 class="resource-title">码券对应商品信息</h2>
<Form :label-width="80">
<Row>
<Col span="12">
......@@ -39,50 +38,46 @@
</Col>
<Col span="12">
<FormItem>
<Button type="primary" icon="ios-search" @click="search()">查 询</Button>
<Button type="primary" icon="ios-search" :loading="loadingSearch" @click="search()">
<span v-if="!loadingSearch">查 询</span>
<span v-else>查询中</span>
</Button>
</FormItem>
</Col>
</Row>
</Form>
<hr />
<div class="result">
<h3>结果</h3>
<div class="resource-result">
<Tabs :animated="false">
<TabPane label="结果" icon="md-list-box">
<List border>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>描述说明 - 暂无</ListItem>
</List>
</TabPane>
<TabPane label="元信息" icon="md-bug">
<div class="result-panel">
<div class="item">
<span>URL</span>
<div class="resource-result-metadata-panel">
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">URL</span>
<codemirror v-model="metaDataRequestUrl" :options="cmOptions"></codemirror>
</div>
<div class="item">
<span>Request Header</span>
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">Request Header</span>
<codemirror v-model="metaDataRequestHeader" :options="cmOptions"></codemirror>
</div>
<div class="item">
<span>Request Body</span>
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">Request Body</span>
<codemirror v-model="metaDataRequestBody" :options="cmOptions"></codemirror>
</div>
<div class="item">
<span>Response Error</span>
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">Response Error</span>
<Alert type="error">{{this.metaDataResponseError}}</Alert>
</div>
<div class="item">
<span>Response Header</span>
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">Response Header</span>
<codemirror v-model="metaDataResponseHeader" :options="cmOptions"></codemirror>
</div>
<div class="item">
<span>Response Body</span>
<div class="resource-result-metadata-item">
<span class="resource-result-metadata-item-title">Response Body</span>
<codemirror v-model="metaDataResponseBody" :options="cmOptions"></codemirror>
</div>
</div>
......@@ -105,6 +100,7 @@ export default {
},
data () {
return {
loadingSearch: false,
channel: 'delivery',
env: 'dev',
couponCode: '573185005512078',
......@@ -118,7 +114,7 @@ export default {
metaDataResponseError: '',
cmOptions: {
lineNumbers: true,
// readOnly: true,
readOnly: true,
tabSize: 2,
model: 'text/javascript',
theme: 'the-matrix'
......@@ -130,6 +126,7 @@ export default {
},
methods: {
async search () {
this.loadingSearch = true
const params = { env: this.env, channel: this.channel, couponCode: this.couponCode, storeId: this.storeId }
const { data: response } = await this.$http.post('/requestresource/get-coupon-product', params)
if (response.code !== 200) {
......@@ -140,37 +137,45 @@ export default {
// this.viewData = JSON.stringify(json, null, '\t')
// this.$Message.success('请求成功')
this.metaDataRequestUrl = response.data.url
// this.metaDataRequestHeader = JSON.stringify(JSON.parse(response.data.requestHeaders), null, '\t')
// this.metaDataRequestBody = JSON.stringify(JSON.parse(response.data.requestBody), null, '\t')
// this.metaDataResponseHeader = JSON.stringify(JSON.parse(response.data.responseHeaders), null, '\t')
// this.metaDataResponseBody = JSON.stringify(JSON.parse(response.data.responseBody), null, '\t')
this.metaDataRequestHeader = JSON.stringify(response.data.requestHeaders, null, '\t')
this.metaDataRequestBody = JSON.stringify(response.data.requestBody, null, '\t')
this.metaDataResponseHeader = JSON.stringify(response.data.responseHeaders, null, '\t')
this.metaDataResponseBody = JSON.stringify(response.data.responseBody, null, '\t')
this.metaDataResponseError = response.data.responseError
this.$Message.success('保存成功')
this.$Message.success('查询成功')
}
this.loadingSearch = false
}
}
}
</script>
<style lang="less" scoped>
.ss {
color: aqua;
}
.result-panel {
.item {
margin-bottom: 10px;
span {
display: inline-block;
border-bottom: 5px solid #61b73e;
margin-bottom: 10px;
font-weight: bold;
font-size: 25px;
font-family: fantasy;
}
}
}
// .resource-title {
// display: inline-block;
// border-left: 5px solid #be1f19f5;
// text-indent: 10px;
// margin-left: 2px;
// font-weight: bold;
// font-size: 20px;
// margin-bottom: 20px;
// }
// .result-panel {
// .item {
// margin-bottom: 20px;
// span {
// display: inline-block;
// border-left: 5px solid #19be6b80;
// text-indent: 10px;
// margin-bottom: 10px;
// margin-left: 2px;
// font-weight: bold;
// font-size: 25px;
// font-family: fantasy;
// }
// }
// }
</style>
<style lang="less">
......
freemud.be.toolboxview/src/views/requestresource/RequestResource.vue
......@@ -4,10 +4,7 @@
<div class="request-resource">
<div class="request-resource-menu">
<Menu>
<Submenu name="1">
<template slot="title">
<Icon type="ios-paper" />券码相关
</template>
<MenuGroup title="券码">
<MenuItem name="1-1" to="/request-resource/coupon-product">
<Icon type="md-cube" />码券对应商品信息
</MenuItem>
......@@ -17,34 +14,25 @@
<MenuItem name="1-3" to="/request-resource/coupon-freeze">
<Icon type="md-cube" />激活&冻结
</MenuItem>
</Submenu>
<Submenu name="2">
<template slot="title">
<Icon type="ios-people" />门店相关
</template>
<MenuItem name="2-1" to="/request-resource/candao-store">
<Icon type="md-cube" />餐道经纬度查询门店
</MenuItem>
</Submenu>
<Submenu name="3">
<template slot="title">
<Icon type="ios-people" />商品相关
</template>
</MenuGroup>
<MenuGroup title="商品">
<MenuItem name="3-5" to="/request-resource/product">
<Icon type="md-cube" />商品信息查询
</MenuItem>
<MenuItem name="3-6" to="/request-resource/product-exentsion">
<Icon type="md-cube" />商品扩展信息
</MenuItem>
</Submenu>
<Submenu name="4">
<template slot="title">
<Icon type="ios-people" />订单相关
</template>
</MenuGroup>
<MenuGroup title="订单">
<MenuItem name="4-1" to="/request-resource/order">
<Icon type="md-cube" />根据订单编号查询订单
</MenuItem>
</Submenu>
</MenuGroup>
<MenuGroup title="门店">
<MenuItem name="2-1" to="/request-resource/candao-store">
<Icon type="md-cube" />餐道经纬度查询门店
</MenuItem>
</MenuGroup>
</Menu>
</div>
<div class="request-resource-content">
......@@ -69,9 +57,33 @@ export default {
flex: 1;
padding: 0 5px;
height: 50px;
.ivu-form-item {
margin-bottom: 10px;
}
.resource-title {
display: inline-block;
border-left: 5px solid #be1f19f5;
text-indent: 10px;
margin-left: 2px;
font-weight: bold;
font-size: 20px;
margin-bottom: 20px;
}
.resource-result-metadata-item {
margin-bottom: 20px;
.resource-result-metadata-item-title {
display: inline-block;
border-left: 5px solid #19be6b80;
text-indent: 10px;
margin-bottom: 10px;
margin-left: 2px;
font-weight: bold;
font-size: 25px;
font-family: fantasy;
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment