公海客户我的客户，新增暂缓功能

src/HDrpManagement/publicCustomer/index.vue

@@ -163,6 +163,7 @@
         <div v-else-if="scope.data.column.columnname === 'tradingstatus'">
           <span style="color:#3874f6" v-if="scope.data.column.data[[scope.data.column.columnname]] == '未成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
           <span style="color:#fa8c16" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '已成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
+          <span style="color:#d90a0a" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '暂缓'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
           <span style="color:#333333" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '多次成交'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
         </div>
         <div v-else-if="scope.data.column.columnname === 'status'">
@@ -207,6 +208,9 @@ export default {
           {
             value:'合作中'
           },
+          {
+            value: "暂缓",
+          },
           {
             value:'已终止'
           }

src/HDrpManagement/publicCustomer/modules/detail.vue

@@ -30,7 +30,13 @@
 <!--        <div class="inline-16" v-if="tool.checkAuth($route.name,'toVoid')">
           <to_void  :id="mainData.sa_customersid"  @toVoidSuccess="onSuccess"></to_void>
         </div>-->
-        <el-button  type="primary" size="mini" v-if="tool.checkAuth($route.name,'deletePublic')" @click="deleteData" class="inline-16">{{$t('删 除')}}</el-button>
+        <confirmSelection class="inline-16" content="暂缓的客户将不计入客户相关数据统计，是否确定暂缓该客户" btn-title="暂缓" btn-type="primary" confirm-button-text="确定暂缓" cancel-button-text="取消"
+                          paramId="20221010164602" @onSuccess="queryMainData();$refs.details.$refs.tag.queryTag();$refs.detailed.basicData()"  v-if="tool.checkAuth($route.name,'putOff') && mainData.status != '暂缓'"
+        ></confirmSelection>
+        <confirmSelection class="inline-16" content="是否确定取消暂缓并继续跟进客户" btn-title="取消暂缓" btn-type="primary" confirm-button-text="确定取消" cancel-button-text="关闭"
+                          paramId="20221010164602" @onSuccess="queryMainData();$refs.details.$refs.tag.queryTag();$refs.detailed.basicData()" v-if="tool.checkAuth($route.name,'putOff') && mainData.status == '暂缓'"
+        ></confirmSelection>
+        <el-button type="primary" size="mini" v-if="tool.checkAuth($route.name,'deletePublic')" @click="deleteData" class="inline-16">{{$t('删 除')}}</el-button>
       </div>
       <div slot="slot0" >
         <detailed :data="mainData" :length="length" ref="detailed" v-if="flag"></detailed>
@@ -274,6 +280,9 @@ export default {
               case '合作中':
                 style = {color:'#52c41a'}
                 break;
+              case "暂缓":
+                style = { color: "#d90a0a" };
+                break;
               case '已终止':
                 style = {color:'#999999'}
                 break;

src/HDrpManagement/publicCustomer/modules/detail/detailedData.vue

@@ -124,6 +124,9 @@ export default {
         case '合作中':
           style = {color:'#52c41a'}
           break;
+        case "暂缓":
+          style = { color: "#d90a0a" };
+          break;
         case '已终止':
           style = {color:'#999999'}
           break;

src/SDrpManagement/salerPrivatecustomer/detail/customerDetail.vue

@@ -85,6 +85,12 @@
           :data="mainData"
           @onSuccessTag="onSuccessTag"
         ></duplicatesCustomer>
+        <confirmSelection class="inline-16" content="暂缓的客户将不计入客户相关数据统计，是否确定暂缓该客户" btn-title="暂缓" btn-type="primary" confirm-button-text="确定暂缓" cancel-button-text="取消"
+                          paramId="20221010164602" @onSuccess="queryMainData();$refs.details.$refs.tag.queryTag();$refs.baseDetail.basicData()" v-if="tool.checkAuth($route.name,'putOff') && mainData.status != '暂缓'"
+        ></confirmSelection>
+        <confirmSelection class="inline-16" content="是否确定取消暂缓并继续跟进客户" btn-title="取消暂缓" btn-type="primary" confirm-button-text="取消暂缓" cancel-button-text="关闭"
+                          paramId="20221010164602" @onSuccess="queryMainData();$refs.details.$refs.tag.queryTag();$refs.baseDetail.basicData()" v-if="tool.checkAuth($route.name,'putOff') && mainData.status == '暂缓'"
+        ></confirmSelection>
         <to_void
           class="inline-16"
           v-if="tool.checkAuth($route.name, 'toVoid')"
@@ -410,6 +416,9 @@ export default {
               case "合作中":
                 style = { color: "#52c41a" };
                 break;
+              case "暂缓":
+                style = { color: "#d90a0a" };
+                break;
               case "已终止":
                 style = { color: "#999999" };
                 break;

src/SDrpManagement/salerPrivatecustomer/detail/modules/detailedData.vue

@@ -134,13 +134,16 @@
         >
           {{ data.contact_signnum === 0 ? 0 : data.contact_signnum }}
         </el-descriptions-item>
-        <el-descriptions-item
-          label-class-name="my-label"
-          :label="$t('合作状态')"
-        >
-          <span :style="statusStyle">{{
-            data.status ? $t(data.status) : "--"
-          }}</span>
+<!--        <el-descriptions-item-->
+<!--          label-class-name="my-label"-->
+<!--          :label="$t('合作状态')"-->
+<!--        >-->
+<!--          <span :style="statusStyle">{{-->
+<!--            data.status ? $t(data.status) : "&#45;&#45;"-->
+<!--          }}</span>-->
+<!--        </el-descriptions-item>-->
+        <el-descriptions-item :label="$t('合作状态')">
+          <span :style="statusStyle">{{ data.status?$t(data.status):"--" }}</span>
         </el-descriptions-item>
         <el-descriptions-item
           label-class-name="my-label"
@@ -227,6 +230,7 @@ export default {
   data() {
     return {
       system: [],
+      basic:[],
       sa_customersid: "",
       tradingstatusStyle: {
         color: "",
@@ -240,8 +244,8 @@ export default {
   mounted() {
     // this.dataData(this.$route.query.id)
     this.systemData();
-    this.style(this.data);
-    this.styleStatus(this.data);
+    this.style(this.data.tradingstatus);
+    this.styleStatus(this.data.status);
   },
   methods: {
     /*基本信息*/
@@ -276,6 +280,7 @@ export default {
       return style;
     },
     styleStatus(val) {
+      console.log(val,'bal数据')
       let style = {};
       switch (val) {
         case "潜在":
@@ -284,13 +289,17 @@ export default {
         case "合作中":
           style = { color: "#52c41a" };
           break;
+        case "暂缓":
+          style = { color: "#d90a0a" };
+          break;
         case "已终止":
           style = { color: "#999999" };
           break;
         default:
           break;
       }
-      this.statusStyle.color = style.color;
+      this.statusStyle.color = style.color
+      console.log(style,'style')
       return style;
     },
     /*系统信息*/

src/SDrpManagement/salerPrivatecustomer/index.vue

@@ -312,6 +312,7 @@
               $t(scope.data.column.data[[scope.data.column.columnname]])
             }}</span
           >
+          <span style="color:#d90a0a" v-else-if="scope.data.column.data[[scope.data.column.columnname]] == '暂缓'">{{$t(scope.data.column.data[[scope.data.column.columnname]])}}</span>
           <span
             style="color: #999999"
             v-else-if="
@@ -378,6 +379,9 @@ export default {
           {
             value: "合作中",
           },
+          {
+            value: "暂缓",
+          },
           {
             value: "已终止",
           },

src/main.js

@@ -33,6 +33,8 @@ import customBtn from './components/customBtn/index'
 import tagPanl from '@/components/tagPanl/tagPanl'
 import selectTemp from '@/components/selectTemp/index';
 
+import confirmSelection from '@/template/buttonTemplate/confirmSelection'
+
 import sort from './components/sort';
 import '@/style/theme/font-icon/iconfont.css';
 
@@ -85,13 +87,15 @@ Vue.component('deleteBtn',deleteBtn)
 Vue.component('customBtn',customBtn)
 Vue.component('selectTemp',selectTemp)
 
+Vue.component('confirmSelection',confirmSelection)
+
 Vue.component('sort', sort)
 /* 标签组件 */
 Vue.component('tagPanl',tagPanl)
 
 import i18n from './utils/i18n.js'
 Vue.use(ElementUI, {
-  i18n: (key, value) => i18n.t(key, value) 
+  i18n: (key, value) => i18n.t(key, value)
 });
 
 ElementUI.TableColumn.props.showOverflowTooltip ={type:Boolean, default: true}

src/template/buttonTemplate/confirmSelection.vue

@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-button :type="disabled?'':btnType" size="mini" :disabled="disabled" @click="open" :showClose="false">{{btnTitle}}</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "confirmSelection",
+  props:{
+    btnTitle:String,
+    btnType:String,
+    content:String,
+    confirmButtonText:String,
+    cancelButtonText:String,
+    paramId:String,
+    paramContent:Object,
+    disabled:Boolean
+  },
+  data(){
+    return {
+      param:{
+        "id": 20221010164602,
+        "content": {
+          "sa_customersids": [5791],
+          "status": "暂缓"
+        }
+      }
+    }
+  },
+  methods:{
+    open() {
+      this.$confirm(this.$t(this.content)+'?', this.$t('提示'), {
+        confirmButtonText: this.$t(this.confirmButtonText),
+        cancelButtonText: this.$t(this.cancelButtonText),
+        type: 'warning'
+      }).then(() => {
+        this.onSubmit()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: this.$t('已取消')
+        });
+      });
+    },
+    async onSubmit(){
+      if (this.btnTitle == '暂缓' || this.btnTitle == '取消暂缓'){
+        this.param.id = this.paramId
+        this.param.content = {
+          sa_customersids: [this.$route.query.id],
+          status: this.btnTitle == '暂缓'?"暂缓":'潜在'
+        }
+      }
+      const res = await this.$api.requested(this.param)
+      this.tool.showMessage(res,()=>{
+        this.$emit('onSuccess')
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>