gaoluyang
6 天以前 00100d130c240c191d87d3b6cfb2415f47b9c2d0
src/views/customerService/afterSalesHandling/index.vue
@@ -2,22 +2,34 @@
   <div class="app-container">
      <div class="search_form">
         <div>
            <span class="search_title">设备名称:</span>
            <el-input
               v-model="searchForm.name"
               style="width: 240px"
               placeholder="请输入"
               @change="handleQuery"
            <span class="search_title">反馈日期:</span>
            <el-date-picker
               v-model="searchForm.feedbackDate"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               type="date"
               placeholder="请选择"
               clearable
               :prefix-icon="Search"
               @change="handleQuery"
            />
            <span class="search_title ml10">处理日期:</span>
            <el-date-picker
               v-model="searchForm.disDate"
               value-format="YYYY-MM-DD"
               format="YYYY-MM-DD"
               type="date"
               placeholder="请选择"
               clearable
               @change="handleQuery"
            />
        <span style = "margin-left: 10px;" class="search_title">处理状态:</span>
        <el-select v-model="searchForm.status" placeholder="请选择状态" @change="handleQuery" style="width: 140px" clearable>
          <el-option label="待处理" :value="1"></el-option>
          <el-option label="已处理" :value="2"></el-option>
        </el-select>
            <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
            >搜索</el-button
            >
         </div>
         <div>
            <el-button type="primary" @click="openForm('add')">新增</el-button>
            <el-button type="danger" plain @click="handleDelete">删除</el-button>
         </div>
      </div>
      <div class="table_list">
@@ -39,7 +51,7 @@
<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import FormDia from "@/views/customerService/feedbackRegistration/components/formDia.vue";
import FormDia from "@/views/customerService/afterSalesHandling/components/formDia.vue";
import {ElMessageBox} from "element-plus";
import {afterSalesServiceDelete, afterSalesServiceListPage} from "@/api/customerService/index.js";
import useUserStore from "@/store/modules/user.js";
@@ -48,7 +60,8 @@
const data = reactive({
   searchForm: {
      name: "",
      feedbackDate: "",
      disDate: "",
   },
});
const { searchForm } = toRefs(data);
@@ -102,21 +115,43 @@
      width: 200,
   },
   {
      label: "处理人",
      prop: "disposeNickName",
   },
   {
      label: "处理结果",
      prop: "disRes",
      width: 200,
   },
   {
      label: "处理日期",
      prop: "disDate",
      width: 150,
   },
   {
      dataType: "action",
      label: "操作",
      align: "center",
      fixed: 'right',
      width: 120,
      operation: [
         {
            name: "编辑",
            name: "处理",
            type: "text",
            clickFun: (row) => {
               openForm("edit", row);
               openForm("approve", row);
            },
            disabled: (row) => {
               return row.checkUserId !== userStore.id || row.status !== 1
               return row.status !== 1
            }
         },
         {
            name: "查看",
            type: "text",
            clickFun: (row) => {
               openForm("view", row);
            },
         },
      ],
   },
]);