提交 e59f1c1e authored 作者: 刘旭's avatar 刘旭

新增客户资料页面

上级 7b5b45ce
import { request } from '../config'
export function getBankList(params: any) {
return request({
url: '/bank_info',
method: 'get',
params,
})
}
export function addBank(data: any) {
return request({
url: '/bank_info',
method: 'post',
data,
})
}
export function updateBank(data: any) {
return request({
url: '/bank_info',
method: 'put',
data,
})
}
export function deleteBank(id: any) {
return request({
url: '/bank_info',
method: 'delete',
params: { id },
})
}
......@@ -10,11 +10,6 @@
<el-form-item label="商品名称" prop="name">
<el-input v-model="goods.name" />
</el-form-item>
<!-- <el-form-item label="市场售价" prop="counterPrice">
<el-input v-model="goods.counterPrice" placeholder="0.00">
<template slot="append"></template>
</el-input>
</el-form-item> -->
<el-form-item label="是否新品">
<el-radio-group v-model="goods.isNew">
<el-radio :label="true">新品</el-radio>
......@@ -45,17 +40,6 @@
</el-upload>
</el-form-item>
<!-- <el-form-item label="设计图片" prop="designUrl">
<el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
:on-success="uploadCdUrl" list-type="picture" class="avatar-uploader"
accept=".jpg,.jpeg,.png,.gif">
<img v-if="goods.designUrl" :src="goods.designUrl" class="avatar" />
<el-icon v-else class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
</el-form-item> -->
<el-form-item label="宣传画廊">
<el-upload ref="uploadRef" v-model:file-list="fileList" :action="uploadPath" :limit="5"
:headers="headers" :on-exceed="uploadOverrun" :on-success="handleGalleryUrl"
......@@ -80,15 +64,6 @@
<el-button v-else class="button-new-keyword" type="primary" @click="showInput">+ 增加</el-button>
</el-form-item>
<!-- <el-form-item label="商品配件">
<el-select v-model="goodsParts" multiple collapse-tags collapse-tags-tooltip
style="width: 240px" @change="partsChange">
<el-option v-for="item in partsList" :key="item.id"
:label="item.partGoodsName ? item.partGoodsName : item.name"
:value="item.partGoodsId ? item.partGoodsId : item.id" />
</el-select>
</el-form-item> -->
<el-form-item label="所属分类">
<el-select v-model="goods.categoryId" placeholder="请选择" @change="handleCategoryChange">
<el-option v-for="item in categoryList" :key="item.value" :label="item.label"
......
<template>
<div class="app-container" v-loading="loading">
<div class="filter-container">
<el-input
v-model="bankQuery.key"
clearable
class="filter-item"
style="width: 200px"
placeholder="银行名称 / 账号 / 户名"
/>
<el-button
class="filter-item"
type="primary"
icon="search"
@click="handleFilter"
>查找</el-button
>
</div>
<el-button
style="margin-bottom: 20px"
type="primary"
icon="plus"
@click="handleAdd"
>新增</el-button
>
<el-table :data="bankData" border fit highlight-current-row>
<el-table-column align="center" label="银行名称" prop="bank" />
<el-table-column align="center" label="账号" prop="account" />
<el-table-column align="center" label="户名" prop="accountName" />
<!-- <el-table-column align="center" label="创建时间" prop="addTime" /> -->
<el-table-column align="center" label="操作" width="200">
<template #default="scope">
<el-button type="primary" size="small" link @click="handleEdit(scope.row)"
>编辑</el-button
>
<el-button
type="danger"
size="small"
link
@click="handleDelete(scope.row.id)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination
:page-data="bankQuery"
:total="total"
@size-change="sizeChange"
@current-change="currentChange"
/>
<!-- 添加修改 -->
<el-dialog
v-model="bankVisible"
:title="bankTitle"
width="30%"
:before-close="handleClose"
>
<el-form
ref="bankRef"
:model="bankForm"
:rules="rules"
label-width="80px"
status-icon
>
<el-form-item label="银行名称">
<el-input v-model="bankForm.bank" />
</el-form-item>
<el-form-item label="账号">
<el-input v-model="bankForm.account" />
</el-form-item>
<el-form-item label="户名">
<el-input v-model="bankForm.accountName" />
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="onConfirm"> 确认 </el-button>
</span>
</template>
</el-dialog>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import {
getBankList,
addBank,
updateBank,
deleteBank,
} from '@/services/api/config/bank'
import { ElMessage, ElMessageBox } from 'element-plus'
import pagination from '@/components/pagination/index.vue'
let bankQuery = ref({
key: '',
pageNo: 1,
pageSize: 10,
})
let bankData = ref()
let total = ref() // 总条数
let bankTitle = ref('添加') //dialog标题
let bankVisible = ref(false) // dialog显隐
let loading = ref(false)
let bankForm = ref({
id: '' as any,
account: '',
accountName: '',
bank: '',
})
let rules = ref({
account: [{ required: true, message: '请输入账户', trigger: 'blur' }],
})
let bankRef = ref()
let handleAdd = () => {
bankTitle.value = '添加'
bankForm.value.id = ''
bankVisible.value = true
}
let handleEdit = (row: any) => {
bankForm.value = row
bankVisible.value = true
bankTitle.value = '编辑'
}
let sizeChange = (val: number) => {
bankQuery.value.pageSize = val
init(bankQuery.value)
}
let currentChange = (val: number) => {
bankQuery.value.pageNo = val
init(bankQuery.value)
}
let handleFilter = () => {
init(bankQuery.value)
}
let onConfirm = () => {
bankRef.value?.validate((valid: any, fields: any) => {
if (valid) {
if (bankForm.value.id) {
updateBank(bankForm.value).then((res: any) => {
if (res.code === 200) {
init(bankQuery.value)
ElMessage({ type: 'success', message: '编辑成功' })
handleClose()
}
})
} else {
addBank(bankForm.value).then((res: any) => {
if (res.code === 200) {
init(bankQuery.value)
ElMessage({ type: 'success', message: '添加成功' })
handleClose()
}
})
}
} else {
console.log(fields)
}
})
}
let handleClose = () => {
bankForm.value = {
id: '' as any,
account: '',
accountName: '',
bank: '',
}
bankVisible.value = false
}
let handleDelete = (id: number) => {
ElMessageBox.confirm('确认删除?', '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
deleteBank(id).then((res: any) => {
if (res.code === 200) {
ElMessage({ type: 'success', message: res.msg })
init(bankQuery.value)
} else {
ElMessage({ type: 'error', message: res.msg })
}
})
})
}
let init = (params?: any) => {
loading.value = true
getBankList(params).then((res: any) => {
bankData.value = res.data.records
total.value = res.data.total
loading.value = false
})
}
init(bankQuery.value)
</script>
<style lang="scss" scoped></style>
......@@ -41,13 +41,13 @@ export default ({ command, mode }) => {
// '/foo': '',
// 选项写法
"/admin": {
target: "http://192.168.0.8:8089/",
target: "http://192.168.1.27:8089",
// target: "http://192.168.0.60:82/",
// rewrite: (path) => path.replace(/^\/api/, '') http://192.168.0.9:8089/
},
"/wx": {
// target: "http://192.168.0.60:82/",
target: "http://192.168.0.8:8089/",
target: "http://192.168.1.27:8089",
// rewrite: (path) => path.replace(/^\/api/, '')
},
// 正则表达式写法
......
......@@ -2,13 +2,13 @@ import os, sys
import zipfile
import shutil
cmd = "git clone http://192.168.0.27:8090/xuxu/yongxinda-admin \t\n"
cmd = "git clone http://code.lingqingkeji.com/xuxu/yongxinda-admin \t\n"
cmd += "cd yongxinda-admin \t\n"
cmd += "yarn install\t\n"
cmd += "yarn run build\t\n"
cmd += "docker build -t yongxinda-admin .\t\n"
cmd += "docker tag yongxinda-admin 192.168.0.26:5000/yongxinda-admin\t\n"
cmd += "docker push 192.168.0.26:5000/yongxinda-admin\t\n"
cmd += "docker tag yongxinda-admin registrytest.lingqingkeji.com/yongxinda-admin\t\n"
cmd += "docker push registrytest.lingqingkeji.com/yongxinda-admin\t\n"
cmd += "cd .. \t\n"
cmd += "rm -r -f yongxinda-admin \t\n"
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论