dmc
/
test-web
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

调整代码

master
ys001 3 years ago
parent
5dab18d087
commit
31d4bce75a
3 changed files with 303 additions and 198 deletions
Split View Show Diff Stats
  1. 8
    4
      src/components/upload/upload.vue
  2. 75
    2
      src/mock/fcc/replenishment.js
  3. 220
    192
      src/views/fancongcong/supplyCardBalance/supplyCardBalance.vue

+ 8
- 4
src/components/upload/upload.vue View File

@@ -20,9 +20,10 @@
</el-col>
<el-col :span="16" v-if="filetype == 'img'">
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card"
:on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="fileList" :limit="limit">
<el-icon>
<Plus />
:on-preview="handlePictureCardPreview" :on-remove="handleRemove" :file-list="fileList" :limit="limit" :before-remove="beforeRemove"
:on-exceed="handleExceed" :on-success="uploadSuc">
<el-icon :size="size">
<Plus/>
</el-icon>
</el-upload>

@@ -45,13 +46,16 @@ import type { UploadProps, UploadUserFile } from 'element-plus'
export default {
props: ["type","limit"],
setup(props, content) {
console.log("-------------------------")
let filetype = ref('');
let fileLimit = ref(1);
let size = ref(15);
filetype.value = props.type;
fileLimit.value = props.limit;
const dialogImageUrl = ref('')
const dialogVisible = ref(false)
console.log(props)
console.log(props,"--",filetype)
const fileList = ref<UploadUserFile[]>([
/*{
name: 'food.jpeg',

+ 75
- 2
src/mock/fcc/replenishment.js View File

@@ -24,7 +24,7 @@ let newList = Mock.mock({
})


Mock.mock(/\/csms\/replenishment\/replenishmentList/, "post", (options) => {
Mock.mock(/\/csms\/finance\/supplybalance\/querysupply/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
@@ -42,7 +42,80 @@ Mock.mock(/\/csms\/replenishment\/replenishmentList/, "post", (options) => {
}
})

Mock.mock(/\/csms\/finance\/supplybalance\/audit/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功！',
data: {
}
}
})

Mock.mock(/\/csms\/finance\/supplybalance\/imageinput/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功！',
data: {
}
}
})

Mock.mock(/\/csms\/finance\/supplybalance\/imagelook/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功！',
data: {
}
}
})

Mock.mock(/\/csms\/finance\/supplybalance\/multiInput/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功！',
data: {
}
}
})

Mock.mock(/\/csms\/finance\/supplybalance\/singleinput/, "post", (options) => {
//console.log("ope",options,'---',newList);
//var pageNo = getparams(options.body, 'pageNo');
var pageSize = getparams(options.body, 'pageSize');
//console.log(pagenum, pagesize)
return {
code: 200,
message: '请求列表成功！',
data: {
}
}
})




const getparams=(option,agrument)=>{
//console.log(JSON.parse(option))
return JSON.parse(option);
}
}

+ 220
- 192
src/views/fancongcong/supplyCardBalance/supplyCardBalance.vue View File

@@ -1,242 +1,270 @@
<template>
<div class="app_container">
<div class="menu">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="卡号">
<el-input v-model="formInline.user" placeholder="请输入卡号" />
</el-form-item>
<el-form-item>
<el-button type="primary">读卡</el-button>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button type="info">重置</el-button>
<el-button type="primary">人工录入</el-button>
</el-form-item>
</el-form>
</div>
<el-table :data="tableData" style="width: 100%" class="table_box" stripe>
<el-table-column prop="id" label="序号" width="100px" />
<el-table-column prop="cardId" label="卡号" />
<el-table-column prop="name" label="客户名称" />
<el-table-column prop="cardNumber" label="车牌号码" />
<el-table-column prop="cardColor" label="车牌颜色" />
<el-table-column prop="postBalance" label="补卡金额" />
<el-table-column prop="updat" label="录入时间" />
<el-table-column label="操作" class="table_btn" width="600px" align="center">
<template v-slot="scope">
<el-tooltip content="已补卡额/已生成doris圈存订单" placement="top" v-if="scope.row.status == 1">
<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button>
</el-tooltip>
<el-tooltip content="查看图片" placement="top" v-if="scope.row.status == 0">
<el-button type="warning" @click="dialogFormVisible = true">查看图片</el-button>
</el-tooltip>
<el-tooltip content="上传图片" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="dialogFormVisibles = true">上传图片</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<div class="app_container">
<div class="menu">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="卡号">
<el-input v-model="formInline.cardId" placeholder="请输入卡号" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="readCard">读卡</el-button>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button type="info">重置</el-button>
<el-button type="primary">人工录入</el-button>
</el-form-item>
</el-form>
</div>
<el-table :data="tableData" style="width: 100%" class="table_box" stripe>
<el-table-column prop="id" label="序号" width="100px" />
<el-table-column prop="cardId" label="卡号" />
<el-table-column prop="name" label="客户名称" />
<el-table-column prop="cardNumber" label="车牌号码" />
<el-table-column prop="cardColor" label="车牌颜色" />
<el-table-column prop="postBalance" label="补卡金额" />
<el-table-column prop="updat" label="录入时间" />
<el-table-column label="操作" class="table_btn" width="600px" align="center">
<template v-slot="scope">
<el-tooltip
content="已补卡额/已生成doris圈存订单"
placement="top"
v-if="scope.row.status == 1"
>
<el-button type="warning" disabled>已补卡额/已生成doris圈存订单</el-button>
</el-tooltip>
<el-tooltip content="查看图片" placement="top" v-if="scope.row.status == 0">
<el-button type="warning" @click="showimg(scope.row)">查看图片</el-button>
</el-tooltip>
<el-tooltip content="上传图片" placement="top" v-if="scope.row.status == 2">
<el-button type="warning" @click="dialogFormVisibles = true">上传图片</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>

<div class="page_box">
<el-pagination :page-count="pageCount" :current-page="pageNo" layout="prev, pager, next"
@update:current-page="pagechange" />
</div>
<div class="page_box">
<el-pagination
:page-count="pageCount"
:current-page="pageNo"
layout="prev, pager, next"
@update:current-page="pagechange"
/>
</div>

<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片">
<el-form :model="form">
<el-image style="width: 100px; height: 100px" :src="form.colicense" :preview-src-list="srcList"
:initial-index="4" fit="cover" />
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
</span>
</template>
</el-dialog>
<el-dialog v-model="dialogFormVisible" title="查看已补卡额/已生成doris圈存订单图片">
{{srcList[0]}}
<el-image
style="width: 100px; height: 100px"
:src="srcList[0]"
:preview-src-list="srcList"
fit="cover"
/>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
</span>
</template>
</el-dialog>

<el-dialog v-model="dialogFormVisibles" title="上传已补卡额/已生成doris圈存订单图片">
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
</span>
</template>
</el-dialog>


</div>
<el-dialog v-model="dialogFormVisibles" title="上传已补卡额/已生成doris圈存订单图片2">
<upload :type="'file'"></upload>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="dialogFormVisibles = false">关闭</el-button>
</span>
</template>
</el-dialog>
</div>
</template>

<script lang="ts" setup>
//模块导入
import {
Search
} from '@element-plus/icons-vue'
import { Search } from '@element-plus/icons-vue'
import { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
import { genFileId } from 'element-plus'
//import upload from "@/components/upload/upload.vue"
//变量声明
const { proxy } = getCurrentInstance();
const formInline = reactive({
user: '',
region: '',
const { proxy } = getCurrentInstance()
const formInline = ref({
user: '',
region: '',
cardId:''
})
const onSubmit = () => {
console.log('submit!')
console.log('submit!')
}
let title = ref("对公账户信息")
let pageCount = ref(1);
const options = [{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
let srcList = ref([]);
let title = ref('对公账户信息')
let pageCount = ref(1)
const options = [
{
value: '',
label: '全部',
},
{
value: '1',
label: '驳回',
},
{
value: '0',
label: '待审核',
},
{
value: '1',
label: '已启用',
},
{
value: '2',
label: '待修改初始密码',
},
]
let value1 = ref('')
let value2 = ref('')
let value3 = ref('')
let value4 = ref('')
let pageNo = ref(1);
let pageNo = ref(1)
let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false)
let dialogFormVisibles = ref(false)
let formLabelWidth = '140px'
let form = reactive({
colicense: "",//查看图片
upColicense: '',//上传图片的图片路径
let form = ref({
colicense: '', //查看图片
upColicense: '', //上传图片的图片路径
})
const optiones = [{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
const optiones = [
{
value: '2',
label: '2',
},
{
value: '6',
label: '6',
},
{
value: '10',
label: '10',
},
{
value: '15',
label: '15',
},
{
value: '30',
label: '30',
},
]
let defaultTime = new Date(2000, 1, 1, 12, 0, 0)
const shortcuts = [{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
const shortcuts = [
{
text: 'Today',
value: new Date(),
},
{
text: 'Yesterday',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
return date
},
},
{
text: 'A week ago',
value: () => {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
return date
},
},
]
const tableData = ref([{
date: '01',
name: '52011750220200003674',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "贵AC0263",
time: "2021-06-22T12:52:17",
type: "100.00",
regname: "xn18096012008",
regtime: "蓝色"
}
])
const upload = ref<UploadInstance>()

///函数部分

const handleExceed: UploadProps['onExceed'] = (files) => {
upload.value!.clearFiles()
const file = files[0] as UploadRawFile
file.uid = genFileId()
upload.value!.handleStart(file)
}
const tableData = ref([])

///函数部
const submitUpload = () => {
upload.value!.submit()
//upload.value!.submit()
}


onMounted(() => {
search()
search()
})

const search = () => {
proxy.$request
.post('/csms/replenishment/replenishmentList/', {}, {
baseURL: 'http://localhost:8085',
})
.then((res: any) => {
console.log(res)
if (res.data.code == 200) {
tableData.value = res.data.data.result
pageCount.value = parseInt(res.data.data.pageCount)
}
})
.catch((err: any) => {
console.log(err)
})
let data = {}
formInline.value.cardId != '' ? data['cardId']=formInline.value.cardId : ''
proxy.$request
.post(
'/csms/finance/balancepayment/querydetail/',
{},
{
baseURL: 'http://localhost:8085',
}
)
.then((res: any) => {
console.log(res)
if (res.data.code == 200) {
}
})
.catch((err: any) => {
console.log(err)
})
.then(() => {
proxy.$request
.post(
'/csms/finance/supplybalance/querysupply/',
{},
{
baseURL: 'http://localhost:8085',
}
)
.then((res: any) => {
console.log(res)
if (res.data.code == 200) {
tableData.value = res.data.data.result
pageCount.value = parseInt(res.data.data.pageCount)
}
})
.catch((err: any) => {
console.log(err)
})
})
}

//获取当前页数据
const pagechange = (el: any) => {
pageNo.value = el
search()
pageNo.value = el
search()
}

const showimg=(row:any)=>{
console.log("row",row.small)
srcList[0] = row.small.toString();
console.log(srcList[0],typeof srcList[0])
dialogFormVisible.value = true
}

//读卡
const readCard =()=>{

}
</script>

<style lang="scss">
.app_container {
padding: 20px;
display: flex;
flex-direction: column;
padding: 20px;
display: flex;
flex-direction: column;

.table_box {
margin-top: 25px;
.table_box {
margin-top: 25px;

.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}
.table_btn {
display: flex;
flex-direction: column;
align-self: stretch;
align-content: space-around;
align-items: flex-start;
}
}

.page_box {
margin-top: 25px;
}
.page_box {
margin-top: 25px;
}
}
</style>

Write Preview
Loading…
Cancel
Save