lshcomment 1.0.0

package/src/components/maintaining/index.vue

@@ -0,0 +1,619 @@
+<template>
+  <div class="maintaining">
+    <el-dialog
+      title="维护附加项目"
+      class="contract"
+      :close-on-click-modal="false"
+      :visible.sync="isShow"
+      :before-close="close"
+    >
+      <el-form :model="form" ref="ruleForm">
+        <el-table :data="form.gridData1">
+          <el-table-column
+            fixed="left"
+            property="lineNumber"
+            label="行号"
+            width="80"
+          >
+            <template slot-scope="scope">
+              <span>{{ scope.row.lineNumber }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            property="materialNumber"
+            label="物料编号"
+            width="150"
+          >
+            <template slot-scope="scope">
+              <el-form-item>
+                <el-input
+                  disabled
+                  v-model="scope.row.materialNumber"
+                ></el-input>
+              </el-form-item>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            property="additionalItemName"
+            label="附加项目名称"
+            width="180"
+          >
+            <template slot-scope="scope">
+              <el-form-item>
+                <el-input
+                  disabled
+                  v-model="scope.row.additionalItemName"
+                ></el-input>
+              </el-form-item>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            property="additionalItemCategoryName"
+            label="附加项目类别"
+            width="180"
+          >
+            <template slot-scope="scope">
+              <el-form-item>
+                <el-input
+                  disabled
+                  v-model="scope.row.additionalItemCategoryName"
+                ></el-input>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column property="quantity" label="数量" width="150">
+            <template slot-scope="scope">
+              <el-form-item
+                v-if="
+                  scope.row.additionalItemCategory == 'ElectronicCardVoucher'
+                "
+                :prop="`gridData1.${scope.$index}.quantity`"
+                :rules="[
+                  {
+                    required: true,
+                    message: '请输入数量',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <b-form-input
+                  type="number"
+                  onkeyup="this.value=this.value.replace(/\D/g,'')"
+                  v-model="scope.row.quantity"
+                  :disabled="scope.row.cardNo"
+                ></b-form-input>
+              </el-form-item>
+              <el-form-item
+                v-else
+                :prop="`gridData1.${scope.$index}.quantity`"
+                :rules="[
+                  {
+                    required: true,
+                    message: '请输入数量',
+                    trigger: 'blur',
+                  },
+                  {
+                    pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/,
+                    message: '请输入2位小数',
+                    trigger: 'change',
+                  },
+                ]"
+              >
+                <el-input
+                  type="number"
+                  :disabled="scope.row.cardNo"
+                  v-model="scope.row.quantity"
+                ></el-input>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column property="money" label="金额" width="150">
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="`gridData1.${scope.$index}.money`"
+                :rules="
+                  scope.row.cashCouponType ||
+                  scope.row.costMode == 'AccrualPercentage'
+                    ? [
+                        {
+                          required: true,
+                          message: '请输入金额',
+                          trigger: 'blur',
+                        },
+                        {
+                          pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/,
+                          message: '请输入2位小数',
+                          trigger: 'change',
+                        },
+                      ]
+                    : []
+                "
+              >
+                <el-form-item>
+                  <el-input
+                    type="number"
+                    :disabled="
+                      scope.row.cardNo ||
+                      (scope.row.cashCouponType
+                        ? false
+                        : scope.row.costMode != 'AccrualPercentage')
+                    "
+                    v-model="scope.row.money"
+                  ></el-input>
+                </el-form-item>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column
+            property="reckonCost"
+            label="是否计入成本"
+            width="150"
+          >
+            <template slot-scope="scope">
+              <el-form-item
+                :prop="`gridData1.${scope.$index}.reckonCost`"
+                :rules="[
+                  {
+                    required: true,
+                    message: '请选择是否计入成本',
+                    trigger: 'change',
+                  },
+                ]"
+              >
+                <el-select
+                  :disabled="
+                    scope.row.cardNo ||
+                    scope.row.specialFieldsList[1].value == '是'
+                  "
+                  v-model="scope.row.reckonCost"
+                  placeholder="请单选择"
+                >
+                  <el-option
+                    v-for="(item1, index) in option"
+                    :key="index"
+                    :label="item1.label"
+                    :value="item1.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            v-for="(item, i) in value"
+            :label="item.fieldsName"
+            width="300"
+            :key="i"
+          >
+            <template slot-scope="scope">
+              <el-form-item
+                v-if="
+                  scope.row.specialFieldsList.length > 0
+                    ? scope.row.specialFieldsList[i].fieldsType == '0'
+                    : false
+                "
+                :prop="`gridData1.${scope.$index}.specialFieldsList.${i}.value`"
+                :rules="
+                  scope.row.specialFieldsList[i].requiredFlag == 1
+                    ? [
+                        {
+                          required: true,
+                          message: '请输入内容',
+                          trigger: 'blur',
+                        },
+                      ]
+                    : []
+                "
+              >
+                <el-input
+                  :disabled="scope.row.cardNo"
+                  v-if="
+                    scope.row.specialFieldsList.length > 0
+                      ? scope.row.specialFieldsList[i].fieldsType == '0'
+                      : false
+                  "
+                  v-model="scope.row.specialFieldsList[i].value"
+                >
+                </el-input>
+              </el-form-item>
+              <el-form-item
+                v-if="
+                  scope.row.specialFieldsList.length > 0
+                    ? scope.row.specialFieldsList[i].fieldsType == '1'
+                    : false
+                "
+                :prop="`gridData1.${scope.$index}.specialFieldsList.${i}.value`"
+                :rules="
+                  scope.row.specialFieldsList[i].requiredFlag == 1
+                    ? [
+                        {
+                          required: true,
+                          message: '请选择',
+                          trigger: 'blur',
+                        },
+                      ]
+                    : []
+                "
+              >
+                <el-select
+                  :disabled="scope.row.cardNo"
+                  v-if="
+                    scope.row.specialFieldsList.length > 0
+                      ? scope.row.specialFieldsList[i].fieldsType == '1'
+                      : false
+                  "
+                  v-model="scope.row.specialFieldsList[i].value"
+                  placeholder="请选择"
+                  @change="
+                    changeValueText(
+                      scope.row.specialFieldsList[i],
+                      scope.$index
+                    )
+                  "
+                >
+                  <el-option
+                    v-for="(item1, index) in changevalue(
+                      scope.row.specialFieldsList[i].optionValue
+                    )"
+                    :key="index"
+                    :label="item1.label"
+                    :value="item1.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item
+                v-if="
+                  scope.row.specialFieldsList.length > 0
+                    ? scope.row.specialFieldsList[i].fieldsType == '2'
+                    : false
+                "
+                :prop="`gridData1.${scope.$index}.specialFieldsList.${i}.value`"
+                :rules="
+                  scope.row.specialFieldsList[i].requiredFlag == 1
+                    ? [
+                        {
+                          type: 'array',
+                          required: true,
+                          message: '请选择',
+                          trigger: 'blur',
+                        },
+                      ]
+                    : []
+                "
+              >
+                <el-select
+                  :disabled="scope.row.cardNo"
+                  v-if="
+                    scope.row.specialFieldsList.length > 0
+                      ? scope.row.specialFieldsList[i].fieldsType == '2'
+                      : false
+                  "
+                  v-model="scope.row.specialFieldsList[i].value"
+                  multiple
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="(item1, index) in changevalue(
+                      scope.row.specialFieldsList[i].optionValue
+                    )"
+                    :key="index"
+                    :label="item1.label"
+                    :value="item1.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" width="100">
+            <template slot-scope="scope">
+              <el-button
+                type="danger"
+                @click="del(scope.row, scope.$index)"
+                size="small"
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+      <el-autocomplete
+        class="selectValue"
+        v-model="state"
+        :fetch-suggestions="querySearchAsync"
+        placeholder="请输入物料编码/附加项目名称, 快速添加"
+        @select="handleSelect"
+      ></el-autocomplete>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="close">取 消</el-button>
+        <el-button type="primary" @click="save">保 存</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { Message, MessageBox } from "element-ui";
+import api from "common/api";
+export default {
+  props: {
+    isShow: {
+      typeof: Boolean,
+      default: function () {
+        return false;
+      },
+    },
+    clueId: {
+      typeof: String,
+      default: function () {
+        return "";
+      },
+    },
+    storeCode: {
+      typeof: String,
+      default: function () {
+        return "";
+      },
+    },
+  },
+  created() {
+    this.titleList();
+    this.getSelect();
+    this.getList();
+  },
+  data() {
+    return {
+      form: {
+        gridData1: [],
+      },
+      result: [],
+      value2: "",
+      value1: "",
+      state: "",
+      timeout: null,
+      value: [],
+      restaurants: [],
+      options: [],
+      option: [
+        { label: "是", value: "1" },
+        { label: "否", value: "0" },
+      ],
+    };
+  },
+  methods: {
+    //获取title数据
+    titleList() {
+      let params = {
+        applyOrderType: "AutoInsuranceOrder",
+      };
+      api.liApi.Carinsurance.getConfigByOrderType(params, (res) => {
+        if (res.data.code == "success") {
+          console.log(res.data.obj, "obj");
+          this.value = res.data.obj.map((item) => {
+            return {
+              fieldsName: item.fieldsName,
+            };
+          });
+        }
+      });
+    },
+    ///获取下拉的数据
+    getSelect() {
+      let params1 = {
+        materialNumber: "",
+        storeCode: this.storeCode,
+        effectiveStatus: "Effective",
+        applyBusineLine: "Insurance",
+        applyOrderType: "AutoInsuranceOrder",
+        policyId: this.clueId,
+      };
+      api.liApi.Carinsurance.getByMaterialNumberOrDescOrItemName(
+        params1,
+        (res) => {
+          if (res.data.code == "success") {
+            console.log(res.data.obj, "555");
+            this.result = res.data.obj;
+            this.restaurants = res.data.obj.map((item) => {
+              return { value: item.materialNumber };
+            });
+          }
+        }
+      );
+    },
+    //获取主数据
+    getList() {
+      let params2 = {
+        policyId: this.clueId,
+        applyOrderType: "AutoInsuranceOrder",
+      };
+      api.liApi.Carinsurance.getPolicyId(params2, (res) => {
+        if (res.data.code == "success") {
+          console.log(res.data.obj, "666666666");
+          res.data.obj.map((item) => {
+            if (item.specialFieldsList.length > 0) {
+              item.specialFieldsList.map((val) => {
+                if (val.fieldsType == 2) {
+                  if (val.value == null || val.value == "") {
+                    val.value = [];
+                  } else {
+                    val.value = val.value.split(",");
+                  }
+                }
+              });
+            }
+          });
+          this.form.gridData1 = res.data.obj;
+        }
+      });
+    },
+    changeValueText(value, index) {
+      console.log(value, "111");
+      if (value.fieldsName == "是否厂家激励" && value.value == "是") {
+        this.form.gridData1[index].reckonCost = "0";
+      }
+      //  if(value.fieldsName=='是否厂家激励'&&value.value =='否'){
+      //   this.form.gridData1[index].reckonCost = ''
+      // }
+    },
+    changevalue(value) {
+      let res = value.split(",").map((item) => {
+        return { label: item, value: item };
+      });
+      // res.unshift({label:'无默认值',value:null})
+      return res;
+    },
+
+    save() {
+      let flag = null;
+      this.$refs.ruleForm.validate((valid) => {
+        flag = valid;
+      });
+      let list = JSON.parse(JSON.stringify(this.form.gridData1));
+      list.map((item) => {
+        return item.specialFieldsList.map((val) => {
+          if (Array.isArray(val.value) && val.value.length > 0) {
+            val.value = val.value.join(",");
+          }
+        });
+      });
+      if (flag) {
+        let params = {
+          policyId: this.clueId,
+          itemList: list,
+        };
+        // console.log(this.form.gridData1,'table');
+        api.liApi.Carinsurance.specialFieldsConfigSave(params, (res) => {
+          if (res.data.code == "success") {
+            Message({
+              type: "success",
+              message: "保存成功",
+              showClose: true,
+            });
+            this.$emit("close", { isShow: false, success: true });
+            this.state = "";
+          }
+        });
+      }
+    },
+    querySearchAsync(queryString, cb) {
+      var restaurants = this.restaurants;
+      var results = queryString
+        ? restaurants.filter(this.createStateFilter(queryString))
+        : restaurants;
+
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        cb(results);
+      }, 3000 * Math.random());
+    },
+    createStateFilter(queryString) {
+      return (state) => {
+        return (
+          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0 ||
+          state.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1
+        );
+      };
+    },
+    close() {
+      this.$emit("close", false);
+    },
+    handleSelect(item) {
+      console.log(item, this.result, "444");
+      let ids = this.result.filter((val) => {
+        return item.value == val.materialNumber;
+      });
+      console.log(ids[0].id, "333");
+      let params = {
+        id: ids[0].id,
+        policyId: this.clueId,
+        applyOrderType: "AutoInsuranceOrder",
+      };
+      api.liApi.Carinsurance.getAdditionalItemById(params, (res) => {
+        if (res.data.code == "success") {
+          console.log(res.data.obj, "555");
+          let obj = { ...res.data.obj };
+          console.log(obj, "666677");
+
+          // if(obj.additionalItemCategory=='ElectronicCardVoucher'){
+          //     obj.quantity = '1'
+          // }
+          obj.specialFieldsList.forEach((val) => {
+            if (val.fieldsType == 2) {
+              console.log(val.value, "020202");
+              if (val.value == null || val.value == "") {
+                val.value = [];
+              } else {
+                val.value = val.value.split(",");
+              }
+            }
+          });
+          console.log(obj, "666688");
+          this.form.gridData1.push(obj);
+        }
+      });
+    },
+    del(row, index) {
+      console.log(row.id);
+      const option = {
+        grantBusinessOrderNo: JSON.parse(sessionStorage.getItem("query"))
+          .orderNo,
+        storeCodes: [
+          `${
+            JSON.parse(sessionStorage.getItem("userInfo")).userAvailableInfo
+              .storeInfoVo.storeCode
+          }`,
+        ],
+        pageStart: 1,
+        pageNums: 15,
+      };
+      api.cardSale.queryCardSaleInfo(option, (res) => {
+        if (res.data.code == "success") {
+          const List = res.data.obj ? res.data.obj.list : [];
+          console.log(List, "list========");
+          if (List && List.length > 0) {
+            const arr = List.map((item) => {
+              return { id: item.grantDbmNo };
+            });
+            const ID = arr.filter((val) => {
+              return val.id == row.id;
+            });
+            console.log(ID);
+            if (ID.length > 0) {
+              Message({
+                type: "warning",
+                message: "卡券已发放，不能删除",
+              });
+              return;
+            }
+          }
+          // const List = res.data.obj
+          let params = { id: row.id };
+          api.liApi.Carinsurance.checkIssueCardOrNot(params, (res) => {
+            if (res.data.code == "success") {
+              this.form.gridData1.splice(index, 1);
+            }
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+ <style lang="scss" scoped>
+.selectValue {
+  margin-left: 20px;
+  width: 35% !important;
+}
+.contract {
+  width: 150%;
+  height: 100vh;
+  left: -24%;
+  top: 0%;
+}
+// /deep/.el-dialog--small{
+//   // height: 40vh;
+// }
+</style>