imeik-bizui 0.2.3 → 0.2.5

package/dist/bizui/src/FieldAgreementUpload/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="page-view">
+    <el-button type="text" class="file-button">下载协议模版</el-button>
+    <ImFieldFileUpload v-model="myValue" :attrs="attrs"></ImFieldFileUpload>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data() {
+    return {
+      myValue: [],
+      attrs: {}
+    }
+  },
+  mounted() {},
+  methods: {}
+}
+</script>
+<style lang="scss" scoped>
+.file-button {
+  margin-bottom: 10px;
+}
+</style>

package/dist/bizui/src/FieldApplyTypeView/data.js

@@ -128,7 +128,7 @@ const typeItems = {
       type: 'ImInput',
       prop: 'goals',
       label: '承诺目标',
-      rules: [{ required: true, message: '请选择计划产品注射日期' }],
+      rules: [{ required: true, message: '请输入承诺目标' }],
       attrs: {
         type: 'textarea',
         rows: 4,

package/dist/bizui/src/FieldApplyTypeView/index.vue

@@ -102,13 +102,13 @@ export default {
     }
   },
   mounted() {
-    this.formConfig.props = {
-      applyType: 1,
-      doctor: ['张三', '李四', '王五'],
-      motexinxi: '123123123123',
-      zhusheshijian: '2023-10-09',
-      kaishishijian: ['2023-10-09', '2023-10-11']
-    }
+    // this.formConfig.props = {
+    //   applyType: 1,
+    //   doctor: [],
+    //   motexinxi: '123123123123',
+    //   zhusheshijian: '2023-10-09',
+    //   kaishishijian: ['2023-10-09', '2023-10-11']
+    // }
   },
   methods: {
     changeShowItems() {
@@ -132,4 +132,8 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.page-view {
+  // background-color: red;
+}
+</style>

package/dist/bizui/src/FieldBatchesDelivery/components/BatchDialog.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="page-view">
+    <el-dialog title="创建分批发货" :visible="show" width="1260px" destroy-on-close :before-close="handleClose">
+      <div v-if="show">
+        <div class="text-left pb-2 mb-2 flex">
+          <div class="flex">
+            <div class="title-line"></div>
+            <p class="title">产品信息</p>
+          </div>
+          <el-button type="primary" class="add-button" @click="addSubOrder">
+            <i class="el-icon-plus"></i>
+            添加
+          </el-button>
+        </div>
+        <MaterialList ref="basicsList" :selected-data="selectedData"></MaterialList>
+        <OrderList :table-data="selectedOrderList" @removeSubOrder="removeSubOrder"></OrderList>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="onConfirm">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import MaterialList from './MaterialList.vue'
+import OrderList from './OrderList.vue'
+export default {
+  name: 'BatchDialog',
+  components: {
+    MaterialList,
+    OrderList
+  },
+  inject: {
+    formProps: {
+      default: () => {}
+    }
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    selectedData: {
+      type: Array,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      selectedOrderList: []
+    }
+  },
+  mounted() {},
+  methods: {
+    handleClose() {
+      this.selectedOrderList = []
+      this.$emit('update:show', false)
+    },
+    onConfirm() {
+      if (this.selectedOrderList?.length === 0) {
+        this.$message.warning('请拆单')
+        return
+      }
+      this.$emit('onConfirm', this.selectedOrderList)
+      this.selectedOrderList = []
+    },
+    addSubOrder() {
+      const list = this.$refs.basicsList.getSelectData()
+      if (list && list.length) {
+        this.selectedOrderList.push(list)
+      } else {
+        this.$message.warning('请检查数据')
+      }
+    },
+    removeSubOrder(data, index) {
+      this.selectedOrderList.splice(index, 1)
+      this.$refs.basicsList.handleDeleteData(data)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.title {
+  font-size: 15px;
+  font-weight: 600;
+  color: #303133;
+  line-height: 21px;
+}
+.title-line {
+  width: 4px;
+  height: 15px;
+  background: #3285f6;
+  border-radius: 1px;
+  margin-right: 12px;
+  margin-top: 3px;
+}
+.add-button {
+  width: 60px !important;
+  height: 26px !important;
+  padding: 1px 0 0 0;
+  margin-top: -2px;
+  margin-left: 24px;
+}
+</style>

package/dist/bizui/src/FieldBatchesDelivery/components/MaterialList.vue

@@ -0,0 +1,260 @@
+<template>
+  <div>
+    <ImTable :table="tableConfig">
+      <template slot="materialBasicsInfo" slot-scope="{ row }">
+        <el-tag type="danger">未签约</el-tag>
+        <el-tag effect="plain" class="ml-1">返货</el-tag>
+        <el-tag effect="plain" class="ml-1">赠品</el-tag>
+        <p class="materialName">啊实打实大师</p>
+        <p class="materialSubName">注射用透明复合溶液</p>
+        <p class="materialSubName">编码：40012u210120000</p>
+        <p class="materialSubName">商标：爱芙莱</p>
+      </template>
+      <template slot="materialCountInfo" slot-scope="{ row }">
+        <p class="materialSubName">申请数量：{{ row.productCount || '-' }}</p>
+        <p class="materialSubName">规格型号：2×0.5mL/盒（CEB）</p>
+        <p class="materialSubName">包装规格：2支/盒</p>
+        <p class="materialSubName">计量单位：盒</p>
+      </template>
+      <template slot="useCount" slot-scope="{ row }">
+        <p v-if="isView">{{ row.useCount }}</p>
+        <div v-else>
+          <el-input v-model="row.useCount" :class="{ error: row.quantityError }" placeholder="请输入" @input="handleInput(row)"></el-input>
+          <p v-if="row.quantityError" class="materialSubName" style="margin-top: 10px; color: red">发货数量不能大于剩余发货数量</p>
+          <p class="materialSubName" style="margin-top: 10px">剩余发货数量：{{ row.currentSurplusQuantity }}盒</p>
+        </div>
+      </template>
+      <template slot="materialQuantityTime" slot-scope="{ row }">
+        <p v-if="isView">{{ row.materialQuantityTime }}</p>
+        <el-date-picker v-else v-model="row.materialQuantityTime" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker>
+      </template>
+      <template slot="remarks" slot-scope="{ row }">
+        <el-input v-if="!isView" v-model="row.remarks" type="textarea" :rows="5" show-word-limit maxlength="100" placeholder="请输入"></el-input>
+        <div v-else>{{ row.remarks || '-' }}</div>
+      </template>
+    </ImTable>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MaterialList',
+  inject: {
+    formProps: {
+      default: () => {}
+    }
+  },
+  props: {
+    tableData: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    // 是否是查看页面
+    isView: {
+      type: Boolean,
+      default: false
+    },
+    selectedData: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      tableConfig: {
+        data: [],
+        tableItems: [
+          {
+            prop: 'materialBasicsInfo',
+            label: '名称',
+            type: 'slot',
+            slot: 'materialBasicsInfo',
+            attrs: {
+              'min-width': '240'
+            }
+          },
+          {
+            prop: 'materialCountInfo',
+            label: '数量',
+            type: 'slot',
+            slot: 'materialCountInfo',
+            attrs: {
+              'min-width': '180'
+            }
+          },
+          {
+            prop: 'useCount',
+            label: '发货数量',
+            type: 'slot',
+            slot: 'useCount',
+            attrs: {
+              'min-width': '180'
+            }
+          },
+          {
+            prop: 'materialQuantityTime',
+            label: '发货时间',
+            type: 'slot',
+            slot: 'materialQuantityTime',
+            attrs: {
+              'min-width': '240'
+            }
+          },
+          {
+            prop: 'remarks',
+            label: '备注',
+            type: 'slot',
+            slot: 'remarks',
+            attrs: {
+              'min-width': '160'
+            }
+          }
+        ]
+      }
+    }
+  },
+  mounted() {
+    if (this.isView) {
+      this.tableConfig.data = JSON.parse(JSON.stringify(this.tableData))
+    } else {
+      /**
+       * 列数据新增2个属性
+       * currentSurplusQuantity 当前剩余发货量
+       * currentQuantityCount 分批之后当前物料实际申请数量
+       */
+      this.tableConfig.data = this.handleCalculatedQuantity() || []
+    }
+  },
+  methods: {
+    // 计算当前的剩余发货量
+    handleCalculatedQuantity() {
+      try {
+        const data = JSON.parse(JSON.stringify(this.formProps.applicationApplyMaterial))
+        const allSelectData = this.getAllSelectData() || []
+        data.forEach((item) => {
+          item.currentQuantityCount = Number(item.productCount)
+          item.currentSurplusQuantity = Number(item.currentQuantityCount)
+          allSelectData.forEach((item2) => {
+            if (item.productCode === item2.productCode) {
+              item.currentQuantityCount = (item.currentQuantityCount || Number(item.productCount)) - Number(item2.useCount)
+              item.currentSurplusQuantity = Number(item.currentQuantityCount)
+            }
+          })
+        })
+        return data
+      } catch (error) {
+        console.log('初始化赋值数量出错:' + error)
+        return []
+      }
+    },
+    getAllSelectData() {
+      if (this.selectedData && this.selectedData.length) {
+        return this.selectedData.flat(2)
+      } else {
+        return []
+      }
+    },
+    handleInput(row) {
+      // 过滤掉非数字字符，并确保是正整数
+      row.useCount = row.useCount.replace(/^(0+)|[^\d]+/g, '')
+      this.setSurplusQuantityNumber(row)
+    },
+    // 设置剩余数量
+    setSurplusQuantityNumber(row) {
+      // currentQuantityCount 是分批之后当前物料实际剩余量数据
+      const currentCount = row.currentQuantityCount
+      // 再次计算剩余量
+      const surplusQuantity = currentCount - Number(row.useCount)
+      if (surplusQuantity < 0) {
+        row.currentSurplusQuantity = currentCount
+        row.quantityError = true
+      } else {
+        row.quantityError = false
+        row.currentSurplusQuantity = surplusQuantity
+      }
+    },
+    // 获取当前要拆单的数据
+    getSelectData() {
+      try {
+        const reslut = []
+        const data = JSON.parse(JSON.stringify(this.tableConfig.data))
+        if (!Array.isArray(data) || data.length === 0) {
+          return null
+        }
+        data.forEach((item, index) => {
+          if (item.useCount && item.materialQuantityTime && !item.quantityError) {
+            // 清空已经要入组的数据
+            this.tableConfig.data[index].useCount = ''
+            this.tableConfig.data[index].remarks = ''
+            this.tableConfig.data[index].materialQuantityTime = ''
+            this.tableConfig.data[index].currentQuantityCount = item.currentSurplusQuantity
+            reslut.push(item)
+          }
+        })
+        return reslut
+      } catch (error) {
+        console.error('Error in getSelectData:', error)
+        return null
+      }
+    },
+    // 删除子订单后释放剩余发货量
+    handleDeleteData(recordData) {
+      // TODO 判断的id还是占位
+      this.tableConfig.data.forEach((item, index) => {
+        recordData.forEach((record) => {
+          if (item.productCode === record.productCode) {
+            item.currentQuantityCount = Number(item.currentQuantityCount) + Number(record.useCount)
+            item.currentSurplusQuantity = item.currentQuantityCount
+            this.$set(this.tableConfig.data, index, { ...item })
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.materialName {
+  font-weight: 600;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 22px;
+  margin-top: 4px;
+}
+.materialSubName {
+  font-size: 12px;
+  color: #595959;
+  line-height: 17px;
+  margin-top: 4px;
+}
+.materialCount {
+  width: 90px;
+  font-size: 12px;
+  color: #595959;
+  margin-bottom: 8px;
+}
+.delete-button {
+  color: #f4334a !important;
+}
+
+/deep/ .el-table .el-table__cell {
+  vertical-align: top;
+}
+/deep/ .el-table--medium .el-table__cell {
+  padding: 16px 0;
+}
+/deep/ .el-table .cell {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+.error {
+  /deep/ .el-input__inner {
+    color: #f4334a;
+    border-color: #f4334a;
+  }
+}
+</style>

package/dist/bizui/src/FieldBatchesDelivery/components/OrderList.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <div v-for="(item, index) in tableData" :key="JSON.stringify(item) + index">
+      <div class="text-left ml-2 pb-2 mb-2 mt-4 flex">
+        <div class="flex">
+          <p class="title">分批发货 {{ index + 1 }}</p>
+        </div>
+        <el-button v-if="!isView" type="danger" class="add-button" @click="removeSubOrder(item, index)"> 删除 </el-button>
+      </div>
+      <MaterialList :table-data="item" :is-view="true"></MaterialList>
+    </div>
+  </div>
+</template>
+
+<script>
+import MaterialList from './MaterialList'
+export default {
+  name: 'OrderList',
+  components: {
+    MaterialList
+  },
+  props: {
+    tableData: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  mounted() {},
+  methods: {
+    removeSubOrder(data, index) {
+      this.$emit('removeSubOrder', data, index)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.title {
+  font-size: 15px;
+  font-weight: 600;
+  color: #303133;
+  line-height: 21px;
+}
+.add-button {
+  width: 60px !important;
+  height: 26px !important;
+  padding: 1px 0 0 0;
+  margin-top: -2px;
+  margin-left: 24px;
+}
+</style>

package/dist/bizui/src/FieldBatchesDelivery/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="page-view">
+    <div>
+      <span>发货时效性：</span>
+      <el-radio v-model="radio" label="1">整单立即发货</el-radio>
+      <el-radio v-model="radio" label="2">分批延迟发货</el-radio>
+      <el-button v-show="showButotn" type="primary" @click="showBatchDialog">分批发货</el-button>
+    </div>
+    <OrderList v-if="showOrderList" :table-data="selectOrderList" :is-view="false" @removeSubOrder="removeSubOrder"></OrderList>
+    <BatchDialog :show.sync="showDialog" :selected-data="selectOrderList" @onConfirm="onConfirm"></BatchDialog>
+  </div>
+</template>
+
+<script>
+import BatchDialog from './components/BatchDialog.vue'
+import OrderList from './components/OrderList.vue'
+export default {
+  name: 'FieldBatchesDelivery',
+  components: {
+    BatchDialog,
+    OrderList
+  },
+  inject: {
+    formProps: {
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      radio: '1',
+      showDialog: false,
+      selectOrderList: []
+    }
+  },
+  computed: {
+    showButotn() {
+      const hasMaterial = this.formProps.applicationApplyMaterial?.length
+      const hasMaterialQuantity = this.formProps.applicationApplyMaterial?.every(
+        item => item.productCount
+      )
+      return this.radio === '2' && hasMaterial && hasMaterialQuantity
+    },
+    showOrderList() {
+      return this.selectOrderList && this.selectOrderList.length > 0
+    }
+  },
+  mounted() {},
+  methods: {
+    showBatchDialog() {
+      this.showDialog = true
+    },
+    onConfirm(data) {
+      this.showDialog = false
+      this.selectOrderList = this.selectOrderList.concat(data)
+    },
+    removeSubOrder(data, index) {
+      this.selectOrderList.splice(index, 1)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>

package/dist/bizui/src/FieldCardHeader/index.vue

@@ -1,6 +1,12 @@
 <template>
   <div class="title">
-    <slot name="label">{{ item.label }}</slot>
+    <!-- <slot name="label">{{ item.label }}</slot> -->
+    <div class="text-left pb-2 mb-1 flex">
+      <div class="flex">
+        <div class="title-line"></div>
+        <p class="title">{{ item.label }}</p>
+      </div>
+    </div>
     <slot name="card-header"></slot>
   </div>
 </template>
@@ -19,16 +25,17 @@ export default {
 </script>
 <style lang="scss" scoped>
 .title {
-  width: 100%;
-  height: 40px;
-  line-height: 40px;
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 600;
   color: #303133;
-  padding-left: 12px;
-  border-left: 5px solid #ff6a00;
-  background-color: #f0f8ff;
-  box-sizing: border-box;
-  margin: 12px 0;
+  line-height: 21px;
+}
+.title-line {
+  width: 4px;
+  height: 15px;
+  background: #3285f6;
+  border-radius: 1px;
+  margin-right: 12px;
+  margin-top: 3px;
 }
 </style>

package/dist/bizui/src/FieldCompanySelect/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-select v-model="company" class="w-full" placeholder="请选择" @change="onUpdate">
+    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+      <p>【{{ item.tag }}】{{ item.label }}</p>
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+export default {
+  name: 'FieldCompanySelect',
+  props: {
+    value: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      options: [
+        {
+          value: '选项1',
+          label: '股份',
+          tag: '123123'
+        },
+        {
+          value: '选项2',
+          label: '科技'
+        },
+        {
+          value: '选项3',
+          label: '长沙'
+        },
+        {
+          value: '选项4',
+          label: '江苏'
+        },
+        {
+          value: '选项5',
+          label: '砀山'
+        }
+      ],
+      company: ''
+    }
+  },
+  watch: {
+    value(val) {
+      this.setMyValue()
+    }
+  },
+  mounted() {},
+  methods: {
+    setMyValue() {
+      this.company = this.value
+    },
+    onUpdate() {
+      this.$emit('input', this.company)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>