switch

src/views/PurchasingCenter/CreateInquirySheet/index.vue

@@ -35,6 +35,8 @@
               <el-cascader :options="materialStatus" :props="{ checkStrictly: true }" v-model="materialStatusValue" size="small" style="margin-left: 10px"/>
               <span>物料名称:</span>
               <el-input v-model="materialName" placeholder="物料名称" size="small" clearable/>
+              <span>物料变更:</span>
+              <el-switch v-model="switchValue" active-color="#13ce66" inactive-color="#ff4949"/>
             </el-row>
             <el-row style="margin-bottom: 10px">
               <span>物料规格:</span>
@@ -65,7 +67,7 @@
                 size="mini"
                 @selection-change="handleSelectionChange1">
                 <el-table-column :selectable="selectable" align="center" width="35" type="selection"/>
-                <el-table-column label="操作" align="center" width="100" fixed="left">
+                <el-table-column v-if="switchValue" label="操作" align="center" width="100" fixed="left">
                   <template slot-scope="scope">
                     <el-button :disabled="parseInt(scope.row.询价状态编号)!==1||parseInt(scope.row.是否确认)!==1" type="primary" size="mini" @click="materialChange(scope.row)">物料变更</el-button>
                   </template>
@@ -145,7 +147,10 @@
                 <el-table-column label="使用滞货" align="center" min-width="70">
                   <template slot-scope="scope">
                     <!--<el-tooltip class="item" effect="dark" content="使用滞货" placement="top-start">-->
-                    <el-button :disabled="parseInt(scope.row.询价状态编号)!==1||parseInt(scope.row.是否确认)!==1||Number(scope.row.滞货数量)===0" icon="el-icon-goods" plain type="primary" size="mini" @click="useInventory(scope.row)"/>
+                    <template v-if="parseInt(scope.row.询价状态编号)!==1||parseInt(scope.row.是否确认)!==1||Number(scope.row.滞货数量)===0">
+                      —
+                    </template>
+                    <el-button v-else :disabled="parseInt(scope.row.询价状态编号)!==1||parseInt(scope.row.是否确认)!==1||Number(scope.row.滞货数量)===0" icon="el-icon-goods" plain type="primary" size="mini" @click="useInventory(scope.row)"/>
                     <!--</el-tooltip>-->
                     <!--<el-tooltip class="item" effect="dark" content="取消使用滞货" placement="top-start">-->
                     <!--<el-button :disabled="parseInt(scope.row.询价状态编号)!==1||parseInt(scope.row.是否确认)!==1||Number(scope.row.使用滞货数量)===0" icon="el-icon-sold-out" plain type="danger" size="mini" @click="cancelUseInventory(scope.row)"/>-->
@@ -815,6 +820,7 @@ export default {
   name: '', // 创建询价单
   data() {
     return {
+      switchValue: false, // 物料变更列显示开关
       source: [
         {
           text: 'BZ',