Skip to content

N
newShopFront
Commit 6f8e5c76 authored by Your Name's avatar Your Name
Browse files
Options

冲突调整

parent b7158808
Hide whitespace changes
Inline Side-by-side
Showing with 178 additions and 186 deletions
src/config/router.config.js
View file @ 6f8e5c76
......@@ -137,14 +137,13 @@ export const asyncRouterMap = [
component: () => import('@/views/storedc/details/branchService_editor'),
meta: { title: '编辑服务类目', keepAlive: true, permission: [ 'table' ] }
},
// {
// path: '/storedc/details/branchservice_add',
// name: 'branchservice_add',
// hidden: true,
// component: () => import('@/views/storedc/details/branchservice_add'),
// // component:addbranchservice,
// meta: { title: '添加服务类目', keepAlive: true, permission: [ 'table' ] }
// },
{
path: '/storedc/details/branchservice_add',
name: 'branchservice_add',
component: () => import('@/views/storedc/details/branchservice_add'),
// component:addbranchservice,
meta: { title: '添加服务类目', keepAlive: true, permission: [ 'table' ] }
},
{
path: '/storedc/cerfmg',
name: 'Cerfmg',
......
src/main.js
View file @ 6f8e5c76
......@@ -16,19 +16,16 @@ import 'quill/dist/quill.bubble.css'
import VueAMap from 'vue-amap';
// mock
// WARNING: `mockjs` NOT SUPPORT `IE` PLEASE DO NOT USE IN `production` ENV.
// import './mock'
import './mock'
import bootstrap from './core/bootstrap'
import './core/lazy_use'
import './permission' // permission control
import './utils/filter' // global filter
import './components/global.less'
import common from '@/static/js/common.js'
Vue.config.productionTip = false
Vue.prototype.common=common
// mount axios Vue.$http and this.$http
Vue.use(VueAxios)
Vue.use(VueQuillEditor)
......
src/views/index.less 0 → 100644
View file @ 6f8e5c76
@import "~ant-design-vue/lib/style/index";
// The prefix to use on all css classes from ant-pro.
@ant-pro-prefix : ant-pro;
@ant-global-sider-zindex : 106;
@ant-global-header-zindex : 105;
\ No newline at end of file
src/views/storedc/details/branchService_editor.vue
View file @ 6f8e5c76
<template>
<a-card :body-style="{padding: '24px 32px'}" :bordered="false">
<a-card :body-style="{ padding: '24px 32px' }" :bordered="false">
<a-form :form="form">
<a-form-item
label="服务类目名称"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
>
<a-input
placeholder="请输入服务类目名称"
v-decorator="['NAME',{rules: [{ required: true, message: '请输入服务类目名称' }]}]"
v-decorator="['NAME', { rules: [{ required: true, message: '请输入服务类目名称' }] }]"
name="NAME"
/>
</a-form-item>
<a-form-item
label="服务类目编号"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
>
<a-input
placeholder="服务类目编号"
v-decorator="[
'CODE',
{rules: [{ required: true, message: '服务类目编号' }]}
]"
v-decorator="['CODE', { rules: [{ required: true, message: '服务类目编号' }] }]"
name="CODE"
/>
</a-form-item>
<a-form-item
label="主题颜色"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
:required="false"
>
<a-input
placeholder="请输入主题颜色"
v-decorator="[
'THEME_COLOR',
{rules: [{ required: true, message: '请输入主题颜色' }]}
]"
v-decorator="['THEME_COLOR', { rules: [{ required: true, message: '请输入主题颜色' }] }]"
name="THEME_COLOR"
/>
</a-form-item>
<a-form-item
label="服务类目描述"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
label="创建时间"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
:required="false"
>
<a-input
placeholder="请输入服务类目描述"
v-decorator="[
'DESCRIPTION',
{rules: [{ required: true, message: '请输入服务类目描述' }]}
]"
name="DESCRIPTION"
/>
<a-date-picker showTime v-decorator="['CREATE_TIME', { normalize: DateCheck }]" />
</a-form-item>
<a-form-item
label="创建时间"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
<a-form-item
label="服务类目描述"
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
:required="false"
>
<a-date-picker showTime v-decorator="['CREATE_TIME',{normalize:DateCheck}]" />
<div :class="prefixCls">
<quill-editor
v-model="content"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@ready="onEditorReady($event)"
@change="onEditorChange($event)"
>
</quill-editor>
</div>
<!-- <a-input
placeholder="请输入服务类目描述"
v-decorator="['DESCRIPTION', { rules: [{ required: true, message: '请输入服务类目描述' }] }]"
name="DESCRIPTION"
/> -->
</a-form-item>
<a-form-item :wrapperCol="{ span: 24 }" style="text-align: center">
<a-button v-if="goId == 1" @click.stop.prevent="handleSubmit" htmlType="submit" type="primary">提交1</a-button>
<a-button v-else @click.stop.prevent="handleSubmit1()" htmlType="submit" type="primary">提交</a-button>
......@@ -75,23 +78,48 @@
</template>
<script>
import moment from 'moment'
import { getScategorymgDetails, addScategorymg, modifyScategorymgDetails, deleteScategorymg } from '@/api/store'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default {
name: 'BaseForm',
// name: 'QuillEditor',
components: {
quillEditor
},
props: {
prefixCls: {
type: String,
default: 'ant-editor-quill'
},
// 表单校验用字段
// eslint-disable-next-line
value: {
type: String
}
},
data() {
return {
description: '表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。',
goId: 1,
GUID: '',
value: Object,
// value: Object,
// form
form: this.$form.createForm(this)
form: this.$form.createForm(this),
content: null,
editorOption: {
// some quill options
}
}
},
// props: {
// },
mounted() {
console.log(this.$route.query)
......@@ -112,10 +140,23 @@ export default {
}
},
methods: {
// 时间处理
DateCheck(value){
onEditorBlur (quill) {
console.log('editor blur!', quill)
},
onEditorFocus (quill) {
console.log('editor focus!', quill)
},
onEditorReady (quill) {
console.log('editor ready!', quill)
},
onEditorChange ({ quill, html, text }) {
console.log('editor change!', quill, html, text)
this.$emit('change', html)
},
// 时间处理
DateCheck(value) {
if(value && value!=null && value!="" && value!="undefined"){
return moment(value,'YYYY-MM-DD HH:mm:ss')
return moment(value, 'YYYY-MM-DD HH:mm:ss')
}
},
checkRadio(value) {
......@@ -143,7 +184,7 @@ export default {
validateFields({ force: true }, (err, values) => {
if (!err) {
const ScategorymgModify = Object.assign({ ...values }, { GUID: GUID })
ScategorymgModify.CREATE_TIME=ScategorymgModify.CREATE_TIME.format("YYYY-MM-DD HH:mm:ss");
ScategorymgModify.CREATE_TIME = ScategorymgModify.CREATE_TIME.format('YYYY-MM-DD HH:mm:ss')
modifyScategorymgDetails(ScategorymgModify)
this.$router.push({ path: '/storedc/scategorymg' })
}
......@@ -152,6 +193,24 @@ export default {
goBack() {
this.$router.push({ path: '/storedc/scategorymg' })
}
},
watch: {
value (val) {
this.content = val
}
}
}
</script>
<style lang="less" scoped>
@import url('../../index.less');
/* 覆盖 quill 默认边框圆角为 ant 默认圆角，用于统一 ant 组件风格 */
.ant-editor-quill {
/deep/ .ql-toolbar.ql-snow {
border-radius: @border-radius-base @border-radius-base 0 0;
}
/deep/ .ql-container.ql-snow {
border-radius: 0 0 @border-radius-base @border-radius-base;
}
}
</style>
\ No newline at end of file
src/views/storedc/details/branchservice_add.vue
View file @ 6f8e5c76
<template>
<a-card :body-style="{padding: '24px 32px'}" :bordered="false">
<a-form :form="form">
<a-form-item
label="服务类目名称"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
>
<a-input
placeholder="请输入服务类目名称"
v-decorator="['NAME',{rules: [{ required: true, message: '请输入服务类目名称' }]}]"
name="NAME"
/>
</a-form-item>
<a-form-item
label="服务类目编号"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
>
<a-input
placeholder="服务类目编号"
v-decorator="[
'CODE',
{rules: [{ required: true, message: '服务类目编号' }]}
]"
name="CODE"
/>
</a-form-item>
<a-form-item
label="主题颜色"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
:required="false"
>
<a-input
placeholder="请输入主题颜色"
v-decorator="[
'THEME_COLOR',
{rules: [{ required: true, message: '请输入主题颜色' }]}
]"
name="THEME_COLOR"
/>
</a-form-item>
<a-form-item
label="服务类目描述"
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }"
:required="false"
>
<a-input
placeholder="请输入服务类目描述"
v-decorator="[
'DESCRIPTION',
{rules: [{ required: true, message: '请输入服务类目描述' }]}
]"
name="DESCRIPTION"
/>
</a-form-item>
<a-form-item :wrapperCol="{ span: 24 }" style="text-align: center">
<a-button @click="handleSubmit()" htmlType="submit" type="primary">提交</a-button>
<a-button @click="goBack" style="margin-left: 8px">返回</a-button>
</a-form-item>
</a-form>
</a-card>
<div :class="prefixCls">
<quill-editor
v-model="content"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@ready="onEditorReady($event)"
@change="onEditorChange($event)">
</quill-editor>
</div>
</template>
<script>
import moment from 'moment'
// 新增门店服务类目
import { addScategorymg } from '@/api/store'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default {
name: 'BaseForm',
data() {
return {
description: '表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。',
coDe: 1,
scateId: '',
value: Object,
// form
form: this.$form.createForm(this)
name: 'QuillEditor',
components: {
quillEditor
},
props: {
prefixCls: {
type: String,
default: 'ant-editor-quill'
},
// 表单校验用字段
// eslint-disable-next-line
value: {
type: String
}
},
// props: {
// },
mounted() {
// console.log(this.$route.query)
// var id = this.$route.query.scateId
// var coDe = this.$route.query.code
// this.coDe = coDe
// this.scateId = id
// if (coDe == 0) {
// getScategorymgDetails(id)
// .then(res => {
// console.log(res)
// this.$nextTick(() => {
// this.GUID = res.data[0].GUID
// this.form.setFieldsValue(res.data[0])
// })
// // this.form.initialValue(res)
// // this.form.setFieldsValue(res)
// })
// .catch(err => {})
// }
data () {
return {
content: null,
editorOption: {
// some quill options
}
}
},
methods: {
// 时间处理
DateCheck(value){
if(value || value!=null || value!=""){
return moment(value,'YYYY-MM-DD HH:mm:ss')
}
onEditorBlur (quill) {
console.log('editor blur!', quill)
},
checkRadio(value) {
return value.toString()
onEditorFocus (quill) {
console.log('editor focus!', quill)
},
handleSubmit() {
// alert(111)
const {
form: { validateFields }
} = this
validateFields({ force: true }, (err, values) => {
if (!err) {
const ScategorymgParams = { ...values }
addScategorymg(ScategorymgParams)
this.$router.push({ path: '/storedc/scategorymg' })
}
})
onEditorReady (quill) {
console.log('editor ready!', quill)
},
// handleSubmit1() {
// alert(121)
// let GUID = this.GUID
// //
// const {
// form: { validateFields }
// } = this
// validateFields({ force: true }, (err, values) => {
// if (!err) {
// const ScategorymgModify = Object.assign({ ...values }, { GUID: GUID })
// ScategorymgModify.CREATE_TIME=ScategorymgModify.CREATE_TIME.format("YYYY-MM-DD HH:mm:ss");
// modifyScategorymgDetails(ScategorymgModify)
// this.$router.push({ path: '/storedc/scategorymg' })
// }
// })
// },
goBack() {
this.$router.push({ path: '/storedc/scategorymg' })
onEditorChange ({ quill, html, text }) {
console.log('editor change!', quill, html, text)
this.$emit('change', html)
}
},
watch: {
value (val) {
this.content = val
}
}
}
</script>
<style lang="less" scoped>
@import url('../../index.less');
/* 覆盖 quill 默认边框圆角为 ant 默认圆角，用于统一 ant 组件风格 */
.ant-editor-quill {
/deep/ .ql-toolbar.ql-snow {
border-radius: @border-radius-base @border-radius-base 0 0;
}
/deep/ .ql-container.ql-snow {
border-radius: 0 0 @border-radius-base @border-radius-base;
}
}
</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