后台问题修改

wjt

2024-06-25 ef4723d012ca9227b0a5442560c15910c2438f1d

 src/views/infomanger/complating/index.vue

@@ -2,40 +2,42 @@
  <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>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-row class="mt20 mb10">
    <!-- <el-row class="mt20 mb10">
      <el-col>
        <el-button icon="Download" type="primary" plain>导出</el-button>
      </el-col>
    </el-row>
    </el-row> -->
    <el-table :data="form.tableData">
      <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>
@@ -58,7 +60,7 @@
      </el-table-column>
    </el-table>
    <pagination v-show="form.quparams.total > 0" :total="form.quparams.total" v-model:page="form.quparams.pageNum" v-model:limit="form.quparams.pageSize" @pagination="getList" />
      <handlerCom ref="handlerComRef"></handlerCom>
      <handlerCom @upload="upload" ref="handlerComRef"></handlerCom>
      <orderDetails ref="orderDetailsRef"></orderDetails>
  </div>
</template>
@@ -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) {
@@ -130,6 +140,10 @@
  form.quparams.pageNum = e.page
  listComplaintHttp()
}
function upload() {
  // console.log(111)
  listComplaintHttp()
}
listComplaintHttp()
</script>