|
|
@@ -0,0 +1,85 @@
|
|
|
+<template>
|
|
|
+ <div class="app-content">
|
|
|
+ <form @submit="formSubmit">
|
|
|
+ <div class="module-com input-line-wrap">
|
|
|
+ <tui-list-cell class="line-cell" :hover="false">
|
|
|
+ <div class="tui-title">名称</div>
|
|
|
+ <input v-model="form.name" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请填写" type="nickname" />
|
|
|
+ </tui-list-cell>
|
|
|
+ <div class="btn-wrap">
|
|
|
+ <button class="button-com red big" formType="submit">修改</button>
|
|
|
+ </div>
|
|
|
+ <div class="btn-wrap">
|
|
|
+ <button class="button-com default big" @click="back">返回</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import TuiListCell from '@/components/plugin/list-cell'
|
|
|
+import { modifySjName } from "@/api/shop";
|
|
|
+export default {
|
|
|
+ name: 'edit',
|
|
|
+ components: {
|
|
|
+ TuiListCell
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ name: ''
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init(){ },
|
|
|
+
|
|
|
+ formSubmit(){
|
|
|
+ modifySjName(this.form).then(res=>{
|
|
|
+ if(res.code == 1){
|
|
|
+ this.$msg('修改成功')
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.navigateBack({})
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ back(){
|
|
|
+ uni.navigateBack({})
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ // 公共
|
|
|
+ .line-cell {
|
|
|
+ .tui-title {
|
|
|
+ width: 210upx;
|
|
|
+ color: $fontColor2;
|
|
|
+ line-height: 80upx;
|
|
|
+ }
|
|
|
+ .tui-input {
|
|
|
+ width: calc(100% - 210upx);
|
|
|
+ font-size: 28upx;
|
|
|
+ min-height: 80upx;
|
|
|
+ padding: 20upx;
|
|
|
+ }
|
|
|
+ .phcolor {
|
|
|
+ color: #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .btn-wrap {
|
|
|
+ width: 90%;
|
|
|
+ margin: 60upx auto;
|
|
|
+ .button-com {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ min-height: 100upx;
|
|
|
+ padding: 30upx;
|
|
|
+ font-size: 32upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|