build

src/apis/service/youzan/othgoodsOnline/index.js

@@ -20,7 +20,7 @@ export default {
   // 重新发起审核流程
   againonline: (data, params) => http("youzan/yz_goodup_again", data, "post", params),
   // 获取系统售价
-  goodupprice: (data, params) => http(api + "goodupprice", data, "post", params),
+  goodupprice: (data, params) => http(api + "platprice", data, "post", params),
 
   // 复制
   copy: (data, params) => http(api + "goodcopy", data, "post", params),

src/apis/service/youzan/othsearchSort/index.js

@@ -0,0 +1,23 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "catcreate", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "delete", data, "post", params),
+  // 分页查询
+  list: (data, params) => http(api + "catplatlist", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "catinfo", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "catedit", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "catstatus", data, "post", params),
+  // 商品分类列表
+  goodsList: (data, params) => http(api + "catlist", data, "post", params),
+  // 全部规格列表
+  specstitle: (data, params) => http(api + "specstitle", data, "post", params),
+  // 修改毛利率
+  editRate: (data, params) => http(api + "catratedit", data, "post", params),
+};

src/views/process/columns.js

@@ -150,7 +150,13 @@ const routerList = [
     toRouter: "/sellOut/zxDiffOrderDetail",
     to: "id",
   },
-
+  {
+    name: "有赞商品上架流程",
+    type: "YZSX",
+    toRouter: "/youzan/othgoodsOnlineDetail",
+    to: "id",
+  },
+  
 
 ];
 const columns = [

src/views/serviceParam/terrace/addEdit.vue

@@ -32,10 +32,27 @@
                 maxlength="20"
               />
             </el-form-item>
+            <el-form-item label="平台类型" prop="use_type">
+              <el-select
+                v-model="ruleForm.use_type"
+                style="width: 100%"
+                :disabled="id == '007'"
+                placeholder="请选择平台类型"
+              >
+                <el-option
+                  v-for="item in use_type_options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
             <el-form-item label="对接平台" prop="platform_type">
               <el-select
                 v-model="ruleForm.platform_type"
                 style="width: 100%"
+                :disabled="id == '007'"
                 placeholder="请选择对接平台"
               >
                 <el-option
@@ -77,15 +94,21 @@ export default {
         { value: "0", label: "无对接" },
         { value: "1", label: "有赞平台" },
       ],
+      use_type_options: [
+        { value: "1", label: "ToB" },
+        { value: "2", label: "ToC" },
+      ],
       ruleForm: {
         id: "",
         platform_name: "",
         platform_type: "0",
+        use_type: "1",
       },
       rulesThis: this.rules,
       rules: {
         platform_name: [{ required: true, message: "平台名称不能为空", trigger: "blur" }],
-        platform_type: [{ required: true, message: "请选择平台类型", trigger: "change" }],
+        platform_type: [{ required: true, message: "请选择对接平台", trigger: "change" }],
+        use_type: [{ required: true, message: "请选择平台类型", trigger: "change" }],
       },
     };
   },
@@ -124,11 +147,12 @@ export default {
         if (this.$refs.ruleForm) {
           this.$refs.ruleForm.resetFields();
           this.$refs.ruleForm.clearValidate();
-          const { id, platform_name, platform_type } = this.sitem;
+          const { id, platform_name, platform_type, use_type } = this.sitem;
           this.ruleForm = {
             id: id || "",
             platform_name: platform_name || "",
             platform_type: platform_type || "0",
+            use_type: use_type || "",
           };
         }
       });

src/views/youzan/othgoodsOnline/components/online-exam-form.vue

