| | |
| | | <div class="Questionnairemanagement"> |
| | | <!-- 左侧栏 --> |
| | | <div class="sidecolumn"> |
| | | <div style="height: 300px"> |
| | | <el-steps direction="vertical" :active="Editprogress"> |
| | | <el-step title="问题库编辑"></el-step> |
| | | <el-step title="问题指标编辑"></el-step> |
| | | <div> |
| | | <el-steps finish-status="success" :active="Editprogress" simple> |
| | | <el-step> |
| | | <template slot="title"> |
| | | <span style="cursor: pointer" @click="Editprogress = 1" |
| | | >问题库编辑</span |
| | | > |
| | | </template> |
| | | </el-step> |
| | | <el-step> |
| | | <template slot="title"> |
| | | <span style="cursor: pointer" @click="nextstep" |
| | | >问题指标编辑</span |
| | | > |
| | | </template> |
| | | </el-step> |
| | | </el-steps> |
| | | </div> |
| | | </div> |
| | |
| | | filterable |
| | | placeholder="请选择分类" |
| | | > |
| | | <el-option-group |
| | | v-for="group in questionclass" |
| | | :key="group.id" |
| | | :label="group.indexAssortName" |
| | | > |
| | | <el-option |
| | | v-for="item in group.ivrLibaScriptAssortList" |
| | | :key="item.id" |
| | | :label="item.indexAssortName" |
| | | :value="item.id" |
| | | <el-option-group |
| | | v-for="group in questionclass" |
| | | :key="group.id" |
| | | :label="group.indexAssortName" |
| | | > |
| | | </el-option> |
| | | </el-option-group> |
| | | </el-select> |
| | | <el-option |
| | | v-for="item in group.ivrLibaScriptAssortList" |
| | | :key="item.id" |
| | | :label="item.indexAssortName" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-option-group> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | |
| | | |
| | | // 下一步 |
| | | nextstep() { |
| | | if (this.Editprogress <= 1 && this.indexform.targetid) { |
| | | if (this.indexform.ivrLibaScriptTargetoptionList.length) { |
| | | if (this.Editprogress <= 1) { |
| | | if (this.indexform.targetid) { |
| | | return this.Editprogress++; |
| | | } else { |
| | | this.$message.warning("请先选择关联指标"); |
| | | } |
| | | |
| | | return this.Editprogress++; |
| | | } else { |
| | | this.$message.warning("请先选择关联指标"); |
| | | } |
| | | }, |
| | | // 上一步 |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .Questionnairemanagement { |
| | | display: flex; |
| | | // display: flex; |
| | | } |
| | | .sidecolumn { |
| | | width: 300px; |
| | | min-height: 100vh; |
| | | text-align: center; |
| | | // display: flex; |
| | | // margin-top: 20px; |
| | | margin: 20px; |
| | | margin-bottom: 0; |
| | | padding: 30px; |
| | | padding: 20px; |
| | | background: #edf1f7; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | } |
| | | .leftvlue { |
| | | // display: flex; |
| | | // flex: 1; |
| | | width: 80%; |
| | | margin-top: 20px; |
| | | // margin: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #ffff; |
| | | border: 1px solid #dcdfe6; |