Commit 83561fae authored by zL's avatar zL

fix:下拉框组件css更新

parent d9147602
...@@ -316,8 +316,6 @@ export default { ...@@ -316,8 +316,6 @@ export default {
AddTemplate() { AddTemplate() {
this.activeId = this.MyCategories[this.checkClassification].id; this.activeId = this.MyCategories[this.checkClassification].id;
this.AddTemplatePopups = true; this.AddTemplatePopups = true;
// console.log(this.MyCategories[this.checkClassification].id);
// console.log("添加新模板");
}, },
// 关闭弹窗 // 关闭弹窗
onMenuBlur() { onMenuBlur() {
...@@ -380,7 +378,6 @@ export default { ...@@ -380,7 +378,6 @@ export default {
}, },
}); });
if (res) { if (res) {
console.log(res);
this.MyCategories = res.data.results; this.MyCategories = res.data.results;
if (this.TemplateDate.index) return; if (this.TemplateDate.index) return;
this.getpersonalList(this.MyCategories[0].id); this.getpersonalList(this.MyCategories[0].id);
......
...@@ -8,7 +8,11 @@ ...@@ -8,7 +8,11 @@
:iconDown="true" :iconDown="true"
> >
<ul v-if="selectShowing" class="menu" @click.stop @mousedown.stop> <ul v-if="selectShowing" class="menu" @click.stop @mousedown.stop>
<li v-for="(item, index) in property.options" class="menu-item" :key="item.id"> <li
v-for="(item, index) in property.options"
class="menu-item"
:key="item.id"
>
<input <input
class="menu-item-input" class="menu-item-input"
v-model="property.options[index]" v-model="property.options[index]"
...@@ -16,7 +20,11 @@ ...@@ -16,7 +20,11 @@
placeholder="请输入下拉内容" placeholder="请输入下拉内容"
@click="chooseLabel(index)" @click="chooseLabel(index)"
/> />
<i v-if="index===0" class="iconfont icontianjiafenlei menu-item-icon_add" @click="addOptions"></i> <i
v-if="index === 0"
class="iconfont icontianjiafenlei menu-item-icon_add"
@click="addOptions"
></i>
<i <i
v-else v-else
class="iconfont iconshanchu2 menu-item-icon_delete" class="iconfont iconshanchu2 menu-item-icon_delete"
...@@ -41,8 +49,8 @@ import { getUuid } from "@/utils/tool"; ...@@ -41,8 +49,8 @@ import { getUuid } from "@/utils/tool";
*/ */
@Component({ @Component({
components: { components: {
BaseForm BaseForm,
} },
}) })
export default class SelectForm extends Vue { export default class SelectForm extends Vue {
// todo 需求ui未给清,已第一行显示添加按钮实现,第一行删不了,无查重和必填 // todo 需求ui未给清,已第一行显示添加按钮实现,第一行删不了,无查重和必填
...@@ -75,7 +83,7 @@ export default class SelectForm extends Vue { ...@@ -75,7 +83,7 @@ export default class SelectForm extends Vue {
public onHindOptions() { public onHindOptions() {
this.property.options = this.property.options.filter( this.property.options = this.property.options.filter(
item => item.length > 0 (item) => item.length > 0
); );
this.selectShowing = false; this.selectShowing = false;
document.removeEventListener("mousedown", this.onHindOptions); document.removeEventListener("mousedown", this.onHindOptions);
...@@ -84,6 +92,9 @@ export default class SelectForm extends Vue { ...@@ -84,6 +92,9 @@ export default class SelectForm extends Vue {
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
/deep/ input {
padding-right: 60px;
}
.menu { .menu {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment