add

src/views/goods/goods/detail.vue

@@ -1,18 +1,57 @@
 <template>
     <div class="edit-popup">
-        <popup ref="popupRef" :async="true" width="550px" @close="handleClose" :bottom-btn="false">
+        <popup ref="popupRef" :async="true" width="60vw" @close="handleClose" :bottom-btn="false">
-            <el-descriptions class="margin-top" :title="popupTitle" :column="1" border>
+            <el-descriptions class="margin-top" :title="popupTitle" :column="3" border>
-                <el-descriptions-item label="条码名称">
+                <el-descriptions-item label="商品名称">
                     {{ formData.name }}
                 </el-descriptions-item>
-                <el-descriptions-item label="条码内容">
+                <el-descriptions-item label="商品编号">
+                    {{ formData.number }}
+                </el-descriptions-item>
+                <el-descriptions-item label="规格型号">
+                    {{ formData.spec }}
+                </el-descriptions-item>
+                <el-descriptions-item label="商品分类">
+                    {{ formData.class }}
+                </el-descriptions-item>
+                <el-descriptions-item label="商品品牌">
+                    {{ formData.brand }}
+                </el-descriptions-item>
+                <el-descriptions-item label="商品单位">
+                    {{ formData.unit }}
+                </el-descriptions-item>
+                <el-descriptions-item label="标签">
+                    {{ formData.sys_labels_text }}
+                </el-descriptions-item>
+                <el-descriptions-item label="购货价格">
+                    {{ formData.buy }}
+                </el-descriptions-item>
+                <el-descriptions-item label="销货价格">
+                    {{ formData.sell }}
+                </el-descriptions-item>
+                <el-descriptions-item label="零售价格">
+                    {{ formData.retail }}
+                </el-descriptions-item>
+                <el-descriptions-item label="兑换积分">
+                    {{ formData.integral }}
+                </el-descriptions-item>
+                <el-descriptions-item label="税率">
+                    {{ formData.tax_rate }}
+                </el-descriptions-item>
+                <el-descriptions-item label="条形码">
                     {{ formData.code }}
                 </el-descriptions-item>
-                <el-descriptions-item label="条码类型">
+                <!-- <el-descriptions-item label="默认仓库">
-                    <dict-value :options="dictData.code_type" :value="formData.type" />
+                    {{ formData.unit }}
+                </el-descriptions-item> -->
+                <el-descriptions-item label="商品货位">
+                    {{ formData.location }}
                 </el-descriptions-item>
-                <el-descriptions-item label="备注信息">
+                <el-descriptions-item label="库存阈值">
-                    {{ formData.data }}
+                    {{ formData.stocktip }}
+                </el-descriptions-item>
+                <el-descriptions-item label="零售名称">
+                    {{ formData.retail_name }}
                 </el-descriptions-item>
                 <el-descriptions-item label="扩展信息">
                     {{ formData.more }}
@@ -20,6 +59,12 @@
                 <el-descriptions-item label="排序">
                     {{ formData.sort }}
                 </el-descriptions-item>
+                <el-descriptions-item label="商品图片">
+                    <material-picker v-model="formData.imgs" disabled />
+                </el-descriptions-item>
+                <el-descriptions-item label="商品详情">
+                    <material-picker v-model="formData.details" disabled />
+                </el-descriptions-item>
             </el-descriptions>
         </popup>
     </div>
