接口联调

src/api/article_z.js

@@ -63,6 +63,14 @@ export default {
   queryChargePrice_Sfdjfx(params) {
     return axios.post(`/dash/charge/price/stat`, params)
   },
+  // 客户投诉监管——列表
+  khtsListByPage(params) {
+    return axios.get('/dash/customer/complaint/page',{params})
+  },
+  // 客户投诉监管_客诉登记
+  khtsSave(params) {
+    return axios.post(`/dash/customer/complaint/save`, params)
+  },
   //客户投诉监管_客诉分析
   queryCustomerComplaint_Ksfx(params) {
     return axios.post(`/dash/customer/complaint/stat`, params)

src/api/audit.js

@@ -93,17 +93,14 @@ export default {
   serviceSave(params) {
     return axios.post('/dash/service/publish/save', params)
   },
-  // todo 公告功能
+  // 公告功能
   announcementListByPage(params) {
     return axios.get('/dash/announcement/function/page', {params})
   },
-  announcementPublic(params) {
-    return axios.post('/dash/announcement/function/publish', params)
-  },
   announcementSave(params) {
     return axios.post('/dash/announcement/function/save', params)
   },
-  // todo 消息中心
+  // 消息中心
   messageListByPage(params) {
     return axios.post('/dash/message/page', {params})
   },
@@ -111,7 +108,7 @@ export default {
   monitorListByPage(params) {
     return axios.get('/dash/service/monitor/page', {params})
   },
-  // todo 凭证管理
+  // 凭证管理
   pzglListByPage(params) {
     return axios.get('/dash/credential/management/function/page', {params})
   },
@@ -144,7 +141,7 @@ export default {
   fwdy(params) {
     return axios.post('/dash/service/call/function/call', params)
   },
-  // todo 操作日志功能
+  // 操作日志功能
   czrzListByPage(params) {
     return axios.get('/dash/operation/log/page', {params})
   },

src/pages/index/components/announcement_function.vue

@@ -26,18 +26,21 @@
       width="50%"
       custom-class="audit-dialog">
       <div style="height: 100px" class="form-div">
-        <el-form label-position="left" label-width="80px" :model="formLabelAlign">
-          <el-form-item label="发布标题">
-            <el-input v-model="formLabelAlign.publicTitle"></el-input>
+        <el-form :disabled="title === '查看详情'" ref="formLabelAlign" label-position="left" label-width="80px" :model="formLabelAlign">
+          <el-form-item label="公告标题" required>
+            <el-input v-model="formLabelAlign.noticeTitle"></el-input>
           </el-form-item>
-          <el-form-item label="发布人">
-            <el-input v-model="formLabelAlign.publicPerson"></el-input>
+          <el-form-item label="公告正文" required>
+            <el-input v-model="formLabelAlign.noticeText"></el-input>
+          </el-form-item>
+          <el-form-item v-if="title === '查看详情'" label="发布人">
+            <el-input v-model="formLabelAlign.publishUser"></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>
+            <el-button type="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
         </span>
     </el-dialog>
   </div>
@@ -51,16 +54,16 @@ export default {
     return {
       columns: [
         {
-          label: '发布标题',
-          key: 'publicTitle'
+          label: '公告标题',
+          key: 'noticeTitle'
         },
         {
-          label: '发布时间',
-          key: 'publicTime'
+          label: '公告日期',
+          key: 'publishDate'
         },
         {
           label: '发布人',
-          key: 'publicPerson'
+          key: 'publishUser'
         }
       ],
       tableData: [{"publicTitle":'预警提示',"publicTime":'2023-12-29 10:00:00',"publicPerson":'李玉'},
@@ -95,31 +98,32 @@ export default {
       this.formLabelAlign.publicPerson = ''
       this.dialogVisible = true
     },
-    handleConfirm() {
-      if (this.title === '发布公告') {
-        api.announcementPublic({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
-          if(res.code === 200) {
-            this.dialogVisible = false
-            this.$message({
-              message: '发布成功!',
-              type: 'success'
+    handleConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.title === '发布公告') {
+            api.announcementSave(this.formLabelAlign).then(res => {
+              if(res.code === 200) {
+                this.dialogVisible = false
+                this.$message({
+                  message: '发布成功!',
+                  type: 'success'
+                })
+                this.getTableData()
+              }
             })
-            this.getTableData()
+          } else {
+            this.dialogVisible = false;
           }
-        })
-      } else {
-        this.dialogVisible = false;
-      }
+        } else {
+          return false
+        }
+      })
     },
     getTableData() {
       const {pageNum, pageSize, searchWords} = this
-      api.applyList({pageNum, pageSize}).then(res => {
-        this.tableData = []
-        res.data.records.map((item, index) => {
-          const newItem = {...item}
-          newItem.applyTypeText = this.getApplyTypeText(item.applyType)
-          this.tableData.push(newItem)
-        })
+      api.announcementListByPage({current: pageNum, size: pageSize}).then(res => {
+        this.tableData = res.data.records || []
         this.total = res.data.total
       })
     },

src/pages/index/components/credential_management_function.vue

@@ -4,15 +4,13 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="凭证名称">
-            <el-input v-model="formInline.credentialName" placeholder="请输入凭证"></el-input>
+            <el-input v-model="formInline.voucherName" placeholder="请输入凭证名称"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item>
             <el-button type="primary" @click="onSubmit">查询</el-button>
-            <el-form-item>
-              <el-button type="success" @click="handleAdd">添加凭证</el-button>
-            </el-form-item>
+            <el-button type="success" @click="handleAdd">添加凭证</el-button>
           </el-form-item>
         </el-col>
       </el-row>
@@ -27,11 +25,11 @@
       </el-table-column>
       <el-table-column
         label="操作"
-        width="100">
+        width="150">
         <template slot-scope="scope" style="display: inline-block">
           <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
           <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
-            <el-button type="danger" slot="reference">移除</el-button>
+            <el-button type="danger" slot="reference">删除</el-button>
           </el-popconfirm>
         </template>
       </el-table-column>
@@ -46,17 +44,25 @@
       :visible.sync="dialogVisible"
       width="60%"
       custom-class="audit-dialog">
-      <el-form  style="height: 100px" class="form-div" label-position="left" label-width="80px" :model="formLabelAlign">
-        <el-form-item label="凭证ID">
-          <el-input v-model="formLabelAlign.pzId"></el-input>
+      <el-form ref="formLabelAlign"  style="height: 100px" class="form-div" label-position="left" label-width="100px" :model="formLabelAlign">
+        <el-form-item label="凭证ID" required>
+          <el-input v-model="formLabelAlign.voucherId"></el-input>
         </el-form-item>
-        <el-form-item label="凭证名称">
-          <el-input v-model="formLabelAlign.pzName"></el-input>
+        <el-form-item label="凭证名称" required>
+          <el-input v-model="formLabelAlign.voucherName"></el-input>
+        </el-form-item>
+        <el-form-item label="凭证有效期" required>
+          <el-date-picker
+            v-model="formLabelAlign.voucherDate"
+            type="date"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            placeholder="选择日期">
+          </el-date-picker>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
             <el-button @click="dialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+            <el-button type="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
         </span>
     </el-dialog>
   </div>
@@ -69,20 +75,20 @@ export default {
     data() {
       return {
         formInline: {
-          credentialName: ''
+          voucherName: ''
         },
         columns: [
           {
             label: '凭证ID',
-            key: 'resourceName'
+            key: 'voucherId'
           },
           {
             label: '凭证名称',
-            key: 'resourceType'
+            key: 'voucherName'
           },
           {
             label: '有效期',
-            key: 'applyTypeText'
+            key: 'voucherDate'
           }
         ],
         tableData: [],
@@ -92,8 +98,9 @@ export default {
         dialogVisible: false,
         title: '',
         formLabelAlign: {
-          pzId: '',
-          pzName: ''
+          voucherId: '',
+          voucherName: '',
+          voucherDate: '',
         }
       }
     },
@@ -103,6 +110,9 @@ export default {
     watch: {
     },
     methods: {
+      onSubmit () {
+        this.getTableData()
+      },
       indexMethod(index) {
         return this.pageSize * (this.pageNum - 1) + index + 1
       },
@@ -130,35 +140,43 @@ export default {
       handlePageChange() {
         this.getTableData()
       },
-      handleConfirm() {
-        if (this.title === '修改凭证') {
-          let params = {...formLabelAlign}
-          api.addPz().then(res => {
-            if(res.code === 200) {
-              this.dialogVisible = false
-              this.$message({
-                message: '修改成功!',
-                type: 'success'
+      handleConfirm(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            let params = {...this.formLabelAlign, voucherDate: this.formLabelAlign.voucherDate.substring(0, 10) + " 23:59:59"}
+            if (this.title === '修改凭证') {
+              api.addPz(params).then(res => {
+                if(res.code === 200) {
+                  this.dialogVisible = false
+                  this.$message({
+                    message: '修改成功!',
+                    type: 'success'
+                  })
+                  this.getTableData()
+                }
               })
-              this.getTableData()
-            }
-          })
-        } else {
-          api.addPz({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
-            if(res.code === 200) {
-              this.dialogVisible = false
-              this.$message({
-                message: '添加成功!',
-                type: 'success'
+            } else {
+              let params = {...this.formLabelAlign, voucherDate: this.formLabelAlign.voucherDate.substring(0, 10) + " 23:59:59"}
+              api.addPz(params).then(res => {
+                if(res.code === 200) {
+                  this.dialogVisible = false
+                  this.$message({
+                    message: '添加成功!',
+                    type: 'success'
+                  })
+                  this.getTableData()
+                }
               })
-              this.getTableData()
             }
-          })
-        }
+
+          } else {
+            return false;
+          }
+        });
       },
       getTableData() {
         const {pageNum, pageSize} = this
-        api.pzglListByPage({pageNum, pageSize, credentialName: this.formInline.credentialName}).then(res => {
+        api.pzglListByPage({current: pageNum, size: pageSize, voucherName: this.formInline.voucherName}).then(res => {
           this.tableData = res.data.records || []
           this.total = res.data.total
         })
@@ -233,9 +251,13 @@ export default {
   .form-div{
     /deep/ .el-input__inner{
       height: 35px;
-      width: 90%;
+      width: 100%;
       border: 1px solid #a6a5a5;
       color: #fff;
+      background: #2d3744;
+    }
+    /deep/ .el-input__icon {
+      line-height: 35px;
     }
   }
 }

src/pages/index/components/customer_complaint.vue

@@ -6,21 +6,22 @@
     <br>
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="投诉类型">
-        <el-select v-model="formInline.region0" placeholder="投诉类型" popper-class="cur-select">
+        <el-select v-model="formInline.comType" placeholder="投诉类型" popper-class="cur-select">
+          <el-option label="全部" value=""></el-option>
           <el-option label="经营服务类停车问题" value="经营服务类停车问题"></el-option>
           <el-option label="非法经营停车问题" value="非法经营停车问题"></el-option>
           <el-option label="不提供税票" value="不提供税票"></el-option>
-
         </el-select>
       </el-form-item>
-
-      <el-button class="btn_save" type="success" @click="handleAdd">客诉登记</el-button>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary" @click="handleAdd">客诉登记</el-button>
+      </el-form-item>
     </el-form>
     <br>
     <br>
     <br>
     <br>
-
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
@@ -35,13 +36,12 @@
       <div class="charts">
         <piechart
           class="model-pie-body"
-          :data="tableData2"
           :roseType="false"
           id="chart1"
           :radiusArr="['30%', '70%']"
           :colorArr="modelPieColor"
           :labelFormat="['{name|{b}}', '{sub|{@value}起 {d}%}', '{hr|}']"
-          :dataset="modelData.list"
+          :dataset="modelData"
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
@@ -52,52 +52,28 @@
       width="60%"
       height="600px"
       custom-class="audit-dialog">
-      <div style="width: 100%;height: 450px">
-      <el-form label-position="left" label-width="80px" :model="formLabelAlign" >
-        <div style="display: flex;justify-content: space-around;">
-        <el-form-item label="">
-          <el-select v-model="formInline.region1" placeholder="投诉类型" class="cur-select">
+      <el-form  class="form-div"  style="height: 120px"   ref="formLabelAlign" label-position="left" label-width="80px" :model="formLabelAlign" >
+        <el-form-item label="投诉类型" required>
+          <el-select v-model="formLabelAlign.comType" placeholder="投诉类型">
             <el-option label="经营服务类停车问题" value="经营服务类停车问题"></el-option>
             <el-option label="非法经营停车问题" value="非法经营停车问题"></el-option>
             <el-option label="不提供税票" value="不提供税票"></el-option>
-
           </el-select>
         </el-form-item>
-<<<<<<< Updated upstream
-<!--        <el-form-item label=":">-->
-<!--          <el-select v-model="formInline.region2" placeholder="路内停车场" class="cur-select">-->
-<!--            <el-option label="南街村景区-停车场" value="南街村景区-停车场"></el-option>-->
-<!--            <el-option label="漯河市中医院-地上停车场" value="漯河市中医院-地上停车场"></el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label=":">-->
-<!--          <el-select v-model="formInline.region3" placeholder="路外停车场" class="cur-select">-->
-<!--            <el-option label="市图书馆停车场" value="市图书馆停车场"></el-option>-->
-<!--            <el-option label="中山公园停车场" value="中山公园停车场"></el-option>-->
-<!--            <el-option label="市中心医院停车场" value="市中心医院停车场"></el-option>-->
-<!--            <el-option label="妇幼保健院停车场" value="妇幼保健院停车场"></el-option>-->
-<!--          </el-select>-->
-<!--        </el-form-item>-->
-=======
-
->>>>>>> Stashed changes
-        </div>
-
-        <el-input class="input-wrapper" v-model="searchWords" placeholder="客诉详情">
-        </el-input>
+        <el-form-item label="投诉内容" required>
+          <el-input v-model="formLabelAlign.comContent" placeholder="投诉内容"/>
+        </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>
+            <el-button type="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
         </span>
     </el-dialog>
   </div>
 </template>
 <script>
-import api from "@/api/article_liao";
 import piechart from "@/components/pieChart";
-import api1 from "@/api/article_z";
+import api from "@/api/article_z";
 
 export default {
   components: {
@@ -106,10 +82,7 @@ export default {
   data() {
     return {
       formInline: {
-        region0: '',
-        region1: '',
-        region2: '',
-        region3: '',
+        comType: ''
       },
       options: [{
         value: '经营服务类停车问题',
@@ -140,29 +113,22 @@ export default {
         label: '中山公园停车场'
       }],
       columns: [
-        {
-          label: '姓名',
-          key: 'resourceName'
-        },
         {
           label: '投诉类型',
-          key: 'resourceType'
+          key: 'comType'
         },
         {
-          label: '投诉详情',
-          key: 'userName'
+          label: '所属停车场',
+          key: 'parkId'
         },
         {
-          label: '投诉时间',
-          key: 'userName'
+          label: '处理状态',
+          key: 'disposeState'
         }
       ],
       modelPieColor: ["#4382f6","#9078f8","#C1FFC1","#1E90FF"],
-      modelData: {
-        list: [{name: '服务态度', value: 100}, {name: '收费乱', value: 100},{name: '设备部灵敏', value: 100}, {name: '环境差', value: 100}]
-      },
+      modelData: [],
       tableData: [],
-      tableData2: [],
       total: 0,
       pageSize: 10,
       pageNum: 1,
@@ -179,16 +145,17 @@ export default {
   },
   mounted() {
     this.getTableData()
-    this.getTableData2()
     this.getModelDataData()
   },
   watch: {
   },
   methods: {
-
+    onSubmit() {
+      this.getTableData()
+    },
     getModelDataData(){
-      api1.queryCustomerComplaint_Ksfx().then(res=>{
-        this.modelData.list=res.data;
+      api.queryCustomerComplaint_Ksfx().then(res=>{
+        this.modelData = res.data;
       })
     },
     handlePageChange() {
@@ -196,60 +163,32 @@ export default {
     },
     handleAdd () {
       this.title = '客诉登记'
-      this.formLabelAlign.ipUrl = ''
-      this.dialogVisible = true
-    },
-    handleAudit(row) {
-      this.selRow = row
+      this.formLabelAlign = {}
       this.dialogVisible = true
     },
-    handleCancelApply(row) {
-      console.log('enter handle cancel apply')
-    },
-    handleConfirm() {
-      api.dashEmployeeQualificationExamine(formInline.region1).then(res => {
-        if(res.code === 200) {
-          this.dialogVisible = false
-          this.$message({
-            message: '修改成功!',
-            type: 'success'
+    handleConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          api.khtsSave(this.formLabelAlign).then(res => {
+            if(res.code === 200) {
+              this.dialogVisible = false
+              this.$message({
+                message: '添加成功!',
+                type: 'success'
+              })
+              this.getTableData()
+            }
           })
         }
       })
     },
     getTableData() {
-      const {pageNum, pageSize, searchWords} = this
-      api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
-        this.tableData = []
-        res.data.records.map((item, index) => {
-          const newItem = {...item}
-          newItem.applyTypeText = this.getApplyTypeText(item.applyType)
-          this.tableData.push(newItem)
-        })
+      const {pageNum, pageSize} = this
+      api.khtsListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+        this.tableData = res.data.records || []
         this.total = res.data.total
       })
     },
-    getTableData2() {
-      api.applyList({}).then(res => {
-        this.tableData2 =  res.data.data
-        this.total2 = res.data.total
-      })
-    },
-    getApplyTypeText(val) {
-      if (!val){
-        return '未申请'
-      }
-      const textMap = {
-        1: '待审批',
-        2: '审批通过',
-        3: '审批驳回'
-      }
-      return textMap[val]
-    },
-    handleSearch() {
-      this.pageNum = 1
-      this.getTableData()
-    }
   }
 }
 </script>
@@ -356,8 +295,17 @@ export default {
   .label{
     text-align: right;
   }
-  /deep/ .el-input__inner{
-    background: white;
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 100%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+    /deep/ .el-input__icon {
+      line-height: 35px;
+    }
   }
 }
 </style>

src/pages/index/components/message.vue

@@ -23,15 +23,15 @@
       :visible.sync="dialogVisible"
       width="50%"
       custom-class="audit-dialog">
-      <el-form style="height: 120px" class="form-div" label-position="left" label-width="80px" :model="selRow">
+      <el-form disabled style="height: 120px" class="form-div" label-position="left" label-width="80px" :model="selRow">
         <el-form-item label="标题">
-          <el-input disabled v-model="selRow.title"/>
+          <el-input  v-model="selRow.messageTitle"/>
         </el-form-item>
         <el-form-item label="消息类型">
-          <el-input disabled v-model="selRow.messageType"/>
+          <el-input v-model="selRow.messageType"/>
         </el-form-item>
         <el-form-item label="发布时间">
-          <el-input disabled v-model="selRow.publicTime"/>
+          <el-input v-model="selRow.endPublishDate"/>
         </el-form-item>
       </el-form>
     </el-dialog>
@@ -47,7 +47,7 @@ export default {
       columns: [
         {
           label: '标题',
-          key: 'title'
+          key: 'messageTitle'
         },
         {
           label: '消息类型',
@@ -55,12 +55,10 @@ export default {
         },
         {
           label: '发布时间',
-          key: 'publicTime'
+          key: 'endPublishDate'
         },
       ],
-      tableData: [{"title": '系统升级', "messageType": '公告', "publicTime": '2023-12-29 10:00:00'},
-        {"title": '预警提示', "messageType": '系统通知', "publicTime": '2023-12-25 10:00:00'},
-        {"title": '故障提醒', "messageType": '系统通知', "publicTime": '2023-12-29 10:00:00'},],
+      tableData: [],
       total: 3,
       pageSize: 10,
       pageNum: 1,
@@ -82,7 +80,7 @@ export default {
     },
     getTableData() {
       const {pageNum, pageSize} = this
-      api.messageListByPage({pageNum, pageSize}).then(res => {
+      api.messageListByPage({current: pageNum, size: pageSize}).then(res => {
         this.tableData = res.data.records || []
         this.total = res.data.total
       })

src/pages/index/components/operation_log.vue

@@ -4,7 +4,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="IP地址">
-            <el-input v-model="formInline.interfaceName" placeholder="请输入"></el-input>
+            <el-input v-model="formInline.ipAddress" placeholder="请输入"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -99,7 +99,7 @@ export default {
       dialogVisible: false,
       logDetail: {},
       formInline: {
-        interfaceName: '',
+        ipAddress: '',
         time: ''
       }
     }
@@ -123,11 +123,11 @@ export default {
       })
     },
     getTableData() {
-      const {pageNum, pageSize, searchWords} = this
-      // api.czrzListByPage({pageNum, pageSize, interfaceName: this.formInline.interfaceName}).then(res => {
-      //   this.tableData = res.data.records
-      //   this.total = res.data.total
-      // })
+      const {pageNum, pageSize} = this
+      api.czrzListByPage({current: pageNum, size: pageSize, ipAddress: this.formInline.ipAddress}).then(res => {
+        this.tableData = res.data.records
+        this.total = res.data.total
+      })
     },
     onSubmit() {
       console.log(this.formInline, 'submit!');