| | |
| | | // æ¥è¯¢é®å·æ¨¡çå表 |
| | | export function getQtemplatelist(data) { |
| | | return request({ |
| | | url: "/smartor/svytitle/selectSvyLibTitlelist", |
| | | url: "/smartor/svyTemplate/selectSvyLibTemplatelist", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // é®å·æ¨¡ç详æ
|
| | | export function Qtemplateinfo(Id) { |
| | | return request({ |
| | | url: "/smartor/svytitle/" + Id, |
| | | url: "/smartor/svyTemplate/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // å é¤é®å·æ¨¡ç |
| | | export function delQtemplateinfo(Id) { |
| | | return request({ |
| | | url: "/smartor/svytitle/remove/" + Id, |
| | | url: "/smartor/svyTemplate/remove/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // æ°å¢æä¿®æ¹é®å·æ¨¡ç详æ
|
| | | export function compileQtemplate(data) { |
| | | return request({ |
| | | url: "/smartor/svytitle/saveOrUpdateTitle", |
| | | url: "/smartor/svyTemplate/saveOrUpdateTitle", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // æ°å¢é®å·æ¨¡çåç±» |
| | | export function addQtemplateclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTitleCategory/addtree", |
| | | url: "/smartor/svyLibTemplateCategory/addtree", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // æ°å¢é®å·æ¨¡çåç±» |
| | | export function editQtemplateclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTitleCategory/edit", |
| | | url: "/smartor/svyLibTemplateCategory/edit", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // å é¤é®å·æ¨¡çåç±» |
| | | export function delQtemplateclassify(Id) { |
| | | return request({ |
| | | url: "/smartor/svyLibTitleCategory/remove/" + Id, |
| | | url: "/smartor/svyLibTemplateCategory/remove/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // æ¥è¯¢é®å·æ¨¡çåç±»æ |
| | | export function getQtemplateclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTitleCategory/list", |
| | | url: "/smartor/svyLibTemplateCategory/list", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // æ¥è¯¢é®å·é®é¢å表 |
| | | export function getissuelist(data) { |
| | | return request({ |
| | | url: "/smartor/svytopic/list", |
| | | url: "/smartor/svyscript/list", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // é®å·é®é¢è¯¦æ
|
| | | export function issueinfo(Id) { |
| | | return request({ |
| | | url: "/smartor/svytopic/getInfo/" + Id, |
| | | url: "/smartor/svyscript/getInfo/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // å é¤é®å·é®é¢ |
| | | export function delissueinfo(Id) { |
| | | return request({ |
| | | url: "/smartor/svytopic/remove/" + Id, |
| | | url: "/smartor/svyscript/remove/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // æ°å¢æä¿®æ¹é®å·é®é¢è¯¦æ
|
| | | export function compileissue(data) { |
| | | return request({ |
| | | url: "/smartor/svytopic/saveOrUpdateTopic", |
| | | url: "/smartor/svyscript/saveOrUpdateTopic", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // æ°å¢é®å·é®é¢åç±» |
| | | export function addissueclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTopicCategory/addtree", |
| | | url: "/smartor/svyLibScriptCategory/addtree", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // æ°å¢é®å·é®é¢åç±» |
| | | export function editissueclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTopicCategory/edit", |
| | | url: "/smartor/svyLibScriptCategory/edit", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | // å é¤é®å·é®é¢åç±» |
| | | export function delissueclassify(Id) { |
| | | return request({ |
| | | url: "/smartor/svyLibTopicCategory/remove/" + Id, |
| | | url: "/smartor/svyLibScriptCategory/remove/" + Id, |
| | | method: "get", |
| | | }); |
| | | } |
| | | // æ¥è¯¢é®å·é®é¢åç±»æ |
| | | export function getissueclassify(data) { |
| | | return request({ |
| | | url: "/smartor/svyLibTopicCategory/list", |
| | | url: "/smartor/svyLibScriptCategory/list", |
| | | method: "post", |
| | | data: data, |
| | | }); |
| | |
| | | import request from '@/utils/request' |
| | | |
| | | // æ¥è¯¢é®å·å表 |
| | | export function listSvytitle(query) { |
| | | export function listsvyTemplate(query) { |
| | | return request({ |
| | | url: '/smartor/svytitle/list', |
| | | url: '/smartor/svyTemplate/list', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | | // æ¥è¯¢é®å·è¯¦ç» |
| | | export function getSvytitle(svyid) { |
| | | export function getsvyTemplate(svyid) { |
| | | return request({ |
| | | url: '/smartor/svytitle/' + svyid, |
| | | url: '/smartor/svyTemplate/' + svyid, |
| | | method: 'get' |
| | | }) |
| | | } |
| | | |
| | | // æ°å¢é®å· |
| | | export function addSvytitle(data) { |
| | | export function addsvyTemplate(data) { |
| | | return request({ |
| | | url: '/smartor/svytitle', |
| | | url: '/smartor/svyTemplate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // ä¿®æ¹é®å· |
| | | export function updateSvytitle(data) { |
| | | export function updatesvyTemplate(data) { |
| | | return request({ |
| | | url: '/smartor/svytitle/edit', |
| | | url: '/smartor/svyTemplate/edit', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // å é¤é®å· |
| | | export function delSvytitle(svyid) { |
| | | export function delsvyTemplate(svyid) { |
| | | return request({ |
| | | url: '/smartor/svytitle/remove/' + svyid, |
| | | url: '/smartor/svyTemplate/remove/' + svyid, |
| | | method: 'get' |
| | | }) |
| | | } |
| | |
| | | import request from '@/utils/request' |
| | | |
| | | // æ¥è¯¢é®å·é¢ç®å表 |
| | | export function listSvytopic(query) { |
| | | export function listsvyscript(query) { |
| | | return request({ |
| | | url: '/smartor/svytopic/list', |
| | | url: '/smartor/svyscript/list', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | | // æ¥è¯¢é®å·é¢ç®è¯¦ç» |
| | | export function getSvytopic(topicid) { |
| | | export function getsvyscript(topicid) { |
| | | return request({ |
| | | url: '/smartor/svytopic/' + topicid, |
| | | url: '/smartor/svyscript/' + topicid, |
| | | method: 'get' |
| | | }) |
| | | } |
| | | |
| | | // æ°å¢é®å·é¢ç® |
| | | export function addSvytopic(data) { |
| | | export function addsvyscript(data) { |
| | | return request({ |
| | | url: '/smartor/svytopic', |
| | | url: '/smartor/svyscript', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // ä¿®æ¹é®å·é¢ç® |
| | | export function updateSvytopic(data) { |
| | | export function updatesvyscript(data) { |
| | | return request({ |
| | | url: '/smartor/svytopic/edit', |
| | | url: '/smartor/svyscript/edit', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // å é¤é®å·é¢ç® |
| | | export function delSvytopic(topicid) { |
| | | export function delsvyscript(topicid) { |
| | | return request({ |
| | | url: '/smartor/svytopic/remove/' + topicid, |
| | | url: '/smartor/svyscript/remove/' + topicid, |
| | | method: 'get' |
| | | }) |
| | | } |
| | |
| | | import request from '@/utils/request' |
| | | |
| | | // æ¥è¯¢é®å·é®é¢é项å表 |
| | | export function listSvytopicoption(query) { |
| | | export function listsvyscriptoption(query) { |
| | | return request({ |
| | | url: '/smartor/svytopicoption/list', |
| | | url: '/smartor/svyscriptoption/list', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | | // æ¥è¯¢é®å·é®é¢éé¡¹è¯¦ç» |
| | | export function getSvytopicoption(optionid) { |
| | | export function getsvyscriptoption(optionid) { |
| | | return request({ |
| | | url: '/smartor/svytopicoption/' + optionid, |
| | | url: '/smartor/svyscriptoption/' + optionid, |
| | | method: 'get' |
| | | }) |
| | | } |
| | | |
| | | // æ°å¢é®å·é®é¢é项 |
| | | export function addSvytopicoption(data) { |
| | | export function addsvyscriptoption(data) { |
| | | return request({ |
| | | url: '/smartor/svytopicoption', |
| | | url: '/smartor/svyscriptoption', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // ä¿®æ¹é®å·é®é¢é项 |
| | | export function updateSvytopicoption(data) { |
| | | export function updatesvyscriptoption(data) { |
| | | return request({ |
| | | url: '/smartor/svytopicoption/edit', |
| | | url: '/smartor/svyscriptoption/edit', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // å é¤é®å·é®é¢é项 |
| | | export function delSvytopicoption(optionid) { |
| | | export function delsvyscriptoption(optionid) { |
| | | return request({ |
| | | url: '/smartor/svytopicoption/remove/' + optionid, |
| | | url: '/smartor/svyscriptoption/remove/' + optionid, |
| | | method: 'get' |
| | | }) |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div> |
| | | <div class="topicxq" v-for="item in TargetoptionList"> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="12" |
| | | ><el-form-item label="é项åç§°"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="请è¾å
¥" |
| | | v-model="item.targetvalue" |
| | | show-word-limit |
| | | > |
| | | </el-input> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="12" |
| | | ><el-form-item label="é¢è¦å¼"> |
| | | <el-radio-group v-model="radio"> |
| | | <el-radio :label="3">æ¯</el-radio> |
| | | <el-radio :label="6">å¦</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item></el-col |
| | | > |
| | | <el-col :span="12" v-if="intent" |
| | | ><el-form-item label="é项èç¹"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="请è¾å
¥èç¹" |
| | | v-model="item.targetid" |
| | | show-word-limit |
| | | > |
| | | </el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row :gutter="10" v-if="!intent"> |
| | | <el-col :span="20" |
| | | ><el-form-item label="é项说æ"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="请è¾å
¥" |
| | | v-model="item.targetvalue2" |
| | | show-word-limit |
| | | > |
| | | </el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row :gutter="10" v-if="intent"> |
| | | <el-col :span="12" |
| | | ><el-form-item label="å¤ç"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="(é»è®¤)æ 声" |
| | | v-model="item.text" |
| | | maxlength="10" |
| | | show-word-limit |
| | | > |
| | | </el-input> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="12" |
| | | ><el-form-item label="éä¸è·³è½¬"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="请è¾å
¥é¢ç®èç¹" |
| | | v-model="item.nextQuestion" |
| | | show-word-limit |
| | | > |
| | | </el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-form-item label="å
³é®å(å«)" prop="desc"> |
| | | <div class="xinz-inf"> |
| | | <el-tag |
| | | :key="crux" |
| | | type="success" |
| | | v-for="crux in item.dynamiccruxs" |
| | | closable |
| | | effect="dark" |
| | | :disable-transitions="false" |
| | | @close="handleClosecrux(crux, item, 1)" |
| | | > |
| | | {{ crux }} |
| | | </el-tag> |
| | | <el-select |
| | | v-model="inputValue" |
| | | v-if="item.inputVisible" |
| | | @change="handleInputConfirm(item)" |
| | | filterable |
| | | remote |
| | | allow-create |
| | | reserve-keyword |
| | | default-first-option |
| | | :loading="loading" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="items in regular" |
| | | :key="items.label" |
| | | :label="items.label" |
| | | :value="items.label" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-button |
| | | v-else |
| | | class="button-new-tag" |
| | | size="small" |
| | | @click="showInput(item)" |
| | | >+ æ°å¢</el-button |
| | | > |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="å
³é®å(é)" prop="desc"> |
| | | <div class="xinz-inf"> |
| | | <el-tag |
| | | :key="crux" |
| | | type="warning" |
| | | v-for="crux in item.nodynamiccruxs" |
| | | closable |
| | | effect="dark" |
| | | :disable-transitions="false" |
| | | @close="handleClosecrux(crux, item, 2)" |
| | | > |
| | | {{ crux }} |
| | | </el-tag> |
| | | <el-select |
| | | v-model="inputValue" |
| | | v-if="item.noinputVisible" |
| | | @change="handleInputConfirm(item)" |
| | | filterable |
| | | remote |
| | | allow-create |
| | | reserve-keyword |
| | | default-first-option |
| | | :loading="loading" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="items in noregular" |
| | | :key="items.value" |
| | | :label="items.label" |
| | | :value="items.label" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-button |
| | | v-else |
| | | class="button-new-tag" |
| | | size="small" |
| | | @click="showInputno(item)" |
| | | >+ æ°å¢</el-button |
| | | > |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | <el-row :gutter="10"> |
| | | <el-col :span="16" v-if="intent"> |
| | | <el-form-item label="è¯é³æä»¶"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | style="display: flex" |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :on-change="handleChange" |
| | | :file-list="fileList" |
| | | :limit="1" |
| | | :on-exceed="handleExceed" |
| | | > |
| | | <el-button size="small" type="primary">ç¹å»ä¸ä¼ </el-button> |
| | | </el-upload> |
| | | </el-form-item></el-col |
| | | > |
| | | <el-col :span="intent ? 8 : 22"> |
| | | <div style="text-align: right; padding-right: 10px"> |
| | | <el-button |
| | | v-if="controlsc" |
| | | @click="$emit('addoption', item)" |
| | | type="success" |
| | | icon="el-icon-circle-plus-outline" |
| | | circle |
| | | ></el-button> |
| | | <el-button |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | circle |
| | | @click="$emit('deloption', item)" |
| | | ></el-button> |
| | | <el-button |
| | | v-if="controlsc" |
| | | @click="$emit('syioption', item)" |
| | | type="primary" |
| | | icon="el-icon-top" |
| | | circle |
| | | ></el-button> |
| | | <el-button |
| | | v-if="controlsc" |
| | | @click="$emit('xiayioption', item)" |
| | | type="primary" |
| | | icon="el-icon-bottom" |
| | | circle |
| | | ></el-button> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import store from "@/store"; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | zz1: "^(?!.ä¸)(.(æ|ä½ |ä»|å¯ä»¥|æ¯|好|ç¥é|没é)+.*)$", |
| | | zz2: "^(?!.ä¸)(?=.?(æ|ä½ |ä»|å¯ä»¥|æ¯|好|ç¥é|没é)).*$", |
| | | fileList: [ |
| | | { |
| | | name: "food.jpeg", |
| | | url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", |
| | | }, |
| | | ], |
| | | whether: 1, //1为å
³é®è¯ï¼2为å¦å®å
³é®è¯ |
| | | inputValue: "", |
| | | inputVisible: false, |
| | | noinputVisible: false, |
| | | loading: false, |
| | | regular: [], |
| | | noregular: [], |
| | | nodynamiccruxs: ["å«", "ä¸"], |
| | | dynamiccruxs: ["好"], |
| | | }; |
| | | }, |
| | | props: { |
| | | TargetoptionList: { |
| | | type: Array, |
| | | required: true, |
| | | default: () => [], |
| | | }, |
| | | controlsc: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | intent: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | }, |
| | | |
| | | created() { |
| | | this.regular = store.getters.regular; |
| | | this.noregular = store.getters.noregular; |
| | | }, |
| | | |
| | | methods: { |
| | | // çææ£å |
| | | generateRegex(row) { |
| | | let index = this.TargetoptionList.indexOf(row); |
| | | console.log(index); |
| | | let regex = ""; |
| | | let regexno = ""; |
| | | let hostregex = ""; |
| | | let hostregexno = ""; |
| | | |
| | | for ( |
| | | let i = 0; |
| | | i < this.TargetoptionList[index].dynamiccruxs.length; |
| | | i++ |
| | | ) { |
| | | regex += `${this.TargetoptionList[index].dynamiccruxs[i]}|`; |
| | | } |
| | | for ( |
| | | let i = 0; |
| | | i < this.TargetoptionList[index].nodynamiccruxs.length; |
| | | i++ |
| | | ) { |
| | | regexno += `${this.TargetoptionList[index].nodynamiccruxs[i]}|`; |
| | | } |
| | | regex = regex.slice(0, -1); |
| | | regexno = regexno.slice(0, -1); |
| | | if (regexno) { |
| | | hostregexno = "^(?!.*(?:" + `${regexno}` + ")).*$"; |
| | | } else { |
| | | hostregexno = ""; |
| | | } |
| | | hostregex = "(?=.*(?:" + `${regex}` + ")).*$"; |
| | | this.TargetoptionList[index].targetregex = hostregex; |
| | | this.TargetoptionList[index].targetregex2 = hostregexno; |
| | | console.log(hostregex, "ç¡®å®åå¹é
"); |
| | | console.log(hostregexno, "å¦å®åå¹é
"); |
| | | this.handleSelectionChange(); |
| | | }, |
| | | // æ§å¶æä»¶ |
| | | handleChange(file, fileList) { |
| | | this.fileList = fileList.slice(-3); |
| | | }, |
| | | // æä»¶è¶
åºä¸ªæ°éå¶æ¶çé©å |
| | | handleExceed(files, fileList) { |
| | | this.$message.warning( |
| | | `å½åéå¶éæ© 1 个æä»¶ï¼æ¬æ¬¡éæ©äº ${files.length} 个æä»¶ï¼å
±éæ©äº ${ |
| | | files.length + fileList.length |
| | | } 个æä»¶` |
| | | ); |
| | | }, |
| | | |
| | | handleClosecrux(crux, item, whether) { |
| | | if (whether == 1) { |
| | | item.dynamiccruxs.splice(item.dynamiccruxs.indexOf(crux), 1); |
| | | console.log(1); |
| | | console.log(item.dynamiccruxs); |
| | | console.log(item.nodynamiccruxs); |
| | | } else { |
| | | console.log(2); |
| | | item.nodynamiccruxs.splice(item.nodynamiccruxs.indexOf(crux), 1); |
| | | } |
| | | this.generateRegex(item); |
| | | }, |
| | | handleInputConfirm(row) { |
| | | console.log(this.TargetoptionList, "TargetoptionList"); |
| | | let index = this.TargetoptionList.indexOf(row); |
| | | console.log(1112); |
| | | if (this.whether == 1 && this.inputValue) { |
| | | if ( |
| | | this.TargetoptionList[index].dynamiccruxs.indexOf(this.inputValue) == |
| | | -1 |
| | | ) { |
| | | this.TargetoptionList[index].dynamiccruxs.push(this.inputValue); |
| | | } else { |
| | | this.$message.error("å
³é®åå·²åå¨"); |
| | | } |
| | | // this.inputVisible = false; |
| | | this.TargetoptionList[index].inputVisible = false; |
| | | } else if (this.whether == 2 && this.inputValue) { |
| | | console.log(this.inputValue); |
| | | console.log( |
| | | this.TargetoptionList[index].nodynamiccruxs.indexOf(this.inputValue) |
| | | ); |
| | | if ( |
| | | this.TargetoptionList[index].nodynamiccruxs.indexOf( |
| | | this.inputValue |
| | | ) == -1 |
| | | ) { |
| | | this.TargetoptionList[index].nodynamiccruxs.push(this.inputValue); |
| | | } else { |
| | | this.$message.error("å
³é®åå·²åå¨"); |
| | | } |
| | | // this.noinputVisible = false; |
| | | this.TargetoptionList[index].noinputVisible = false; |
| | | } |
| | | this.generateRegex(row); |
| | | |
| | | this.inputValue = ""; |
| | | }, |
| | | showInput(row) { |
| | | let index = this.TargetoptionList.indexOf(row); |
| | | // this.TargetoptionList[index].inputVisible = true; |
| | | this.$set(this.TargetoptionList[index], "inputVisible", true); |
| | | this.whether = 1; |
| | | }, |
| | | showInputno(row) { |
| | | let index = this.TargetoptionList.indexOf(row); |
| | | // this.TargetoptionList[index].noinputVisible = true; |
| | | this.$set(this.TargetoptionList[index], "noinputVisible", true); |
| | | this.whether = 2; |
| | | }, |
| | | handleSelectionChange(selection) { |
| | | console.log(this.TargetoptionList); |
| | | this.$emit("handleSelectionChange", selection); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .topicxq { |
| | | background-color: #e2f5fc; |
| | | border-radius: 4px; |
| | | margin-top: 10px; |
| | | padding: 10px; |
| | | } |
| | | |
| | | .el-tag + .el-tag { |
| | | margin-left: 10px; |
| | | } |
| | | .button-new-tag { |
| | | margin-left: 10px; |
| | | height: 32px; |
| | | line-height: 30px; |
| | | padding-top: 0; |
| | | padding-bottom: 0; |
| | | } |
| | | .input-new-tag { |
| | | width: 90px; |
| | | margin-left: 10px; |
| | | vertical-align: bottom; |
| | | } |
| | | </style> |
| | |
| | | </el-form-item> |
| | | |
| | | <el-row :gutter="10"> |
| | | <el-col :span="16"> |
| | | <el-col :span="16" v-if="intent"> |
| | | <el-form-item label="è¯é³æä»¶"> |
| | | <el-upload |
| | | class="upload-demo" |
| | |
| | | </el-upload> |
| | | </el-form-item></el-col |
| | | > |
| | | <el-col :span="8"> |
| | | <el-col :span="intent ? 8 : 22"> |
| | | <div style="text-align: right; padding-right: 10px"> |
| | | <el-button |
| | | v-if="controlsc" |
| | |
| | | }, |
| | | }, |
| | | ], |
| | | // éç¨æ¹å¼ |
| | | Askmode: (state) => [ |
| | | { |
| | | value: "1", |
| | | label: "纸质", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "çä¿¡", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "微信", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: "4", |
| | | label: "éé", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: "5", |
| | | label: "人工çµè¯", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | ], |
| | | // ä»»å¡ç¶æ |
| | | taskstate: (state) => [ |
| | | { |
| | |
| | | }, |
| | | }, |
| | | ], |
| | | // å¼ç±»åï¼é®å·ï¼ |
| | | askvaluetype: (state) => [ |
| | | { |
| | | value: 1, |
| | | label: "åé", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "å¤é", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "ææ¬æ¶é", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | ], |
| | | // å¼ç±»å(å表å±ç¤º) |
| | | valuetypelb: (state) => [ |
| | | { |
| | |
| | | this.mode = store.getters.mode; |
| | | this.languagelist = store.getters.languagelist; |
| | | this.usable = store.getters.usable; |
| | | this.valuetype = store.getters.valuetype; |
| | | this.valuetype = store.getters.askvaluetype; |
| | | this.required = store.getters.required; |
| | | }, |
| | | |
| | |
| | | > |
| | | <el-button type="primary" @click="laststep()">ä¸ä¸æ¥</el-button> |
| | | <el-button type="info" @click="closeFm('ruleForm')">å
³é</el-button> |
| | | <el-button @click="Departmenttreatment('ruleForm')">ä¿åé¢ç®æ°æ®</el-button> |
| | | <el-button @click="Departmenttreatment('ruleForm')" |
| | | >ä¿åé¢ç®æ°æ®</el-button |
| | | > |
| | | </div> |
| | | <!-- é®å·é¢è§ --> |
| | | <div v-if="Editprogress == 3"> |
| | |
| | | created() { |
| | | this.gettabList(); |
| | | this.getissueinfo(); |
| | | this.mode = store.getters.mode; |
| | | this.mode = store.getters.Askmode; |
| | | this.languagelist = store.getters.languagelist; |
| | | this.usable = store.getters.usable; |
| | | this.required = store.getters.required; |
| | |
| | | ></el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div style="display: flex"> |
| | | <div class="elcardiv"> |
| | | <div class="leftvlue-jbxx">è¯æ¯å表</div> |
| | | <el-divider></el-divider> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="elcardiv"> |
| | | <el-form |
| | | :model="ruleForm" |
| | | :rules="rules" |
| | |
| | | label-width="100px" |
| | | class="demo-ruleForm" |
| | | > |
| | | <div style="margin: 15px; margin-top: 50px"> |
| | | <div class="leftvlue-jbxx">è¯æ¯ç¼è¾</div> |
| | | <el-divider></el-divider> |
| | | <div style="margin: 15px; margin-top: 50px"> |
| | | |
| | | <el-form-item label="è¯æ¯ææ¬" prop="name"> |
| | | <el-input |
| | |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | </template> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- å¤é --> |
| | | <div |
| | | <!-- <div |
| | | class="topic-dev" |
| | | v-for="(item, index) in valssu" |
| | | :key="item.aaa" |
| | |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- 填空 |
| | | <div class="topic-dev" v-for="item in valssu" :key="item.aaa"> |
| | | <div class="dev-text"> |
| | |
| | | > |
| | | </div> |
| | | </el-form-item> |
| | | <el-drawer |
| | | title="åéç¼è¾" |
| | | :visible.sync="variabledeawer" |
| | | direction="ttb" |
| | | size="35%" |
| | | > |
| | | <el-form-item label="éç¥åé" prop="name"> |
| | | <div style="margin-bottom: 5px" v-for="item in variablelist"> |
| | | <el-row> |
| | |
| | | </el-row> |
| | | </div> |
| | | </el-form-item> |
| | | |
| | | </el-drawer> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="ä»
éé¢åº" prop="region"> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <div |
| | | style="display: flex; margin-left: 100px; margin-bottom: 10px" |
| | | > |
| | | <el-form-item label="é®é¢åé" prop="questionText"> |
| | | <div style="display: flex; margin-bottom: 10px"> |
| | | <div |
| | | v-for="item in variablelist" |
| | | class="tsgname" |
| | |
| | | > |
| | | {{ item.variatename }} |
| | | </div> |
| | | <div class="tsgnamebj" @click="variabledeawer = true"> |
| | | åéç¼è¾ |
| | | </div> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col></el-row |
| | | > |
| | | <el-row> |
| | |
| | | label-width="100px" |
| | | > |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="ææ åç§°" prop="deptId"> |
| | | <el-input |
| | | v-model="indexform.targetname" |
| | | placeholder="请è¾å
¥ææ åç§°" |
| | | maxlength="40" |
| | | maxlength="20" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="ææ æè¿°" prop="deptId"> |
| | | <el-input |
| | | v-model="indexform.targetname" |
| | | placeholder="请è¾å
¥ææ æè¿°" |
| | | maxlength="60" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="å¼ç±»å"> |
| | | <el-radio-group v-model="indexform.valueType"> |
| | | <el-radio-group disabled v-model="indexform.valueType"> |
| | | <el-radio :label="1">é项</el-radio> |
| | | <el-radio :label="2">ææ¬</el-radio> |
| | | <el-radio :label="3">æ°å¼</el-radio> |
| | |
| | | @deloption="deloption" |
| | | @syioption="syioption" |
| | | @xiayioption="xiayioption" |
| | | :intent="false" |
| | | /> |
| | | </el-card> |
| | | <el-row :gutter="20"> |
| | |
| | | deptId: undefined, |
| | | IDnumber: undefined, |
| | | }, |
| | | variabledeawer: false, |
| | | }; |
| | | }, |
| | | |
| | |
| | | this.indexform.isAvailable = "0"; |
| | | this.indexform.language = "æ®éè¯"; |
| | | this.indexform.isenable = res.rows[0].isenable; |
| | | this.$forceUpdate() |
| | | this.$forceUpdate(); |
| | | res.rows[0].targetoptionList.forEach((item) => { |
| | | item.isoperation = 1; |
| | | this.indexform.ivrLibaScriptTargetoptionList.push(item); |
| | |
| | | .tsgname:hover { |
| | | background: #3366f5; |
| | | } |
| | | .tsgnamebj { |
| | | width: 90px; |
| | | margin-left: 15px; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | background: #49dbb7; |
| | | color: #ffff; |
| | | font-size: 18px; |
| | | border-radius: 5px; |
| | | } |
| | | .tsgnamebj:hover { |
| | | background: #27c449; |
| | | } |
| | | |
| | | ::v-deep .addtopic-input { |
| | | input { |