jiangyy 3 years ago
parent
commit
d7dcb318fd
  1. 95
      src/views/components/resiSearch.vue
  2. 572
      src/views/components/smartSearchRule.vue

95
src/views/components/resiSearch.vue

@ -190,9 +190,8 @@
</el-col>
<el-col>
<smart-search-rule :ref="'ref_rule'+selBtnIndex"
:formType="formType"
:index="selBtnIndex"></smart-search-rule>
<smart-search-rule ref="ref_rule"
:formType="formType"></smart-search-rule>
</el-col>
</el-row>
@ -369,15 +368,92 @@ export default {
btnList: [
{
name: '智能查询',
index: 1
index: 1,
},
{
name: '租户',
index: 2
index: 2,
ruleList: [
{
selSmartType: 'house',
nextLogicalRel: "",
nextLogicalRelName: "",
personRule: {
ruleDesc: '',//
itemGroupId: '',
itemId: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
itemList: [],
colType: '',//
colOption: [],
itemGroupName: '',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
},
houseRule: {
colKey: "RENT_FLAG",
colTable: "ic_house",
colVal: "1",
colValLabel: "出租",
itemGroupId: null,
itemGroupName: "房屋信息",
itemId: null,
itemLabel: "房屋状态",
nextLogicalRel: "",
nextLogicalRelName: "",
queryType: "=",
queryTypeName: "等于",
ruleDesc: "房屋信息房屋状态等于出租",
},
},
]
},
{
name: '第一党支部党员',
index: 3
index: 3,
ruleList: [
{
selSmartType: 'person',
nextLogicalRel: "",
nextLogicalRelName: "",
personRule: {
colKey: "IS_BDHJ",
colTable: "ic_resi_user",
colVal: "1",
colValLabel: "是",
itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
itemGroupName: "基础信息",
itemId: "20220422102809_1005",
itemLabel: "本地户籍",
queryType: "=",
queryTypeName: "等于",
ruleDesc: "基础信息本地户籍等于是",
},
houseRule: {
ruleDesc: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
titleName: '房屋信息',
colType: '',//
colOption: [],
itemGroupName: '房屋信息',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
},
},
]
}
]
@ -483,6 +559,11 @@ export default {
// this.orgOptions = [];
},
handleSearch () {
if (this.showSmartSearchForm) {
let refObj = this.$refs['ref_rule']
refObj.getRule()
} else {
// console.log('formmmmm---', this.form)
const itemTypes = ['daterange', 'timerange', 'checkbox']
let a = this.tempFormList.filter(item => item.itemType != 'inputRange')
@ -510,6 +591,8 @@ export default {
let arr3 = [...arr1, ...arr2]
this.$emit('search', arr3)
return arr3
}
},
handleOpenSearch () {
this.openSearch = !this.openSearch

572
src/views/components/smartSearchRule.vue

@ -3,13 +3,13 @@
<div class="m-main">
<div v-for="(ruleItem,ruleIndex) in smartRuleList"
:key="ruleIndex"
class="row-item">
:key="ruleIndex">
<div class="row-item">
<el-select class="item_width_1"
v-model="ruleItem.selSmartType"
size="small"
placeholder="请选择">
<el-option v-for="item in smartList1"
<el-option v-for="item in smartList"
@click.native="handleSelSmartType(ruleIndex,item)"
:key="item.value"
:label="item.label"
@ -81,67 +81,65 @@
</div>
<div v-if="ruleItem.selSmartType==='person'">
<div v-for="(personItem,personIndex) in resiRuleList"
:key="personIndex"
<div v-if="ruleItem.selSmartType==='person'"
class="row-item-one">
<el-select class="item_width_1"
v-model="personItem.itemGroupId"
v-model="ruleItem.personRule.itemGroupId"
size="small"
placeholder="请选择">
<el-option v-for="item in groupList"
@click.native="handleSelGroup(personIndex,item)"
@click.native="handleSelGroup(ruleIndex,item)"
:key="item.id"
:label="item.label"
:value="item.id">
</el-option>
</el-select>
<el-select class="item_width_1"
v-model="personItem.itemId"
v-model="ruleItem.personRule.itemId"
size="small"
placeholder="请选择">
<el-option v-for="item in personItem.itemList"
@click.native="handleSelGroupItem(personIndex,item)"
<el-option v-for="item in ruleItem.personRule.itemList"
@click.native="handleSelGroupItem(ruleIndex,item)"
:key="item.itemId"
:label="item.label"
:value="item.itemId">
</el-option>
</el-select>
<el-select class="item_width_1"
v-model="personItem.queryType"
v-model="ruleItem.personRule.queryType"
size="small"
placeholder="请选择">
<el-option v-for="item in queryList"
@click.native="handleSelPersonQuery(personIndex,item)"
@click.native="handleSelPersonQuery(ruleIndex,item)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<div v-if="personItem.queryType!=='is_null'&&personItem.queryType!=='is_not_null'">
<div v-if="ruleItem.personRule.queryType!=='is_null'&&ruleItem.personRule.queryType!=='is_not_null'">
<el-select v-if="personItem.colType==='select'||personItem.colType==='radio'||personItem.colType==='checkbox'"
<el-select v-if="ruleItem.personRule.colType==='select'||ruleItem.personRule.colType==='radio'||ruleItem.personRule.colType==='checkbox'"
class="item_width_2"
v-model="personItem.colVal"
v-model="ruleItem.personRule.colVal"
size="small"
placeholder="请选择">
<el-option v-for="item in personItem.colOption"
@click.native="handleSelPersonValue(personIndex,item)"
<el-option v-for="item in ruleItem.personRule.colOption"
@click.native="handleSelPersonValue(ruleIndex,item)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-input-number v-else-if="personItem.colType==='inputNum'"
<el-input-number v-else-if="ruleItem.personRule.colType==='inputNum'"
class="item_width_2"
v-model="personItem.colVal"
v-model="ruleItem.personRule.colVal"
:min="0"
size="small"
label="请输入"></el-input-number>
<el-date-picker v-else-if="personItem.colType==='datepicker'||personItem.colType==='date'"
v-model="personItem.colVal"
<el-date-picker v-else-if="ruleItem.personRule.colType==='datepicker'||ruleItem.personRule.colType==='date'"
v-model="ruleItem.personRule.colVal"
class="item_width_2"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
@ -152,22 +150,20 @@
class="item_width_2"
size="small"
placeholder="请输入"
v-model="personItem.colVal">
v-model="ruleItem.personRule.colVal">
</el-input>
</div>
</div>
</div>
<el-select v-if="ruleIndex<(smartRuleList.length-1)"
class="item_width_1"
v-model="ruleItem.houseRule.nextLogicalRel"
v-model="ruleItem.nextLogicalRel"
size="small"
placeholder="请选择">
<el-option v-for="item in logicalList"
@click.native="handleSelPersonLogical(ruleIndex,item)"
@click.native="handleSelLogical(ruleIndex,item)"
:key="item.value"
:label="item.label"
:value="item.value">
@ -177,11 +173,17 @@
<img v-if=" ruleIndex<smartRuleList.length-1"
class="img_del"
src="@/assets/img/icon-del.png"
@click="delHouse(ruleIndex)">
<img v-if=" ruleIndex==smartRuleList.length-1"
class="img_del"
@click="delRule(ruleIndex)">
<div v-if=" ruleIndex==smartRuleList.length-1"
class="d-icon">
<img class="img_del"
src="@/assets/img/icon-add.png"
@click="addHouse(ruleIndex)">
@click="addRule(ruleIndex)">
<div class="d-save">保存为常用查询条件</div>
</div>
</div>
</div>
@ -204,11 +206,7 @@ export default {
personChecked: false,
houseChecked: false,
houseSel: true,
personSel: false,
smartList1: [
smartList: [
{
value: 'house',
label: '房屋信息'
@ -232,32 +230,18 @@ export default {
],
houseItemList: [],//
resiRuleList: [
{
ruleDesc: '',//
nextLogicalRel: '',//andor
itemGroupId: '',
itemId: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
okflag: false,
itemList: [],
colType: '',//
colOption: [],
itemGroupName: '',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
nextLogicalRelName: '',
}
],
showPersonList: false,
ruleList: {},
houseRuleList: [
smartRuleList: [
{
ruleDesc: '',
selSmartType: 'house',
nextLogicalRel: '',//andor
nextLogicalRelName: '',
houseRule: {
ruleDesc: '',
queryType: '',
colTable: '',
colKey: '',
@ -270,38 +254,28 @@ export default {
itemLabel: '',
queryTypeName: '',
colValLabel: '',
nextLogicalRelName: '',
}
],
okflag: false,
showPersonList: false,
ruleList: {},
smartRuleList: [
{
selSmartType: 'house',
houseRule: {
ruleDesc: '',
nextLogicalRel: '',//andor
},
personRule: {
ruleDesc: '',//
itemGroupId: '',
itemId: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
titleName: '房屋信息',
itemList: [],
colType: '',//
colOption: [],
itemGroupName: '房屋信息',
itemGroupName: '',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
nextLogicalRelName: '',
}
},
],
}
@ -326,10 +300,9 @@ export default {
handleSelSmartType (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
if (item.value === 'house') {
// if (item.value === 'house') {
oneData.houseRule = {
ruleDesc: '',
nextLogicalRel: '',//andor
queryType: '',
colTable: '',
colKey: '',
@ -342,13 +315,10 @@ export default {
itemLabel: '',
queryTypeName: '',
colValLabel: '',
nextLogicalRelName: '',
}
} else {
}
oneData.personRule = {
ruleDesc: '',//
nextLogicalRel: '',//andor
itemGroupId: '',
itemId: '',
queryType: '',
@ -363,191 +333,195 @@ export default {
itemLabel: '',
queryTypeName: '',
colValLabel: '',
nextLogicalRelName: '',
}
}
// } else {
// }
this.$set(this.smartRuleList, ruleIndex, oneData)
console.log(this.smartRuleList)
},
async setRule (resiRuleList, houseRuleList) {
// this.startLoading()
if (this.groupList.length == 0 || this.houseItemList.length === 0) {
setTimeout(() => {
this.setRule(resiRuleList, houseRuleList);
}, 500);
return false
}
// async setRule (smartRuleList, smartRuleList) {
// // this.startLoading()
// if (this.groupList.length == 0 || this.houseItemList.length === 0) {
// setTimeout(() => {
// this.setRule(smartRuleList, smartRuleList);
// }, 500);
// return false
// }
this.resiRuleList = resiRuleList
if (this.resiRuleList && this.resiRuleList.length > 0) {
this.personChecked = true
for (let i = 0; i < this.resiRuleList.length; i++) {
let element = this.resiRuleList[i]
// this.smartRuleList = smartRuleList
// if (this.smartRuleList && this.smartRuleList.length > 0) {
// this.personChecked = true
// for (let i = 0; i < this.smartRuleList.length; i++) {
// let element = this.smartRuleList[i]
let selGroup = this.groupList.filter((item) =>
element.itemGroupId === item.id
);
console.log(selGroup)
// let selGroup = this.groupList.filter((item) =>
// element.itemGroupId === item.id
// );
// console.log(selGroup)
if (selGroup.length > 0) {
await this.handleSelGroup(i, selGroup[0], true)
// if (selGroup.length > 0) {
// await this.handleSelGroup(i, selGroup[0], true)
let selItem = element.itemList.filter((item) =>
element.itemId === item.itemId);
if (selItem.length > 0) {
await this.handleSelGroupItem(i, selItem[0], true)
}
// let selItem = element.itemList.filter((item) =>
// element.itemId === item.itemId);
// if (selItem.length > 0) {
// await this.handleSelGroupItem(i, selItem[0], true)
// }
}
}
}
// }
// }
// }
this.houseRuleList = houseRuleList
if (this.houseRuleList && this.houseRuleList.length > 0) {
this.houseChecked = true
this.houseRuleList.forEach((element, index) => {
// this.smartRuleList = smartRuleList
// if (this.smartRuleList && this.smartRuleList.length > 0) {
// this.houseChecked = true
// this.smartRuleList.forEach((element, index) => {
let selHouseItem = this.houseItemList.filter((item) =>
element.colKey === item.colKey
);
// let selHouseItem = this.houseItemList.filter((item) =>
// element.colKey === item.colKey
// );
if (selHouseItem.length > 0) {
this.handleSelHouseItem(index, selHouseItem[0], true)
}
// if (selHouseItem.length > 0) {
// this.handleSelHouseItem(index, selHouseItem[0], true)
// }
});
}
// });
// }
},
// },
getRule () {
this.okflag = false
let messageObj = this.validateRule(this.personChecked, this.houseChecked)
// console.log('resiRuleList', this.resiRuleList)
// console.log('houseRuleList', this.houseRuleList)
let messageObj = this.validateRule()
if (messageObj) {
this.$message.error(messageObj)
} else {
if (this.resiRuleList.length > 0) {
this.resiRuleList[this.resiRuleList.length - 1].nextLogicalRel = ''
if (this.smartRuleList.length > 0) {
this.smartRuleList[this.smartRuleList.length - 1].nextLogicalRel = ''
}
if (this.houseRuleList.length > 0) {
this.houseRuleList[this.houseRuleList.length - 1].nextLogicalRel = ''
}
console.log('smartRuleList', this.smartRuleList)
this.okflag = true
}
},
validateRule (valPerson, valHouse) {
validateRule () {
let message = ''
if (valPerson) {
this.resiRuleList.forEach((item, index) => {
this.smartRuleList.forEach((item, index) => {
if (item.selSmartType === 'person') {
if (item.itemGroupId === '' ||
item.itemId === '' ||
item.queryType === '' ||
item.colKey === ''
if (item.personRule.itemGroupId === '' ||
item.personRule.itemId === '' ||
item.personRule.queryType === '' ||
item.personRule.colKey === ''
) {
message = '匹配规则' + (this.index + 1) + '人员信息不完整,请填写完整!'
return message
}
if ((index != this.resiRuleList.length - 1) && item.nextLogicalRel === '') {
message = '匹配规则' + (this.index + 1) + '人员信息不完整,请填写完整!'
message = '第' + (index + 1) + '行人员信息不完整,请填写完整!'
return message
}
if ((item.queryType !== 'is_null' && item.queryType !== 'is_not_null') && item.colVal === '') {
message = '匹配规则' + (this.index + 1) + '人员信息不完整,请填写完整!'
if ((item.personRule.queryType !== 'is_null' && item.personRule.queryType !== 'is_not_null') && item.personRule.colVal === '') {
message = '' + (index + 1) + '人员信息不完整,请填写完整!'
return message
}
});
}
if (valHouse) {
if (item.selSmartType === 'house') {
this.houseRuleList.forEach((item, index) => {
if (item.itemGroupId === '' ||
item.itemId === '' ||
item.queryType === '' ||
item.colKey === ''
if (item.houseRule.itemGroupId === '' ||
item.houseRule.itemId === '' ||
item.houseRule.queryType === '' ||
item.houseRule.colKey === ''
) {
message = '匹配规则' + (this.index + 1) + '房屋信息不完整,请填写完整!'
return message
}
if ((index != this.houseRuleList.length - 1) && item.nextLogicalRel === '') {
message = '匹配规则' + (this.index + 1) + '房屋信息不完整,请填写完整!'
message = '第' + (index + 1) + '行房屋信息不完整,请填写完整!'
return message
}
if ((item.queryType !== 'is_null' && item.queryType !== 'is_not_null') && item.colVal === '') {
message = '匹配规则' + (this.index + 1) + '房屋信息不完整,请填写完整!'
if ((item.houseRule.queryType !== 'is_null' && item.houseRule.queryType !== 'is_not_null') && item.houseRule.colVal === '') {
message = '第' + (index + 1) + '行房屋信息不完整,请填写完整!'
return message
}
});
}
if ((index != this.smartRuleList.length - 1) && item.nextLogicalRel === '') {
message = '第' + (index + 1) + '行逻辑选项不能为空!'
return message
}
});
return message
},
handlePreview () {
if (!this.personChecked && !this.houseChecked) {
this.$message.info('请勾选要预览的规则')
return false
}
handleClose () {
this.showPersonList = false
},
this.getRule()
if (!this.okflag) {
return false
}
this.ruleList = {}
this.ruleList = {
resiRuleList: [],
houseRuleList: [],
addRule () {
}
let obj = {
selSmartType: 'house',
nextLogicalRel: '',//andor
nextLogicalRelName: '',
houseRule: {
ruleDesc: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
titleName: '房屋信息',
colType: '',//
colOption: [],
itemGroupName: '房屋信息',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
},
personRule: {
ruleDesc: '',//
itemGroupId: '',
itemId: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
if (this.personChecked) {
this.ruleList.resiRuleList = this.resiRuleList
itemList: [],
colType: '',//
colOption: [],
itemGroupName: '',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
}
if (this.houseChecked) {
this.ruleList.houseRuleList = this.houseRuleList
}
this.showPersonList = true
this.smartRuleList.push(obj)
},
handleClose () {
this.showPersonList = false
delRule (index) {
this.smartRuleList.splice(index, 1);
},
//
async handleSelGroup (personIndex, item, isSet) {
async handleSelGroup (ruleIndex, item, isSet) {
const url = '/oper/customize/icformitem/getItemListV2'
// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
let params = {
@ -560,20 +534,20 @@ export default {
if (code === 0) {
let oneData = this.resiRuleList[personIndex]
oneData.itemGroupName = item.label
oneData.itemList = data
oneData.colTable = item.tableName
let oneData = this.smartRuleList[ruleIndex]
oneData.personRule.itemGroupName = item.label
oneData.personRule.itemList = data
oneData.personRule.colTable = item.tableName
if (!isSet) {//
oneData.nextLogicalRel = ''
oneData.itemId = ''
oneData.queryType = ''
oneData.colKey = ''
oneData.colVal = ''
oneData.personRule.itemId = ''
oneData.personRule.queryType = ''
oneData.personRule.colKey = ''
oneData.personRule.colVal = ''
}
this.$set(this.resiRuleList, personIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
} else {
this.$message.error(msg)
@ -581,18 +555,18 @@ export default {
},
//
async handleSelGroupItem (personIndex, item, isSet) {
async handleSelGroupItem (ruleIndex, item, isSet) {
let oneData = this.resiRuleList[personIndex]
let oneData = this.smartRuleList[ruleIndex]
oneData.colKey = item.columnName
oneData.colType = item.itemType
oneData.itemLabel = item.label
oneData.personRule.colKey = item.columnName
oneData.personRule.colType = item.itemType
oneData.personRule.itemLabel = item.label
if (!isSet) {//
oneData.nextLogicalRel = ''
oneData.queryType = ''
oneData.colVal = ''
oneData.personRule.queryType = ''
oneData.personRule.colVal = ''
}
if (item.optionSourceType === 'remote') {
@ -603,61 +577,54 @@ export default {
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
oneData.colOption = data
oneData.personRule.colOption = data
} else {
this.$message.error(msg)
}
} else {
oneData.colOption = item.options
oneData.personRule.colOption = item.options
}
this.$set(this.resiRuleList, personIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
handleSelPersonQuery (personIndex, item) {
let oneData = this.resiRuleList[personIndex]
oneData.queryTypeName = item.label
handleSelPersonQuery (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
oneData.personRule.queryTypeName = item.label
oneData.nextLogicalRel = ''
oneData.colVal = ''
oneData.colValLabel = ''
oneData.personRule.colVal = ''
oneData.personRule.colValLabel = ''
this.$set(this.resiRuleList, personIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
handleSelPersonValue (personIndex, item) {
let oneData = this.resiRuleList[personIndex]
handleSelPersonValue (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
oneData.colValLabel = item.label
oneData.nextLogicalRel = ''
oneData.personRule.colValLabel = item.label
this.$set(this.resiRuleList, personIndex, oneData)
},
//
handleSelPersonLogical (personIndex, item) {
let oneData = this.resiRuleList[personIndex]
oneData.nextLogicalRelName = item.label
this.$set(this.resiRuleList, personIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
async handleSelHouseItem (houseIndex, item, isSet) {
async handleSelHouseItem (ruleIndex, item, isSet) {
let oneData = this.houseRuleList[houseIndex]
let oneData = this.smartRuleList[ruleIndex]
oneData.colTable = item.tableName
oneData.colType = item.itemType
oneData.itemLabel = item.label
oneData.houseRule.colTable = item.tableName
oneData.houseRule.colType = item.itemType
oneData.houseRule.itemLabel = item.label
if (!isSet) {//
oneData.nextLogicalRel = ''
oneData.queryType = ''
oneData.colVal = ''
oneData.houseRule.queryType = ''
oneData.houseRule.colVal = ''
}
if (item.optionSourceType === 'remote') {
@ -672,47 +639,47 @@ export default {
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
oneData.colOption = data
oneData.houseRule.colOption = data
} else {
this.$message.error(msg)
}
} else {
oneData.colOption = []
oneData.houseRule.colOption = []
}
this.$set(this.houseRuleList, houseIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
handleSelHouseQuery (houseIndex, item) {
let oneData = this.houseRuleList[houseIndex]
oneData.queryTypeName = item.label
handleSelHouseQuery (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
oneData.houseRule.queryTypeName = item.label
oneData.nextLogicalRel = ''
oneData.colVal = ''
oneData.colValLabel = ''
oneData.houseRule.colVal = ''
oneData.houseRule.colValLabel = ''
this.$set(this.houseRuleList, houseIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
handleSelHouseValue (houseIndex, item) {
let oneData = this.houseRuleList[houseIndex]
oneData.colValLabel = item.label
oneData.nextLogicalRel = ''
handleSelHouseValue (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
oneData.houseRule.colValLabel = item.label
this.$set(this.houseRuleList, houseIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
//
handleSelHouseLogical (houseIndex, item) {
let oneData = this.houseRuleList[houseIndex]
//:
handleSelLogical (ruleIndex, item) {
let oneData = this.smartRuleList[ruleIndex]
oneData.nextLogicalRelName = item.label
this.$set(this.houseRuleList, houseIndex, oneData)
this.$set(this.smartRuleList, ruleIndex, oneData)
},
// ---
async loadPersonGroup () {
const url = '/oper/customize/icformitemgroup/list'
@ -784,45 +751,6 @@ export default {
}
},
computed: {
dataRule () {
return {
serviceTimeStart: [
{ required: true, message: '服务时间不能为空', trigger: 'blur' }
],
serviceScope: [
{ required: true, message: '服务范围不能为空', trigger: 'blur' }
],
}
},
feedbackDataRule () {
return {
serviceGoal: [
{ required: true, message: '服务目标不能为空', trigger: 'blur' }
],
serviceEffect: [
{ required: true, message: '服务效果不能为空', trigger: 'blur' }
],
servicePeopleNumber: [
{ required: true, message: '服务人数不能为空', trigger: 'blur' }
],
serviceStatus: [
{ required: true, message: '服务状态不能为空', trigger: 'blur' }
],
satisfaction: [
{ required: true, message: '满意度不能为空', trigger: 'blur' }
],
address: [
{ required: true, message: '地址不能为空', trigger: 'blur' }
]
}
},
},
props: {
@ -830,10 +758,7 @@ export default {
type: String,
required: 'true'
},
index: {
type: Number,
default: 1
},
}
}
@ -842,7 +767,7 @@ export default {
<style lang="scss" scoped >
.m-main {
display: flex;
// display: flex;
margin-top: 15px;
}
@ -864,7 +789,7 @@ export default {
display: flex;
}
.item_width_1 {
width: 120px;
width: 200px;
margin-right: 10px;
}
.item_width_2 {
@ -878,6 +803,9 @@ export default {
/deep/.el-checkbox:last-of-type {
margin-right: 10px;
}
.d-icon {
display: flex;
}
.img_del {
width: 25px;
@ -885,4 +813,30 @@ export default {
margin-top: 3px;
cursor: pointer;
}
.d-save {
position: relative;
margin-top: 3px;
margin-left: 10px;
width: 138px;
height: 25px;
background: #dde8f3;
text-align: center;
border-radius: 3px;
font-size: 12px;
font-family: Source Han Serif CN;
font-weight: 600;
color: #0043c8;
line-height: 26px;
cursor: pointer;
&::before {
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
background: #006ecd;
border-radius: 50%;
}
}
</style>

Loading…
Cancel
Save