销售线索新增联系人tab

src/HManagement/addressList/addressBook/modules/clueData.vue

@@ -12,6 +12,35 @@
           <span v-if="scope.column.data[[scope.column.columnname]].length !== 0">{{scope.column.data[[scope.column.columnname]].length > 0 && scope.column.data[[scope.column.columnname]][0].name}}</span>
           <span v-else>--</span>
         </div>
+        <div v-else-if="scope.column.columnname == 'province'">
+           <span v-if="scope.column.data.province.length > 0"
+           >{{ scope.column.data.province }}-{{
+               scope.column.data.city
+             }}-{{ scope.column.data.county }}</span
+           >
+          <span v-else>--</span>
+        </div>
+        <div v-else-if="scope.column.columnname === 'tag'">
+          <div v-if="scope.column.data.sys_tag">
+            <div v-for="item in scope.column.data.sys_tag" :key="item.index"  style="float: left;margin-left: 5px;margin-bottom: 5px">
+              <el-tag  color="#3874F6" size="mini" type="primary" effect="dark">
+                <span>{{$t(item)}}</span>
+              </el-tag>
+            </div>
+            <div v-for="item in scope.column.data.tag" :key="item.index"  style="float: left;margin-left: 5px;margin-bottom: 5px">
+              <el-tag color="#FA8C16" size="mini" type="warning" effect="dark">
+                <span>{{$t(item)}}</span>
+              </el-tag>
+            </div>
+          </div>
+          <div v-else>--</div>
+        </div>
+        <div v-else-if="scope.column.columnname == 'totalinvestment'">
+          <span>{{scope.column.data[[scope.column.columnname]] !== 0?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+        </div>
+        <div v-else-if="scope.column.columnname == 'costofconstruction'">
+          <span>{{scope.column.data[[scope.column.columnname]] !== 0?tool.formatAmount(scope.column.data[[scope.column.columnname]],2):'--'}}</span>
+        </div>
         <div v-else>
           {{scope.column.data[[scope.column.columnname]] ||  scope.column.columnname === 'operation'? scope.column.data[[scope.column.columnname]] : '--'}}
         </div>
@@ -20,6 +49,18 @@
         <el-button   type="text" size="mini" @click="goDetail(scope.data)">{{$t('详 情')}}</el-button>
       </template>
     </tableNewLayout>
+    <div class="container normal-panel" style="text-align:right">
+      <el-pagination
+          background
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-sizes="[20, 50, 100, 200]"
+          :page-size="100"
+          layout="total,sizes, prev, pager, next, jumper"
+          :total="total">
+      </el-pagination>
+    </div>
   </div>
 </template>
 
@@ -31,11 +72,13 @@ export default {
     return {
       tablecols:[],
       list:[],
+      total:0,
+      currentPage:0,
       param:{
         "id": 2025042213202602,
         "content": {
           "sys_phonebookid": '',
-          "pageSize": 20,
+          "pageSize": 100,
           "pageNumber": 1,
           "where": {
             "condition": ""
@@ -49,6 +92,8 @@ export default {
       this.param.content.sys_phonebookid = this.data.sys_phonebookid
       const res = await this.$api.requested(this.param)
       this.list = res.data
+      this.total = res.total
+      this.currentPage = res.pageNumber
     },
     goDetail(row){
       let route = this.$route
@@ -58,9 +103,19 @@ export default {
       }
       this.$router.push({path:'/orderclue_detail',query:{id:row.sat_orderclueid,rowindex:row.rowindex}})
     },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.param.content.pageSize = val
+      this.listData()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.param.content.pageNumber = val
+      this.listData()
+    },
   },
   mounted() {
-    this.listData()
+    this.listData(this.param.content.pageNUmber = 1)
   },
   created() {
     this.tablecols = this.tool.tabelCol(this.$route.name).associationClueTable.tablecols

src/SManagement/orderclue_detail/components/contactPerson.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
-    <add class="inline-16" :data="data"></add>
+    <add class="inline-16" :data="data" @insertSuccess="listData(param.content.pageNUmber = 1)"></add>
     <el-input  style="width:200px;" :placeholder="$t('搜索')" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="listData(param.content.pageNumber = 1)" @clear="clearSearchValue" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
     </el-input>
     <tableNewLayout :layout="tablecols" :data="list" :opwidth="200" height="calc(100vh - 426px)" :width="true" :custom="true" fixedName="operation" style="margin-top: 10px">
       <template v-slot:customcol="scope">
         <div v-if="scope.column.columnname === 'tag'">
           <el-tag
-              v-for="item in scope.column.data.tag"
+              v-for="item in scope.column.data.tag1"
               :key="item.index"
               color="#FA8C16"
               size="mini"
@@ -22,6 +22,10 @@
           {{$t(scope.column.data[[scope.column.columnname]]) || scope.column.columnname === 'operation'?$t(scope.column.data[[scope.column.columnname]]):'--'}}
         </div>
       </template>
+      <template v-slot:opreation="scope">
+        <edit class="inline-16" :data="scope.data" @updateSuccess="listData(param.content.pageNUmber = 1)"></edit>
+        <btnDelete message="确定要删除该联系人吗？" :is-number="true" name-id="2025042110012902" name-key="sat_orderclue_contactsid" :id="scope.data.sat_orderclue_contactsid" @deleteSuccess="listData(param.content.pageNUmber = 1)"></btnDelete>
+      </template>
     </tableNewLayout>
     <div  class="container normal-panel" style="text-align:right">
       <el-pagination
@@ -30,7 +34,7 @@
           @current-change="handleCurrentChange"
           :current-page="currentPage"
           :page-sizes="[20, 50, 100, 200]"
-          :page-size="100"
+          :page-size="50"
           layout="total,sizes, prev, pager, next, jumper"
           :total="total">
       </el-pagination>
@@ -40,17 +44,18 @@
 
 <script>
 import add from './addContact'
+import edit from './editContact'
 export default {
   name: "contactPerson",
   props:['data'],
-  components:{add},
+  components:{add,edit},
   data(){
     return {
       param:{
         "id": 2025042110014402,
         "content": {
           "sat_orderclueid": 1864,
-          "pageSize": 20,
+          "pageSize": 50,
           "pageNumber": 1,
           "where":{
             "condition":""

src/SManagement/orderclue_detail/components/editContact.vue

@@ -0,0 +1,640 @@
+<template>
+  <div>
+    <el-button size="small" type="text" @click="onshow" >{{
+        $t("编辑")
+      }}</el-button>
+    <el-drawer
+        :title="$t(`编辑联系人`)"
+        :visible.sync="dialogFormVisible"
+        size="600px"
+        direction="rtl"
+        :show-close="false"
+        append-to-body
+        @close="onClose"
+    >
+      <div class="drawer__panel">
+        <el-row :gutter="20">
+          <el-form
+              :model="form"
+              :rules="rules"
+              ref="form"
+              size="mini"
+              label-position="right"
+              :label-width="tool.onlyZh('90px')"
+          >
+            <el-col :span="24">
+              <el-form-item :label="$t(`姓名`) + ':'" prop="name">
+                <contactsNewTemplate
+                   :is-param="true"
+                   :new-param="contactParam"
+                   :name="form.name"
+                   @contactData="contactData"
+                   @inputChange="inputChange"
+                ></contactsNewTemplate>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item>
+                <el-radio v-model="form.isTelephone" label="0">{{
+                    $t("手机号")
+                  }}</el-radio>
+                <el-radio v-model="form.isTelephone" label="1">{{
+                    $t("座机电话")
+                  }}</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24" v-if="form.isTelephone == '1'">
+              <el-form-item :label="$t('联系方式') + ':'" prop="telephone">
+                <el-input
+                    v-model="form.areaCode"
+                    style="width: 25%"
+                    autocomplete="on"
+                    :placeholder="$t('请填写区号')"
+                ></el-input>
+                <span style="color: #999999">——</span>
+                <el-input
+                    v-model="form.telephone"
+                    style="width: 68%"
+                    autocomplete="on"
+                    :placeholder="$t('请填写座机电话')"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item
+                  v-if="form.isTelephone == '0'"
+                  :label="$t('联系方式') + ':'"
+                  prop="phonenumber"
+                  :rules="[
+                  { required: true, message: this.$t('手机号码不能为空') },
+                  {
+                    pattern: /^1[3-9][0-9]\d{8}$/,
+                    message: this.$t('请输入正确手机号码'),
+                    trigger: 'change',
+                  },
+                ]"
+              >
+                <el-input
+                    v-model="form.phonenumber"
+                    autocomplete="on"
+                    :placeholder="$t('请填写手机号码')"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('微信') + ':'" prop="wechatnum">
+                <el-input
+                    autosize
+                    v-model="form.wechatnum"
+                    :placeholder="$t(`请输入微信`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item
+                  :label="$t(`邮箱`) + ':'"
+                  :rules="[
+                  {
+                    pattern:
+                      /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
+                    message: $t('请输入有效的邮箱'),
+                    trigger: 'change',
+                  },
+                ]"
+              >
+                <el-input
+                    autosize
+                    v-model="form.email"
+                    :placeholder="$t(`请输入邮箱`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`传真`) + ':'">
+                <el-input
+                    autosize
+                    v-model="form.fax"
+                    :placeholder="$t(`请输入传真`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`关联企业`) + ':'">
+                <el-input
+                    autosize
+                    v-model="form.enterprisename"
+                    :placeholder="$t(`请输入关联企业`)"
+                    disabled
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`部门`) + ':'" prop="depname">
+                <el-input
+                    autosize
+                    v-model="form.depname"
+                    :placeholder="$t(`请输入部门`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`职位`) + ':'" prop="position">
+                <el-input
+                    autosize
+                    v-model="form.position"
+                    :placeholder="$t(`请输入职位`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`性别`) + ':'">
+                <el-radio v-model="form.sex" label="男">{{
+                    $t("男")
+                  }}</el-radio>
+                <el-radio v-model="form.sex" label="女">{{
+                    $t("女")
+                  }}</el-radio>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`生日`) + ':'">
+                <el-date-picker
+                    v-model="form.birthday"
+                    value-format="yyyy-MM-dd"
+                    type="date"
+                    :placeholder="$t('选择日期')"
+                    style="width: 100%"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`家庭住址`) + ':'">
+                <el-input
+                    type="textarea"
+                    rows="5"
+                    v-model="form.address"
+                    :placeholder="$t(`请输入家庭住址`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`偏好`)" prop="preference">
+                <el-input
+                    v-model="form.preference"
+                    autocomplete="on"
+                    :placeholder="$t(`请填写偏好`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`爱好`)" prop="hobby">
+                <el-input
+                    v-model="form.hobby"
+                    autocomplete="on"
+                    :placeholder="$t(`请填写爱好`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`备注`) + ':'">
+                <el-input
+                    type="textarea"
+                    rows="5"
+                    v-model="form.remarks"
+                    :placeholder="$t(`请输入备注`)"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="onClose" class="normal-btn-width">{{
+            $t("取 消")
+          }}</el-button>
+        <el-button
+            size="small"
+            type="primary"
+            :loading="loading"
+            @click="onSubmit"
+            class="normal-btn-width"
+        >{{ $t("确 定") }}</el-button
+        >
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import contactsNewTemplate from "@/template/contactsNewTemplate/index";
+export default {
+  name: "editContact",
+  props: ["data"],
+  components: { contactsNewTemplate },
+  data() {
+    var validateMobilePhone = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error(this.$t("手机号不可为空")));
+      } else {
+        if (value !== "") {
+          var reg = /^1[3456789]\d{9}$/;
+          if (!reg.test(value)) {
+            callback(new Error(this.$t("请输入有效的手机号码")));
+          }
+        }
+        callback();
+      }
+    };
+    var telephone = (rule, value, callback) => {
+      if (this.form.areaCode === "" && this.form.telephone === "") {
+        callback(new Error(this.$t("座机电话不能为空")));
+      } else {
+        var reg = /^0\d{2,3}-\d{7,8}$/;
+        let telephone = this.form.areaCode + "-" + this.form.telephone;
+        if (!reg.test(telephone)) {
+          callback(new Error(this.$t("请输入正确座机电话")));
+        } else {
+          callback();
+        }
+      }
+    };
+    return {
+      dialogFormVisible: false,
+      activeName: "first",
+      visible: false,
+      tagList: [],
+      tags: [],
+      groupname: "客户联系人",
+      form: {
+        "sat_orderclue_contactsid": 0,
+        "sys_phonebookid": '',
+        "sat_orderclueid": '',
+        "phonenumber": "",
+        "birthday": "",
+        "name": "",
+        "depname": "",
+        "wechatnum": "",
+        "position": "",
+        "email": "",
+        "sex": "",
+        "homeaddress": "",
+        "remarks": "",
+        "fax": "",
+        "isleader": "",
+        "grade": "",
+        "hobby": "",
+        "preference": "",
+        "sys_phonebookgroupid": 0,
+        "telephone": "",
+        "isTelephone": "0",
+        "areaCode": "",
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t("姓名不能为空"), trigger: "blur,change" },
+        ],
+        // phonenumber: [
+        //   { required: true, validator: validateMobilePhone, trigger: 'blur' },
+        // ]
+        telephone: [
+          { required: true, validator: telephone, trigger: "change" },
+        ],
+        depname: [
+          { required: true, message: this.$t('部门不能为空'), trigger: 'blur' },
+        ],
+        position: [
+          { required: true, message: this.$t('职位不能为空'), trigger: 'blur' },
+        ],
+      },
+      enterpriseContact: {
+        param: {
+          content: {
+            sys_enterpriseid: "",
+            pageNumber: 1,
+            pageSize: 9999,
+            where: {
+              condition: "",
+            },
+          },
+          id: 20221219193002,
+        },
+        listData: [],
+        total: 0,
+        currentPage: 0,
+        show: false,
+      },
+      myContacts: {
+        param: {
+          id: 20221219161202,
+          content: {
+            pageNumber: 1,
+            pageSize: 9999,
+            ownertable: "sa_customers",
+            ownerid: "",
+            where: {
+              condition: "",
+            },
+          },
+        },
+        listData: [],
+        total: 0,
+        currentPage: 0,
+        show: false,
+      },
+      paramTag: {
+        id: "20220929085401",
+        content: {
+          nocache: true,
+          ownertable: "",
+          ownerid: 0,
+        },
+      },
+      contactParam:{
+        "id": 2025042110061502,
+        "content": {
+          "sat_orderclueid": this.$route.query.id,
+          "pageSize": 20,
+          "pageNumber": 1,
+          "where":{
+            "condition":""
+          }
+        },
+      }
+    };
+  },
+  computed: {
+    ...mapGetters({
+      loading: "loading",
+    }),
+  },
+  methods: {
+    onshow() {
+      this.dialogFormVisible = true;
+      this.activeName = "first";
+      this.enterpriseContact.param.content.pageNumber = 1;
+      this.myContacts.param.content.pageNumber = 1;
+      this.enterpriseContactList();
+      this.myContactList();
+      this.getTag();
+      // this.form.sys_enterpriseid = this.data.sys_enterpriseid;
+      this.form = Object.assign({}, this.form, this.data);
+      // this.tags = this.form.tag;
+      if (this.form.phonenumber.indexOf("-") != "-1") {
+        this.form.isTelephone = "1";
+        this.form.areaCode = this.data.phonenumber.substring(
+            0,
+            this.form.phonenumber.indexOf("-")
+        );
+        this.form.telephone = this.data.phonenumber.substring(
+            this.form.areaCode.length + 1
+        );
+        this.form.phonenumber = "";
+      }
+      // this.form.enterprisename = this.data.enterprisename_customer;
+    },
+    onSubmit() {
+      this.$refs["form"].validate(async (valid) => {
+        if (!valid) return false;
+        this.$store.commit("setLoading", true);
+        if (this.form.isTelephone == "1") {
+          this.form.phonenumber =
+              this.form.areaCode + "-" + this.form.telephone;
+        }
+        this.form.sat_orderclueid = this.$route.query.id
+        const res = await this.$api.requested({
+          id: "2025042110003902",
+          content: this.form,
+        });
+        this.tool.showMessage(res, async () => {
+          /*let res2 = await this.$api.requested({
+            "id": 20220929090901,
+            "content": {
+              "ownertable":"sys_phonebook",
+              "ownerid":res.data.sys_phonebookid,
+              "datatag": this.tags
+            }
+          })*/
+          this.$emit("updateSuccess");
+          this.$refs["form"].resetFields();
+          this.tags = [];
+          this.form = {
+            "sat_orderclue_contactsid": 0,
+            "sys_phonebookid": '',
+            "sat_orderclueid": '',
+            "phonenumber": "",
+            "birthday": "",
+            "name": "",
+            "depname": "",
+            "wechatnum": "",
+            "position": "",
+            "email": "",
+            "sex": "",
+            "homeaddress": "",
+            "remarks": "",
+            "fax": "",
+            "isleader": "",
+            "grade": "",
+            "hobby": "",
+            "preference": "",
+            "sys_phonebookgroupid": 0,
+            "telephone": "",
+            "isTelephone": "0",
+            "areaCode": "",
+          };
+          this.$store.commit("setLoading", false);
+          this.dialogFormVisible = false;
+        });
+      });
+    },
+    searchData() {
+      this.changeTab();
+    },
+    changeTab() {
+      this.enterpriseContactList();
+      this.myContactList();
+    },
+    /*企业联系人*/
+    async enterpriseContactList() {
+      this.enterpriseContact.param.content.where.condition = this.form.name;
+      this.enterpriseContact.param.content.sys_enterpriseid =
+          this.data.sys_enterpriseid;
+      const res = await this.$api.requested(this.enterpriseContact.param);
+      this.enterpriseContact.listData = res.data;
+      this.enterpriseContact.total = res.total;
+      this.enterpriseContact.currentPage = res.pageNumber;
+    },
+    /*选择企业联系人*/
+    enterpriseContactSelect(val) {
+      this.form.name = val.name;
+      if (val.phonenumber.indexOf("-") != "-1") {
+        this.form.isTelephone = "1";
+        this.form.areaCode = val.phonenumber.substring(
+            0,
+            val.phonenumber.indexOf("-")
+        );
+        this.form.telephone = val.phonenumber.substring(
+            this.form.areaCode.length + 1
+        );
+        this.form.phonenumber = "";
+      } else {
+        this.form.isTelephone = "0";
+        this.form.phonenumber = val.phonenumber;
+        this.form.areaCode = "";
+        this.form.telephone = "";
+      }
+      this.form.email = val.email;
+      this.form.position = val.position;
+      this.form.depname = val.depname;
+      this.form.sex = val.sex;
+      this.form.birthday = val.birthday;
+      this.form.address = val.address;
+      this.form.remarks = val.remarks;
+      this.enterpriseContact.show = false;
+    },
+    handleSizeChangeEnterprise(val) {
+      // console.log(`每页 ${val} 条`);
+      this.enterpriseContact.param.content.pageSize = val;
+      this.enterpriseContactList();
+    },
+    handleCurrentChangeEnterprise(val) {
+      // console.log(`当前页: ${val}`);
+      this.enterpriseContact.param.content.pageNumber = val;
+      this.enterpriseContactList();
+    },
+    /*我的联系人*/
+    async myContactList() {
+      this.myContacts.param.content.where.condition = this.form.name;
+      this.myContacts.param.content.sys_enterpriseid =
+          this.data.sys_enterpriseid;
+      this.myContacts.param.content.ownerid = this.data.sys_enterpriseid;
+      const res = await this.$api.requested(this.myContacts.param);
+
+      this.myContacts.listData = res.data;
+      this.myContacts.total = res.total;
+      this.myContacts.currentPage = res.pageNumber;
+    },
+    /*选择我的联系人*/
+    myContactSelect(val) {
+      this.form.name = val.name;
+      if (val.phonenumber.indexOf("-") != "-1") {
+        this.form.isTelephone = "1";
+        this.form.areaCode = val.phonenumber.substring(
+            0,
+            val.phonenumber.indexOf("-")
+        );
+        this.form.telephone = val.phonenumber.substring(
+            this.form.areaCode.length + 1
+        );
+        this.form.phonenumber = "";
+      } else {
+        this.form.isTelephone = "0";
+        this.form.phonenumber = val.phonenumber;
+        this.form.areaCode = "";
+        this.form.telephone = "";
+      }
+      this.form.email = val.email;
+      this.form.position = val.position;
+      this.form.depname = val.depname;
+      this.form.sex = val.sex;
+      this.form.birthday = val.birthday;
+      this.form.address = val.address;
+      this.form.remarks = val.remarks;
+      this.form.sys_phonebookid = val.sys_phonebookid;
+      this.enterpriseContact.show = false;
+    },
+    inputChange(val) {
+      this.form.name = val;
+    },
+    contactData(val) {
+      this.form.name = val.name;
+      if (val.phonenumber.indexOf("-") != "-1") {
+        this.form.isTelephone = "1";
+        this.form.areaCode = val.phonenumber.substring(
+            0,
+            val.phonenumber.indexOf("-")
+        );
+        this.form.telephone = val.phonenumber.substring(
+            this.form.areaCode.length + 1
+        );
+        this.form.phonenumber = "";
+      } else {
+        this.form.isTelephone = "0";
+        this.form.phonenumber = val.phonenumber;
+        this.form.areaCode = "";
+        this.form.telephone = "";
+      }
+      this.form.email = val.email;
+      this.form.position = val.position;
+      this.form.depname = val.depname;
+      this.form.sex = val.sex;
+      this.form.birthday = val.birthday;
+      this.form.address = val.address;
+      this.form.remarks = val.remarks;
+      this.form.sys_phonebookid = val.sys_phonebookid;
+    },
+    handleSizeChangeMy(val) {
+      // console.log(`每页 ${val} 条`);
+      this.myContacts.param.content.pageSize = val;
+      this.myContactList();
+    },
+    handleCurrentChangeMy(val) {
+      // console.log(`当前页: ${val}`);
+      this.myContacts.param.content.pageNumber = val;
+      this.myContactList();
+    },
+    onClose() {
+      this.$refs["form"].resetFields();
+      this.tags = [];
+      this.form = {
+        "sat_orderclue_contactsid": 0,
+        "sys_phonebookid": '',
+        "sat_orderclueid": '',
+        "phonenumber": "",
+        "birthday": "",
+        "name": "",
+        "depname": "",
+        "wechatnum": "",
+        "position": "",
+        "email": "",
+        "sex": "",
+        "homeaddress": "",
+        "remarks": "",
+        "fax": "",
+        "isleader": "",
+        "grade": "",
+        "hobby": "",
+        "preference": "",
+        "sys_phonebookgroupid": 0,
+        "telephone": "",
+        "isTelephone": "0",
+        "areaCode": "",
+      };
+      this.dialogFormVisible = false;
+    },
+    async getTag() {
+      this.paramTag.content.ownertable = "plm_unit";
+      const res = await this.$api.requested(this.paramTag);
+      this.tagList = res.data.option;
+    },
+    hasDisabledTag(item) {
+      let arr = [];
+      let arr2 = [];
+      arr = this.tagList.filter((item) => {
+        return this.tags.includes(item.tag);
+      });
+      arr.forEach((e) => {
+        arr2 = arr2.concat(e.mutextag);
+      });
+      arr2 = this.tags.length === 0 ? [] : arr2;
+      let _isSame = arr2.some((tag) => item.tag === tag);
+      return _isSame;
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/SManagement/orderclue_detail/index.vue

@@ -9,7 +9,7 @@
         turnPageId="20221101094502"
         idname="sat_orderclueid"
         tags=""
-        :tabs="['跟进记录','联系人','详细信息','来源线索']"
+        :tabs="tool.checkAuth($route.name,'contactPerson')?['跟进记录','联系人','详细信息','来源线索']:['跟进记录','详细信息','来源线索']"
         :justsaler="1"
         typeTask="销售线索"
         @pageChange="pageChange"
@@ -36,7 +36,8 @@
         <changeSite v-if="tool.checkAuth($route.name,'changeSite')" class="inline-16"></changeSite>
       </div>
       <div slot="slot2" class="container normal-panel">
-        <BaseInfo :detailInfo="detailInfo"/>
+        <BaseInfo v-if="tool.checkAuth($route.name,'contactPerson')" :detailInfo="detailInfo"/>
+        <sourceClues v-else></sourceClues>
       </div>
       <div slot="slot0" class="container normal-panel" style="padding: 10px">
         <followDetail :data="mainData" ref="followDetail" :disabled="!isHandle || mainData.status === '已无效' || mainData.status === '已过期'" @onSuccess="queryMainData"/>
@@ -45,7 +46,8 @@
         <sourceClues></sourceClues>
       </div>
       <div slot="slot1" class="container normal-panel">
-        <contactPerson :data="mainData"></contactPerson>
+        <contactPerson v-if="tool.checkAuth($route.name,'contactPerson')" :data="mainData"></contactPerson>
+        <BaseInfo v-else :detailInfo="detailInfo"/>
       </div>
     </basicDetails>
   </div>

src/components/btn-delete/index.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="inline-16">
+    <el-button :type="btnType?btnType:'text'" size="mini" @click="open">{{$t(btnTitle?btnTitle:'删除')}}</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  props:['btnType','btnTitle','message','confirmButtonText','cancelButtonText','isNumber','nameId','nameKey','id'],
+  data() {
+    return {
+      param: {
+        id: this.nameId,
+        content: {
+          // "sa_contractid": this.$route.query.id,
+          [this.nameKey]: [this.id],
+        },
+      },
+    };
+  },
+  methods:{
+    open() {
+      this.$confirm(this.$t(this.message), this.$t('提示'), {
+        confirmButtonText: this.$t(this.confirmButtonText?this.confirmButtonText:'确定'),
+        cancelButtonText: this.$t(this.cancelButtonText?this.cancelButtonText:'取消'),
+        type: 'warning'
+      }).then(() => {
+        this.onDel()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: this.$t('已取消删除')
+        });
+      });
+    },
+    async onDel(){
+      this.param.content[this.nameKey] = this.isNumber ? this.id : [this.id];
+      const res = await this.$api.requested(this.param)
+      this.tool.showMessage(res, () => {
+        this.$emit("deleteSuccess");
+      });
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/main.js

@@ -29,6 +29,7 @@ import tableDetailLayout from './template/tableDetailLayout'
 import normalLayout from './components/normal-basic-layout/normal.vue'
 import basicDetails from './components/normal-basic-layout/details'
 import deleteBtn from './components/delete_btn/index'
+import btnDelete from './components/btn-delete/index'
 import customBtn from './components/customBtn/index'
 import tagPanl from '@/components/tagPanl/tagPanl'
 import selectTemp from '@/components/selectTemp/index';
@@ -84,6 +85,7 @@ Vue.component('basicLayout', basicLayout)
 Vue.component('basicDetails', basicDetails)
 Vue.component('normalLayout', normalLayout)
 Vue.component('deleteBtn',deleteBtn)
+Vue.component('btnDelete',btnDelete)
 Vue.component('customBtn',customBtn)
 Vue.component('selectTemp',selectTemp)
 

src/template/contactsNewTemplate/index.vue

@@ -77,7 +77,7 @@
             :total="total">
         </el-pagination>
       </div>
-      <el-input  slot="reference" :readonly="isParam" autosize v-model="name?name:nameValue" :placeholder="$t('请填写联系人')" @focus="listData"  :disabled="disabled" @change="inputChange"></el-input>
+      <el-input  slot="reference" :readonly="isReadonly" autosize v-model="name?name:nameValue" :placeholder="$t('请填写联系人')" @focus="listData"  :disabled="disabled" @change="inputChange"></el-input>
     </el-popover>
   </div>
 </template>
@@ -85,7 +85,7 @@
 <script>
 export default {
   name: "index",
-  props:['disabled','ownertable','ownerid','name','placement','isParam','newParam'],
+  props:['disabled','ownertable','ownerid','name','placement','isParam','newParam','isReadonly'],
   data(){
     return {
       list:[],