Blame view

src/components/CompanyForm/index.vue 2.64 KB
9b7e125f   monkeyhouyi   属地页面
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
  <template>
    <div class="companyForm">
      <div class="userSelect-input" @click="openDialog">
        <el-button type="text" icon="el-icon-circle-plus-outline" size="small"
          >点击新增企业</el-button
        >
      </div>
      <el-dialog
        title="新增企业"
        :close-on-click-modal="false"
        :visible.sync="visible"
        lock-scroll
        append-to-body
        width="50%"
        top="15vh"
        :modal-append-to-body="false"
      >
        <el-form :model="companyForm" size="small" label-width="100px">
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="企业名称">
                <el-input
                  v-model="companyForm.name"
                  placeholder="请输入企业名称"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="负责人姓名">
                <el-input
                  v-model="companyForm.name"
                  placeholder="请输入负责人姓名"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="负责人电话">
                <el-input
                  v-model="companyForm.name"
                  placeholder="请输入负责人电话"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="办公地址">
                <el-input
                  v-model="companyForm.name"
                  placeholder="请输入办公地址"
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="close">取消</el-button>
          <el-button type="primary" @click="confirm">确认</el-button>
        </span>
      </el-dialog>
    </div>
  </template>
  
  <script>
0af91599   monkeyhouyi   弹框请求优化
63
  import { getCompanyInfoList } from "@/api/baseData/company";
9b7e125f   monkeyhouyi   属地页面
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
  export default {
    name: "companyForm",
    props: {},
    data() {
      return {
        visible: false,
        loading: false,
        companyForm: {
          name: "",
        },
        value: "",
        companyOptions: [],
        options: [{ value: 1, label: "选项1" }],
        dialogFormVisible: false,
      };
    },
    watch: {},
    mounted() {},
    created() {},
    methods: {
      // 请求公司列表
      getAllCompanyList() {
        getCompanyInfoList().then((res) => {
          console.log(res, "全部公司信息");
        });
      },
      close() {
        this.visible = false;
      },
      openDialog() {
        this.visible = true;
      },
      async confirm() {},
    },
  };
  </script>
  <style lang="scss" scoped></style>
0af91599   monkeyhouyi   弹框请求优化
101
  @/api/baseData/company