Browse Source

公共服务的列表 新增

V1.0
lichao 3 years ago
parent
commit
fedeb5554d
  1. 194
      src/views/modules/communityService/commonDemand/addForm.vue
  2. 50
      src/views/modules/communityService/commonDemand/index.vue

194
src/views/modules/communityService/commonDemand/addForm.vue

@ -74,7 +74,7 @@
</el-form-item>
<el-form-item
label="服务名称"
label="服务事项"
prop="serviceName"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
@ -82,71 +82,82 @@
>
<el-input
class="item_width_1"
placeholder="请输入服务名称"
placeholder="请输入服务事项"
v-model="formData.serviceName"
>
</el-input>
</el-form-item>
<el-form-item
label="服务组织"
prop="serviceOrgId"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
label="服务内容"
prop="remark"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-select
v-model="formData.serviceOrgType"
class="input-width-small"
placeholder="请选择"
clearable
@change="handleServiceChange('add', $event)"
>
<el-option
v-for="item in serviceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
-
<el-select
v-model="formData.serviceOrgId"
class="input-width-middle"
filterable
placeholder="请选择"
clearable
>
<el-option
v-for="item in serviceOptiondList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-input
class="item_width_1"
type="textarea"
maxlength="1000"
show-word-limit
:rows="3"
placeholder="请输入备注,不超过1000字"
v-model="formData.remark"
></el-input>
</el-form-item>
<el-form-item
label="服务范围"
prop="objList"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
label="服务范围"
prop="objList"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-cascader
class="item_width_1"
ref="myCascader"
v-model="scopeIdArray"
:key="iscascaderShow"
:options="casOptions"
:props="optionProps"
:show-all-levels="false"
@change="handleChangeScope"
class="item_width_1"
ref="myCascader"
v-model="scopeIdArray"
:key="iscascaderShow"
:options="casOptions"
:props="optionProps"
:show-all-levels="false"
@change="handleChangeScope"
></el-cascader>
</el-form-item>
<el-form-item
label="服务时间"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
prop="serviceTimeStart"
>
<el-date-picker
v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions"
class="item_width_2"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker>
<span class="data-tag"></span>
<el-date-picker
v-model="formData.serviceTimeEnd"
:picker-options="endPickerOptions"
class="item_width_2 data-tag"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="政策依据"
prop="policyId"
@ -207,54 +218,49 @@
</el-input>
</el-form-item>
<el-form-item
label="服务时间"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
prop="serviceTimeStart"
label="服务方"
prop="serviceOrgId"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-date-picker
v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions"
class="item_width_2"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
<el-select
v-model="formData.serviceOrgType"
class="input-width-small"
placeholder="请选择"
clearable
@change="handleServiceChange('add', $event)"
>
</el-date-picker>
<span class="data-tag"></span>
<el-date-picker
v-model="formData.serviceTimeEnd"
:picker-options="endPickerOptions"
class="item_width_2 data-tag"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
<el-option
v-for="item in serviceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
-
<el-select
v-model="formData.serviceOrgId"
class="input-width-middle"
filterable
placeholder="请选择"
clearable
>
</el-date-picker>
<el-option
v-for="item in serviceOptiondList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="备注"
prop="remark"
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-input
class="item_width_1"
type="textarea"
maxlength="1000"
show-word-limit
:rows="3"
placeholder="请输入备注,不超过1000字"
v-model="formData.remark"
></el-input>
</el-form-item>
<el-form-item
label="直接反馈"
prop="remark"
@ -1189,6 +1195,8 @@
resetData() {
this.formData = {
serviceTypeLevel1Id:'',// id
serviceTypeLevel2Id:'',// id
objList: [], //
principalName: "", //()
principalContact: "", //

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

@ -43,8 +43,31 @@
</div>
</el-form-item>
<el-form-item label="服务时间"
prop="serviceTimeStart">
<el-date-picker v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions"
class="item_width_2"
size="small"
type="date"
value-format="yyyy-MM-dd"
value="yyyy-MM-dd"
placeholder="开始时间">
</el-date-picker>
<span class="data-tag"></span>
<el-date-picker v-model="formData.serviceTimeEnd"
:picker-options="endPickerOptions"
class="item_width_2 data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd"
value="yyyy-MM-dd"
placeholder="结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="服务名称"
<el-form-item label="服务事项"
prop="serviceName">
<el-input v-model="formData.serviceName"
class="item_width_1"
@ -81,28 +104,7 @@
</el-select>
</el-form-item>
<el-form-item label="服务时间"
prop="serviceTimeStart">
<el-date-picker v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions"
class="item_width_2"
size="small"
type="date"
value-format="yyyy-MM-dd"
value="yyyy-MM-dd"
placeholder="开始时间">
</el-date-picker>
<span class="data-tag"></span>
<el-date-picker v-model="formData.serviceTimeEnd"
:picker-options="endPickerOptions"
class="item_width_2 data-tag"
size="small"
type="date"
value-format="yyyy-MM-dd"
value="yyyy-MM-dd"
placeholder="结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="服务状态"
prop="serviceStatus">
@ -759,6 +761,8 @@
resetSearch () {
this.formData = {
serviceTypeLevel1Id:'',// id
serviceTypeLevel2Id:'',// id
serviceName: '',//
serviceOrgType: '',//
serviceOrgId: '',//Id

Loading…
Cancel
Save