From 491edf48dbe0bf2f08400bcd2925dee78f8d5d34 Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Fri, 22 Nov 2024 14:23:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A3=85=E5=A4=87=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/lessor/equipment/detail.vue | 358 ++++++++++++++++++++++++++
 src/views/lessor/equipment/index.vue  |  27 +-
 src/views/tenantry/order/index.vue    | 265 +++++++++++++++++++
 vue.config.js                         |   4 +-
 4 files changed, 641 insertions(+), 13 deletions(-)
 create mode 100644 src/views/lessor/equipment/detail.vue
 create mode 100644 src/views/tenantry/order/index.vue

diff --git a/src/views/lessor/equipment/detail.vue b/src/views/lessor/equipment/detail.vue
new file mode 100644
index 00000000..fb7104ef
--- /dev/null
+++ b/src/views/lessor/equipment/detail.vue
@@ -0,0 +1,358 @@
+<template>
+    <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button
+                    type="primary" size="mini"
+                    icon="el-icon-back" @click="backList"
+                    >取消</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                    type="warning" plain
+                    icon="el-icon-download" size="mini"
+                    >存草稿</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                    type="success"
+                    icon="el-icon-check" 
+                    size="mini" 
+                    >上架</el-button>
+            </el-col>
+        </el-row>
+
+        <el-form :model="formData" ref="formData" size="small" :inline="true" label-width="130px" style="margin-left: 40px;">
+            <el-row :gutter="24" class="mb8">
+                <el-form-item label="装备名称：" prop="equipmentName">
+                    <el-input
+                        v-model="formData.equipmentName"
+                        placeholder="请输入装备名称"
+                        clearable maxlength="20"
+                        style="width: 1100px;"
+                    />   
+                </el-form-item> 
+            </el-row>  
+            <el-row :gutter="24" class="mb8">
+                <el-form-item label="装备类目：" prop="typeId1">
+                    <el-select v-model="formData.typeId1"
+                        placeholder="一级分类" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+                <el-form-item label="" prop="typeId2">
+                    <el-select v-model="formData.typeId2"
+                        placeholder="二级分类" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+                <el-form-item label="" prop="typeId3">
+                    <el-select v-model="formData.typeId3"
+                        placeholder="三级分类" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+                <el-form-item label="" prop="typeId4">
+                    <el-select v-model="formData.typeId4"
+                        placeholder="四级分类" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+            </el-row>
+            <el-row :gutter="24" class="mb8">
+                <el-form-item label="装备所在地：" prop="local1">
+                    <el-select v-model="formData.local1"
+                        placeholder="所在省份" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+                <el-form-item label="" prop="local2">
+                    <el-select v-model="formData.local2"
+                        placeholder="所在市" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item> 
+                <el-form-item label="" prop="local3">
+                    <el-select v-model="formData.local3"
+                        placeholder="所在县" clearable>
+                        <el-option v-for="dict in equipmentTypeList"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"/>
+                    </el-select>
+                </el-form-item>  
+            </el-row>  
+            <el-row :gutter="24" class="mb8">
+                <el-col :span="10">
+                    <el-form-item label="装备编号：" prop="equipmentCode">
+                        <el-input
+                            v-model="formData.equipmentCode"
+                            placeholder="请输入装备编号"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+                <el-col :span="10">
+                    <el-form-item label="装备品牌：" prop="equipmentBrand">
+                        <el-input
+                            v-model="formData.equipmentBrand"
+                            placeholder="请输入装备品牌"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+            </el-row>  
+            <el-row :gutter="24" class="mb8">
+                <el-col :span="10">
+                    <el-form-item label="出厂日期：" prop="productionTime">
+                        <el-date-picker
+                            v-model="formData.productionTime"
+                            placeholder="请选择出厂日期"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            type="datetime"  style="width: 400px;">
+                        </el-date-picker>
+                    </el-form-item> 
+                </el-col>
+                <el-col :span="10">
+                    <el-form-item label="租赁价格(天/元)：" prop="leasePrice">
+                        <el-input
+                            v-model="formData.leasePrice"
+                            placeholder="请输入租赁价格"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+            </el-row>  
+            <el-row :gutter="24" class="mb8">
+                <el-col :span="10">
+                    <el-form-item label="联系人：" prop="userName">
+                        <el-input
+                            v-model="formData.userName"
+                            placeholder="请输入联系人"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+                <el-col :span="10">
+                    <el-form-item label="联系电话：" prop="phone">
+                        <el-input
+                            v-model="formData.phone"
+                            placeholder="请输入联系电话"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+            </el-row>  
+            <el-row :gutter="24" class="mb8">
+                <el-col :span="10">
+                    <el-form-item label="整机重量(KG)：" prop="weight">
+                        <el-input
+                            v-model="formData.weight"
+                            placeholder="请输入整机重量"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />   
+                    </el-form-item> 
+                </el-col>
+            </el-row>  
+
+            <el-row :gutter="24" class="mb8"> 
+                <span style="color: #606266;font-size: 14px;font-weight: 600;margin-left: 20px;">添加描述:</span>
+                <span style="color: rgb(255, 59, 48);font-size: 12px;margin-left: 10px;">注:添加不少于2个关于装备性能、外观等相关的描述，如档位、标定功率、规格等</span>
+            </el-row>  
+
+            <el-row :gutter="24" class="mb8">
+                <el-col :span="10">
+                    <div v-for="(item,index) in describeList" :key="index">
+                        <el-input
+                            v-model="item.label"
+                            placeholder="描述名称"
+                            clearable maxlength="20" 
+                            style="width: 120px;"
+                        />   
+                        <span>:</span>
+                        <el-input
+                            v-model="item.describe"
+                            placeholder="描述详情"
+                            clearable maxlength="20" 
+                            style="width: 400px;"
+                        />  
+
+                    </div>
+                </el-col> 
+            </el-row>  
+
+            
+        </el-form>
+   
+        <!-- 图片查看弹窗 -->
+        <el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
+            <img width="100%" height="500px" :src="dialogImageUrl" />
+        </el-dialog>
+   
+    </div>
+  </template> 
+    
+    <script>  
+  import { getToken } from "@/utils/auth";
+  export default {
+    name: "",
+    // dicts: ["purchase_task_status"],
+    data() {
+      return {  
+        Id:"",
+        isView: false, 
+        equipmentTypeList: [], //下拉
+        materialModelList: [], //规格型号下拉
+        supplierList: [], //厂家下拉
+        fixCodeList: ["否", "是"], 
+        formData: { 
+          typeId: undefined,
+          supplierId: undefined,
+          productionTime: undefined,
+        },    
+        describeList:[
+            {label:"",describe:""},{label:"",describe:""}
+        ],//描述
+        //图片查看弹窗
+        dialogImageUrl: "",
+        dialogVisible: false,
+        //上传
+        upload: {
+          // 设置上传的请求头部
+          headers: { Authorization: "Bearer " + getToken() },
+          // 上传的地址
+          url: process.env.VUE_APP_BASE_API + "/file/upload",
+        },
+      };
+    },
+    mounted() { 
+    //   const Id = this.$route.query && this.$route.query.Id;
+    //   const isView = this.$route.query && this.$route.query.isView; 
+    //   this.Id = Id;
+    //   if (isView == "true") {
+    //     this.isView = true;
+    //   } else {
+    //     this.isView = false;
+    //   } 
+    //   this.resetForm("formData");
+    //   console.log(this.isView);
+      // this.getSupplierList() 
+    },
+    methods: {
+      // 返回列表页
+      backList() {
+        const obj = { path: "/lessor/equipment" };
+        this.$tab.closeOpenPage(obj);
+      },
+    //   getDeviceType() {
+    //     getDeviceType({ level: 4, skipPermission: 1 }).then((response) => {
+    //       let matModelRes = response.data;
+    //       this.materialModelList = matModelRes.map((item) => {
+    //         return {
+    //           label: item.typeName,
+    //           value: item.typeId,
+    //         };
+    //       });
+    //     });
+    //   },
+    //   getSupplierList() {
+    //     getManufacturerSelect().then((response) => {
+    //       let arrRes = response.rows;
+    //       this.supplierList = arrRes.map((item) => {
+    //         return {
+    //           label: item.supplier,
+    //           value: item.supplierId,
+    //         };
+    //       });
+    //     });
+    //   }, 
+       
+      //上传
+      beforeFileUpload(row) {
+        this.rowData.fileType = row.fileType; 
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+        if (response.code == 200) {
+          let param = {
+            taskId: this.taskId,
+            taskType: "0",
+            name: response.data.name,
+            url: response.data.url,
+            modelId: this.rowData.typeId,
+            fileType: this.rowData.fileType,
+          };
+          console.log(param);
+          uploadPurchaseFile(param)
+            .then((response) => {
+              this.$modal.msgSuccess("上传成功");
+              this.getFileData();
+            })
+            .catch(() => {
+              this.$modal.msgError("上传失败");
+            });
+        }
+      },
+      //查看
+      picturePreview(file) {
+        this.dialogImageUrl = file.url;
+        const parts = file.name.split(".");
+        const extension = parts.pop();
+        if (extension === "doc" || extension === "docx" || extension === "pdf") {
+          const windowName = file.name;
+          window.open(file.url, windowName);
+        } else {
+          this.dialogVisible = true;
+        }
+      },
+ 
+    },
+  };
+  </script>
+    <style lang="scss" scoped>
+  .uploadImg {
+    padding-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .deviceCode {
+    margin-top: 10px;
+    padding-bottom: 20px;
+    font-size: 18px;
+  }
+  ::v-deep.el-table .fixed-width .el-button--mini {
+    width: 60px !important;
+    margin-bottom: 10px;
+  }
+  //隐藏图片上传框的css
+  ::v-deep.disabled {
+    .el-upload--picture-card {
+      display: none;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/lessor/equipment/index.vue b/src/views/lessor/equipment/index.vue
index 58daa815..8453a1eb 100644
--- a/src/views/lessor/equipment/index.vue
+++ b/src/views/lessor/equipment/index.vue
@@ -68,11 +68,8 @@
             <el-col :span="1.5">
                 <el-button
                     type="success" plain
-                    size="mini"
-                    :disabled="multiple" 
-                >
-                装备新建
-                </el-button>
+                    size="mini" @click="equipmentAdd"
+                >装备新建</el-button>
             </el-col> 
             <el-col :span="1.5">
                 <el-button
@@ -140,7 +137,7 @@
   </template> 
   
   <script> 
-  import { getPurchaseList } from "@/api/purchase/goodsAccept"; 
+//   import { getPurchaseList } from "@/api/purchase/goodsAccept"; 
   export default {
     name: "",
     // dicts: ['purchase_task_status'],
@@ -188,11 +185,11 @@
                 this.queryParams.startTime=undefined
                 this.queryParams.endTime=undefined
             }  
-            getPurchaseList(this.queryParams).then(response => {
-                this.tableList = response.data.rows;
-                this.total = response.data.total;
-                this.loading = false;
-            });
+            // getPurchaseList(this.queryParams).then(response => {
+            //     this.tableList = response.data.rows;
+            //     this.total = response.data.total;
+            //     this.loading = false;
+            // });
         },
         /** 重置按钮操作 */
         resetQuery() {
@@ -212,6 +209,14 @@
             this.single = selection.length != 1
             this.multiple = !selection.length
         },
+        //新增
+        equipmentAdd(){
+            let query = {}
+            this.$tab.closeOpenPage({
+                path: '/lessor/equipmentDetail',
+                query,
+            })
+        },
         //编辑
         handleUpdate(row){
             console.log(row)
diff --git a/src/views/tenantry/order/index.vue b/src/views/tenantry/order/index.vue
new file mode 100644
index 00000000..df9f7cd5
--- /dev/null
+++ b/src/views/tenantry/order/index.vue
@@ -0,0 +1,265 @@
+<template>
+    <div class="app-container">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+        <el-form-item  prop="keyWord">
+            <el-input
+                v-model="queryParams.keyWord"
+                placeholder="请输入订单名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+                maxlength="20"
+            />   
+        </el-form-item>
+        <el-form-item  prop="keyWord1">
+            <el-input
+                v-model="queryParams.keyWord"
+                placeholder="请输入订单编码"
+                clearable
+                @keyup.enter.native="handleQuery"
+                maxlength="20"
+            />   
+        </el-form-item>
+        <el-form-item  prop="status">
+          <el-select v-model="queryParams.status" placeholder="请选择订单状态" clearable>
+            <el-option
+              v-for="item in statusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item  prop="status">
+          <el-select v-model="queryParams.status" placeholder="请选择订单分类" clearable>
+            <el-option
+              v-for="item in statusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item  prop="status">
+          <el-select v-model="queryParams.status" placeholder="请选择订单型号" clearable>
+            <el-option
+              v-for="item in statusList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item  prop="dateRange">
+            <el-date-picker
+                v-model="dateRange"
+                type="datetimerange" 
+                value-format="yyyy-MM-dd HH:mm:ss"
+                range-separator="至" 
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+            </el-date-picker>
+        </el-form-item>  
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button
+                    type="success" plain
+                    size="mini"
+                    :disabled="multiple" 
+                >
+                订单新建
+                </el-button>
+            </el-col> 
+            <el-col :span="1.5">
+                <el-button
+                    type="warning" plain
+                    icon="el-icon-download"
+                    size="mini"  
+                >批量上架</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button
+                    type="warning" plain
+                    icon="el-icon-download"
+                    size="mini"  
+                >批量下架</el-button>
+            </el-col>
+      </el-row> 
+      <el-table v-loading="loading" :data="tableList" ref="multipleTable" row-key="taskId" @selection-change="handleSelectionChange" border>
+        <el-table-column type="selection" width="55" align="center" :reserve-selection="true" />
+        <el-table-column label="序号" align="center" width="80" type="index">
+          <template slot-scope="scope">
+            <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="订单名称" align="center" prop="" width="150" :show-overflow-tooltip="true"/>
+        <el-table-column label="订单编码" align="center" prop="" width="150" :show-overflow-tooltip="true"/>
+        <el-table-column label="订单类目" align="center" prop="" width="150" :show-overflow-tooltip="true"/>
+        <el-table-column label="订单型号" align="center" prop="" :show-overflow-tooltip="true"/>
+        <el-table-column label="订单状态" align="center" prop="status" :show-overflow-tooltip="true">
+            <!-- <template slot-scope="scope">
+                <dict-tag :options="dict.type.purchase_task_status" :value="scope.row.status"/>
+            </template> -->
+        </el-table-column>
+        <el-table-column label="更新时间" align="center" prop="" width="150" :show-overflow-tooltip="true"/> 
+        <el-table-column label="操作" align="center" width="250">
+                        <template slot-scope="scope">
+                            <el-button
+                                size="mini" 
+                                @click="handleView(scope.row)">
+                                查看
+                            </el-button>
+                            <el-button
+                                size="mini" type="primary"
+                                @click="handleUpdate(scope.row)">
+                                编辑
+                            </el-button> 
+                            <el-button  
+                                size="mini" type="warning" >
+                                下架
+                            </el-button>
+                            <el-button  size="mini" type="danger" >
+                                删除
+                            </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>
+  </template> 
+  
+  <script> 
+  import { getPurchaseList } from "@/api/purchase/goodsAccept"; 
+  export default {
+    name: "",
+    // dicts: ['purchase_task_status'],
+    data() {
+      return {
+        // 遮罩层
+        loading: false,     
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true, 
+        // 显示搜索条件
+        showSearch: true, 
+        statusList:[{id:'1',name:'状态1'},{id:'2',name:'状态2'},{id:'3',name:'状态3'}],
+        ids:[],
+        // 总条数
+        total: 0, 
+        //表格数据
+        tableList: [], 
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        // 查询参数
+        dateRange:[],
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          keyWord:undefined,
+          status:undefined,
+        },
+      };
+    },
+    created() { 
+    //   this.getList();
+    },
+    methods: {
+        /** 查询列表 */
+        getList() {
+            this.loading = true;
+            if(this.dateRange.length>0){
+                this.queryParams.startTime=this.dateRange[0]
+                this.queryParams.endTime=this.dateRange[1]
+            }else{
+                this.queryParams.startTime=undefined
+                this.queryParams.endTime=undefined
+            }  
+            getPurchaseList(this.queryParams).then(response => {
+                this.tableList = response.data.rows;
+                this.total = response.data.total;
+                this.loading = false;
+            });
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.dateRange=[]
+            this.queryParams.keyWord=null;
+            this.handleQuery();
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+        // 多选框选中数据
+        handleSelectionChange(selection) {
+            this.ids = selection.map(item => item.taskId)
+            this.single = selection.length != 1
+            this.multiple = !selection.length
+        },
+        //编辑
+        handleUpdate(row){
+            console.log(row)
+            // let query = { Id:row.id,taskId: row.taskId,isView:"false" }
+            // this.$tab.closeOpenPage({
+            //     path: '/purchase/goodsAcceptDetail',
+            //     query,
+            // })
+        },
+        //查看
+        handleView(row){
+            console.log(row)
+            // let query = { Id:row.id,taskId: row.taskId,isView:"true" }
+            // this.$tab.closeOpenPage({
+            //     path: '/purchase/goodsAcceptDetail',
+            //     query,
+            // })
+        },  
+        handleExport() {
+        //     this.download('/material/ma_machine/export', {
+        //       ...this.queryParams
+        //     }, `仓库管理_${new Date().getTime()}.xlsx`)
+        },
+        
+
+    }
+  };
+  </script>
+  <style lang="scss" scoped>
+  .uploadImg {
+    padding-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .deviceCode {
+      margin-top: 10px;
+      padding-bottom: 20px;
+      font-size: 18px;
+  }
+  ::v-deep.el-table .fixed-width .el-button--mini {
+      width: 60px !important;
+      margin-bottom: 10px;
+  }
+  //隐藏图片上传框的css
+  ::v-deep.disabled {
+      .el-upload--picture-card {
+          display: none;
+      }
+  }
+  </style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 142c3c0c..053fa7e1 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -36,9 +36,9 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://localhost:18080`,
-        target: `http://192.168.2.246:18080`,//马
+        // target: `http://192.168.2.246:18080`,//马
         // target: `http://192.168.0.110:18080`,//洪
-        // target: `http://192.168.0.234:18080`,//阮
+        target: `http://192.168.0.234:18080`,//阮
         // target: `http://192.168.137.1:18080`,//
         changeOrigin: true,
         pathRewrite: {