Browse Source

服务列表修改

feature
lichao 3 years ago
parent
commit
282e6a0386
  1. 221
      src/views/modules/communityService/commonDemand/index.vue

221
src/views/modules/communityService/commonDemand/index.vue

@ -7,7 +7,7 @@
ref="ref_searchform" ref="ref_searchform"
:label-width="'80px'"> :label-width="'80px'">
<div> <div>
<el-form-item label="服务名称" <el-form-item label="服务名称"
prop="serviceName"> prop="serviceName">
<el-input v-model="formData.serviceName" <el-input v-model="formData.serviceName"
@ -17,7 +17,7 @@
placeholder="请输入"> placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务组织" <el-form-item label="服务组织"
prop="serviceOrgType"> prop="serviceOrgType">
<el-select v-model="formData.serviceOrgType" <el-select v-model="formData.serviceOrgType"
@ -44,7 +44,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item label="服务时间"
prop="serviceTimeStart"> prop="serviceTimeStart">
<el-date-picker v-model="formData.serviceTimeStart" <el-date-picker v-model="formData.serviceTimeStart"
@ -67,7 +67,7 @@
placeholder="结束时间"> placeholder="结束时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="服务状态" <el-form-item label="服务状态"
prop="serviceStatus"> prop="serviceStatus">
<el-select class="item_width_2" <el-select class="item_width_2"
@ -81,7 +81,7 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="满意度" <el-form-item label="满意度"
prop="satisfaction"> prop="satisfaction">
@ -96,7 +96,7 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-button style="margin-left:30px" <el-button style="margin-left:30px"
size="small" size="small"
@ -109,19 +109,19 @@
</div> </div>
</el-form> </el-form>
</div> </div>
<div class="div_table"> <div class="div_table">
<div class="div_btn"> <div class="div_btn">
<el-button class="diy-button--add" <el-button class="diy-button--add"
size="small" size="small"
@click="handleAdd">发起服务</el-button> @click="handleAdd">发起服务</el-button>
<!-- <el-button @click="handleExport" <!-- <el-button @click="handleExport"
class="diy-button--reset" class="diy-button--reset"
size="small">导出</el-button> --> size="small">导出</el-button> -->
</div> </div>
<el-table :data="tableData" <el-table :data="tableData"
border border
v-loading="tableLoading" v-loading="tableLoading"
@ -134,21 +134,21 @@
type="index" type="index"
align="center" align="center"
width="50" /> width="50" />
<el-table-column prop="serviceName" <el-table-column prop="serviceName"
label="服务名称" label="服务名称"
align="center" align="center"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column prop="serviceOrgName" <el-table-column prop="serviceOrgName"
align="center" align="center"
min-width="150" min-width="150"
label="服务组织名称" label="服务组织名称"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column prop="serviceTimeStart" <el-table-column prop="serviceTimeStart"
align="center" align="center"
width="300" width="300"
@ -158,7 +158,7 @@
<span>{{scope.row.serviceTimeStart}}-{{scope.row.serviceTimeEnd}}</span> <span>{{scope.row.serviceTimeStart}}-{{scope.row.serviceTimeEnd}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="serviceStatus" <el-table-column prop="serviceStatus"
align="center" align="center"
width="100" width="100"
@ -168,14 +168,14 @@
<span>{{scope.row.serviceStatus==='in_service'?'进行中':'已完成'}}</span> <span>{{scope.row.serviceStatus==='in_service'?'进行中':'已完成'}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="servicePeopleNumber" <el-table-column prop="servicePeopleNumber"
align="center" align="center"
width="110" width="110"
label="服务人数" label="服务人数"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column fixed="right" <el-table-column fixed="right"
label="操作" label="操作"
align="center" align="center"
@ -205,11 +205,11 @@
type="text" type="text"
size="small" size="small"
class="div-table-button--delete">取消</el-button> class="div-table-button--delete">取消</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination @size-change="handleSizeChange" <el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
@ -220,9 +220,9 @@
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
</div> </div>
<el-dialog v-if="showAdd" <el-dialog v-if="showAdd"
:visible.sync="showAdd" :visible.sync="showAdd"
@ -299,10 +299,10 @@
:formType="formType"> :formType="formType">
</person-list> </person-list>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
@ -314,34 +314,34 @@
import editForm from "./editForm"; import editForm from "./editForm";
import feedBackForm from "./addForm"; import feedBackForm from "./addForm";
import personList from "../policy/personList"; import personList from "../policy/personList";
export default { export default {
components: { addForm, detailForm, feedBackForm, personList, editForm }, components: { addForm, detailForm, feedBackForm, personList, editForm },
data () { data () {
let endDisabledDate = (time) => {//datareturn let endDisabledDate = (time) => {//datareturn
let nowData = Date.now() let nowData = Date.now()
if (this.formData.serviceTimeStart) { if (this.formData.serviceTimeStart) {
let serviceTimeStart = new Date(this.formData.serviceTimeStart) let serviceTimeStart = new Date(this.formData.serviceTimeStart)
return time.getTime() > nowData || time.getTime() < serviceTimeStart || time.getTime() === serviceTimeStart return time.getTime() > nowData || time.getTime() < serviceTimeStart || time.getTime() === serviceTimeStart
} else { } else {
return time.getTime() > nowData return time.getTime() > nowData
} }
} }
let startDisabledDate = (time) => {//datareturn let startDisabledDate = (time) => {//datareturn
let nowData = Date.now() let nowData = Date.now()
return time.getTime() > nowData return time.getTime() > nowData
} }
return { return {
tableLoading: false, tableLoading: false,
user: {}, user: {},
agencyId: '', agencyId: '',
tableData: [], tableData: [],
statusArray: [ statusArray: [
{ {
value: "in_service", value: "in_service",
@ -365,19 +365,19 @@
value: "perfect", value: "perfect",
label: "非常满意", label: "非常满意",
}, },
], ],
formData: { formData: {
serviceName: '',// serviceName: '',//
serviceOrgType: '',// serviceOrgType: '',//
serviceOrgId: '',//Id serviceOrgId: '',//Id
serviceTimeStart: '',//yyyy-MM-dd serviceTimeStart: '',//yyyy-MM-dd
serviceTimeEnd: '',//yyyy-MM-dd serviceTimeEnd: '',//yyyy-MM-dd
serviceStatus: '',//in_servicecompleted: serviceStatus: '',//in_servicecompleted:
satisfaction: '',//.:bad:good:perfect satisfaction: '',//.:bad:good:perfect
}, },
pageNo: 1, pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20, pageSize: window.localStorage.getItem("pageSize") || 20,
@ -391,7 +391,7 @@
serviceRecordId: '', serviceRecordId: '',
serviceName: '', serviceName: '',
serviceOrgName: '', serviceOrgName: '',
showAdd: false, showAdd: false,
showEdit: false, showEdit: false,
showDetail: false, showDetail: false,
@ -399,10 +399,10 @@
formType: 'add', formType: 'add',
addDiaTitle: '发起服务', addDiaTitle: '发起服务',
detailDiaTitle: '服务详情', detailDiaTitle: '服务详情',
serviceOptions: [], serviceOptions: [],
serviceOptiondList: [], serviceOptiondList: [],
policyId: '', policyId: '',
showPersonList: false, showPersonList: false,
ruleList: [] ruleList: []
@ -422,7 +422,7 @@
// let arrayTemp = val.split(' ') // let arrayTemp = val.split(' ')
// this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59' // this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
// } // }
// }, // },
}, },
mounted () { mounted () {
@ -433,7 +433,7 @@
this.getTableData(); this.getTableData();
}, },
methods: { methods: {
handleSearch (val) { handleSearch (val) {
console.log(this.formData); console.log(this.formData);
this.pageNo = 1; this.pageNo = 1;
@ -442,20 +442,20 @@
// //
async getDictOptions () { async getDictOptions () {
const url = "/sys/dict/data/dictlist" const url = "/sys/dict/data/dictlist"
let params = { let params = {
dictType: 'user_demand_service_type' dictType: 'user_demand_service_type'
} }
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.serviceOptions = data; this.serviceOptions = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg)
} }
}, },
handleServiceChange (type, val) { handleServiceChange (type, val) {
this.formData.serviceOrgId = '' this.formData.serviceOrgId = ''
if (val === "social_org") { if (val === "social_org") {
@ -468,10 +468,10 @@
this.getServiceuserList(val, ""); this.getServiceuserList(val, "");
} }
}, },
async getServiceuserList (serviceType, query) { async getServiceuserList (serviceType, query) {
if (!serviceType) return false; if (!serviceType) return false;
const params = { const params = {
serviceName: "", serviceName: "",
serviceType: serviceType, serviceType: serviceType,
@ -492,45 +492,45 @@
}, },
// //
async handlePersonList (row) { async handlePersonList (row) {
this.policyId = row.policyId this.policyId = row.policyId
await this.loadRuleList() await this.loadRuleList()
this.formType = 'personList' this.formType = 'personList'
this.showPersonList = true; this.showPersonList = true;
}, },
async loadRuleList () { async loadRuleList () {
const url = "/heart/policy/rulelist/" + this.policyId const url = "/heart/policy/rulelist/" + this.policyId
let params = {} let params = {}
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.ruleList = data this.ruleList = data
} else { } else {
this.$message.error(msg) this.$message.error(msg)
} }
}, },
async handleAdd () { async handleAdd () {
this.addDiaTitle = '发起服务' this.addDiaTitle = '发起服务'
this.formType = 'add' this.formType = 'add'
this.showAdd = true; this.showAdd = true;
}, },
async handleDetail (row) { async handleDetail (row) {
this.detailDiaTitle = "服务详情" this.detailDiaTitle = "服务详情"
this.serviceRecordId = row.serviceRecordId this.serviceRecordId = row.serviceRecordId
this.serviceOrgName = row.serviceOrgName this.serviceOrgName = row.serviceOrgName
// this.formType = 'detail' // this.formType = 'detail'
this.showDetail = true this.showDetail = true
}, },
diaDetailClose () { diaDetailClose () {
console.log(this.$refs.ref_detail) console.log(this.$refs.ref_detail)
@ -543,42 +543,42 @@
this.serviceOrgName = row.serviceOrgName this.serviceOrgName = row.serviceOrgName
this.formType = 'edit' this.formType = 'edit'
this.showEdit = true this.showEdit = true
}, },
// //
async handleFeedback (row) { async handleFeedback (row) {
this.serviceRecordId = row.serviceRecordId this.serviceRecordId = row.serviceRecordId
this.serviceName = row.serviceName this.serviceName = row.serviceName
this.addDiaTitle = '服务反馈' this.addDiaTitle = '服务反馈'
this.formType = 'feedback' this.formType = 'feedback'
this.showAdd = true; this.showAdd = true;
}, },
handleClose () { handleClose () {
this.serviceRecordId = "" this.serviceRecordId = ""
this.formType = '' this.formType = ''
this.showAdd = false this.showAdd = false
this.showDetail = false this.showDetail = false
this.showEdit = false this.showEdit = false
}, },
handleOk () { handleOk () {
this.handleClose() this.handleClose()
this.pageNo = 1 this.pageNo = 1
this.getTableData() this.getTableData()
}, },
async handleDel (row) { async handleDel (row) {
this.serviceRecordId = row.serviceRecordId this.serviceRecordId = row.serviceRecordId
this.$confirm("确认取消服务?", "提示", { this.$confirm("确认取消服务?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
@ -594,20 +594,20 @@
// message: "" // message: ""
// }); // });
} }
}); });
}, },
async cancelFuwu () { async cancelFuwu () {
const url = '/heart/icServiceRecordV2/cancel'; const url = '/heart/icServiceRecordV2/cancel';
let params = { let params = {
serviceRecordId: this.serviceRecordId serviceRecordId: this.serviceRecordId
} }
const { data, code, msg } = await requestPost(url, params); const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.$message.success("取消成功!"); this.$message.success("取消成功!");
this.getTableData(); this.getTableData();
@ -615,11 +615,11 @@
this.$message.error("操作失败!"); this.$message.error("操作失败!");
} }
}, },
async getTableData () { async getTableData () {
this.tableLoading = true this.tableLoading = true
const url = "/heart/icServiceRecordV2/list"; const url = "/governance/icServiceRecordV2/list";
const { pageSize, pageNo, formData } = this; const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
pageSize, pageSize,
@ -627,20 +627,20 @@
serviceCategoryKey: this.serviceCategoryKey, serviceCategoryKey: this.serviceCategoryKey,
...formData, ...formData,
}); });
this.tableLoading = false this.tableLoading = false
if (code === 0) { if (code === 0) {
this.total = data.total || 0; this.total = data.total || 0;
this.tableData = data.list this.tableData = data.list
} else { } else {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
async handleExport () { async handleExport () {
const url = "/gov/project/icEvent/export"; const url = "/gov/project/icEvent/export";
const { pageSize, pageNo, formData } = this; const { pageSize, pageNo, formData } = this;
@ -675,50 +675,49 @@
return this.$message.error("网络错误"); return this.$message.error("网络错误");
}); });
}, },
handleSizeChange (val) { handleSizeChange (val) {
this.pageSize = val; this.pageSize = val;
window.localStorage.setItem("pageSize", val); window.localStorage.setItem("pageSize", val);
this.getTableData(); this.getTableData();
}, },
handleCurrentChange (val) { handleCurrentChange (val) {
this.pageNo = val; this.pageNo = val;
this.getTableData(); this.getTableData();
}, },
resetSearch () { resetSearch () {
this.formData = { this.formData = {
serviceName: '',// serviceName: '',//
serviceOrgType: '',// serviceOrgType: '',//
serviceOrgId: '',//Id serviceOrgId: '',//Id
serviceTimeStart: '',//yyyy-MM-dd serviceTimeStart: '',//yyyy-MM-dd
serviceTimeEnd: '',//yyyy-MM-dd serviceTimeEnd: '',//yyyy-MM-dd
serviceStatus: '',//in_servicecompleted: serviceStatus: '',//in_servicecompleted:
satisfaction: '',//.:bad:good:perfect satisfaction: '',//.:bad:good:perfect
} }
this.pageNo = 1 this.pageNo = 1
this.getTableData() this.getTableData()
}, },
}, },
props: { props: {
serviceCategoryKey: { serviceCategoryKey: {
type: String, type: String,
required: 'true' required: 'true'
}, },
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss"; @import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss"; @import "@/assets/scss/modules/shequzhili/event-info.scss";
</style> </style>
Loading…
Cancel
Save