|
@ -7,7 +7,7 @@ |
|
|
class="div_form" |
|
|
class="div_form" |
|
|
:rules="rules" |
|
|
:rules="rules" |
|
|
> |
|
|
> |
|
|
<!-- v-if="formType == 'info'&& addFormLabel" --> |
|
|
<!-- v-if="!formState&& addFormLabel" --> |
|
|
<el-form-item |
|
|
<el-form-item |
|
|
label="标签名称" |
|
|
label="标签名称" |
|
|
label-width="100px" |
|
|
label-width="100px" |
|
@ -22,6 +22,7 @@ |
|
|
@select="handleSelect" |
|
|
@select="handleSelect" |
|
|
></el-autocomplete> |
|
|
></el-autocomplete> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<span style="position: relative;top: 10px;">(您可以按关键词查找使用已有标签,也可以新建标签)</span> |
|
|
<!-- <el-form-item label="标签名称(新增)" label-width="100px" prop="tagName" v-else> |
|
|
<!-- <el-form-item label="标签名称(新增)" label-width="100px" prop="tagName" v-else> |
|
|
<el-input |
|
|
<el-input |
|
|
v-model="formData.tagName" |
|
|
v-model="formData.tagName" |
|
@ -31,14 +32,14 @@ |
|
|
></el-input> |
|
|
></el-input> |
|
|
</el-form-item> --> |
|
|
</el-form-item> --> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<p style="margin-left: 15px"><b style="color: #f56c6c">*</b> 匹配数据</p> |
|
|
<p style="margin-left: 15px"><b style="color: #f56c6c">*</b> 设置标签查询条件</p> |
|
|
<el-table border :data="tableData" style="width: 100%" height="200"> |
|
|
<el-table border :data="tableData" style="width: 100%" height="200"> |
|
|
<el-table-column label="选择数据源" align="center" width="120"> |
|
|
<el-table-column label="选择数据源" align="center" width="120"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="scope.row.dataSource" |
|
|
v-model="scope.row.dataSource" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
@change="handleChangeSource(scope.row, scope.$index)" |
|
|
@change="handleChangeSource(scope.row, scope.$index)" |
|
|
clearable |
|
|
clearable |
|
|
> |
|
|
> |
|
@ -58,7 +59,7 @@ |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="scope.row.itemGroupId" |
|
|
v-model="scope.row.itemGroupId" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
clearable |
|
|
clearable |
|
|
@change="handleChangeFieldsType(scope.row, scope.$index)" |
|
|
@change="handleChangeFieldsType(scope.row, scope.$index)" |
|
|
> |
|
|
> |
|
@ -76,7 +77,7 @@ |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="scope.row.itemId" |
|
|
v-model="scope.row.itemId" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
@change="handleChangeFieldsName(scope.row, scope.$index)" |
|
|
@change="handleChangeFieldsName(scope.row, scope.$index)" |
|
|
@clear="handleClearItemId(scope.row, scope.$index)" |
|
|
@clear="handleClearItemId(scope.row, scope.$index)" |
|
@ -99,7 +100,7 @@ |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="scope.row.queryType" |
|
|
v-model="scope.row.queryType" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
clearable |
|
|
clearable |
|
|
> |
|
|
> |
|
|
<el-option |
|
|
<el-option |
|
@ -122,7 +123,7 @@ |
|
|
item.itemType == 'checkbox' |
|
|
item.itemType == 'checkbox' |
|
|
" |
|
|
" |
|
|
v-model="scope.row.colVal" |
|
|
v-model="scope.row.colVal" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
clearable |
|
|
clearable |
|
|
> |
|
|
> |
|
@ -139,7 +140,7 @@ |
|
|
item.itemType === 'input' || item.itemType === 'textarea' |
|
|
item.itemType === 'input' || item.itemType === 'textarea' |
|
|
" |
|
|
" |
|
|
v-model="scope.row.colVal" |
|
|
v-model="scope.row.colVal" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
clearable |
|
|
clearable |
|
|
> |
|
|
> |
|
@ -148,7 +149,7 @@ |
|
|
v-else-if="item.itemType === 'inputNum'" |
|
|
v-else-if="item.itemType === 'inputNum'" |
|
|
class="item_width_2" |
|
|
class="item_width_2" |
|
|
v-model="scope.row.colVal" |
|
|
v-model="scope.row.colVal" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
:min="0" |
|
|
:min="0" |
|
|
size="mini" |
|
|
size="mini" |
|
|
label="请输入" |
|
|
label="请输入" |
|
@ -159,7 +160,7 @@ |
|
|
" |
|
|
" |
|
|
v-model="scope.row.colVal" |
|
|
v-model="scope.row.colVal" |
|
|
class="item_width_2" |
|
|
class="item_width_2" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
type="datetime" |
|
|
type="datetime" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
value="yyyy-MM-dd HH:mm:ss" |
|
|
value="yyyy-MM-dd HH:mm:ss" |
|
@ -170,7 +171,7 @@ |
|
|
v-else |
|
|
v-else |
|
|
class="item_width_2" |
|
|
class="item_width_2" |
|
|
size="mini" |
|
|
size="mini" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
placeholder="请输入" |
|
|
placeholder="请输入" |
|
|
v-model="personItem.colVal" |
|
|
v-model="personItem.colVal" |
|
|
> |
|
|
> |
|
@ -186,7 +187,7 @@ |
|
|
<el-select |
|
|
<el-select |
|
|
v-model="scope.row.nextLogicalRel" |
|
|
v-model="scope.row.nextLogicalRel" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
:disabled="formType == 'info'" |
|
|
:disabled="!formState" |
|
|
clearable |
|
|
clearable |
|
|
> |
|
|
> |
|
|
<el-option |
|
|
<el-option |
|
@ -204,7 +205,7 @@ |
|
|
label="操作" |
|
|
label="操作" |
|
|
align="center" |
|
|
align="center" |
|
|
width="120" |
|
|
width="120" |
|
|
v-if="formType != 'info'" |
|
|
v-if="formState" |
|
|
> |
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button |
|
@ -283,7 +284,7 @@ export default { |
|
|
{ label: "并且", value: "and" }, |
|
|
{ label: "并且", value: "and" }, |
|
|
{ label: "或者", value: "or" }, |
|
|
{ label: "或者", value: "or" }, |
|
|
], |
|
|
], |
|
|
addFormLabel:true |
|
|
formState:true |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() {}, |
|
|
created() {}, |
|
@ -314,9 +315,7 @@ export default { |
|
|
? searchList.filter(this.createStateFilter(val)) |
|
|
? searchList.filter(this.createStateFilter(val)) |
|
|
: searchList; |
|
|
: searchList; |
|
|
if (results.length == 0) { |
|
|
if (results.length == 0) { |
|
|
this.tableData = [] |
|
|
// this.handleClickAddRow(); |
|
|
this.handleClickAddRow(); |
|
|
|
|
|
this.addFormLabel = false |
|
|
|
|
|
this.formType = "add"; |
|
|
this.formType = "add"; |
|
|
} else { |
|
|
} else { |
|
|
this.formType = "info"; |
|
|
this.formType = "info"; |
|
@ -329,8 +328,6 @@ export default { |
|
|
handelChangeTagName(val){ |
|
|
handelChangeTagName(val){ |
|
|
if(this.formData.tagName.length == 0 ){ |
|
|
if(this.formData.tagName.length == 0 ){ |
|
|
this.formType = 'info' |
|
|
this.formType = 'info' |
|
|
this.tableData = [] |
|
|
|
|
|
this.addFormLabel = true |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
createStateFilter(val) { |
|
|
createStateFilter(val) { |
|
@ -340,6 +337,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
async handleSelect(item) { |
|
|
async handleSelect(item) { |
|
|
console.log(item); |
|
|
console.log(item); |
|
|
|
|
|
this.formState = item.editable |
|
|
await this.initForm(item.editable?'edit':'info', item); |
|
|
await this.initForm(item.editable?'edit':'info', item); |
|
|
}, |
|
|
}, |
|
|
async getLabelList() { |
|
|
async getLabelList() { |
|
@ -364,7 +362,6 @@ export default { |
|
|
let { data, code, msg } = await requestPost(url, params); |
|
|
let { data, code, msg } = await requestPost(url, params); |
|
|
if (code == 0) { |
|
|
if (code == 0) { |
|
|
this.$set(this.tableData[index], "itemGroupIdOpction", data); |
|
|
this.$set(this.tableData[index], "itemGroupIdOpction", data); |
|
|
console.log(this.tableData[index].itemGroupIdOpction); |
|
|
|
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
@ -455,7 +452,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 字段名称修改 |
|
|
// 字段名称修改 |
|
|
async handleChangeFieldsName(row, index, type) { |
|
|
async handleChangeFieldsName(row, index, type) { |
|
|
console.log(row, "字段名称row"); |
|
|
|
|
|
var arr = []; |
|
|
var arr = []; |
|
|
// 人的信息中colKey的字段是columnName要做一下判断 |
|
|
// 人的信息中colKey的字段是columnName要做一下判断 |
|
|
if (row.dataSource == "house" || row.dataSource == "stat") { |
|
|
if (row.dataSource == "house" || row.dataSource == "stat") { |
|
@ -504,7 +500,6 @@ export default { |
|
|
this.$set(this.tableData[index], "correspondingOpction", arr); |
|
|
this.$set(this.tableData[index], "correspondingOpction", arr); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
console.log(this.tableData); |
|
|
|
|
|
}, |
|
|
}, |
|
|
async getCompareList() { |
|
|
async getCompareList() { |
|
|
const url = "/sys/dict/data/dictlist"; |
|
|
const url = "/sys/dict/data/dictlist"; |
|
|