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 { ...@@ -2,4 +2,13 @@ html, body, #app {
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 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 { ...@@ -183,4 +183,7 @@ export default {
.page-title { .page-title {
margin-bottom: 5px; margin-bottom: 5px;
} }
.ivu-input-type-text {
margin: 3px 3px 3px 0px;
}
</style> </style>
freemud.be.toolboxview/src/views/Home.vue
...@@ -14,18 +14,18 @@ ...@@ -14,18 +14,18 @@
<Sider hide-trigger class="layout-sider"> <Sider hide-trigger class="layout-sider">
<p class="menu-parting"></p> <p class="menu-parting"></p>
<Menu theme="dark" width="auto" :active-name="this.$route.path"> <Menu theme="dark" width="auto" :active-name="this.$route.path">
<MenuItem name="/dashboard" to="/dashboard"> <!-- <MenuItem name="/dashboard" to="/dashboard">
<Icon type="logo-xbox" />首页 <Icon type="logo-xbox" />首页
</MenuItem> </MenuItem> -->
<MenuItem name="/environment-configure" to="/environment-configure"> <MenuItem name="/environment-configure" to="/environment-configure">
<Icon type="md-construct" />环境切换 <Icon type="md-construct" />环境切换
</MenuItem> </MenuItem>
<MenuItem name="/request-resource" to="/request-resource"> <MenuItem name="/request-resource" to="/request-resource">
<Icon type="md-planet" />请求资源 <Icon type="md-planet" />请求资源
</MenuItem> </MenuItem>
<MenuItem name="/be-logging" to="/be-logging"> <!-- <MenuItem name="/be-logging" to="/be-logging">
<Icon type="md-list-box" />日志查询 <Icon type="md-list-box" />日志查询
</MenuItem> </MenuItem> -->
</Menu> </Menu>
</Sider> </Sider>
<Layout> <Layout>
......
freemud.be.toolboxview/src/views/requestresource/CouponProductSearch.vue
<template> <template>
<div> <div>
<h3>码券对应商品信息</h3> <h2 class="resource-title">码券对应商品信息</h2>
<br />
<Form :label-width="80"> <Form :label-width="80">
<Row> <Row>
<Col span="12"> <Col span="12">
...@@ -39,50 +38,46 @@ ...@@ -39,50 +38,46 @@
</Col> </Col>
<Col span="12"> <Col span="12">
<FormItem> <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> </FormItem>
</Col> </Col>
</Row> </Row>
</Form> </Form>
<hr /> <div class="resource-result">
<div class="result">
<h3>结果</h3>
<Tabs :animated="false"> <Tabs :animated="false">
<TabPane label="结果" icon="md-list-box"> <TabPane label="结果" icon="md-list-box">
<List border> <List border>
<ListItem>说明描述</ListItem> <ListItem>描述说明 - 暂无</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
<ListItem>说明描述</ListItem>
</List> </List>
</TabPane> </TabPane>
<TabPane label="元信息" icon="md-bug"> <TabPane label="元信息" icon="md-bug">
<div class="result-panel"> <div class="resource-result-metadata-panel">
<div class="item"> <div class="resource-result-metadata-item">
<span>URL</span> <span class="resource-result-metadata-item-title">URL</span>
<codemirror v-model="metaDataRequestUrl" :options="cmOptions"></codemirror> <codemirror v-model="metaDataRequestUrl" :options="cmOptions"></codemirror>
</div> </div>
<div class="item"> <div class="resource-result-metadata-item">
<span>Request Header</span> <span class="resource-result-metadata-item-title">Request Header</span>
<codemirror v-model="metaDataRequestHeader" :options="cmOptions"></codemirror> <codemirror v-model="metaDataRequestHeader" :options="cmOptions"></codemirror>
</div> </div>
<div class="item"> <div class="resource-result-metadata-item">
<span>Request Body</span> <span class="resource-result-metadata-item-title">Request Body</span>
<codemirror v-model="metaDataRequestBody" :options="cmOptions"></codemirror> <codemirror v-model="metaDataRequestBody" :options="cmOptions"></codemirror>
</div> </div>
<div class="item"> <div class="resource-result-metadata-item">
<span>Response Error</span> <span class="resource-result-metadata-item-title">Response Error</span>
<Alert type="error">{{this.metaDataResponseError}}</Alert> <Alert type="error">{{this.metaDataResponseError}}</Alert>
</div> </div>
<div class="item"> <div class="resource-result-metadata-item">
<span>Response Header</span> <span class="resource-result-metadata-item-title">Response Header</span>
<codemirror v-model="metaDataResponseHeader" :options="cmOptions"></codemirror> <codemirror v-model="metaDataResponseHeader" :options="cmOptions"></codemirror>
</div> </div>
<div class="item"> <div class="resource-result-metadata-item">
<span>Response Body</span> <span class="resource-result-metadata-item-title">Response Body</span>
<codemirror v-model="metaDataResponseBody" :options="cmOptions"></codemirror> <codemirror v-model="metaDataResponseBody" :options="cmOptions"></codemirror>
</div> </div>
</div> </div>
...@@ -105,6 +100,7 @@ export default { ...@@ -105,6 +100,7 @@ export default {
}, },
data () { data () {
return { return {
loadingSearch: false,
channel: 'delivery', channel: 'delivery',
env: 'dev', env: 'dev',
couponCode: '573185005512078', couponCode: '573185005512078',
...@@ -118,7 +114,7 @@ export default { ...@@ -118,7 +114,7 @@ export default {
metaDataResponseError: '', metaDataResponseError: '',
cmOptions: { cmOptions: {
lineNumbers: true, lineNumbers: true,
// readOnly: true, readOnly: true,
tabSize: 2, tabSize: 2,
model: 'text/javascript', model: 'text/javascript',
theme: 'the-matrix' theme: 'the-matrix'
...@@ -130,6 +126,7 @@ export default { ...@@ -130,6 +126,7 @@ export default {
}, },
methods: { methods: {
async search () { async search () {
this.loadingSearch = true
const params = { env: this.env, channel: this.channel, couponCode: this.couponCode, storeId: this.storeId } 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) const { data: response } = await this.$http.post('/requestresource/get-coupon-product', params)
if (response.code !== 200) { if (response.code !== 200) {
...@@ -140,37 +137,45 @@ export default { ...@@ -140,37 +137,45 @@ export default {
// this.viewData = JSON.stringify(json, null, '\t') // this.viewData = JSON.stringify(json, null, '\t')
// this.$Message.success('请求成功') // this.$Message.success('请求成功')
this.metaDataRequestUrl = response.data.url this.metaDataRequestUrl = response.data.url
// this.metaDataRequestHeader = JSON.stringify(JSON.parse(response.data.requestHeaders), null, '\t') this.metaDataRequestHeader = JSON.stringify(response.data.requestHeaders, null, '\t')
// this.metaDataRequestBody = JSON.stringify(JSON.parse(response.data.requestBody), null, '\t') this.metaDataRequestBody = JSON.stringify(response.data.requestBody, null, '\t')
// this.metaDataResponseHeader = JSON.stringify(JSON.parse(response.data.responseHeaders), null, '\t') this.metaDataResponseHeader = JSON.stringify(response.data.responseHeaders, null, '\t')
// this.metaDataResponseBody = JSON.stringify(JSON.parse(response.data.responseBody), null, '\t') this.metaDataResponseBody = JSON.stringify(response.data.responseBody, null, '\t')
this.metaDataResponseError = response.data.responseError this.metaDataResponseError = response.data.responseError
this.$Message.success('保存成功') this.$Message.success('查询成功')
} }
this.loadingSearch = false
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.ss { // .resource-title {
color: aqua; // display: inline-block;
} // border-left: 5px solid #be1f19f5;
// text-indent: 10px;
.result-panel { // margin-left: 2px;
.item { // font-weight: bold;
margin-bottom: 10px; // font-size: 20px;
span { // margin-bottom: 20px;
display: inline-block; // }
border-bottom: 5px solid #61b73e; // .result-panel {
margin-bottom: 10px; // .item {
font-weight: bold; // margin-bottom: 20px;
font-size: 25px; // span {
font-family: fantasy; // 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>
<style lang="less"> <style lang="less">
......
freemud.be.toolboxview/src/views/requestresource/RequestResource.vue
...@@ -4,10 +4,7 @@ ...@@ -4,10 +4,7 @@
<div class="request-resource"> <div class="request-resource">
<div class="request-resource-menu"> <div class="request-resource-menu">
<Menu> <Menu>
<Submenu name="1"> <MenuGroup title="券码">
<template slot="title">
<Icon type="ios-paper" />券码相关
</template>
<MenuItem name="1-1" to="/request-resource/coupon-product"> <MenuItem name="1-1" to="/request-resource/coupon-product">
<Icon type="md-cube" />码券对应商品信息 <Icon type="md-cube" />码券对应商品信息
</MenuItem> </MenuItem>
...@@ -17,34 +14,25 @@ ...@@ -17,34 +14,25 @@
<MenuItem name="1-3" to="/request-resource/coupon-freeze"> <MenuItem name="1-3" to="/request-resource/coupon-freeze">
<Icon type="md-cube" />激活&冻结 <Icon type="md-cube" />激活&冻结
</MenuItem> </MenuItem>
</Submenu> </MenuGroup>
<Submenu name="2"> <MenuGroup title="商品">
<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>
<MenuItem name="3-5" to="/request-resource/product"> <MenuItem name="3-5" to="/request-resource/product">
<Icon type="md-cube" />商品信息查询 <Icon type="md-cube" />商品信息查询
</MenuItem> </MenuItem>
<MenuItem name="3-6" to="/request-resource/product-exentsion"> <MenuItem name="3-6" to="/request-resource/product-exentsion">
<Icon type="md-cube" />商品扩展信息 <Icon type="md-cube" />商品扩展信息
</MenuItem> </MenuItem>
</Submenu> </MenuGroup>
<Submenu name="4"> <MenuGroup title="订单">
<template slot="title">
<Icon type="ios-people" />订单相关
</template>
<MenuItem name="4-1" to="/request-resource/order"> <MenuItem name="4-1" to="/request-resource/order">
<Icon type="md-cube" />根据订单编号查询订单 <Icon type="md-cube" />根据订单编号查询订单
</MenuItem> </MenuItem>
</Submenu> </MenuGroup>
<MenuGroup title="门店">
<MenuItem name="2-1" to="/request-resource/candao-store">
<Icon type="md-cube" />餐道经纬度查询门店
</MenuItem>
</MenuGroup>
</Menu> </Menu>
</div> </div>
<div class="request-resource-content"> <div class="request-resource-content">
...@@ -69,9 +57,33 @@ export default { ...@@ -69,9 +57,33 @@ export default {
flex: 1; flex: 1;
padding: 0 5px; padding: 0 5px;
height: 50px; height: 50px;
.ivu-form-item { .ivu-form-item {
margin-bottom: 10px; 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> </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