排产管理上装选择

anrui-scm/anrui-scm-ui/src/views/supplychain/cheliangpaichan/shangzhuangselect/shangzhuangpeizhi.vue

@@ -0,0 +1,249 @@
+<template>
+  <div class="app-container">
+    <div>
+      <button-bar view-title="上装配置管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
+            {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header" label-width="100px">
+              <el-row>
+                <el-form-item label="车辆功能">
+                  <el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
+                    <el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="委改方式">
+                  <el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
+                    <el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="委改厂">
+                  <el-input v-model="queryParams.params.refitFactory" placeholder="请输入委改厂" clearable/>
+                </el-form-item>
+                <el-form-item label="上装名称">
+                  <el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
+                    <el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="颜色">
+                  <el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
+                    <el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="板材材质">
+                  <el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
+                    <el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--Start 项目列表头部-->
+        <div class="listtop">
+          <div class="tit">上装配置列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
+        </div>
+        <!--End 项目列表头部-->
+        <!--Start 项目列表-->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <el-table-column width="70px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handleSelect(scope.row)">选择</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
+            <el-table-column prop="installNameValue" label="上装名称" align="center"/>
+            <el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
+            <el-table-column prop="refitFactory" label="委改厂" align="center"/>
+            <el-table-column prop="wk" label="外廓尺寸" header-align="center" align="left" width="250"/>
+            <el-table-column prop="colorValue" label="颜色" align="center"/>
+            <el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
+            <el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="250"/>
+            <el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
+            <el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
+            <el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center" width="150"/>
+            <el-table-column prop="floorHeating" label="底板加热" align="center"/>
+          </el-table>
+        </div>
+        <!--End 项目列表-->
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" @pagination="init"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/shangzhuang/shangzhuang'
+import ButtonBar from '@/components/ButtonBar'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import { getPathSidByUserSid,typeValues } from '@/api/cheliang/dictcommons'
+
+export default {
+  name: 'ShangZhuangGuanLi',
+  components: {
+    ButtonBar,
+    Pagination,
+    pageye
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      tableLoading: false,
+      dataList: [],
+      installName_list: [],
+      vehicleType_list: [],
+      refitMethod_list: [],
+      color_list: [],
+      plateMaterial_list: [],
+      tableIndex: 0,
+      queryParams: {
+        current: 1,
+        size: 10,
+        total: 10,
+        params: {
+          vehicleTypeKey: '',
+          installNameKey: '',
+          refitMethodKey: '',
+          refitFactory: '',
+          colorKey: '',
+          plateMaterial: '',
+          createOrgSid: ''
+        }
+      }
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    init() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.queryParams.params.createOrgSid = res.data
+          this.loadList()
+        }
+      })
+      this.DataDictionary()
+    },
+    DataDictionary() {
+      // 上装名称
+      typeValues({ type: 'topName' }).then((res) => {
+        if (res.success) {
+          this.installName_list = res.data
+        }
+      })
+      // 车辆功能
+      typeValues({ type: 'vehicleFunction' }).then((res) => {
+        if (res.success) {
+          this.vehicleType_list = res.data
+        }
+      })
+      typeValues({ type: 'bodyColor' }).then((res) => {
+        if (res.success) {
+          this.color_list = res.data
+        }
+      })
+      typeValues({ type: 'refitMethod' }).then((res) => {
+        if (res.success) {
+          this.refitMethod_list = res.data
+        }
+      })
+      typeValues({ type: 'plateMaterial' }).then((res) => {
+        if (res.success) {
+          this.plateMaterial_list = res.data
+        }
+      })
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    showData(index) {
+      this.tableIndex = index
+      this.init()
+    },
+    dosearch() {
+      this.queryParams.current = 1
+      this.init()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          vehicleTypeKey: '',
+          installNameKey: '',
+          refitMethodKey: '',
+          refitFactory: '',
+          colorKey: '',
+          plateMaterial: '',
+          createOrgSid: ''
+        }
+      }
+      this.init()
+    },
+    loadList() {
+      const _this = this
+      this.tableLoading = true
+      req.listPage(this.queryParams).then((resp) => {
+        _this.tableLoading = false
+        const data = resp.data
+        _this.queryParams.total = data.total
+        _this.dataList = data.records
+      }).catch(() => {
+        _this.tableLoading = false
+      })
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelect(row) {
+      this.$emit('backData', row, this.tableIndex)
+    },
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>