|
@@ -4,12 +4,7 @@
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleFormList" label-width="100px" class="demo-ruleForm">
|
|
|
<el-form-item label="所属行业:" prop="industry">
|
|
|
<el-select placeholder="请选择行业" style="width: 396px" clearable v-model="ruleForm.industry" @change="changeHandel">
|
|
|
- <el-option
|
|
|
- v-for="item in chartPermissionList"
|
|
|
- :label="item.PermissionName"
|
|
|
- :key="item.PermissionName"
|
|
|
- :value="item.PermissionName"
|
|
|
- ></el-option>
|
|
|
+ <el-option v-for="item in chartPermissionList" :label="item.PermissionName" :key="item.PermissionName" :value="item.PermissionName"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="调研主题:" prop="theme">
|
|
@@ -22,12 +17,7 @@
|
|
|
<el-radio-group v-model="ruleForm.modality">
|
|
|
<el-radio v-for="item in modalityRadio" :key="item.id" :label="item.id">{{ item.name }}</el-radio>
|
|
|
</el-radio-group>
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.city"
|
|
|
- v-if="ruleForm.modality == 2"
|
|
|
- style="width: 248px; margin-left: 10px"
|
|
|
- placeholder="请输入调研城市,多个城市以','隔开"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="ruleForm.city" v-if="ruleForm.modality == 2" style="width: 248px; margin-left: 10px" placeholder="请输入调研城市,多个城市以','隔开"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="主题标签:">
|
|
|
<div style="display: flex; align-items: center; flex-wrap: wrap">
|
|
@@ -47,25 +37,13 @@
|
|
|
</el-cascader>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select
|
|
|
- style="margin: 0 15px 10px 0"
|
|
|
- v-model="ruleForm.mark"
|
|
|
- :disabled="selectDisabled"
|
|
|
- @focus="markSelectFocus"
|
|
|
- multiple
|
|
|
- placeholder="请选择关联标的"
|
|
|
- >
|
|
|
- <el-option v-for="item in markOptions" :key="item.IndustrialSubjectId" :value="item.IndustrialSubjectId" :label="item.SubjectName">
|
|
|
- </el-option>
|
|
|
+ <el-select style="margin: 0 15px 10px 0" v-model="ruleForm.mark" :disabled="selectDisabled" @focus="markSelectFocus" multiple placeholder="请选择关联标的">
|
|
|
+ <el-option v-for="item in markOptions" :key="item.IndustrialSubjectId" :value="item.IndustrialSubjectId" :label="item.SubjectName"> </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<div v-for="(item, index) in addSubjectData" :key="index" style="display: inline-block">
|
|
|
<el-input style="width: 220px; margin: 0 5px 10px 0" v-model="item.subjectVal" placeholder="请输入标的名称" type="text"> </el-input>
|
|
|
- <img
|
|
|
- @click="deleteSubject(item, index)"
|
|
|
- style="width: 18px; margin-right: 20px; vertical-align: middle"
|
|
|
- src="~@/assets/img/icons/delete-Item.png"
|
|
|
- />
|
|
|
+ <img @click="deleteSubject(item, index)" style="width: 18px; margin-right: 20px; vertical-align: middle" src="~@/assets/img/icons/delete-Item.png" />
|
|
|
</div>
|
|
|
<el-tooltip class="item" effect="dark" content="添加标的" placement="top-start">
|
|
|
<img @click="addLabelClick" class="editsty" src="~@/assets/img/set_m/add_ico.png" style="margin: 0 10px 10px" />
|
|
@@ -74,27 +52,14 @@
|
|
|
<div style="display: flex; align-items: center; margin-top: 10px">
|
|
|
<el-checkbox v-model="ruleForm.isMark">小程序内显示标的名称</el-checkbox>
|
|
|
<el-checkbox style="margin-left: 10px" v-model="radioTemporary">临时标签</el-checkbox>
|
|
|
- <el-input
|
|
|
- style="width: 300px; margin: 0 10px"
|
|
|
- v-model="valTemporary"
|
|
|
- @focus="radioTemporary = true"
|
|
|
- placeholder="请输入标签名称"
|
|
|
- type="text"
|
|
|
- ></el-input>
|
|
|
+ <el-input style="width: 300px; margin: 0 10px" v-model="valTemporary" @focus="radioTemporary = true" placeholder="请输入标签名称" type="text"></el-input>
|
|
|
<div class="editsty" @click="dialogVisibleSubject = true">查询标的</div>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="活动可见:" prop="checkedCities">
|
|
|
<div style="display: flex">
|
|
|
<span style="width: 70px" class="text-right"> 套餐类型: </span>
|
|
|
- <el-checkbox
|
|
|
- :indeterminate="isIndeterminate"
|
|
|
- v-model="ruleForm.checkAll"
|
|
|
- @change="handleCheckAllChange"
|
|
|
- :disabled="checkAllIs"
|
|
|
- style="margin-right: 30px"
|
|
|
- >全选</el-checkbox
|
|
|
- >
|
|
|
+ <el-checkbox :indeterminate="isIndeterminate" v-model="ruleForm.checkAll" @change="handleCheckAllChange" :disabled="checkAllIs" style="margin-right: 30px">全选</el-checkbox>
|
|
|
<el-checkbox-group v-model="ruleForm.checkedCities" @change="handleCheckedCitiesChange">
|
|
|
<el-checkbox v-for="item in cities" :label="item.CustomerTypeId" :key="item.CustomerTypeId">
|
|
|
{{ item.CustomerName }}
|
|
@@ -130,29 +95,10 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</el-card>
|
|
|
- <el-dialog
|
|
|
- width="500px"
|
|
|
- v-dialogDrag
|
|
|
- :close-on-click-modal="false"
|
|
|
- :modal-append-to-body="false"
|
|
|
- center
|
|
|
- title="查询标的"
|
|
|
- :visible.sync="dialogVisibleSubject"
|
|
|
- :before-close="handleCloseSubject"
|
|
|
- >
|
|
|
+ <el-dialog width="500px" v-dialogDrag :close-on-click-modal="false" :modal-append-to-body="false" center title="查询标的" :visible.sync="dialogVisibleSubject" :before-close="handleCloseSubject">
|
|
|
<div>
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="addSubjectName"
|
|
|
- remote
|
|
|
- :remote-method="remoteMethod"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @change="searchInfo"
|
|
|
- placeholder="请输入标的名称"
|
|
|
- >
|
|
|
- <el-option v-for="item in addSubjectOptions" :key="item.IndustrialSubjectId" :label="item.SubjectName" :value="item.SubjectName">
|
|
|
- </el-option>
|
|
|
+ <el-select style="width: 100%" v-model="addSubjectName" remote :remote-method="remoteMethod" clearable filterable @change="searchInfo" placeholder="请输入标的名称">
|
|
|
+ <el-option v-for="item in addSubjectOptions" :key="item.IndustrialSubjectId" :label="item.SubjectName" :value="item.SubjectName"> </el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<p class="subject-text" v-if="isShowSubject">暂无数据</p>
|
|
@@ -424,7 +370,7 @@ export default {
|
|
|
this.dialogVisibleSubject = false;
|
|
|
},
|
|
|
//保持或者发布
|
|
|
- submitForm(type) {
|
|
|
+ submitForm: _.debounce(function (type) {
|
|
|
if (this.selectDisabled) {
|
|
|
if (!this.valTemporary) return this.$message.error("请输入临时标签");
|
|
|
let validateFieldList = [];
|
|
@@ -450,7 +396,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
- },
|
|
|
+ }, 500),
|
|
|
async postPublish(type) {
|
|
|
let arr = this.ruleForm.property.map((item) => {
|
|
|
return item[1];
|