数据字典列表页，仓房信息详情页

src/views/demo/parameManagement/dataDictionary/index.vue

@@ -1,14 +1,282 @@
 <template>
-    <div>
-         <d2-container>
-    <template slot="header">参数设置/数据字典</template>
- 数据字典
-  </d2-container>
-      
-    </div>
+  <div>
+    <d2-container>
+      <template slot="header"
+        ><div class="nav">当前所在位置:首页>数据字典</div></template
+      >
+      <div>
+        <div class="right_main">
+          <div class="right_title">
+            <i
+              class="fa fa-book"
+              aria-hidden="true"
+              style="padding-right: 5px"
+            ></i
+            >数据字典
+          </div>
+          <div class="right_table">
+            <el-form
+              :inline="true"
+              :model="formInline"
+              class="demo-form-inline"
+              id="formLabel"
+            >
+              <div class="searchRow">
+                <div>
+                  <el-form-item label="字典名称:">
+                    <el-cascader :options="options"></el-cascader>
+                  </el-form-item>
+
+                  <el-form-item>
+                    <el-button
+                      type="primary"
+                      icon="el-icon-search"
+                      @click="search"
+                      >查询</el-button
+                    >
+                  </el-form-item>
+
+                  <el-form-item>
+                    <el-button
+                      type="primary"
+                      icon="el-icon-refresh-left"
+                      @click="reset"
+                      >重置</el-button
+                    >
+                  </el-form-item>
+                </div>
+                <div>
+                  <el-form-item>
+                    <el-button
+                      type="primary"
+                      icon="el-icon-plus"
+                      @click="addDic"
+                      >新建字典</el-button
+                    >
+                  </el-form-item>
+                </div>
+              </div>
+            </el-form>
+
+            <el-table
+              :data="dataDictionaryList"
+              border
+              style="width: 100%"
+              row-key="id"
+              lazy
+              :load="load"
+              :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+              :header-cell-style="{ background: '#0064b9', color: '#c9f5fa' }"
+            >
+              <el-table-column
+                prop="branchOffice"
+                label="字典名称"
+                align="center"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="directLibrary"
+                label="字典标识"
+                align="center"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="subTreasury"
+                label="使用状态"
+                align="center"
+              >
+              </el-table-column>
+              <el-table-column prop="cfName" label="更新时间" align="center">
+              </el-table-column>
+
+              <el-table-column align="center" label="操作" width="180">
+                <template slot-scope="scope">
+                  <el-button
+                    @click="handleCheck(scope.row)"
+                    type="text"
+                    size="small"
+                    icon="el-icon-circle-check"
+                    >添加子项</el-button
+                  >
+                  <el-button type="text" size="small" icon="el-icon-edit"
+                    >修改</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+            <!-- <pagination
+        
+          :total="total"
+          :page.sync="listQuery.page"
+          :limit.sync="listQuery.limit"
+          @pagination="getList"
+        /> -->
+          </div>
+        </div>
+      </div>
+    </d2-container>
+  </div>
 </template>
 <script>
+// 引入分页
+import Pagination from "@/components/pagination";
 export default {
-  name:"dataDictionary"
+  name: "dataDictionary",
+  components: { Pagination },
+  data() {
+    return {
+      //options
+      options: [
+        {
+          value: "zhinan",
+          label: "指南",
+
+          children: [
+            {
+              value: "shejiyuanze",
+              label: "设计原则",
+              children: [
+                {
+                  value: "yizhi",
+                  label: "一致",
+                },
+                {
+                  value: "fankui",
+                  label: "反馈",
+                },
+                {
+                  value: "xiaolv",
+                  label: "效率",
+                },
+                {
+                  value: "kekong",
+                  label: "可控",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+
+      //头部查询条件
+      formInline: {
+        cfName: "",
+        scanTime: "",
+      },
+      //表格字段
+      dataDictionaryList: [
+        {
+          id: 1,
+          branchOffice: "中储粮河南分公司",
+          directLibrary: "商丘直属库",
+          subTreasury: "宁陵粮油储备公司",
+          cfName: "1号仓",
+          keeper: "白端静",
+          lxfs: "13531314569",
+          lastScan: "2019-08-21 16:11:59",
+          cfState: "出库",
+          hasChildren: true,
+        },
+      ],
+
+      // 日期插件
+      //
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      //分页
+      total: 30,
+      listQuery: {
+        page: 1,
+        limit: 10,
+        importance: undefined,
+        title: undefined,
+        type: undefined,
+        sort: "+id",
+      },
+    };
+  },
+  methods: {
+    search() {},
+    reset() {},
+    getList() {},
+    //查看
+    handleCheck() {
+      this.$router.push({
+        path: "/warehouseInfo-check",
+      });
+    },
+    //表格数的子节点加载
+    load(tree, treeNode, resolve) {
+      setTimeout(() => {
+        resolve([
+          {
+            id: 11,
+            branchOffice: "中储粮河南分公司",
+            directLibrary: "商丘直属库",
+            subTreasury: "宁陵粮油储备公司",
+            cfName: "1号仓",
+            keeper: "白端静",
+            lxfs: "13531314569",
+            lastScan: "2019-08-21 16:11:59",
+            cfState: "出库",
+          },
+          {
+            id: 12,
+            branchOffice: "中储粮河南分公司",
+            directLibrary: "商丘直属库",
+            subTreasury: "宁陵粮油储备公司",
+            cfName: "1号仓",
+            keeper: "白端静",
+            lxfs: "13531314569",
+            lastScan: "2019-08-21 16:11:59",
+            cfState: "出库",
+          },
+        ]);
+      }, 1000);
+    },
+    //新建字典
+    addDic() {},
+  },
+};
+</script>
+<style lang="scss" scoped>
+.nav {
+  color: #fff;
+  font-size: 14px;
+
+  background: #004a93;
 }
-</script>
+.searchRow {
+  display: flex;
+  justify-content: space-between;
+}
+</style>

src/views/demo/warehouseShow/warehouseInfo/warehouseInfo-check.vue

@@ -20,7 +20,7 @@
           <div>保管员信息</div>
         </div>
 
-        <el-form :inline="true" :model="form" class="demo-form-inline" label-width="130px">
+        <el-form :inline="true" :model="form" class="demo-form-inline">
           <div class="middle">
             <el-form-item label="姓名:">
               <el-select v-model="form.name" placeholder="请选择">
@@ -138,7 +138,7 @@
             <el-button type="primary" icon="el-icon-plus" @click="add()">添加</el-button>
           </div>
         </div>
-        <el-table :data="lsxxList" border style="width: 100%; margin-top: 10px">
+        <el-table :data="lsxxList" border style="width: 100%; margin-top: 10px" :header-cell-style="{ background: '#0064b9', color: '#c9f5fa' }">
           <el-table-column prop="varieties" label="品种" align="center">
             <template slot-scope="scope">
               <el-select
@@ -282,12 +282,12 @@ export default {
   }
   ::v-deep .el-form--inline .el-form-item__label{
       width:130px;
+      color:#fff
       }
+      .el-select,.el-input{
+  width: 300px;
+}
  
 }
 </style>
-<style >
-/* .el-form--inline .el-form-item__label{
-       width:130px; 
-  } */
-</style>
+