@@ -46,16 +91,32 @@ const popupTitle = computed(() => {
 
 // 表单数据
 const formData = reactive({
-    id: '',
+    id: "",
-    name: '',
+    name: "",
-    py: '',
+    py: "",
-    code: '',
+    number: "",
-    type: '',
+    spec: "",
-    data: '',
+    class: "",
-    more: '',
+    brand: "",
-    sort: '',
+    unit: "",
-})
+    buy: "",
-
+    sell: "",
+    retail: "",
+    integral: "",
+    code: "",
+    tax_rate: "",
+    warehouse: "",
+    location: "",
+    stocktip: "",
+    retail_name: "",
+    sys_labels_text: "",
+    sys_labels: "",
+    imgs: "",
+    details: "",
+    data: "",
+    more: "",
+    sort: "",
+});
 // 表单验证
 const formRules = reactive<any>({
     name: [{

src/views/goods/goods/details.vue

@@ -1,355 +0,0 @@
-<template>
-  <div class="edit-popup">
-    <popup
-      ref="popupRef"
-      title="商品详情"
-      :async="true"
-      width="80%"
-      :cancelButtonText="false"
-      :confirmButtonText="false"
-    >
-      <el-form ref="formRef" :model="formData" label-width="90px">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="商品名称" prop="name">
-              <el-input
-                v-model="formData.name"
-                clearable
-                placeholder="请输入商品名称"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="首拼字母" prop="py">
-              <el-input
-                v-model="formData.py"
-                clearable
-                placeholder="请输入首拼字母"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品编号" prop="number">
-              <el-input
-                v-model="formData.number"
-                clearable
-                placeholder="请输入商品编号"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="规格型号" prop="spec">
-              <el-input
-                v-model="formData.spec"
-                clearable
-                placeholder="请输入规格型号"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品分类" prop="class">
-              <el-cascader
-                style="width: 100%"
-                v-model="formData.class"
-                :options="classList"
-                :props="{
-                  value: 'id',
-                  label: 'name',
-                  emitPath: false,
-                }"
-                placeholder="请选择商品分类"
-                :disabled="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品品牌" prop="brand">
-              <el-cascader
-                style="width: 100%"
-                v-model="formData.brand"
-                :options="brandList"
-                :props="{
-                  value: 'id',
-                  label: 'name',
-                  emitPath: false,
-                }"
-                placeholder="请选择商品品牌"
-                :disabled="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品单位" prop="unit">
-              <el-cascader
-                style="width: 100%"
-                v-model="formData.unit"
-                :options="unitList"
-                :props="{
-                  value: 'id',
-                  label: 'name',
-                  emitPath: false,
-                }"
-                placeholder="请选择商品单位"
-                :disabled="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="购货价格" prop="buy">
-              <el-input
-                v-model="formData.buy"
-                clearable
-                placeholder="请输入购货价格"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="销货价格" prop="sell">
-              <el-input
-                v-model="formData.sell"
-                clearable
-                placeholder="请输入销货价格"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="零售价格" prop="retail">
-              <el-input
-                v-model="formData.retail"
-                clearable
-                placeholder="请输入零售价格"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="兑换积分" prop="integral">
-              <el-input
-                v-model="formData.integral"
-                clearable
-                placeholder="请输入兑换积分"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="条形码" prop="code">
-              <el-input
-                v-model="formData.code"
-                clearable
-                placeholder="请输入条形码"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="默认仓库" prop="warehouse">
-              <el-cascader
-                style="width: 100%"
-                v-model="formData.warehouse"
-                :options="warehouseList"
-                :props="{
-                  value: 'id',
-                  label: 'name',
-                  emitPath: false,
-                }"
-                placeholder="请选择仓库"
-                :disabled="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品货位" prop="location">
-              <el-input
-                v-model="formData.location"
-                clearable
-                placeholder="请输入商品货位"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="库存阈值" prop="stocktip">
-              <el-input
-                v-model="formData.stocktip"
-                clearable
-                placeholder="请输入库存阈值"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="零售名称" prop="retail_name">
-              <el-input
-                v-model="formData.retail_name"
-                clearable
-                placeholder="请输入零售名称"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="备注信息" prop="data">
-              <el-input
-                v-model="formData.data"
-                clearable
-                placeholder="请输入备注信息"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="扩展信息" prop="more">
-              <el-input
-                v-model="formData.more"
-                clearable
-                placeholder="请输入扩展信息"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="排序" prop="sort">
-              <el-input
-                v-model="formData.sort"
-                clearable
-                placeholder="请输入排序"
-                :readonly="true"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商品图片" prop="imgs">
-              <material-picker v-model="formData.imgs" :disabled="true" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item label="商品详情" prop="details">
-                <material-picker v-model="formData.details" :limit="formData.details.length" :disabled="true" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </popup>
-  </div>
-</template>
-
-<script lang="ts" setup name="goodsDetails">
-import type { FormInstance } from "element-plus";
-import Popup from "@/components/popup/index.vue";
-import { apiGoodsAdd, apiGoodsEdit, apiGoodsDetail } from "@/api/goods";
-import { apiGoodsclassLists } from "@/api/goodsclass";
-import { apiBrandLists } from "@/api/brand";
-import { apiUnitLists } from "@/api/unit";
-import { apiWarehouseLists } from "@/api/warehouse";
-import { timeFormat } from "@/utils/util";
-import type { PropType } from "vue";
-defineProps({
-  dictData: {
-    type: Object as PropType<Record<string, any[]>>,
-    default: () => ({}),
-  },
-});
-const emit = defineEmits(["success", "close"]);
-const formRef = shallowRef<FormInstance>();
-const popupRef = shallowRef<InstanceType<typeof Popup>>();
-const mode = ref("add");
-
-// 表单数据
-const formData = reactive({
-  id: "",
-  name: "",
-  py: "",
-  number: "",
-  spec: "",
-  class: "",
-  brand: "",
-  unit: "",
-  buy: "",
-  sell: "",
-  retail: "",
-  integral: "",
-  code: "",
-  warehouse: "",
-  location: "",
-  stocktip: "",
-  retail_name: "",
-  imgs: "",
-  details: "",
-  data: "",
-  more: "",
-  sort: "",
-});
-
-// 获取详情
-const setFormData = async (data: Record<any, any>) => {
-  for (const key in formData) {
-    if (data[key] != null && data[key] != undefined) {
-      //@ts-ignore
-      formData[key] = data[key];
-    }
-  }
-};
-
-const classList = ref([]);
-const getClassList = () => {
-  apiGoodsclassLists({}).then((res) => {
-    classList.value = res.lists;
-  });
-};
-getClassList();
-
-const brandList = ref([]);
-const getBrandList = () => {
-  apiBrandLists({}).then((res) => {
-    brandList.value = res.lists;
-  });
-};
-getBrandList();
-
-const unitList = ref([]);
-const getUnitList = () => {
-  apiUnitLists({}).then((res) => {
-    unitList.value = res.lists;
-  });
-};
-getUnitList();
-
-const warehouseList = ref([]);
-const getWarehouseList = () => {
-  apiWarehouseLists({}).then((res) => {
-    warehouseList.value = res.lists;
-  });
-};
-getWarehouseList();
-
-const getDetail = async (row: Record<string, any>) => {
-  const data = await apiGoodsDetail({
-    id: row.id,
-  });
-  setFormData(data);
-};
-
-//打开弹窗
-const open = (type = "add") => {
-  mode.value = type;
-  popupRef.value?.open();
-};
-
-// 关闭回调
-const handleClose = () => {
-  emit("close");
-};
-
-defineExpose({
-  open,
-  setFormData,
-  getDetail,
-});
-</script>

