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