沈丘营商办后台前端项目
wjt
2024-06-24 1d15badcefebc428501306f74a621fa1089048f9
src/views/infomanger/complating/index.vue
@@ -2,19 +2,21 @@
  <div  class="app-container">
    <el-form inline ref="formRef" :model="form.quparams" label-width="80px">
      <el-form-item label="投诉内容" prop="content">
        <el-input placeholder="请输入" v-model="form.quparams.content"></el-input>
        <el-input placeholder="请输入" v-model="form.quparams.complaintReason"></el-input>
      </el-form-item>
      <el-form-item label="投诉对象">
        <el-input placeholder="请输入"></el-input>
      <el-form-item label="投诉对象" prop="executeDeptName">
        <el-input placeholder="请输入" v-model="form.quparams.executeDeptName"></el-input>
      </el-form-item>
      <el-form-item label="投诉人">
        <el-input placeholder="请输入"></el-input>
      <el-form-item label="投诉人" prop="companyName">
        <el-input placeholder="请输入" v-model="form.quparams.companyName"></el-input>
      </el-form-item>
      <el-form-item label="执法记录">
        <el-input placeholder="请输入"></el-input>
      <el-form-item label="执法主题" prop="enforceReason">
        <el-input placeholder="请输入" v-model="form.quparams.enforceReason"></el-input>
      </el-form-item>
      <el-form-item label="办理状态">
        <el-input placeholder="请输入"></el-input>
      <el-form-item label="办理状态" prop="complaintStatus">
        <el-select style="width: 180px;" v-model="form.quparams.complaintStatus" placeholder="请选择">
          <el-option v-for="(item,index) in form.status" :key="index" :label="item" :value="index"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -30,12 +32,12 @@
      <el-table-column label="投诉企业" prop="companyName"></el-table-column>
      <el-table-column label="投诉对象" prop="executeDeptName">
        <template #default="scope">
         {{ scope.row.executeUser }} ({{ scope.row.executeDeptName }})
         {{ scope.row.executeDeptName }}
        </template>
      </el-table-column>
      <el-table-column label="投诉类型">
        <template #default="scope">
          {{ complaint_type[scope.row.complaintType] }}
          {{ dispImgType(scope.row.complaintType) }}
        </template>
      </el-table-column>
      <el-table-column label="投诉内容" prop="complaintReason"></el-table-column>
@@ -70,6 +72,7 @@
import orderDetails from '@/views/infomanger/enforcement/component/details.vue'
const { proxy } = getCurrentInstance()
const { complaint_type } = proxy.useDictPer("complaint_type");
console.log(complaint_type)
const handlerComRef = ref()
const orderDetailsRef = ref()
const formRef = ref()
@@ -78,7 +81,10 @@
    content: '',
    pageSize: 10,
    pageNum: 1,
    total: 0
    total: 0,
    complaintReason: '',
    executeDeptName: '',
    complaintStatus: ''
  },
  tableData: [],
  status: {
@@ -89,15 +95,19 @@
  return complaint_type.value.find((f: any) => f.value == e)?.label;
};
function handleQuery() {
  form.quparams.pageNum = 1
  listComplaintHttp()
}
function resetQuery() {
  formRef.value.resetFields()
  form.quparams.pageNum = 1
  listComplaintHttp()
}
function listComplaintHttp() {
  listComplaint().then((res: any) => {
    console.log(res.rows)
  listComplaint(form.quparams).then((res: any) => {
    // console.log(res.rows)
    form.tableData = res.rows
    form.quparams.total = res.total
  })
}
function handlerRes(item) {