| | |
| | | <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" |
| | | /> |
| | | <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"> |
| | |
| | | <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"; |
| | |
| | | |
| | | const data = reactive({ |
| | | searchForm: { |
| | | name: "", |
| | | feedbackDate: "", |
| | | disDate: "", |
| | | }, |
| | | }); |
| | | const { searchForm } = toRefs(data); |
| | |
| | | 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); |
| | | }, |
| | | }, |
| | | ], |
| | | }, |
| | | ]); |