src/views/goods/goods/edit.vue

@@ -51,6 +51,12 @@
               }" placeholder="请选择商品单位" />
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="标签" prop="sys_labels">
+              <el-input v-model="formData.sys_labels_text" readonly @click="showDialog = true" clearable
+                placeholder="请输入标签" />
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="购货价格" prop="buy">
               <el-input v-model="formData.buy" clearable placeholder="请输入购货价格" />
@@ -132,6 +138,10 @@
           </el-col>
         </el-row>
       </el-form>
+      <el-dialog v-model="showDialog" title="选择标签" width="70%">
+        <dialogTable multipleChoice :config="goods_label" @customEvent="customEvent">
+        </dialogTable>
+      </el-dialog>
     </popup>
   </div>
 </template>
@@ -144,7 +154,7 @@ import { apiGoodsclassLists } from "@/api/goodsclass";
 import { apiBrandLists } from "@/api/brand";
 import { apiUnitLists } from "@/api/unit";
 import { apiWarehouseLists } from "@/api/warehouse";
-import { timeFormat } from "@/utils/util";
+import { goods_label } from "@/components/dialogTable/dialogTableConfig"
 import type { PropType } from "vue";
 defineProps({
   dictData: {
@@ -156,6 +166,7 @@ const emit = defineEmits(["success", "close"]);
 const formRef = shallowRef<FormInstance>();
 const popupRef = shallowRef<InstanceType<typeof Popup>>();
 const mode = ref("add");
+const showDialog = ref(false)
 
 // 弹窗标题
 const popupTitle = computed(() => {
@@ -182,6 +193,8 @@ const formData = reactive({
   location: "",
   stocktip: "",
   retail_name: "",
+  sys_labels_text: "",
+  sys_labels: "",
   imgs: "",
   details: "",
   data: "",
@@ -189,6 +202,20 @@ const formData = reactive({
   sort: "",
 });
 
+
+const customEvent = (e) => {
+  formData.sys_labels = []
+  let text = []
+  e.forEach(item => {
+    formData.sys_labels.push(item.id)
+    text.push(item.name)
+  });
+  formData.sys_labels_text = text.join(',')
+  formData.sys_labels = formData.sys_labels.join(',')
+  showDialog.value = false
+}
+
+
 // 表单验证
 const formRules = reactive<any>({
   name: [

src/views/goods/goods/index.vue

@@ -52,7 +52,7 @@
                         </template>
                     </el-table-column>
                     <el-table-column label="商品名称" prop="name" show-overflow-tooltip />
-                    <el-table-column label="首拼字母" prop="py" show-overflow-tooltip />
+                    <!-- <el-table-column label="首拼字母" prop="py" show-overflow-tooltip /> -->
                     <el-table-column label="商品编号" prop="number" show-overflow-tooltip />
                     <el-table-column label="规格型号" prop="spec" show-overflow-tooltip />
                     <el-table-column label="商品分类" prop="class_name" show-overflow-tooltip />
@@ -61,6 +61,7 @@
                     <el-table-column label="购货价格" prop="buy" show-overflow-tooltip />
                     <el-table-column label="销货价格" prop="sell" show-overflow-tooltip />
                     <el-table-column label="零售价格" prop="retail" show-overflow-tooltip />
+                    <el-table-column label="标签" prop="sys_labels_text" show-overflow-tooltip />
                     <el-table-column label="条形码" prop="code" show-overflow-tooltip />
                     <el-table-column label="默认仓库" prop="warehouse_name" show-overflow-tooltip />
                     <el-table-column label="商品货位" prop="location" show-overflow-tooltip />
@@ -73,12 +74,12 @@
                             <el-button v-perms="['goods.goods/edit']" type="primary" link @click="handleEdit(row)">
                                 编辑
                             </el-button>
-                            <el-button type="primary" link @click="handleDetail(row)">
-                                详情
-                            </el-button>
                             <el-button v-perms="['goods.goods/delete']" type="danger" link @click="handleDelete(row.id)">
                                 删除
                             </el-button>
+                            <el-button link @click="handleDetail(row)">
+                                详情
+                            </el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -99,7 +100,7 @@ import { apiGoodsLists, apiGoodsDelete } from '@/api/goods'
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
-import DetailPopup from './details.vue'
+import DetailPopup from './detail.vue'
 
 const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
@@ -156,8 +157,8 @@ const handleEdit = async (data: any) => {
 const handleDetail = async (data: any) => {
     showDetail.value = true
     await nextTick()
-    detailRef.value?.open()
+    detailRef.value?.open('edit')
-    detailRef.value?.getDetail(data)
+    detailRef.value?.setFormData(data)
 }
 
 // 删除

src/views/retail/cashierclass/detail.vue

@@ -39,6 +39,28 @@
                     {{ formData.auditingtime }}
                 </el-descriptions-item>
             </el-descriptions>
+
+            <div class="mt-4">
+                <el-table :data="pager.lists">
+                    <!-- <el-table-column type="selection" width="55" /> -->
+                    <el-table-column label="ID" prop="id" show-overflow-tooltip />
+                    <el-table-column label="所属ID" prop="pid" show-overflow-tooltip />
+                    <el-table-column label="仓储" prop="room" show-overflow-tooltip />
+                    <el-table-column label="商品" prop="goods_name" show-overflow-tooltip />
+                    <el-table-column label="仓库" prop="warehouse" show-overflow-tooltip />
+                    <el-table-column label="串号" prop="cashier_number" show-overflow-tooltip />
+                    <el-table-column label="数量" prop="nums" show-overflow-tooltip />
+                    <el-table-column label="单价" prop="price" show-overflow-tooltip />
+                    <el-table-column label="折扣" prop="discount" show-overflow-tooltip />
+                    <el-table-column label="总价" prop="total" show-overflow-tooltip />
+                    <el-table-column label="备注" prop="data" show-overflow-tooltip />
+                    <el-table-column label="扩展信息" prop="more" show-overflow-tooltip />
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+
         </popup>
     </div>
 </template>
@@ -46,6 +68,8 @@
 <script lang="ts" setup name="brandEdit">
 import Popup from '@/components/popup/index.vue'
 import type { PropType } from 'vue'
+import { usePaging } from '@/hooks/usePaging'
+import { apiCashierinfoLists } from '@/api/cashierinfo'
 defineProps({
     dictData: {
         type: Object as PropType<Record<string, any[]>>,
@@ -55,7 +79,13 @@ defineProps({
 const emit = defineEmits(['success', 'close'])
 const popupRef = shallowRef<InstanceType<typeof Popup>>()
 const mode = ref('add')
+let pid;
 
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiCashierinfoLists,
+    params: { pid: pid }
+})
 
 // 弹窗标题
 const popupTitle = computed(() => {
@@ -97,13 +127,20 @@ const formRules = reactive<any>({
 
 // 获取详情
 const setFormData = async (data: Record<any, any>) => {
+
+
+    console.log(data.id, 'pid')
+    return
     for (const key in formData) {
         if (data[key] != null && data[key] != undefined) {
             //@ts-ignore
             formData[key] = data[key]
         }
     }
-
+    pid = data.id
+    console.log(pid, 'pid')
+    // let res = await apiCashierinfoLists({ pid: data.id })
+    getLists()
 
 }
 

src/views/retail/cashierclass/index.vue

@@ -114,7 +114,7 @@
 <script lang="ts" setup name="cashierclassLists">
 import { usePaging } from '@/hooks/usePaging'
 import { useDictData } from '@/hooks/useDictOptions'
-import { apiCashierclassLists, apiCashierclassDelete, apiCashierclassAuditing } from '@/api/cashierclass'
+import { apiCashierclassLists, apiCashierclassDelete, apiCashierclassAuditing, apiCashierclassDetail } from '@/api/cashierclass'
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
@@ -173,10 +173,11 @@ const handleEdit = async (data: any) => {
 
 // 详情
 const handleDetail = async (data) => {
+    let res = await apiCashierclassDetail({ id: data.id })
     showDetail.value = true
     await nextTick()
     detailRef.value?.open('edit')
-    detailRef.value?.setFormData(data)
+    detailRef.value?.setFormData(res)
 }
 
 // 删除

src/views/retail/cashierinfo/details.vue

@@ -1,13 +1,6 @@
 <template>
     <div class="edit-popup">
-        <popup
+        <popup ref="popupRef" title="详情" :async="true" width="550px" :cancelButtonText="false" :confirmButtonText="false">
-            ref="popupRef"
-            title="详情"
-            :async="true"
-            width="550px"
-            :cancelButtonText="false"
-            :confirmButtonText="false"
-        >
             <el-form ref="formRef" :model="formData" label-width="90px">
 
             </el-form>
@@ -18,8 +11,7 @@
 <script lang="ts" setup name="cashierinfoDETAILS">
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
-import { apiCashierinfoAdd, apiCashierinfoEdit, apiCashierinfoDetail } from '@/api/cashierinfo'
+import { apiCashierinfoDetail } from '@/api/cashierinfo'
-import { timeFormat } from '@/utils/util'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {