查企业页面

src/views/basicdata/checkCompany/AddOrUpdate.vue

@@ -0,0 +1,321 @@
+<template>
+  <div>
+    <div style="display: flex; justify-content: space-between">
+      <div style="display: flex; align-items: center">
+        <el-breadcrumb separator="/">
+          <el-breadcrumb-item><span style="font-weight: 700">查企业</span></el-breadcrumb-item>
+          <el-breadcrumb-item><span style="font-weight: 700">查企业详情页</span></el-breadcrumb-item>
+        </el-breadcrumb>
+        <el-button style="margin-left: 10px" size="mini" icon="el-icon-arrow-left" @click="goBack">返回列表
+        </el-button>
+      </div>
+      <div style="display: flex;">
+        <el-autocomplete size="small" v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入企业名称"
+          @select="handleSelect">
+          <el-button slot="append" icon="el-icon-search">检索</el-button>
+        </el-autocomplete>
+      </div>
+      <div style="width: 254px;">
+      </div>
+    </div>
+    <br />
+    <div>
+      <el-card class="box-card">
+        <div style="display: flex;">
+          <div>
+            <el-row>
+              <span style="font-size: 24px;">青岛途宝软件开发有限公司</span>
+            </el-row>
+            <el-row>
+              <span>
+                <el-tag size="small" v-for="tag in tags" :key="tag.name">
+                  {{ tag.name }}
+                </el-tag>
+              </span>
+            </el-row>
+          </div>
+        </div>
+        <div style="background-color: #f6faff;padding: 16px 0px;line-height: 22px;font-size: 14px;margin:10px 0;">
+          <el-row>
+            <el-col :span="8" style="border-right: 1px solid #e6e6e6;padding-left: 16px;">
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">法定代表人：</span>
+                  <span style="color: #333;">刘梦</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">注册资本：</span>
+                  <span style="color: #333;">300 万人民币</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">成立日期：</span>
+                  <span style="color: #333;">2020-01-17</span>
+                </div>
+              </el-row>
+            </el-col>
+            <el-col :span="8" style="border-right: 1px solid #e6e6e6;padding-left: 16px;">
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">统一社会信用代码：</span>
+                  <span style="color: #333;">91370213MA3RE74912</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">邮箱：</span>
+                  <span style="color: #333;">15065420766@163.com</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">电话：</span>
+                  <span style="color: #333;">150********</span>
+                </div>
+              </el-row>
+            </el-col>
+            <el-col :span="8" style="padding-left: 16px;">
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">所属行业：</span>
+                  <span style="color: #333;">其他未列明零售业（F5299）</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">企业规模：</span>
+                  <span style="color: #333;">小微</span>
+                </div>
+              </el-row>
+              <el-row style="margin:4px 0px;">
+                <div>
+                  <span style="color: #666;">企业员工：</span>
+                  <span style="color: #333;">7人</span>
+                </div>
+              </el-row>
+            </el-col>
+          </el-row>
+          <el-row style="padding: 16px 16px 0 16px;">
+            <div>
+              <span style="color: #666;">简介：</span>
+              <span style="color: #333;">青岛途宝软件开发有限公司成立于2020-01-17，法定代表人为刘梦，注册资本为300
+                万人民币，统一社会信用代码为91370213MA3RE74912，当前处于存续状态。企业注册地址位于山东省青岛市崂山区海尔路182-6号财富大厦1703，所属行业为其他未列明零售业，经营范围包括：软件开发；系统集成；技术研发、技术咨询、技术推广、技术转让、技术服务；批发：计算机设备及配件、电子产品、数码产品。（依法须经批准的项目，经相关部门批准后方可开展经营活动）</span>
+            </div>
+          </el-row>
+        </div>
+        <div>
+          <div style="font-size: 18px;font-weight: 600;padding:10px 10px 6px 0;">工商信息</div>
+          <table border="1">
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">统一社会信用代码</td>
+              <td>91370213MA3RE74912</td>
+              <td style="background-color: #f6faff;width: 150px;">企业名称</td>
+              <td colspan="4">青岛途宝软件开发有限公司</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;" rowspan="2">法定代表人</td>
+              <td style="width:20%;" rowspan="2">刘梦</td>
+              <td style="background-color: #f6faff;width: 150px;">经营状态</td>
+              <td style="width:20%;">存续</td>
+              <td style="background-color: #f6faff;width: 150px;">成立日期</td>
+              <td style="width:20%;">2020-01-17</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">注册资本</td>
+              <td>300 万人民币</td>
+              <td style="background-color: #f6faff;width: 150px;">实缴资本</td>
+              <td>-</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">组织机构代码</td>
+              <td>MA3RE7491</td>
+              <td style="background-color: #f6faff;width: 150px;">工商注册号</td>
+              <td>370213230529508</td>
+              <td style="background-color: #f6faff;width: 150px;">实缴资本</td>
+              <td>-</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">进出口企业代码</td>
+              <td>-</td>
+              <td style="background-color: #f6faff;width: 150px;">海关注册编码</td>
+              <td>-</td>
+              <td style="background-color: #f6faff;width: 150px;">实缴资本</td>
+              <td>-</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">所属行业</td>
+              <td>批发和零售业 > 零售业 > 货摊、无店铺及其他零售业 > 其他未列明零售业（F5299）</td>
+              <td style="background-color: #f6faff;width: 150px;">所属地区</td>
+              <td>山东省青岛市崂山区</td>
+              <td style="background-color: #f6faff;width: 150px;">登记机关</td>
+              <td>青岛市崂山区市场监督管理局</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">企业规模</td>
+              <td>小微</td>
+              <td style="background-color: #f6faff;width: 150px;">员工数量</td>
+              <td>7人</td>
+              <td style="background-color: #f6faff;width: 150px;">社保人数</td>
+              <td>7</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">营业期限</td>
+              <td>2020-01-17 至 无固定期限</td>
+              <td style="background-color: #f6faff;width: 150px;">企业类型</td>
+              <td colspan="3">有限责任公司（自然人投资或控股）</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">核准日期</td>
+              <td>2021-08-26</td>
+              <td style="background-color: #f6faff;width: 150px;">英文名</td>
+              <td colspan="3">-</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">注册地址</td>
+              <td colspan="5">批发和零售业 > 零售业 > 货摊、无店铺及其他零售业 > 其他未列明零售业（F5299）</td>
+            </tr>
+            <tr>
+              <td style="background-color: #f6faff;width: 150px;">经营范围</td>
+              <td colspan="5">软件开发；系统集成；技术研发、技术咨询、技术推广、技术转让、技术服务；批发：计算机设备及配件、电子产品、数码产品。（依法须经批准的项目，经相关部门批准后方可开展经营活动）</td>
+            </tr>
+          </table>
+          <div style="margin: 10px 0;color: #666;">
+            <span style="margin-right: 10px;">
+              更新时间：2024-12-31
+            </span>
+            <span>
+              来源：国家信用信息公示系统
+            </span>
+          </div>
+        </div>
+        <div>
+          <div style="font-size: 18px;font-weight: 600;padding:10px 10px 6px 0;">股东信息</div>
+          <el-table :data="tableData" border style="width: 100%;"
+            :header-cell-style="{ background: '#f6faff', color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400', 'font-size': '15px' }"
+            :cell-style="{ color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400' }">
+            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+            <el-table-column prop="name1" label="股东名称" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name2" label="认缴出资额" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name3" label="直接持股比例" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name4" label="认缴出资日期" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name5" label="实缴出资额" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name6" label="综合持股比例" header-align="center">
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <div style="font-size: 18px;font-weight: 600;padding:10px 10px 6px 0;">主要人员</div>
+          <el-table :data="tableData" border style="width: 100%;"
+            :header-cell-style="{ background: '#f6faff', color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400', 'font-size': '15px' }"
+            :cell-style="{ color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400' }">
+            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+            <el-table-column prop="name1" label="姓名" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name2" label="职务" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name3" label="直接持股比例" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name4" label="综合持股比例" header-align="center">
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <div style="font-size: 18px;font-weight: 600;padding:10px 10px 6px 0;">变更记录</div>
+          <el-table :data="tableData" border style="width: 100%;"
+            :header-cell-style="{ background: '#f6faff', color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400', 'font-size': '15px' }"
+            :cell-style="{ color: '#333', 'font-family': 'Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif', 'font-weight': '400' }">
+            <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
+            <el-table-column prop="name1" label="变更日期" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name2" label="变更事项" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name3" label="变更前" header-align="center">
+            </el-table-column>
+            <el-table-column prop="name4" label="变更后" header-align="center">
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listWarehousesss } from '@/api/basicdata/warehouse'
+
+export default {
+  name: 'inStock',
+  props: {
+    chiId: {
+      type: Number,
+      required: null
+    }
+  },
+  data() {
+    return {
+      tags: [
+        { name: '标签一' },
+        { name: '标签二' },
+        { name: '标签三' },
+        { name: '标签四' },
+        { name: '标签五' }
+      ],
+      src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+      restaurants: [],
+      state: '',
+      timeout: null,
+      tableData: [{
+        name1: '名字'
+      }]
+    }
+  },
+  async created() { },
+  mounted() {
+  },
+
+  methods: {
+    goBack() {
+      this.$emit('changeShow', 'true')
+    },
+    querySearchAsync(queryString, cb) {
+      if (queryString) {
+        cb([])
+      } else {
+        cb([])
+      }
+
+    },
+    handleSelect(item) {
+      console.log(item);
+    }
+
+  },
+}
+</script>
+<style lang="scss" scoped>
+.el-tag {
+  margin: 6px 6px 0 0;
+}
+
+table {
+  width: 100%;
+  margin: 0 auto;
+  border: 1px solid #e2ebf7;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  border: 1px solid #e2ebf7;
+  color: #333;
+  padding: 13px 10px;
+}
+</style>

src/views/basicdata/checkCompany/index.vue

@@ -0,0 +1,317 @@
+<template>
+  <div class="app-container">
+    <div v-show="pageShow">
+      <el-form :model="queryParams" ref="queryForm" v-show="showSearch" label-width="90px" size="small">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="企业名称" prop="fMblno">
+              <el-input v-model="queryParams.fMblno" placeholder="请输入企业名称" clearable style="width: 200px"
+                @keyup.enter.native="handleQuery" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
+            v-hasPermi="['warehouseBusiness:inStock:add']">新增
+          </el-button>
+        </el-col>
+        <div class="tabSetting">
+          <div style="margin-right: 20px">
+            <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </div>
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+          <div style="margin: 0 12px">
+            <el-button icon="el-icon-setting" size="mini" circle @click="showSetting = !showSetting"></el-button>
+          </div>
+        </div>
+      </el-row>
+
+      <el-dialog title="自定义列显示" :visible.sync="showSetting" width="700px" v-dialogDrag :close-on-click-modal="false">
+        <template slot="title">
+          <div class="avue-crud__dialog__header">
+            <span class="el-dialog__title">
+              <span style="
+                  display: inline-block;
+                  width: 3px;
+                  height: 20px;
+                  margin-right: 5px;
+                  float: left;
+                  margin-top: 2px;
+                "></span>
+            </span>
+          </div>
+        </template>
+        <div>配置排序列数据（拖动调整顺序）</div>
+        <div style="margin-left: 17px">
+          <el-checkbox v-model="allCheck" label="全选" @change="allChecked"></el-checkbox>
+        </div>
+        <div style="padding: 4px; display: flex; justify-content: center">
+          <draggable v-model="setRowList" group="site" animation="300" @start="onStart" @end="onEnd"
+            handle=".indraggable">
+            <transition-group>
+              <div v-for="item in setRowList" :key="item.surface" class="listStyle">
+                <div style="width: 500px" class="indraggable">
+                  <div class="progress" :style="{ width: item.width + 'px' }">
+                    <el-checkbox :label="item.name" v-model="item.checked" :true-label="0" :false-label="1">{{ item.name
+                      }}
+                    </el-checkbox>
+                  </div>
+                </div>
+                <el-input-number v-model.number="item.width" controls-position="right" :min="1" :max="500" size="mini">
+                </el-input-number>
+              </div>
+            </transition-group>
+          </draggable>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="showSetting = false">取 消</el-button>
+          <el-button @click="delRow" type="danger">重 置</el-button>
+          <el-button type="primary" @click="save()">确 定</el-button>
+        </span>
+      </el-dialog>
+      <el-table ref="table" style="width: 100%;" v-loading="loading" :data="warehousebillsList" :height="tableHeight" border>
+        <el-table-column v-for="(item, index) in getRowList" :key="index" :label="item.name" :width="item.width"
+          :prop="item.label" align="center" :fixed="item.fixed" :show-overflow-tooltip="true" sortable >
+          <template slot-scope="scope">
+            <span>{{ scope.row[item.label] }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="20" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row, true)"
+              v-hasPermi="['warehouseBusiness:inStock:edit']">查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList" />
+    </div>
+    <add-or-update v-show="pageShow2" @changeShow="showAddOrUpdate" ref="addOrUpdateRef" :chiId="formId"
+      :key="timer"></add-or-update>
+  </div>
+</template>
+
+<script>
+import AddOrUpdate from "./AddOrUpdate.vue";
+import {
+  listWarehousebills
+} from "@/api/warehouseBusiness/warehouseInStock";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import Cookies from "js-cookie";
+import { addSet, select, resetModule } from "@/api/system/set";
+import draggable from "vuedraggable";
+
+export default {
+  name: "plans",
+  data() {
+    return {
+      tableHeight: '600',
+      timer: "",
+      pageShow: true,
+      pageShow2: false,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      // 显示搜索条件
+      showSearch: true,
+      drag: false,
+      tableDate: [
+        {
+          surface: "1",
+          label: "fMblno",
+          name: "企业名称",
+          checked: 0,
+        },
+        {
+          surface: "2",
+          label: "created",
+          name: "使用人",
+          checked: 0,
+        },
+        {
+          surface: "3",
+          label: "date",
+          name: "使用日期",
+          checked: 0,
+        }
+      ],
+      setRowList: [],
+      getRowList: [],
+      allCheck: false,
+      showSetting: false,
+      total: 0,
+      warehousebillsList: [],
+      loading: true,
+      formId: null,
+    };
+  },
+  // 使用子组件
+  components: { draggable, AddOrUpdate },
+  created() {
+    this.setRowList = this.tableDate;
+    this.getRowList = this.tableDate;
+    this.getRow();
+    this.getList();
+  },
+  mounted() {
+    this.$nextTick(() => {
+      // 监听浏览器高度变化，改变表格高度
+      window.onresize = () => {
+        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
+      }
+    })
+  },
+  methods: {
+    allChecked() {
+      if (this.allCheck == true) {
+        this.setRowList.map((e) => {
+          return (e.checked = 0);
+        });
+      } else {
+        this.setRowList.map((e) => {
+          return (e.checked = 1);
+        });
+      }
+    },
+    //查询列数据
+    getRow() {
+      let that = this;
+      this.data = {
+        tableName: "入库",
+        userId: Cookies.get("userName"),
+      };
+      select(this.data).then((res) => {
+        if (res.data.length != 0) {
+          this.getRowList = res.data.filter((e) => e.checked == 0);
+          this.setRowList = res.data;
+          this.setRowList = this.setRowList.reduce((res, item) => {
+            res.push({
+              surface: item.surface,
+              label: item.label,
+              name: item.name,
+              checked: item.checked,
+              width: item.width,
+              fixed: item.fixed,
+            });
+            return res;
+          }, []);
+        }
+      });
+    },
+    //重置列表
+    delRow() {
+      this.data = {
+        tableName: "入库",
+        userId: Cookies.get("userName"),
+      };
+      resetModule(this.data).then((res) => {
+        if (res.code == 200) {
+          this.showSetting = false;
+          this.setRowList = this.$options.data().tableDate;
+          this.getRowList = this.$options.data().tableDate;
+        }
+      });
+    },
+    //保存列设置
+    save() {
+      this.showSetting = false;
+      this.data = {
+        tableName: "入库",
+        userId: Cookies.get("userName"),
+        sysTableSetList: this.setRowList,
+      };
+      addSet(this.data).then((res) => {
+        if (res.code == 200) {
+          this.showSetting = false;
+          this.getRowList = this.setRowList.filter((e) => e.checked == 0);
+        }
+      });
+    },
+    //开始拖拽事件
+    onStart() {
+      this.drag = true;
+    },
+    //拖拽结束事件
+    onEnd() {
+      this.drag = false;
+    },
+    getList() {
+      //获取仓库
+      listWarehousebills(this.queryParams).then((response) => {
+        this.warehousebillsList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+        // 根据浏览器高度设置初始高度
+        setTimeout(() => {
+          this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
+        }, 300)
+      });
+    },
+    handleAdd() {
+      this.timer = new Date().getTime();
+      this.pageShow = false;
+      this.pageShow2 = true;
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.formId = row.fId;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdateRef.init();
+      });
+      setTimeout(() => {
+        this.pageShow = false;
+        this.pageShow2 = true;
+      }, 200);
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.handleQuery();
+    },
+    showAddOrUpdate(data) {
+      if (data) {
+        this.getList();
+        this.pageShow = true;
+        this.pageShow2 = false;
+      }
+    }
+  },
+};
+</script>
+
+<style scoped>
+.table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  background-color: transparent;
+  display: table;
+  width: 100%;
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+.table td {
+  text-align: center;
+  vertical-align: middle;
+  font-size: 14px;
+  color: #000000;
+  padding: 8px 12px;
+}
+
+.column {
+  border: 1px solid #000;
+}
+</style>