调整充值服务弹出层代码

src/views/fancongcong/cardrechargefix/cardrechargefix.vue

@@ -1,100 +1,100 @@
 <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-form-item>
-			</el-form>
-		</div>
-		<el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
-			<el-table-column prop="id" label="黔通卡号" />
-			<el-table-column prop="cardbalance" label="充值前余额(元)" />
-			<el-table-column prop="playbalance" label="充值金额(元)" />
-			<el-table-column prop="time" label="充值后余额(元)" />
-			<el-table-column prop="updat" label="充值时间" />
-			<el-table-column label="操作" class="table_btn" width="150px" align="center">
-				<el-tooltip content="详细" placement="top">
-					<el-button type="warning" @click="dialogFormVisible = true">查看详细</el-button>
-				</el-tooltip>
-			</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.user" placeholder="请输入卡号" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary">读卡</el-button>
+          <el-button :icon="Search" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-table :data="tableData" border style="width: 100%" class="table_box" stripe>
+      <el-table-column prop="id" label="黔通卡号" />
+      <el-table-column prop="cardbalance" label="充值前余额(元)" />
+      <el-table-column prop="playbalance" label="充值金额(元)" />
+      <el-table-column prop="time" label="充值后余额(元)" />
+      <el-table-column prop="updat" label="充值时间" />
+      <el-table-column label="操作" class="table_btn" width="150px" align="center">
+        <template v-slot="scope">
+          <el-tooltip content="详细" placement="top">
+            <el-button type="warning" @click="getdetile(scope.row)">查看详细</el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
 
-		<div class="page_box">
-			<el-pagination :page-size="20" :page-count="11" layout="prev, pager, next" :total="1000" />
-		</div>
+    <div class="page_box">
+      <el-pagination :page-size="20" :page-count="11" layout="prev, pager, next" :total="1000" />
+    </div>
 
-		<el-dialog v-model="dialogFormVisible" :title="title">
-			<el-form :model="form" v-if="delivery">
-				<el-form-item label="手机号" :label-width="formLabelWidth">
-					<el-input v-model="form.phone" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
-				</el-form-item>
-			</el-form>
-
-			<el-form :model="form" v-else>
-				<el-form-item label="对公账户资金账户编号" :label-width="formLabelWidth">
-					<el-input v-model="form.number" autocomplete="off" disabled />
-				</el-form-item>
-				<el-form-item label="验证码" :label-width="formLabelWidth">
-					<el-input v-model="form.region" autocomplete="off" />
-				</el-form-item>
-			</el-form>
-			<template #footer>
-				<span class="dialog-footer">
-					<el-button @click="dialogFormVisible = false">确定</el-button>
-					<el-button type="primary" @click="dialogFormVisible = false">关闭</el-button>
-				</span>
-			</template>
-
-		</el-dialog>
-	</div>
+    <el-dialog v-model="dialogFormVisible" title="充值详细">
+      <el-form :model="accountCardBalances">
+        <el-form-item label="黔通卡号" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.balance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值前余额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.cardbalance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值前余额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.playbalance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值金额(元)" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.balance" autocomplete="off" disabled />
+        </el-form-item>
+        <el-form-item label="充值时间" :label-width="formLabelWidth">
+          <el-input v-model="accountCardBalances.updat" autocomplete="off" disabled />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">确定</el-button>
+          <el-button type="primary" @click="dialogFormVisible = 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'
 //变量声明
 const formInline = reactive({
-	user: '',
-	region: '',
+  user: '',
+  region: '',
 })
-let pageCount = ref(1);
-let pageNo = ref(1);
+let pageCount = ref(1)
+let pageNo = ref(1)
 const onSubmit = () => {
-	console.log('submit!')
+  console.log('submit!')
 }