@@ -190,6 +190,7 @@ export default {
    */
   data() {
     return {
+      platform_id: "",
       spuCode: "",
       loading: true,
       currentRow: null,
@@ -295,7 +296,7 @@ export default {
       await this.resetForm();
       this.exam_statusChange();
       await this.get_tags();
-      const { nakelist, spuCode } = this.sitem;
+      const { nakelist, spuCode, platform_id } = this.sitem;
       this.spuCode = spuCode;
       console.log(this.sitem);
       this.nakelist = JSON.parse(JSON.stringify(nakelist));
@@ -350,9 +351,11 @@ export default {
       this.$refs.singleTable.setCurrentRow(row);
     },
     async get_new(index) {
+      console.log(index);
       const { min_num } = this.nakelist[index];
       const { code, data, message } = await asyncRequest.goodupprice({
         min_num: min_num,
+        platform_id: this.platform_id,
         spuCode: this.spuCode,
       });
       const { sale_price, new_cost_fee } = data;

src/views/youzan/othgoodsOnline/detail.vue

@@ -217,7 +217,7 @@
           <process-time-line
             v-if="newTime !== ''"
             :newTime="newTime"
-            :type="'SPSX'"
+            :type="'YZSX'"
             :orderCode="queryId"
         /></el-tab-pane>
       </el-tabs>
@@ -269,6 +269,7 @@ export default {
 
   data() {
     return {
+      platform_id: "",
       public_listCol,
       sale_listCol,
       is_support_barter_list,
@@ -454,8 +455,16 @@ export default {
       this.loading = false;
       if (code === 0) {
         this.sitem = JSON.parse(JSON.stringify(data));
-        const { exam_status, cat_info, ladderlist, nakelist, spuCode } = this.sitem;
+        const {
+          exam_status,
+          cat_info,
+          ladderlist,
+          nakelist,
+          spuCode,
+          platform_id,
+        } = this.sitem;
         this.spuCode = spuCode;
+        this.platform_id = platform_id;
         // this.ladderlist = JSON.parse(JSON.stringify(ladderlist));
         this.nakelist = JSON.parse(JSON.stringify(nakelist));
         // console.log(this.ladderlist);
@@ -500,9 +509,10 @@ export default {
       const { min_num } = this.nakelist[index];
       const { code, data, message } = await asyncRequest.goodupprice({
         min_num: min_num,
+        platform_id: this.platform_id,
         spuCode: this.spuCode,
       });
-      const { sale_price, new_cost_fee } = data;
+      const { sale_price, new_cost_fee } = data || {};
       const resModel = {
         isok: code,
         price: code === 0 ? sale_price : "0",

src/views/youzan/othsearchSort/addEdit.vue

@@ -0,0 +1,274 @@
+<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="cat_name">
+              <el-input
+                v-model="ruleForm.cat_name"
+                :disabled="id == '007'"
+                placeholder="分类名称"
+                maxlength="20"
+              >
+                <template slot="prepend" v-if="pid_name">{{
+                  pid_name
+                }}</template></el-input
+              >
+            </el-form-item>
+            <el-form-item label="分类规格" prop="specs_id">
+              <el-select
+                v-model="ruleForm.specs_id"
+                multiple
+                :disabled="id == '007'"
+                style="width: 100%"
+                placeholder="分类规格"
+              >
+                <el-option
+                  v-for="item in specOptions"
+                  :key="item.id"
+                  :label="item.spec_name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <!-- <el-form-item label="财务核算码" prop="fund_code">
+              <el-input
+                v-model="ruleForm.fund_code"
+                :disabled="id == '007'"
+                placeholder="财务核算码"
+                maxlength="50"
+              />
+            </el-form-item> -->
+            <el-form-item label="售后说明" prop="cat_desc">
+              <el-input
+                v-model="ruleForm.cat_desc"
+                :disabled="id == '007'"
+                placeholder="售后说明"
+                type="textarea"
+                :rows="5"
+                maxlength="2000"
+                show-word-limit
+              />
+            </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/youzan/othsearchSort";
+import resToken from "@/mixins/resToken";
+import { isChinese } from "@/utils/validate";
+export default {
+  name: "sort",
+  props: ["showModel", "id", "sitem", "titleList"],
+  mixins: [resToken],
+  data() {
+    const validate_fund_code = (rule, value, callback) => {
+      if (value === "") {
+        callback();
+      } else if (isChinese(value)) {
+        callback(new Error("财务核算码不能包含汉字！"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      loading: false,
+      title: "添加分类",
+      pid_name: "",
+      showModelThis: this.showModel,
+      specOptions: [],
+      ruleForm: {
+        id: "",
+        cat_name: "",
+        specs_id: [],
+        cat_desc: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        cat_name: [{ required: true, message: "分类名称不能为空", trigger: "blur" }],
+        specs_id: [
+          {
+            type: "array",
+            required: true,
+            message: "请至少选择一个分类规格",
+            trigger: "change",
+          },
+        ],
+        fund_code: [{ required: false, validator: validate_fund_code, trigger: "blur" }],
+
+        cat_desc: [{ required: false, 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;
+        await this.initData();
+      } else {
+        this.title = "分类详情";
+        this.rulesThis = {};
+        await this.initData();
+      }
+
+      await this.getAllSpecs();
+
+      this.loading = false;
+    },
+
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const { id, cat_name, cat_desc } = this.sitem;
+          this.ruleForm = {
+            pid: this.titleList[this.titleList.length - 1].id || "",
+            id: id || "",
+            cat_name: cat_name || "",
+            specs_id: [],
+            cat_desc: cat_desc || "",
+          };
+        }
+      });
+    },
+    async getAllSpecs() {
+      this.specOptions = [];
+      let res = await asyncRequest.specstitle({});
+      if (res && res.code === 0) {
+        this.specOptions = res.data;
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        this.specOptions = [];
+        await this.logout();
+      } else {
+        this.specOptions = [];
+        this.$message.warning(res.message);
+      }
+    },
+    async initData() {
+      const res = await asyncRequest.detail({ id: this.sitem.id });
+      if (res && res.code === 0 && res.data) {
+        const { pid, id, cat_name, cat_desc, spec, fund_code } = res.data;
+        let specs_id = [];
+        if (spec && spec.length > 0) {
+          spec.forEach((e) => {
+            specs_id.push(e.id);
+          });
+        }
+        console.log(specs_id);
+        this.ruleForm = {
+          pid: pid || "",
+          id: id || "",
+          cat_name: cat_name || "",
+          specs_id: specs_id || [],
+          fund_code: fund_code || "",
+          cat_desc: cat_desc || "",
+        };
+        this.$refs.ruleForm.resetFields();
+        this.$refs.ruleForm.clearValidate();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            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/youzan/othsearchSort/addEditRate.vue

@@ -0,0 +1,372 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="'设置毛利率'"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="600px"
+    :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="0">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :size="'small'"
+            :rules="rulesThis"
+            label-width="110px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="分类名称" prop="cat_name">
+              <el-input
+                v-model="ruleForm.cat_name"
+                disabled
+                placeholder="分类名称"
+                maxlength="20"
+                ><template slot="prepend" v-if="pid_name">{{
+                  pid_name
+                }}</template></el-input
+              >
+            </el-form-item>
+            <el-form-item label="财务核算码" prop="fund_code">
+              <el-input
+                v-model="ruleForm.fund_code"
+                disabled
+                placeholder="财务核算码"
+                maxlength="50"
+              />
+            </el-form-item>
+            <el-form-item label="预算→成本" prop="order_rate">
+              <digital-input
+                :values="ruleForm.order_rate"
+                :placeholder="'预算→成本'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'order_rate')"
+              />
+            </el-form-item>
+            <el-form-item label="成本→售价" prop="sale_rate">
+              <digital-input
+                :values="ruleForm.sale_rate"
+                :placeholder="'成本→售价'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'sale_rate')"
+              />
+            </el-form-item>
+
+            <el-form-item label="主管利率" prop="rate">
+              <digital-input
+                :values="ruleForm.rate"
+                :placeholder="'主管利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'rate')"
+              />
+            </el-form-item>
+            <el-form-item label="财务利率" prop="money_rate">
+              <digital-input
+                :values="ruleForm.money_rate"
+                :placeholder="'财务利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'money_rate')"
+              />
+            </el-form-item>
+            <el-form-item label="项目最低毛利" prop="low_rate">
+              <digital-input
+                :values="ruleForm.low_rate"
+                :placeholder="'项目最低毛利'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'low_rate')"
+              />
+            </el-form-item>
+            <!-- <el-form-item label="BOSS毛利率" prop="lower_rate">
+              <digital-input
+                :values="ruleForm.lower_rate"
+                :placeholder="'BOSS毛利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'lower_rate')"
+              />
+            </el-form-item>-->
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button
+            v-if="id !== '007'"
+            type="primary"
+            :size="'small'"
+            @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button :size="'small'" @click="showModelThis = false">{{
+            id == "007" ? "关 闭" : "取 消"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/othsearchSort";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "sort",
+  props: ["showModel", "id", "sitem", "titleList"],
+  mixins: [resToken],
+  data() {
+    const validate_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("主管利率毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_order_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("预算→成本毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_sale_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("成本→售价毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+
+    const validate_lower_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("BOSS毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_low_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("项目最低毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_money_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("财务毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      loading: false,
+      showModelThis: this.showModel,
+      pid_name: "",
+      ruleForm: {
+        id: "",
+        cat_name: "",
+        order_rate: "0",
+        sale_rate: "0",
+        lower_rate: "0",
+        rate: "0",
+        low_rate: "0",
+        money_rate: "0",
+      },
+      rulesThis: this.rules,
+      rules: {
+        order_rate: [{ required: true, validator: validate_order_rate, trigger: "blur" }],
+        sale_rate: [{ required: true, validator: validate_sale_rate, trigger: "blur" }],
+        lower_rate: [
+          { required: false, validator: validate_lower_rate, trigger: "blur" },
+        ],
+        rate: [{ required: true, validator: validate_rate, trigger: "blur" }],
+
+        low_rate: [{ required: true, validator: validate_low_rate, trigger: "blur" }],
+        money_rate: [{ required: true, validator: validate_money_rate, 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}/` : "";
+      });
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      await this.initData();
+      this.loading = false;
+    },
+
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const {
+            pid,
+            id,
+            cat_name,
+            order_rate,
+            sale_rate,
+            lower_rate,
+            rate,
+            fund_code,
+            low_rate,
+            money_rate,
+          } = this.sitem;
+          this.ruleForm = {
+            pid: pid || "",
+            id: id || "",
+            cat_name: cat_name || "",
+            fund_code: fund_code || "",
+            order_rate: order_rate || "0",
+            sale_rate: sale_rate || "0",
+            lower_rate: lower_rate || "0",
+            rate: rate || "0",
+            low_rate: low_rate || "0",
+            money_rate: money_rate || "0",
+          };
+        }
+      });
+    },
+    rate_change(e, key) {
+      this.ruleForm[key] = e + "";
+      this.$refs.ruleForm.validateField(key);
+    },
+
+    async initData() {
+      const { code, data, message } = await asyncRequest.detail({
+        id: this.sitem.id,
+      });
+      if (code === 0) {
+        const {
+          pid,
+          id,
+          cat_name,
+          order_rate,
+          sale_rate,
+          lower_rate,
+          rate,
+          fund_code,
+          low_rate,
+          money_rate,
+        } = data;
+        this.ruleForm = {
+          pid: pid || "",
+          id: id || "",
+          cat_name: cat_name || "",
+          fund_code: fund_code || "",
+          order_rate: order_rate || "0",
+          sale_rate: sale_rate || "0",
+          lower_rate: lower_rate || "0",
+          rate: rate || "0",
+          low_rate: low_rate || "0",
+          money_rate: money_rate || "0",
+        };
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            delete model["cat_name"];
+            delete model["pid"];
+            delete model["fund_code"];
+            let res = await asyncRequest.editRate(model);
+            this.loading = false;
+            if (res && res.code === 0) {
+              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/youzan/othsearchSort/index.vue

@@ -0,0 +1,588 @@
+<template>
+  <div class="sort 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: 140px">
+              <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">
+              <search-terrace
+                :value="parmValue.platform_id"
+                :disabled="false"
+                :size="'mini'"
+                :isDetail="false"
+                :is_show="'0'"
+                :placeholder="'平台名称'"
+                @searchChange="platform_codeChange"
+              />
+            </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="4" style="width: 170px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.company_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="powers.some((item) => item == '060')"
+          effect="dark"
+          content="设置毛利率"
+          placement="top"
+        >
+          <i class="el-icon-s-check tb-icon" @click="setRate(scope.row)"></i>
+        </el-tooltip> -->
+        <el-tooltip
+          v-if="parseInt(scope.row.level) < 3"
+          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"
+    />
+    <!-- 弹窗 新增/修改 -->
+    <add-edit-rate
+      :id="modelRateId"
+      :show-model="showRateModel"
+      :sitem="sitemRate"
+      :titleList="titleList"
+      @refresh="searchList"
+      @cancel="showRateModel = false"
+    />
+  </div>
+</template>
+<script>
+import addEdit from "./addEdit";
+import addEditRate from "./addEditRate";
+import asyncRequest from "@/apis/service/youzan/othsearchSort";
+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: "othsearchSort",
+  mixins: [mixinPage, resToken],
+  components: {
+    addEdit,
+    addEditRate,
+  },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "othsearchSort") ||
+        {};
+      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: {},
+      showRateModel: false,
+      modelRateId: "000",
+      sitemRate: {},
+      titleList: [],
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_name: "", //创建人部门
+        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",
+        //   "min-width": "100px",
+        // },
+        {
+          prop: "cat_name",
+          label: "分类名称",
+          minwidth: "130px",
+        },
+        {
+          prop: "level",
+          label: "分类等级",
+          width: "70px",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          _slot_: "status",
+          width: "70px",
+        },
+        {
+          prop: "platform_name",
+          label: "平台名称",
+          minwidth: "130px",
+        },
+
+        {
+          prop: "fund_code",
+          label: "财务核算码",
+          minwidth: "130px",
+        },
+
+        {
+          prop: "order_rate",
+          label: "预算→成本",
+          minwidth: "100px",
+        },
+        {
+          prop: "sale_rate",
+          label: "成本→售价",
+          minwidth: "100px",
+        },
+        {
+          prop: "rate",
+          label: "主管利率",
+          minwidth: "100px",
+        },
+        {
+          prop: "money_rate",
+          label: "财务利率",
+          minwidth: "100px",
+        },
+        {
+          prop: "low_rate",
+          label: "项目最低毛利",
+          minwidth: "100px",
+        },
+        {
+          prop: "apply_name",
+          label: "创建人",
+          width: "70px",
+        },
+        {
+          prop: "addtime",
+          label: "创建时间",
+          width: "145px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          width: "100px",
+          _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: "",
+        company_name: "", //创建人部门
+        pid: "0",
+        cat_name: "",
+      };
+      this.initTitleList();
+      this.searchList();
+    },
+    async platform_codeChange(e) {
+      const { id } = e;
+      this.parmValue.platform_code = id || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await 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.cat_name,
+      };
+      this.titleList.push(model);
+    },
+    //设置毛利率
+    setRate(row) {
+      this.modelRateId = row.id;
+      this.sitemRate = row;
+      this.showRateModel = true;
+    },
+    // 新建/编辑/详情
+    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>
+.sort {
+  .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>

src/views/youzan/othsearchSort1/addEdit.vue

@@ -0,0 +1,380 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="'设置毛利率'"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="600px"
+    :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="0">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :size="'small'"
+            :rules="rulesThis"
+            label-width="110px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="分类名称" prop="cat_name">
+              <el-input
+                v-model="ruleForm.cat_name"
+                disabled
+                placeholder="分类名称"
+                maxlength="20"
+                ><template slot="prepend" v-if="pid_name">{{
+                  pid_name
+                }}</template></el-input
+              >
+            </el-form-item>
+            <el-form-item label="财务核算码" prop="fund_code">
+              <el-input
+                v-model="ruleForm.fund_code"
+                disabled
+                placeholder="财务核算码"
+                maxlength="50"
+              />
+            </el-form-item>
+            <el-form-item label="预算→成本" prop="order_rate">
+              <digital-input
+                :values="ruleForm.order_rate"
+                :placeholder="'预算→成本'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'order_rate')"
+              />
+            </el-form-item>
+            <el-form-item label="成本→售价" prop="sale_rate">
+              <digital-input
+                :values="ruleForm.sale_rate"
+                :placeholder="'成本→售价'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'sale_rate')"
+              />
+            </el-form-item>
+
+            <el-form-item label="主管利率" prop="rate">
+              <digital-input
+                :values="ruleForm.rate"
+                :placeholder="'主管利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'rate')"
+              />
+            </el-form-item>
+            <el-form-item label="财务利率" prop="money_rate">
+              <digital-input
+                :values="ruleForm.money_rate"
+                :placeholder="'财务利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'money_rate')"
+              />
+            </el-form-item>
+            <el-form-item label="项目最低毛利" prop="low_rate">
+              <digital-input
+                :values="ruleForm.low_rate"
+                :placeholder="'项目最低毛利'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'low_rate')"
+              />
+            </el-form-item>
+            <!-- <el-form-item label="BOSS毛利率" prop="lower_rate">
+              <digital-input
+                :values="ruleForm.lower_rate"
+                :placeholder="'BOSS毛利率'"
+                :min="-100"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'%'"
+                @reschange="rate_change($event, 'lower_rate')"
+              />
+            </el-form-item>-->
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button
+            v-if="id !== '007'"
+            type="primary"
+            :size="'small'"
+            @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button :size="'small'" @click="showModelThis = false">{{
+            id == "007" ? "关 闭" : "取 消"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/sort";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "sort",
+  props: ["showModel", "id", "sitem", "titleList"],
+  mixins: [resToken],
+  data() {
+    const validate_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("主管利率毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_order_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("预算→成本毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_sale_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("成本→售价毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+
+    const validate_lower_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("BOSS毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_low_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("项目最低毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_money_rate = (rule, value, callback) => {
+      const { required } = rule;
+      if (value === "" && required) {
+        callback(new Error("财务毛利率不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      loading: false,
+      showModelThis: this.showModel,
+      pid_name: "",
+      ruleForm: {
+        id: "",
+        cat_name: "",
+        order_rate: "0",
+        sale_rate: "0",
+        lower_rate: "0",
+        rate: "0",
+        low_rate: "0",
+        money_rate: "0",
+      },
+      rulesThis: this.rules,
+      rules: {
+        order_rate: [
+          { required: true, validator: validate_order_rate, trigger: "blur" },
+        ],
+        sale_rate: [
+          { required: true, validator: validate_sale_rate, trigger: "blur" },
+        ],
+        lower_rate: [
+          { required: false, validator: validate_lower_rate, trigger: "blur" },
+        ],
+        rate: [{ required: true, validator: validate_rate, trigger: "blur" }],
+
+        low_rate: [
+          { required: true, validator: validate_low_rate, trigger: "blur" },
+        ],
+        money_rate: [
+          { required: true, validator: validate_money_rate, 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}/` : "";
+      });
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      await this.initData();
+      this.loading = false;
+    },
+
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const {
+            pid,
+            id,
+            cat_name,
+            order_rate,
+            sale_rate,
+            lower_rate,
+            rate,
+            fund_code,
+            low_rate,
+            money_rate,
+          } = this.sitem;
+          this.ruleForm = {
+            pid: pid || "",
+            id: id || "",
+            cat_name: cat_name || "",
+            fund_code: fund_code || "",
+            order_rate: order_rate || "0",
+            sale_rate: sale_rate || "0",
+            lower_rate: lower_rate || "0",
+            rate: rate || "0",
+            low_rate: low_rate || "0",
+            money_rate: money_rate || "0",
+          };
+        }
+      });
+    },
+    rate_change(e, key) {
+      this.ruleForm[key] = e + "";
+      this.$refs.ruleForm.validateField(key);
+    },
+
+    async initData() {
+      const { code, data, message } = await asyncRequest.detail({
+        id: this.sitem.id,
+      });
+      if (code === 0) {
+        const {
+          pid,
+          id,
+          cat_name,
+          order_rate,
+          sale_rate,
+          lower_rate,
+          rate,
+          fund_code,
+          low_rate,
+          money_rate,
+        } = data;
+        this.ruleForm = {
+          pid: pid || "",
+          id: id || "",
+          cat_name: cat_name || "",
+          fund_code: fund_code || "",
+          order_rate: order_rate || "0",
+          sale_rate: sale_rate || "0",
+          lower_rate: lower_rate || "0",
+          rate: rate || "0",
+          low_rate: low_rate || "0",
+          money_rate: money_rate || "0",
+        };
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            delete model["cat_name"];
+            delete model["pid"];
+            delete model["fund_code"];
+            let res = await asyncRequest.editRate(model);
+            this.loading = false;
+            if (res && res.code === 0) {
+              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/youzan/othsearchSort1/index.vue

@@ -0,0 +1,374 @@
+<template>
+  <div class="searchSort pagePadding">
+    <div v-if="powers && powers.length > 0 && powers.some((item) => item == '001')">
+      <ex-table
+        :table="table"
+        v-loading="loading"
+        :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 0 80px">
+              <!-- <el-col :span="6" style="width: 303px">
+                <period-date-picker
+                  :type="1"
+                  :width="'135px'"
+                  :size="searchSize"
+                  :start="parmValue.start"
+                  :end="parmValue.end"
+                  @timeReturned="handleTime"
+                />
+              </el-col> -->
+
+              <el-col :span="6" style="width: 190px">
+                <search-terrace
+                  :value="parmValue.platform_id"
+                  :disabled="false"
+                  :size="'mini'"
+                  :isDetail="false"
+                  :is_show="'0'"
+                  :placeholder="'平台名称'"
+                  @searchChange="platform_codeChange"
+              /></el-col>
+              <el-col :span="4" style="width: 350px; 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="4" style="width: 150px; padding: 0 0 0 10px">
+                <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="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: 170px; padding: 0 0 0 10px">
+                <el-input
+                  :size="searchSize"
+                  v-model="parmValue.creater"
+                  :maxlength="40"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="创建人"
+                ></el-input>
+              </el-col>
+              <el-col :span="4" style="width: 170px; padding: 0 0 0 10px">
+                <el-input
+                  :size="searchSize"
+                  v-model="parmValue.company_name"
+                  :maxlength="40"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="创建人部门"
+                ></el-input>
+              </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 == '061')"
+            effect="dark"
+            content="查看毛利率"
+            placement="top"
+          >
+            <i class="el-icon-view tb-icon" @click="openModal(scope.row)"></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+      <!-- 弹窗 新增/修改 -->
+      <add-edit
+        :id="modelId"
+        :show-model="showModel"
+        :sitem="sitem"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      />
+    </div>
+    <no-auth v-else></no-auth>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/othsearchSort";
+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";
+import addEdit from "./addEdit";
+export default {
+  name: "othsearchSort",
+  mixins: [mixinPage, resToken],
+  components: {
+    addEdit,
+  },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "othsearchSort") ||
+        {};
+      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: {},
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        // start: "",
+        // end: "",
+        status: "",
+        // creater: "",
+        // company_name: "", //创建人部门
+        // cat_name: "",
+      },
+      // 状态
+      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: "cat_name",
+          label: "分类名称",
+          width: "140px",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          _slot_: "status",
+          width: "70px",
+        },
+        {
+          prop: "level",
+          label: "分类等级",
+          width: "70px",
+        },
+        {
+          prop: "fund_code",
+          label: "财务核算码",
+          width: "130px",
+        },
+        {
+          prop: "specs",
+          label: "关联规格",
+          width: "130px",
+        },
+        {
+          prop: "cat_desc",
+          label: "售后说明",
+        },
+        {
+          prop: "company_name",
+          label: "创建人部门",
+          minWidth: "150px",
+        },
+        {
+          prop: "creater",
+          label: "创建人",
+          width: "70px",
+        },
+
+        {
+          prop: "addtime",
+          label: "创建时间",
+          sortable: true,
+          width: "145px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          width: "50px",
+          _noset_: true,
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        start: "",
+        end: "",
+        status: "",
+        company_name: "", //创建人部门
+        creater: "",
+        cat_name: "",
+      };
+
+      this.searchList();
+    },
+    async platform_codeChange(e) {
+      const { id } = e;
+      this.parmValue.platform_code = id || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    // 时间
+    async handleTime(e) {
+      this.parmValue.start = e.startTime || "";
+      this.parmValue.end = e.endTime || "";
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end !== "") ||
+        (this.parmValue.start === "" && this.parmValue.end === "")
+      ) {
+        this.pageInfo.curr = 1;
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    // 新建/编辑/详情
+    openModal(row) {
+      this.sitem = row;
+      this.modelId = row.id;
+      this.showModel = true;
+    },
+
+    // 刷新表格
+    async searchList() {
+      // if (
+      //   (this.parmValue.start !== "" && this.parmValue.end === "") ||
+      //   (this.parmValue.start === "" && this.parmValue.end !== "")
+      // ) {
+      //   this.$message.warning("时间区间不完整！");
+      //   return;
+      // }
+      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></style>