From 027536c002c4b36ec4f50ad44cf36d1f244bc73d Mon Sep 17 00:00:00 2001
From: qiezi <15576055375@163.com>
Date: Tue, 20 Aug 2024 09:14:54 +0800
Subject: [PATCH] =?UTF-8?q?20240819=20=E6=8A=A5=E4=BB=B7=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/quote/quoteDetailAttribute.js         |   9 +
 .../quote/detail/primary/quoteDetailOther.vue | 305 +++++++++++++++++-
 .../modules/quote/detail/quoteDetail.vue      |   2 +-
 src/views/modules/quote/index.vue             |   4 +-
 4 files changed, 312 insertions(+), 8 deletions(-)
 create mode 100644 src/api/quote/quoteDetailAttribute.js

diff --git a/src/api/quote/quoteDetailAttribute.js b/src/api/quote/quoteDetailAttribute.js
new file mode 100644
index 0000000..4b42a06
--- /dev/null
+++ b/src/api/quote/quoteDetailAttribute.js
@@ -0,0 +1,9 @@
+import {createAPI} from "../../utils/httpRequest";
+
+
+export const queryQuoteDetailAttribute = (data) => createAPI(`/quote/detail/attribute`,'post',data)
+export const queryQuoteDetailAttributeItem = (data) => createAPI(`/quote/detail/attribute/item`,'post',data)
+
+export const batchUpdateDetailAttribute = (data) => createAPI(`/quote/detail/attribute/batch/update`,'post',data)
+
+
diff --git a/src/views/modules/quote/detail/primary/quoteDetailOther.vue b/src/views/modules/quote/detail/primary/quoteDetailOther.vue
index 7209a17..5328dad 100644
--- a/src/views/modules/quote/detail/primary/quoteDetailOther.vue
+++ b/src/views/modules/quote/detail/primary/quoteDetailOther.vue
@@ -1,4 +1,10 @@
 <script>
