页面上传

页面上传

src/pages/index/components/pay_configuration.vue

@@ -0,0 +1,194 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>应用配置</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="商户ID:">
+                <el-input v-model="parkName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="商户名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="handleAdd">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="45%"
+      custom-class="audit-dialog">
+      <div class="form-div">
+        <el-form label-position="left" label-width="100px" :model="formInline">
+          <el-form-item label="商户ID:">
+            <el-input v-model="formInline.parkName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="商户名称:">
+            <el-input v-model="formInline.berthCode" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="停车场名称:">
+            <el-input v-model="formInline.berthIsorno" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:''
+      },
+      columns: [
+        {
+          label: '商户ID',
+          key: 'parkName'
+        },
+        {
+          label: '商户名称',
+          key: 'berthCode'
+        },
+        {
+          label: '停车场',
+          key: 'berthIsorno'
+        },
+        {
+          label: '创建人',
+          key: 'isTidalPark'
+        },
+        {
+          label: '创建日期',
+          key: 'hasChargingPile'
+        },
+      ],
+      tableData:[],
+      parkName: '',
+      berthCode: '',
+      berthIsorno:'',
+      title:'',
+      dialogVisible: false,
+      formLabelAlign: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:'',
+      },
+      total: 0,
+      pageSize: 5,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleAdd() {
+      this.title = '添加配置'
+      this.formLabelAlign.parkName = ''
+      this.formLabelAlign.berthCode = ''
+      this.formLabelAlign.berthIsorno = ''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改车场'
+      this.formInline = {...row}
+      this.dialogVisible = true
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>

src/pages/index/components/payment_merchant.vue

@@ -0,0 +1,224 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>应用配置</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="商户ID:">
+                <el-input v-model="parkName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="商户名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="handleAdd">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="45%"
+      custom-class="audit-dialog">
+      <div class="form-div">
+        <el-form label-position="left" label-width="100px" :model="formInline">
+          <el-form-item label="商户ID:">
+            <el-input v-model="formInline.parkName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="商户名称:">
+            <el-input v-model="formInline.berthCode" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="支付渠道:">
+            <el-input v-model="formInline.berthIsorno" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="APP ID">
+            <el-input v-model="formInline.app_id" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="App Secret">
+            <el-input v-model="formInline.app_secret" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="API KEY">
+            <el-input v-model="formInline.api_key" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:'',
+        app_id:'',
+        app_secret:'',
+        api_key:''
+      },
+      columns: [
+        {
+          label: '商户ID',
+          key: 'parkName'
+        },
+        {
+          label: '商户名称',
+          key: 'berthCode'
+        },
+        {
+          label: '停车场',
+          key: 'berthIsorno'
+        },
+        {
+          label: 'APP ID',
+          key: 'app_id'
+        },
+        {
+          label: 'APP Secret',
+          key: 'app_secret'
+        },
+        {
+          label: 'API Key',
+          key: 'api_key'
+        },
+        {
+          label: '创建人',
+          key: 'isTidalPark'
+        },
+        {
+          label: '创建日期',
+          key: 'hasChargingPile'
+        },
+      ],
+      tableData:[],
+      parkName: '',
+      berthCode: '',
+      berthIsorno:'',
+      title:'',
+      dialogVisible: false,
+      formLabelAlign: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:'',
+        app_id:'',
+        app_secret:'',
+        api_key:''
+      },
+      total: 0,
+      pageSize: 5,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleAdd() {
+      this.title = '添加配置'
+      this.formInline.parkName = ''
+      this.formInline.berthCode = ''
+      this.formInline.berthIsorno = ''
+      this.formInline.app_id=''
+      this.formInline.app_secret=''
+      this.formInline.api_key=''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改车场'
+      this.formInline = {...row}
+      this.dialogVisible = true
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>

src/pages/index/components/platform_merchant.vue

@@ -0,0 +1,210 @@
+<template>
+  <div class="body-wrapper">
+    <div style="display: flex; justify-content: space-between;">
+      <div style="width: 100%">
+        <h4>应用配置</h4>
+        <br>
+        <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="平台商户名称:">
+                <el-input v-model="parkName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="支付商户名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="停车场名称:">
+                <el-input v-model="berthCode" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="handleAdd">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <br>
+        <el-table :data="tableData">
+          <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            width="200">
+            <template slot-scope="scope" style="display: inline-block">
+              <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="45%"
+      custom-class="audit-dialog">
+      <div class="form-div">
+        <el-form label-position="left" label-width="100px" :model="formInline">
+          <el-form-item label="平台商户ID:">
+            <el-input v-model="formInline.parkName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="平台商户名称:">
+            <el-input v-model="formInline.berthCode" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="支付商户ID:">
+            <el-input v-model="formInline.berthIsorno" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="支付商户名称">
+            <el-input v-model="formInline.app_id" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import api from "@/api/audit";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      formInline: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:'',
+        app_id:'',
+        app_secret:'',
+        api_key:''
+      },
+      columns: [
+        {
+          label: '平台商户ID',
+          key: 'parkName'
+        },
+        {
+          label: '平台商户名称',
+          key: 'berthCode'
+        },
+        {
+          label: '支付商户ID',
+          key: 'app_id'
+        },
+        {
+          label: '支付商户名称',
+          key: 'app_secret'
+        },
+        {
+          label: '创建人',
+          key: 'isTidalPark'
+        },
+        {
+          label: '创建日期',
+          key: 'hasChargingPile'
+        },
+      ],
+      tableData:[],
+      parkName: '',
+      berthCode: '',
+      berthIsorno:'',
+      title:'',
+      dialogVisible: false,
+      formLabelAlign: {
+        parkName: '',
+        berthCode: '',
+        berthIsorno:'',
+        app_id:'',
+        app_secret:'',
+        api_key:''
+      },
+      total: 0,
+      pageSize: 5,
+      pageNum: 1,
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    onSubmit() {
+      this.pageNum = 1
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleAdd() {
+      this.title = '添加配置'
+      this.formInline.parkName = ''
+      this.formInline.berthCode = ''
+      this.formInline.berthIsorno = ''
+      this.formInline.app_id=''
+      this.formInline.app_secret=''
+      this.formInline.api_key=''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改车场'
+      this.formInline = {...row}
+      this.dialogVisible = true
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.berthListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = (res.data.records || []).map(item => ({...item, berthIsorno: (item.berthIsorno === '0' ? '否':'是'),isTidalPark: (item.isTidalPark === '0' ? '否':'是'),hasChargingPile: (item.hasChargingPile === '0' ? '否':'是'),isSharePark: (item.isSharePark === '0' ? '否':'是'),}))
+        this.total = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 40%;
+    }
+  }
+}
+
+</style>