dmc
/
test-web
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

调整代码

master
ys001 3 年前
父节点
5dab18d087
当前提交
31d4bce75a
共有 3 个文件被更改，包括 303 次插入 和 198 次删除
合并视图 显示文件统计
  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 查看文件

</el-col> </el-col>
<el-col :span="16" v-if="filetype == 'img'"> <el-col :span="16" v-if="filetype == 'img'">
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" <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-icon>
</el-upload> </el-upload>


export default { export default {
props: ["type","limit"], props: ["type","limit"],
setup(props, content) { setup(props, content) {
console.log("-------------------------")
let filetype = ref(''); let filetype = ref('');
let fileLimit = ref(1); let fileLimit = ref(1);
let size = ref(15);
filetype.value = props.type; filetype.value = props.type;
fileLimit.value = props.limit; fileLimit.value = props.limit;
const dialogImageUrl = ref('') const dialogImageUrl = ref('')
const dialogVisible = ref(false) const dialogVisible = ref(false)
console.log(props)
console.log(props,"--",filetype)
const fileList = ref<UploadUserFile[]>([ const fileList = ref<UploadUserFile[]>([
/*{ /*{
name: 'food.jpeg', name: 'food.jpeg',

+ 75
- 2
src/mock/fcc/replenishment.js 查看文件

}) })




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


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)=>{ const getparams=(option,agrument)=>{
//console.log(JSON.parse(option)) //console.log(JSON.parse(option))
return JSON.parse(option); return JSON.parse(option);
}
}

+ 220
- 192
src/views/fancongcong/supplyCardBalance/supplyCardBalance.vue 查看文件

<template> <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> </template>


<script lang="ts" setup> <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 { reactive, ref, getCurrentInstance, onMounted, watch } from 'vue'
import { genFileId } from 'element-plus' import { genFileId } from 'element-plus'
//import upload from "@/components/upload/upload.vue" //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 = () => { 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 value1 = ref('')
let value2 = ref('') let value2 = ref('')
let value3 = ref('') let value3 = ref('')
let value4 = ref('') let value4 = ref('')
let pageNo = ref(1);
let pageNo = ref(1)
let dialogTableVisible = ref(false) let dialogTableVisible = ref(false)
let dialogFormVisible = ref(false) let dialogFormVisible = ref(false)
let dialogFormVisibles = ref(false) let dialogFormVisibles = ref(false)
let formLabelWidth = '140px' 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) 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 = () => { const submitUpload = () => {
upload.value!.submit()
//upload.value!.submit()
} }



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


const 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) => { 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> </script>


<style lang="scss"> <style lang="scss">
.app_container { .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> </style>

撰写 预览
正在加载...
取消
保存