+import {
+  batchUpdateDetailAttribute,
+  queryQuoteDetailAttribute,
+  queryQuoteDetailAttributeItem
+} from "../../../../../api/quote/quoteDetailAttribute";
+
 export default {
   name: "quoteDetailOther",
   props:{
@@ -14,12 +20,168 @@ export default {
   data(){
     return{
       dataList:[],
+      columns:[
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5011,
+          serialNumber: '5011Table7ItemNo',
+          tableId: "5011Table7",
+          tableName: "物料属性项目表",
+          columnProp: 'itemNo',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '属性编码',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 110,
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5011,
+          serialNumber: '5011Table7ItemDesc',
+          tableId: "5011Table7",
+          tableName: "物料属性项目表",
+          columnProp: 'itemDesc',
+          headerAlign: "center",
+          align: "left",
+          columnLabel: '属性名称',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 180,
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5011,
+          serialNumber: '5011Table7ValueType',
+          tableId: "5011Table7",
+          tableName: "物料属性项目表",
+          columnProp: 'valueType',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '属性类型',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 60,
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: 5011,
+          serialNumber: '5011TableValue',
+          tableId: "5011Table",
+          tableName: "common",
+          columnProp: 'value',
+          headerAlign: "center",
+          align: "center",
+          columnLabel: '属性值',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          columnWidth: 100,
+        },
+      ],
+      attribute:{
+        itemNo: '',
+        itemDesc: '',
+      },
+      updateStatus:false,
+      dialogVisible:false,
+      selectionDataList:[],
+      itemList:[],
+      selectionList:[],
     }
   },
   methods:{
     handleQueryOther(){
-      console.log(this.quoteDetail.id)
-    }
+      let params = {
+        quoteDetailId: this.quoteDetail.id
+      }
+      this.updateStatus = false;
+      queryQuoteDetailAttribute(params).then(({data})=>{
+        if (data && data.code === 0){
+          this.dataList = data.rows;
+        }else {
+          this.$message.warning(data.message);
+        }
+      }).catch((error)=>{
+        this.$message.error(error.message);
+      })
+    },
+    handleUpdateAttribute(){
+      if (this.dataList.length === 0){
+        this.$message.warning("请先添加属性");
+        return
+      }
+      if (this.updateStatus === false){
+        this.updateStatus = true;
+        return
+      }
+      // 保存属性
+      // console.log(this.dataList)
+      batchUpdateDetailAttribute(this.dataList).then(({data})=>{
+        if (data && data.code === 0){
+          this.$message.success(data.msg);
+          this.handleQueryOther();
+          this.updateStatus = false;
+        }else {
+          this.$message.warning(data.msg);
+        }
+      }).catch((error)=>{
+        this.$message.error(error);
+      })
+    },
+    handleSaveAttribute(){
+      this.attribute ={
+        itemNo: '',
+        itemDesc: '',
+      }
+      this.handleQueryAttributeItem();
+      this.dialogVisible = true;
+    },
+    handleQueryAttributeItem(){
+      let params = {
+        ...this.attribute,
+        quoteDetailId: this.quoteDetail.id,
+        quoteId: this.quoteDetail.quoteId,
+        quoteNo: this.quoteDetail.quoteNo,
+        site: this.quoteDetail.site,
+        buNo: this.quoteDetail.buNo,
+        versionNo: this.quoteDetail.versionNo,
+        quoteDetailItemNo: this.quoteDetail.itemNo,
+      }
+      queryQuoteDetailAttributeItem(params).then(({data})=>{
+        if (data && data.code === 0){
+          this.itemList = data.rows;
+        }else {
+          this.$message.warning(data.msg);
+        }
+      }).catch((error)=>{
+        this.$message.error(error);
+      })
+    },
+    handleRowClick(row,ref){
+      this.$refs[ref].toggleRowSelection(row,true)
+    },
+    handleSelectionChange(val){
+      this.selectionDataList = val;
+    },
+    handleItemSelectionChange(val){
+      this.selectionList = val;
+    },
   },
   created() {
     if (this.quoteDetail && this.quoteDetail.id){
@@ -36,13 +198,146 @@ export default {
 
 <template>
 <div>
-  <el-button type="primary">新增</el-button>
+  <el-button type="primary" @click="handleSaveAttribute">新增</el-button>
+  <el-button type="primary" @click="handleUpdateAttribute">{{updateStatus?'保存':'编辑'}}</el-button>
   <el-table :data="dataList" style="width: 100%" border :height="420">
-
+    <el-table-column
+      v-for="(item,index) in columns" :key="index"
+      :sortable="item.columnSortable"
+      :prop="item.columnProp"
+      :header-align="item.headerAlign"
+      :show-overflow-tooltip="item.showOverflowTooltip"
+      :align="item.align"
+      :fixed="item.fixed===''?false:item.fixed"
+      :min-width="item.columnWidth"
+      :label="item.columnLabel">
+      <template slot-scope="scope">
+        <span v-if="!item.columnHidden">
+            <template v-if="item.columnProp==='valueType'">{{ scope.row[item.columnProp] === 'text' ? '文本' : '数字' }}</template>
+            <template v-else-if="item.columnProp==='valueChooseFlag'">{{ scope.row[item.columnProp] === 'Y' ? '是' : '否' }}</template>
+            <template v-else-if="item.columnProp==='value' && updateStatus === true && scope.row.valueType==='text'">
+              <el-input v-model="scope.row['textValue']"></el-input>
+            </template>
+            <template v-else-if="item.columnProp==='value' && updateStatus === true && scope.row.valueType==='num'">
+              <el-input-number style="width: 100%" :controls="false" :step="0" v-model="scope.row['numValue']"></el-input-number>
+            </template>
+            <template v-else-if="item.columnProp==='value' && scope.row.valueType==='text'">
+              {{ scope.row['textValue'] }}
+            </template>
+            <template v-else-if="item.columnProp==='value' && scope.row.valueType==='num'">
+              {{ scope.row['numValue'] }}
+            </template>
+            <template v-else>{{ scope.row[item.columnProp] }}</template>
+        </span>
+        <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
+      </template>
+    </el-table-column>
   </el-table>
+
+  <el-dialog title="属性信息" :visible.sync="dialogVisible" v-drag :close-on-click-modal="false" append-to-body width="1100px">
+    <el-form ref="form" :model="attribute" label-position="top" label-width="100px">
+      <el-row :gutter="10">
+        <el-col :span="4">
+          <el-form-item label="属性编码">
+            <el-input v-model="attribute.itemNo"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="属性名称">
+            <el-input v-model="attribute.itemDesc"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item label=" ">
+            <el-button type="primary" @click="handleQueryAttributeItem">查询</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-container style="margin-top: 0px;">
+      <el-main style="width: 350px;padding: 1px">
+        <span style="font-size: 12px">可选属性：</span>
+        <el-table
+          height="400px"
+          :data="itemList"
+          @selection-change="handleItemSelectionChange"
+          @row-click="(row)=>handleRowClick(row,'itemTable1')"
+          border
+          ref="itemTable1"
+          style="width: 100%">
+          <el-table-column
+            type="selection"
+            header-align="center"
+            align="center"
+            width="50">
+          </el-table-column>
+          <el-table-column
+            prop="itemNo"
+            header-align="center"
+            align="center"
+            min-width="150"
+            label="属性编码">
+          </el-table-column>
+          <el-table-column
+            prop="itemDesc"
+            header-align="center"
+            align="center"
+            min-width="200"
+            label="属性名称">
+          </el-table-column>
+        </el-table>
+      </el-main>
+      <el-main style="width: 10px;padding: 1px">
+        <div style="margin-top: 200px;margin-left: 18px">
+          <el-button type="primary" >添加>></el-button>
+        </div>
+        <div style="margin-top: 15px;margin-left: 18px">
+          <el-button type="primary" >删除<<</el-button>
+        </div>
+      </el-main>
+      <el-main style="width: 350px;padding: 1px">
+        <span style="font-size: 12px">已有属性：</span>
+        <el-table
+          height="400px"
+          border
+          ref="itemTable2"
+          :data="dataList"
+          @row-click="(row)=>handleRowClick(row,'itemTable2')"
+          @selection-change="handleSelectionChange"
+          style="width: 100%">
+          <el-table-column
+            type="selection"
+            header-align="center"
+            align="center"
+            width="50">
+          </el-table-column>
+          <el-table-column
+            prop="itemNo"
+            header-align="center"
+            align="left"
+            min-width="150"
+            label="属性编码">
+          </el-table-column>
+          <el-table-column
+            prop="itemDesc"
+            header-align="center"
+            align="center"
+            min-width="200"
+            label="属性名称">
+          </el-table-column>
+        </el-table>
+      </el-main>
+    </el-container>
+    <el-footer style="height:40px;margin-top: 20px;text-align:center">
+      <el-button type="primary" @click="dialogVisible = false">关闭</el-button>
+    </el-footer>
+  </el-dialog>
 </div>
 </template>
 
 <style scoped>
-
+.el-table /deep/ .cell{
+  height: auto;
+  line-height: 1.5;
+}
 </style>
diff --git a/src/views/modules/quote/detail/quoteDetail.vue b/src/views/modules/quote/detail/quoteDetail.vue
index d8f00ba..22e95f6 100644
--- a/src/views/modules/quote/detail/quoteDetail.vue
+++ b/src/views/modules/quote/detail/quoteDetail.vue
@@ -22,7 +22,7 @@ export default {
       required:true
     },
     height:{
-      type:Number,
+      type:[Number,String],
       default:300
     },
   },
diff --git a/src/views/modules/quote/index.vue b/src/views/modules/quote/index.vue
index dda2fd1..16fbb19 100644
--- a/src/views/modules/quote/index.vue
+++ b/src/views/modules/quote/index.vue
@@ -676,7 +676,7 @@ export default {
     <quote-search v-model:quote="quoteForm" @search="handleSearch" @save="handleSave"></quote-search>
     <quote-table v-loading="searchLoading" :current-row="currentQuote" :columns="columns" style="margin-top: 5px"
                  @save="handleSave" @remove="handleRemove" @rowClick="handleRowClick"
-                 :data-list="dataList" :height="350">
+                 :data-list="dataList" :height="'35vh'">
 
     </quote-table>
     <el-pagination @size-change="handleSizeChange"
@@ -689,7 +689,7 @@ export default {
     </el-pagination>
     <el-tabs v-model="activeName" >
       <el-tab-pane label="报价明细" name="detail">
-        <quote-detail :quote="currentQuote"></quote-detail>
+        <quote-detail :quote="currentQuote" :height="'33vh'"></quote-detail>
       </el-tab-pane>
     </el-tabs>