暂存

src/apis/service/serviceParam/exclusive/index.js

@@ -0,0 +1,18 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "excluadd", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "excludel", data, "post", params),
+  // 分页查询
+  list: (data, params) => http(api + "exclulist", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "catinfo", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "excluedit", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "exclustatus", data, "post", params),
+  
+};

src/components/globalComponents/search-exclusive/main.vue

@@ -12,6 +12,7 @@
       children: 'child',
       value: 'id',
       label: 'name',
+      disabled: 'disabled',
     }"
     :disabled="disabled"
     @change="handleChange"
@@ -37,12 +38,12 @@ export default {
    */
   watch: {
     value: function (val, old) {
-      this.values=val
+      this.values = val;
     },
   },
   data() {
     return {
-      values:[],
+      values: [],
       options: [],
       loading: true,
     };
@@ -64,9 +65,11 @@ export default {
         let list = JSON.parse(JSON.stringify(data));
         list.map((e) => {
           if (e.child.length === 0) {
+            e.disabled = e.status === "0";
             delete e["child"];
           } else {
             e.child.map((a) => {
+              a.disabled = a.status === "0";
               if (a.child.length === 0) {
                 delete a["child"];
               }

src/views/goodStore/goodsCost/columns.js

@@ -101,8 +101,13 @@ const listCol = [
     label: "业务公司名称",
     width: "110px",
   },
+  {
+    prop: "creater",
+    label: "创建人",
+    width: "70px",
+  },
 
-
+  
   {
     prop: "addtime",
     label: "创建时间",
@@ -167,7 +172,7 @@ const rules = {
   weight: [
     {
       required: true,
-      validator: validate_num_0,
+      validator: validate_num,
       trigger: "blur",
     },
   ],

src/views/goodStore/goodsCost/components/baseForm.vue

@@ -1175,6 +1175,17 @@ export default {
             this.loading = false;
             return;
           }
+          let isMust = true;
+          this.spec_tableData.forEach((e) => {
+            if (e.isMust && !e.spec_value_id) {
+              isMust = false;
+            }
+          });
+          if (!isMust) {
+            this.$message.warning("分类绑定的规格必须填写规格值！");
+            this.loading = false;
+            return;
+          }
           if (this.ladder_tableData.length === 0) {
             this.$message.warning("请录入阶梯成本！");
             this.loading = false;
@@ -1678,6 +1689,7 @@ export default {
             other_config: other_config || "",
           };
         }
+        await this.set_must_spec();
       });
     },
     sch_is_noble() {
@@ -1757,6 +1769,11 @@ export default {
       this.$refs.ruleForm.validateField("after_sales");
       this.is_noble = pid === "6";
       this.sch_is_noble();
+      await this.set_must_spec();
+    },
+    async set_must_spec() {
+      const { cat_id } = this.ruleForm;
+      let id = cat_id.length == 1 ? cat_id[0] : "";
       let list1 =
         this.spec_tableData && this.spec_tableData.length > 0
           ? JSON.parse(JSON.stringify(this.spec_tableData))
@@ -1768,6 +1785,9 @@ export default {
           const { spec } = data;
           if (spec && spec.length > 0) {
             if (list1 && list1.length > 0) {
+              list1.forEach((c) => {
+                c.isMust = false;
+              });
               spec.forEach((a, ai) => {
                 let findex = list1.findIndex((b) => b.spec_id === a.id);
                 if (findex !== -1) {

src/views/goodStore/goodsCost/components/baseFormAddEdit.vue

@@ -28,7 +28,7 @@
             <el-form-item label="规格类型" prop="spec_id">
               <search-spec
                 :value="ruleForm.spec_id"
-                :disabled="false"
+                :disabled="sitem.isMust"
                 :size="'mini'"
                 :isDetail="false"
                 :placeholder="'规格类型'"
@@ -133,6 +133,7 @@ export default {
   methods: {
     async initForm() {
       this.loading = true;
+      this.sinput=""
       this.resetFormData();
       this.rulesThis = this.rules;
       if (this.index + "" === "-1") {
@@ -149,23 +150,31 @@ export default {
         if (this.$refs.ruleForm) {
           this.$refs.ruleForm.resetFields();
           this.$refs.ruleForm.clearValidate();
-          console.log(this.index);
-          console.log(this.sitem);
           this.resetFormData();
         }
       });
     },
-    resetFormData() {
-      const { id, spec_id, spec_value, spec_value_id, spec_value_value } =
-        this.sitem;
+   async resetFormData() {
+      const {
+        id,
+        spec_id,
+        spec_value,
+        spec_value_id,
+        spec_value_value,
+        isMust,
+      } = this.sitem;
       this.ruleForm = {
         index: this.index,
         id: id || "",
         spec_id: spec_id || "",
         spec_value: spec_value || "",
+        isMust: isMust || false,
         spec_value_id: spec_value_id || "",
         spec_value_value: spec_value_value || "",
       };
+      if (spec_id) {
+        await this.getlist();
+      }
     },
     async add_spec() {
       const { spec_id } = this.ruleForm;

src/views/serviceParam/exclusive/addEdit.vue

@@ -0,0 +1,177 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="650px"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    @close="showModelThis = false"
+  >
+    <el-card style="margin: -20px 0 0 0">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="95px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="名称" prop="name">
+              <el-input
+                v-model="ruleForm.name"
+                :disabled="id == '007'"
+                placeholder="名称"
+                minlength="20"
+              >
+                <template slot="prepend" v-if="pid_name">{{
+                  pid_name
+                }}</template></el-input
+              >
+            </el-form-item>
+     
+           
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button v-if="id !== '007'" type="primary" @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false">{{
+            id == "007" ? "关 闭" : "取 消"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/serviceParam/exclusive";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "sort",
+  props: ["showModel", "id", "sitem", "titleList"],
+  mixins: [resToken],
+  data() {
+ 
+    return {
+      loading: false,
+      title: "添加专属类型",
+      pid_name: "",
+      showModelThis: this.showModel,
+      specOptions: [],
+      ruleForm: {
+        id: "",
+        name: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        name: [
+          { required: true, message: "专属类型名称不能为空", trigger: "blur" },
+        ],
+      
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.pid_name = "";
+      this.titleList.forEach((e, i) => {
+        this.pid_name += i !== 0 ? `${e.titleName}/` : "";
+      });
+      await this.resetForm();
+      if (this.id === "003") {
+        this.title = "添加专属类型";
+        this.rulesThis = this.rules;
+      } else if (this.id === "005") {
+        this.title = "修改专属类型";
+        this.rulesThis = this.rules;
+
+      } else {
+        this.title = "专属类型详情";
+        this.rulesThis = {};
+      
+      }
+      this.loading = false;
+    },
+
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const {  id, name } = this.sitem;
+          this.ruleForm = {
+            pid: this.titleList[this.titleList.length - 1].id || "",
+            id: id || "",
+            name: name || "",
+           
+          };
+         
+        }
+      });
+    },
+  
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.loading = true;
+          let model = JSON.parse(JSON.stringify(this.ruleForm));
+          let res = {};
+          if (this.id === "003") {
+            delete model["id"];
+            res = await asyncRequest.add(model);
+          } else {
+            res = await asyncRequest.update(model);
+          }
+          this.loading = false;
+          if (res && res.code === 0) {
+            const title = this.id === "add" ? "添加成功!" : "修改成功!";
+            this.$notify.success({
+              title,
+              message: "",
+            });
+            this.showModelThis = false;
+            // 刷新
+            this.$emit("refresh");
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.sort {
+}
+</style>

src/views/serviceParam/exclusive/index.vue

@@ -0,0 +1,518 @@
+<template>
+  <div class="exclusive pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="3" style="width: 748px">
+              <div class="my-breadcrumb clear">
+                <div
+                  class="my-breadcrumb-item"
+                  v-for="(item, index) in titleList"
+                  :key="item + index"
+                  @click="changeBreadcrumb(index)"
+                >
+                  <span class="label">{{ item.titleName }}</span
+                  ><span class="separator" v-if="index + 1 !== titleList.length"
+                    >/</span
+                  >
+                </div>
+              </div>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="primary" :size="searchSize" @click="searchList">
+                刷新
+              </el-button>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="warning" :size="searchSize" @click="restSearch">
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" style="width: 160px">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="专属类型状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 380px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.cat_name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="专属类型名称"
+              ></el-input>
+            </el-col>
+
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((item) => item == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="openModal({}, '003')"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row>
+        </div></template
+      >
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((item) => item == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="openModal(scope.row, '007')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '005')"
+          effect="dark"
+          content="修改"
+          placement="top"
+        >
+          <i
+            class="el-icon-edit tb-icon"
+            @click="openModal(scope.row, '005')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '1'
+          "
+          effect="dark"
+          content="禁用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-pause tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '0'
+          "
+          effect="dark"
+          content="启用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-play tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '006')"
+          effect="dark"
+          content="删除"
+          placement="top"
+        >
+          <i
+            class="el-icon-delete tb-icon"
+            @click="deleteItem(scope.row.id)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="parseInt(scope.row.level) < 2"
+          effect="dark"
+          content="下级专属类型"
+          placement="top"
+        >
+          <i
+            class="el-icon-arrow-right tb-icon"
+            @click="openChildren(scope.row)"
+          ></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+    <!-- 弹窗 新增/修改 -->
+    <add-edit
+      :id="modelId"
+      :show-model="showModel"
+      :sitem="sitem"
+      :titleList="titleList"
+      @refresh="searchList"
+      @cancel="showModel = false"
+    />
+   
+  </div>
+</template>
+<script>
+import addEdit from "./addEdit";
+import asyncRequest from "@/apis/service/serviceParam/exclusive";
+import statusList from "@/assets/js/statusList";
+import roleLevel from "@/assets/js/roleLevel";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "exclusive",
+  mixins: [mixinPage, resToken],
+  components: {
+    addEdit,
+  },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "exclusive") ||
+        {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      statusList: statusList,
+      roleLevel: roleLevel,
+      loading: true,
+      showModel: false,
+      modelId: "000",
+      sitem: {},
+      titleList: [],
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        status: "",
+        cat_name: "",
+        pid: "0",
+      },
+      // 状态
+      statusOptions: [
+        { id: "0", label: "禁用" },
+        { id: "1", label: "启用" },
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "id",
+          label: "ID",
+          width:"80px"
+        },
+        {
+          prop: "name",
+          label: "专属类型名称",
+          'min-width': "130px",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          _slot_: "status",
+         'min-width': "70px",
+        },
+        {
+          prop: "level",
+          label: "等级",
+         'min-width': "70px",
+        },
+        {
+          prop: "creater",
+          label: "创建人",
+          'min-width': "70px",
+        },
+        {
+          prop: "addtime",
+          label: "创建时间",
+         'min-width': "145px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          width: "200px",
+          _noset_: true,
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.initTitleList();
+    this.parmValue.pid = "0";
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        status: "",
+        pid: "0",
+        cat_name: "",
+      };
+      this.initTitleList();
+      this.searchList();
+    },
+    initTitleList() {
+      this.titleList = [];
+      let model = { id: "0", titleName: "全部一级专属类型" };
+      this.titleList.push(model);
+    },
+    //查看下一级专属类型
+    async openChildren(item) {
+      this.parmValue.pid = item.id;
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+      let model = {
+        id: item.id,
+        titleName: item.name,
+      };
+      this.titleList.push(model);
+    },
+  
+    // 新建/编辑/详情
+    openModal(row, type) {
+      const { status } = row;
+      if (type === "005" && status === "1") {
+        this.$message.warning("禁用后，才可以修改！");
+        return;
+      }
+      this.sitem = row;
+
+      this.modelId = type;
+
+      this.showModel = true;
+    },
+    async changeBreadcrumb(index) {
+      if (index + 1 === this.titleList.length) {
+        return;
+      } else {
+        this.parmValue.pid = this.titleList[index].id;
+        this.titleList = this.titleList.slice(0, index + 1);
+      }
+      // if (this.titleList.length === 1) {
+      //   this.titleList = [];
+      // }
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(id) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            id: id,
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.tableData.forEach((e) => {
+          if (e.im && e.im.length > 0) {
+            e.specs = "";
+            e.im.forEach((a, i) => {
+              e.specs += i === 0 ? a.spec_name : `,${a.spec_name}`;
+            });
+          } else {
+            e.specs = "";
+          }
+        });
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.exclusive {
+  .my-breadcrumb {
+    .my-breadcrumb-item {
+      float: left;
+      span {
+        height: 32px;
+        line-height: 32px;
+      }
+      .label {
+        padding: 0 5px 0 0;
+        color: 010101;
+      }
+      .separator {
+        color: #787878;
+        font-size: 13px;
+        padding: 0 5px 0 0;
+      }
+      &:last-child {
+        .label {
+          color: #787878;
+        }
+      }
+      &:hover {
+        cursor: pointer;
+      }
+      &:last-child {
+        cursor: default;
+      }
+      &:only-child {
+        cursor: pointer;
+      }
+      // &.chover {
+      //   cursor: pointer;
+      // }
+    }
+  }
+}
+</style>