-let title = ref("对公账户信息")
-const { proxy } = getCurrentInstance();
-const options = [{
-	value: '',
-	label: '全部',
-},
-{
-	value: '1',
-	label: '驳回',
-},
-{
-	value: '0',
-	label: '待审核',
-},
-{
-	value: '1',
-	label: '已启用',
-},
-{
-	value: '2',
-	label: '待修改初始密码',
-},
+let title = ref('对公账户信息')
+const { proxy } = getCurrentInstance()
+const options = [
+  {
+    value: '',
+    label: '全部',
+  },
+  {
+    value: '1',
+    label: '驳回',
+  },
+  {
+    value: '0',
+    label: '待审核',
+  },
+  {
+    value: '1',
+    label: '已启用',
+  },
+  {
+    value: '2',
+    label: '待修改初始密码',
+  },
 ]
 const value1 = ref('')
 const value2 = ref('')
@@ -104,117 +104,156 @@ const dialogTableVisible = ref(false)
 const dialogFormVisible = ref(false)
 const formLabelWidth = '140px'
 const form = reactive({
-	phone: '13078580843', //手机号
-	region: '', //验证码
-	delivery: false, //是否展示详细
-	number: '' //对公账户资金账户编号
-
+  phone: '13078580843', //手机号
+  region: '', //验证码
+  delivery: false, //是否展示详细
+  number: '', //对公账户资金账户编号
 })
-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',
+  },
 ]
 const 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([{
-	balance: 159.352543,
-	cardNumber: 6,
-	cardbalance: 164.54185,
-	id: 6,
-	playbalance: 64.13602,
-	salesbalance: 175.32865502,
-	small: "data:image/png;base64,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",
-	status: 2,
-	updat: "1992-02-20 08:11:37"
-}
+let accountCardBalances = ref({});
+const tableData = ref([
+  {
+    balance: 159.352543,
+    cardNumber: 6,
+    cardbalance: 164.54185,
+    id: 6,
+    playbalance: 64.13602,
+    salesbalance: 175.32865502,
+    small:
+      'data:image/png;base64,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',
+    status: 2,
+    updat: '1992-02-20 08:11:37',
+  },
 ])
 
 //事件处理
 onMounted(() => {
-	search()
+  search()
 })
 
 const search = () => {
-	let data: any = {
-		pageNo: pageNo.value,
-		pageSize: 1, ///номер.value
-	}
+  let data: any = {
+    pageNo: pageNo.value,
+    pageSize: 1, ///номер.value
+  }
+
+  //formInline.value.number != '' ? data.accountId = formInline.value.number : ""
+  proxy.$request
+    .post('/csms/rechange/List', data, {
+      baseURL: 'http://localhost:8085',
+    })
+    .then((res: any) => {
+      console.log('res', 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 getdetile = (row) => {
+  console.log(row.value)
+  dialogFormVisible.value = true
+  proxy.$request
+    .post(
+      '/csms/cancelServer/detillList',
+      {},
+      {
+        baseURL: 'http://localhost:8085',
+      }
+    )
+    .then((res: any) => {
+      console.log('res', res)
+      if (res.data.code == 200) {
+        //
+        let date = {
+          balance: row.balance,
+          cardNumber: row.cardNumber,
+          cardbalance: row.cardbalance,
+          id: 11,
+          playbalance: row.playbalance,
+          salesbalance:row.salesbalance,
+          //small: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADICAYAAABS39xVAAAAAXNSR0IArs4c6QAACWxJREFUeF7t2j1onWUYBuA3bVK1xVJthYKCDiKiRdRBcani0MHFrYOTdung0KF0EZwEF3FwcHBRJwc3HQQriO0idvAHKmpRUKnWohZRmpo2TeR89DucnOSEJErx7nNlKmlz8rzX/XDznq9n6txj+xebLwIECAQITCmsgJSMSIBAJ6CwLAIBAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismKoMSIKCw7AABAjECCismqv9+0Btffr5NP7inzX96sv11+IUVf8ENz+xv1z/1ZGvT08v+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"
+          status: 1,
+          updat:row.updat
+        }
+		accountCardBalances.value = date;
 
-	//formInline.value.number != '' ? data.accountId = formInline.value.number : ""
-	proxy.$request
-		.post('/csms/rechange/List', data, {
-			baseURL: 'http://localhost:8085',
-		})
-		.then((res: any) => {
-			console.log("res", 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)
-		})
+      }
+    })
+    .catch((err: any) => {
+      console.log(err)
+    })
 }
 </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>

src/views/fancongcong/cardrefundcostManage/cardrefundcostManage.vue

@@ -60,7 +60,7 @@
 				<el-form-item label="退费金额" :label-width="formLabelWidth">
 					<el-select v-model="refundBalance" multiple filterable allow-create default-first-option
 						:reserve-keyword="false" placeholder="请输入后选择退费金额">
-						<el-option v-for="item in options"  :label="item.label" :value="item.value" />
+						<el-option v-for="item in options"  :label="item.label" :value="item.value" :key="item.value"/>
 					</el-select>
 				</el-form-item>
 			</el-form>