一线，企业详情

snowy-admin-web/src/style/cus.less

@@ -7,3 +7,34 @@
 		cursor: pointer;
 	}
 }
+
+.__button-link {
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	>span {
+		white-space: normal;
+	}
+}
+
+.__cus-title_1 {
+	width: 100%;
+	height: 32px;
+	font-size: 16px;
+	font-family: PingFang SC-Regular, PingFang SC;
+	font-weight: 400;
+	color: #0062E9;
+	display: flex;
+	align-items: center;
+	position: relative;
+	padding-left: 10px;
+	box-sizing: border-box;
+	&:before {
+		content: '';
+		position: absolute;
+		left: 0;
+		width: 2px;
+		height: 14px;
+		background-color: #0062E9;
+	}
+}

snowy-admin-web/src/views/auth/login/single-window-login.vue

@@ -140,7 +140,7 @@
 			</div>
 		</div>
 		<a-modal
-			v-model:visible="agreeTipsYhfwxy"
+			v-model:open="agreeTipsYhfwxy"
 			title="用户服务协议"
 			centered
 			width="730px"
@@ -149,7 +149,7 @@
 			<iframe src="https://app.singlewindow.cn/userserver/user/document/nraServiceAgreement" style="width: 100%; height: 530px;"/>
 		</a-modal>
 		<a-modal
-			v-model:visible="agreeTipsYhyszc"
+			v-model:open="agreeTipsYhyszc"
 			title="用户隐私政策"
 			centered
 			width="730px"

snowy-admin-web/src/views/yqyc/component/enterprise/detail.vue

@@ -0,0 +1,147 @@
+<template>
+	<a-modal
+      v-model:open="open"
+      title="企业详情"
+      centered
+      width="90%"
+      cancelText=""
+  >
+      <div class="enterprise-title">
+        <div class="__cus-title_1">资质类型</div>
+        <a-checkbox-group v-model:value="zzTypes" name="checkboxgroup" :disabled="true">
+          <a-row :gutter="[0, 10]">
+            <template v-for="item in zzTypeOptions">
+              <a-col :span="4">
+                <a-checkbox :value="item.value">{{item.label}}</a-checkbox>
+              </a-col>
+            </template>
+          </a-row>
+        </a-checkbox-group>
+        <div class="__cus-title_1">基本信息</div>
+        <a-form ref="formRef" :model="formData" layout="inline">
+          <a-row :gutter="[0, 16]">
+            <a-col :span="8">
+              <a-form-item label="统一社会信用代码：" name="companyCode">
+                <a-input v-model:value="formData.companyCode" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="企业注册名称(全)：" name="companyName">
+                <a-input v-model:value="formData.companyName" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="法定代表人：" name="companyLegal">
+                <a-input v-model:value="formData.companyLegal" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="法定代表人联系电话：" name="companyLegalPhone">
+                <a-input v-model:value="formData.companyLegalPhone" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="联系人：" name="companyLinkMan">
+                <a-input v-model:value="formData.companyLinkMan" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="联系人电话：" name="xxx">
+                <a-input v-model:value="formData.xxx" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="企业类型：" name="companyType">
+                <a-select v-model:value="formData.companyType" :disabled="true" :options="companyTypeOptions"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="注册资本：" name="companyRegisteredCapital">
+                <a-input v-model:value="formData.companyRegisteredCapital" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="成立日期：" name="companyRegisterDate">
+                <a-date-picker v-model:value="formData.companyRegisterDate" :disabled="true" value-format="YYYY-MM-DD HH:mm:ss" show-time style="width: 100%"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="企业地址：" name="companyAddress">
+                <a-input v-model:value="formData.companyAddress" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="营业期限：" name="companyDeadline">
+                <a-input v-model:value="formData.companyDeadline" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="登记机关：" name="companyRegistration">
+                <a-input v-model:value="formData.companyRegistration" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="申报企业编号：" name="companyApplyCode">
+                <a-input v-model:value="formData.companyApplyCode" :disabled="true"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="监管场所：" name="companySupervisionPlaceType">
+                <a-select v-model:value="formData.companySupervisionPlaceType" :disabled="true" :options="companySupervisionPlaceTypeOptions"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item label="主管海关：" name="companyMainHgType">
+                <a-select v-model:value="formData.companyMainHgType" :disabled="true" :options="companyMainHgTypeOptions"/>
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-item label="经营范围：" name="companyJyFw">
+                <a-textarea v-model:value="formData.companyJyFw" :disabled="true" :rows="10" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <template #footer></template>
+	</a-modal>
+</template>
+
+<script setup name="enterpriseDetail">
+	import tool from '@/utils/tool'
+	import { cloneDeep } from 'lodash-es'
+	// 抽屉状态
+	const open = ref(false)
+	const emit = defineEmits({ successful: null })
+	const formRef = ref()
+	// 表单数据
+	const formData = ref({})
+  const zzTypeOptions = ref([])
+  const companyTypeOptions = ref([])
+  const companySupervisionPlaceTypeOptions = ref([])
+  const companyMainHgTypeOptions = ref([])
+  const zzTypes = ref([])
+
+	// 打开抽屉
+	const onOpen = (record, view = false) => {
+		open.value = true
+		if (record) {
+			let recordData = cloneDeep(record)
+			formData.value = Object.assign({}, recordData)
+		}
+    zzTypeOptions.value = tool.dictList('applyzztype')
+    companyTypeOptions.value = tool.dictList('qylx')
+    companySupervisionPlaceTypeOptions.value = tool.dictList('jtcs')
+    companyMainHgTypeOptions.value = tool.dictList('zhhg')
+	}
+	// 关闭抽屉
+	const onClose = () => {
+		formRef.value.resetFields()
+		formData.value = {}
+		open.value = false
+	}
+	// 抛出函数
+	defineExpose({
+		onOpen
+	})
+</script>

snowy-admin-web/src/views/yqyc/general-ledger/one/index.vue

@@ -1,351 +1,376 @@
 <template>
-	<a-card :bordered="false" v-if="indexShow">
-		<a-tabs v-model:activeKey="searchFormState.warehouseType" @change="onSearch()">
-			<a-tab-pane key="0" tab="入库记账清单"/>
-			<a-tab-pane key="1" tab="出库记账清单"/>
-		</a-tabs>
-		<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
-            <a-row :gutter="24">
-                <a-col :span="6">
-                    <a-form-item label="企业编码" name="companyCode">
-                        <a-input v-model:value="searchFormState.companyCode" placeholder="请输入企业编码" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                    <a-form-item label="企业名称" name="companyName">
-                        <a-input v-model:value="searchFormState.companyName" placeholder="请输入企业名称" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                    <a-form-item label="账册类型" name="accountType">
-                        <a-select v-model:value="searchFormState.accountType" placeholder="请选择账册类型" :options="accountTypeOptions" show-search allow-clear option-filter-prop="label"/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="账册编号" name="accountCode">
-                        <a-input v-model:value="searchFormState.accountCode" placeholder="请输入账册编号" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="商品编码" name="commodityCode">
-                        <a-input v-model:value="searchFormState.commodityCode" placeholder="请输入商品编码" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="商品名称" name="commodityName">
-                        <a-input v-model:value="searchFormState.commodityName" placeholder="请输入商品名称" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="业务类型" name="businessType">
-                        <a-select v-model:value="searchFormState.businessType" placeholder="请选择业务类型" :options="businessTypeOptions" show-search allow-clear option-filter-prop="label"/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-					<div class="account-number">
-						<a-form-item label="记账数量" name="accountNumberMin">
-							<a-input-number v-model:value="searchFormState.accountNumberMin" placeholder="请输入" style="width: 100%;"/>
-						</a-form-item>
-						<a-form-item label="至" name="accountNumberMax">
-							<a-input-number v-model:value="searchFormState.accountNumberMax" placeholder="请输入" style="width: 100%;"/>
-						</a-form-item>
-					</div>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="法定计量单位" name="measurementUnit">
-                        <a-select v-model:value="searchFormState.measurementUnit" placeholder="请选择法定计量单位" :options="measurementUnitOptions" show-search allow-clear option-filter-prop="label"/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="一线径予放行单号" name="frontlineRelesasNumber">
-                        <a-input v-model:value="searchFormState.frontlineRelesasNumber" placeholder="请输入一线径予放行单号" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item :label="(searchFormState.warehouseType == 0 ? '入' : '出') + '库单号'" name="warehouseNumber">
-                        <a-input v-model:value="searchFormState.warehouseNumber" :placeholder="'请输入' + (searchFormState.warehouseType == 0 ? '入' : '出') + '库单号'" allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="入库日期" name="warehouseTime">
-                        <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6" v-show="advanced">
-                    <a-form-item label="记账日期" name="accountTime">
-                        <a-range-picker v-model:value="searchFormState.accountTime" show-time allow-clear/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="6">
-                    <a-button type="primary" @click="onSearch()">查询</a-button>
-                    <a-button style="margin: 0 8px" @click="reset">重置</a-button>
-                    <a @click="toggleAdvanced" style="margin-left: 8px">
-                        {{ advanced ? '收起' : '展开' }}
-                        <component :is="advanced ? 'up-outlined' : 'down-outlined'"/>
-                    </a>
-                </a-col>
-            </a-row>
-        </a-form>
-		<s-table
-			ref="tableRef"
-			:columns="columns"
-			:data="loadData"
-			:alert="options.alert.show"
-			bordered
-			:row-key="(record) => record.id"
-			:tool-config="toolConfig"
-			:row-selection="options.rowSelection"
-			v-model:filterParam="filterParam"
-			:scroll="{ x: 2000 }"
-		>
-			<template #operator class="table-operator">
-				<a-space>
-					<a-button type="primary" @click="onDetail()" v-if="hasPerm('qyFrontlineWarehouseAdd')">
-						<template #icon><plus-outlined /></template>
-						新增
-					</a-button>
-					<xn-batch-delete
-						v-if="hasPerm('qyFrontlineWarehouseDelete')"
-						:selectedRowKeys="selectedRowKeys"
-						@batchDelete="deleteBatchQyFrontlineWarehouse"
-					/>
-					<a-button @click="onExport" v-if="hasPerm('qyFrontlineWarehouseBatchExport')">
-                        <template #icon><export-outlined /></template>
-                        批量导出
-                    </a-button>
-				</a-space>
-			</template>
-			<template #bodyCell="{ column, record }">
-				<template v-if="column.dataIndex === 'accountType'">
-					{{ $TOOL.dictTypeData('account_type', record.accountType) }}
-				</template>
-				<template v-if="column.dataIndex === 'businessType'">
-					{{ $TOOL.dictTypeData('bussiness_type', record.businessType) }}
-				</template>
-				<template v-if="column.dataIndex === 'measurementUnit'">
-					{{ $TOOL.dictTypeData('measurement unit', record.measurementUnit) }}
-				</template>
-				<template v-if="column.dataIndex === 'action'">
-					<a-space>
-					    <a @click="onDetail(record, true)" v-if="hasPerm('qyFrontlineWarehouseView')">查看</a>
-                        <a-divider type="vertical" v-if="hasPerm('qyFrontlineWarehouseView') && hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'], 'or')" />
-						<a @click="onDetail(record)" v-if="hasPerm('qyFrontlineWarehouseEdit')">编辑</a>
-						<a-divider type="vertical" v-if="hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'], 'and')" />
-						<a-popconfirm title="确定要删除吗？" @confirm="deleteQyFrontlineWarehouse(record)">
-							<a-button type="link" danger size="small" v-if="hasPerm('qyFrontlineWarehouseDelete')">删除</a-button>
-						</a-popconfirm>
-					</a-space>
-				</template>
-			</template>
-		</s-table>
-	</a-card>
-	<Detail v-else ref="detailRef" @onClose="indexShow = true" @successful="onSearch()" />
+  <a-card :bordered="false" v-if="indexShow">
+    <a-tabs v-model:activeKey="searchFormState.warehouseType" @change="onSearch()">
+      <a-tab-pane key="0" tab="入库记账清单"/>
+      <a-tab-pane key="1" tab="出库记账清单"/>
+    </a-tabs>
+    <a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
+      <a-row :gutter="24">
+        <a-col :span="6">
+          <a-form-item label="企业编码" name="companyCode">
+            <a-input v-model:value="searchFormState.companyCode" placeholder="请输入企业编码" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="企业名称" name="companyName">
+            <a-input v-model:value="searchFormState.companyName" placeholder="请输入企业名称" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-form-item label="账册类型" name="accountType">
+            <a-select v-model:value="searchFormState.accountType" placeholder="请选择账册类型"
+                      :options="accountTypeOptions" show-search allow-clear option-filter-prop="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="账册编号" name="accountCode">
+            <a-input v-model:value="searchFormState.accountCode" placeholder="请输入账册编号" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="商品编码" name="commodityCode">
+            <a-input v-model:value="searchFormState.commodityCode" placeholder="请输入商品编码" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="商品名称" name="commodityName">
+            <a-input v-model:value="searchFormState.commodityName" placeholder="请输入商品名称" allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="业务类型" name="businessType">
+            <a-select v-model:value="searchFormState.businessType" placeholder="请选择业务类型"
+                      :options="businessTypeOptions" show-search allow-clear option-filter-prop="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <div class="account-number">
+            <a-form-item label="记账数量" name="accountNumberMin">
+              <a-input-number v-model:value="searchFormState.accountNumberMin" placeholder="请输入"
+                              style="width: 100%;"/>
+            </a-form-item>
+            <a-form-item label="至" name="accountNumberMax">
+              <a-input-number v-model:value="searchFormState.accountNumberMax" placeholder="请输入"
+                              style="width: 100%;"/>
+            </a-form-item>
+          </div>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="法定计量单位" name="measurementUnit">
+            <a-select v-model:value="searchFormState.measurementUnit" placeholder="请选择法定计量单位"
+                      :options="measurementUnitOptions" show-search allow-clear option-filter-prop="label"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="一线径予放行单号" name="frontlineRelesasNumber">
+            <a-input v-model:value="searchFormState.frontlineRelesasNumber" placeholder="请输入一线径予放行单号"
+                     allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item :label="(searchFormState.warehouseType == 0 ? '入' : '出') + '库单号'" name="warehouseNumber">
+            <a-input v-model:value="searchFormState.warehouseNumber"
+                     :placeholder="'请输入' + (searchFormState.warehouseType == 0 ? '入' : '出') + '库单号'"
+                     allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="入库日期" name="warehouseTime">
+            <a-range-picker v-model:value="searchFormState.warehouseTime" show-time allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6" v-show="advanced">
+          <a-form-item label="记账日期" name="accountTime">
+            <a-range-picker v-model:value="searchFormState.accountTime" show-time allow-clear/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="6">
+          <a-button type="primary" @click="onSearch()">查询</a-button>
+          <a-button style="margin: 0 8px" @click="reset">重置</a-button>
+          <a @click="toggleAdvanced" style="margin-left: 8px">
+            {{ advanced ? '收起' : '展开' }}
+            <component :is="advanced ? 'up-outlined' : 'down-outlined'"/>
+          </a>
+        </a-col>
+      </a-row>
+    </a-form>
+    <s-table
+      ref="tableRef"
+      :columns="columns"
+      :data="loadData"
+      :alert="options.alert.show"
+      bordered
+      :row-key="(record) => record.id"
+      :tool-config="toolConfig"
+      :row-selection="options.rowSelection"
+      v-model:filterParam="filterParam"
+      :scroll="{ x: 2000 }"
+    >
+      <template #operator class="table-operator">
+        <a-space>
+          <a-button type="primary" @click="onDetail()" v-if="hasPerm('qyFrontlineWarehouseAdd')">
+            <template #icon>
+              <plus-outlined/>
+            </template>
+            新增
+          </a-button>
+          <xn-batch-delete
+            v-if="hasPerm('qyFrontlineWarehouseDelete')"
+            :selectedRowKeys="selectedRowKeys"
+            @batchDelete="deleteBatchQyFrontlineWarehouse"
+          />
+          <a-button @click="onExport" v-if="hasPerm('qyFrontlineWarehouseBatchExport')">
+            <template #icon>
+              <export-outlined/>
+            </template>
+            批量导出
+          </a-button>
+        </a-space>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.dataIndex === 'companyName'">
+          <a-button type="link" class="__button-link" @click="enterpriseDetailRef.onOpen(record)">
+            {{record.companyName}}
+          </a-button>
+        </template>
+        <template v-if="column.dataIndex === 'accountType'">
+          {{ $TOOL.dictTypeData('account_type', record.accountType) }}
+        </template>
+        <template v-if="column.dataIndex === 'businessType'">
+          {{ $TOOL.dictTypeData('bussiness_type', record.businessType) }}
+        </template>
+        <template v-if="column.dataIndex === 'measurementUnit'">
+          {{ $TOOL.dictTypeData('measurement unit', record.measurementUnit) }}
+        </template>
+        <template v-if="column.dataIndex === 'action'">
+          <a-space>
+            <a @click="onDetail(record, true)" v-if="hasPerm('qyFrontlineWarehouseView')">查看</a>
+            <a-divider type="vertical"
+                       v-if="hasPerm('qyFrontlineWarehouseView') && hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'], 'or')"/>
+            <a @click="onDetail(record)" v-if="hasPerm('qyFrontlineWarehouseEdit')">编辑</a>
+            <a-divider type="vertical"
+                       v-if="hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'], 'and')"/>
+            <a-popconfirm title="确定要删除吗？" @confirm="deleteQyFrontlineWarehouse(record)">
+              <a-button type="link" danger size="small" v-if="hasPerm('qyFrontlineWarehouseDelete')">删除</a-button>
+            </a-popconfirm>
+          </a-space>
+        </template>
+      </template>
+    </s-table>
+  </a-card>
+  <Detail v-else ref="detailRef" @onClose="indexShow = true" @successful="onSearch()"/>
+  <EnterpriseDetail ref="enterpriseDetailRef"/>
 </template>
 
 <script setup name="qyfrontlinewarehouse">
-	import tool from '@/utils/tool'
-	import { cloneDeep } from 'lodash-es'
-	import Detail from './detail.vue'
-	import qyFrontlineWarehouseApi from '@/api/yqyc/qyFrontlineWarehouseApi'
-	import downloadUtil from "@/utils/downloadUtil";
-    const { proxy } = getCurrentInstance()
-	const searchFormState = ref({
-		warehouseType: '0'
-	})
-	const searchFormStateReal = ref(searchFormState.value) // 点击搜索后备份的查询参数
-	const searchFormRef = ref()
-	const tableRef = ref()
-	const filterParam = ref({})
-	const detailRef = ref()
-	const indexShow = ref(true)
-	const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
-	// 查询区域显示更多控制
-	const advanced = ref(false)
-	const toggleAdvanced = () => {
-		advanced.value = !advanced.value
-	}
-	const columns = ref([
-		{
-			title: '企业编码',
-			dataIndex: 'companyCode',
-		},
-		{
-			title: '企业名称',
-			dataIndex: 'companyName',
-		},
-		{
-			title: '账册类型',
-			dataIndex: 'accountType',
-		},
-		{
-			title: '账册编号',
-			dataIndex: 'accountCode',
-		},
-		{
-			title: '商品编码',
-			dataIndex: 'commodityCode',
-		},
-		{
-			title: '商品名称',
-			dataIndex: 'commodityName',
-		},
-		{
-			title: '业务类型',
-			dataIndex: 'businessType',
-		},
-		{
-			title: '记账数量',
-			dataIndex: 'accountNumber',
-			sorter: true,
-		},
-		{
-			title: '法定计量单位',
-			dataIndex: 'measurementUnit',
-		},
-		{
-			title: '一线径予放行单号',
-			dataIndex: 'frontlineRelesasNumber',
-		},
-		{
-			title: (searchFormStateReal.value.warehouseType == 0 ? '入' : '出') + '库单号',
-			dataIndex: 'warehouseNumber',
-		},
-		{
-			title: (searchFormStateReal.value.warehouseType == 0 ? '入' : '出') + '库日期',
-			dataIndex: 'warehouseTime',
-			sorter: true,
-		},
-		{
-			title: '记账日期',
-			dataIndex: 'accountTime',
-			sorter: true,
-		},
-	])
-	watch(() => searchFormStateReal.value.warehouseType, (n) => {
-	  	columns.value.forEach(v => {
-        	if (v.dataIndex === 'warehouseNumber') {
-            	v.title = (n == 0 ? '入' : '出') + '库单号'
-			}
-        	if (v.dataIndex === 'warehouseTime') {
-            	v.title = (n == 0 ? '入' : '出') + '库日期'
-			}
-		})
-	})
-	// 操作栏通过权限判断是否显示
-	if (hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'])) {
-		columns.value.push({
-			title: '操作',
-			dataIndex: 'action',
-			align: 'center',
-			width: 200,
-			fixed: 'right',
-		})
-	}
-	const selectedRowKeys = ref([])
-	// 列表选择配置
-	const options = {
-		// columns数字类型字段加入 needTotal: true 可以勾选自动算账
-		alert: {
-			show: true,
-			clear: () => {
-				selectedRowKeys.value = ref([])
-			}
-		},
-		rowSelection: {
-			onChange: (selectedRowKey, selectedRows) => {
-				selectedRowKeys.value = selectedRowKey
-			}
-		}
-	}
-	const loadData = (parameter) => {
-        tableRef.value.clearSelected()
-        // warehouseTime范围查询条件重载
-        if (searchFormStateReal.value.warehouseTime) {
-            searchFormStateReal.value.startWarehouseTime = searchFormStateReal.value.warehouseTime[0]
-            searchFormStateReal.value.endWarehouseTime = searchFormStateReal.value.warehouseTime[1]
-            delete searchFormStateReal.value.warehouseTime
-        }
-        // accountTime范围查询条件重载
-        if (searchFormStateReal.value.accountTime) {
-            searchFormStateReal.value.startAccountTime = searchFormStateReal.value.accountTime[0]
-            searchFormStateReal.value.endAccountTime = searchFormStateReal.value.accountTime[1]
-            delete searchFormStateReal.value.accountTime
-        }
-        return qyFrontlineWarehouseApi.qyFrontlineWarehousePage(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
-            return data
-        })
+import tool from '@/utils/tool'
+import {cloneDeep} from 'lodash-es'
+import Detail from './detail.vue'
+import EnterpriseDetail from '@/views/yqyc/component/enterprise/detail.vue'
+import qyFrontlineWarehouseApi from '@/api/yqyc/qyFrontlineWarehouseApi'
+import downloadUtil from "@/utils/downloadUtil";
+
+const {proxy} = getCurrentInstance()
+const searchFormState = ref({
+  warehouseType: '0'
+})
+const searchFormStateReal = ref(searchFormState.value) // 点击搜索后备份的查询参数
+const searchFormRef = ref()
+const tableRef = ref()
+const filterParam = ref({})
+const detailRef = ref()
+const enterpriseDetailRef = ref()
+const indexShow = ref(true)
+const toolConfig = {refresh: true, height: true, columnSetting: true, striped: false}
+// 查询区域显示更多控制
+const advanced = ref(false)
+const toggleAdvanced = () => {
+  advanced.value = !advanced.value
+}
+const columns = ref([
+  {
+    title: '企业编码',
+    dataIndex: 'companyCode',
+  },
+  {
+    title: '企业名称',
+    dataIndex: 'companyName',
+  },
+  {
+    title: '账册类型',
+    dataIndex: 'accountType',
+  },
+  {
+    title: '账册编号',
+    dataIndex: 'accountCode',
+  },
+  {
+    title: '商品编码',
+    dataIndex: 'commodityCode',
+  },
+  {
+    title: '商品名称',
+    dataIndex: 'commodityName',
+  },
+  {
+    title: '业务类型',
+    dataIndex: 'businessType',
+  },
+  {
+    title: '记账数量',
+    dataIndex: 'accountNumber',
+    sorter: true,
+  },
+  {
+    title: '法定计量单位',
+    dataIndex: 'measurementUnit',
+  },
+  {
+    title: '一线径予放行单号',
+    dataIndex: 'frontlineRelesasNumber',
+  },
+  {
+    title: (searchFormStateReal.value.warehouseType == 0 ? '入' : '出') + '库单号',
+    dataIndex: 'warehouseNumber',
+  },
+  {
+    title: (searchFormStateReal.value.warehouseType == 0 ? '入' : '出') + '库日期',
+    dataIndex: 'warehouseTime',
+    sorter: true,
+  },
+  {
+    title: '记账日期',
+    dataIndex: 'accountTime',
+    sorter: true,
+  },
+])
+watch(() => searchFormStateReal.value.warehouseType, (n) => {
+  columns.value.forEach(v => {
+    if (v.dataIndex === 'warehouseNumber') {
+      v.title = (n == 0 ? '入' : '出') + '库单号'
     }
-    // 搜索同时备份参数
-    const onSearch = (parameter) => {
-        searchFormStateReal.value = cloneDeep(searchFormState.value)
-		nextTick(() => {
-			tableRef.value.refresh(parameter)
-		})
+    if (v.dataIndex === 'warehouseTime') {
+      v.title = (n == 0 ? '入' : '出') + '库日期'
     }
-    // 重置
-    const reset = () => {
-        searchFormRef.value.resetFields()
-        onSearch(true)
+  })
+})
+// 操作栏通过权限判断是否显示
+if (hasPerm(['qyFrontlineWarehouseEdit', 'qyFrontlineWarehouseDelete'])) {
+  columns.value.push({
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    width: 200,
+    fixed: 'right',
+  })
+}
+const selectedRowKeys = ref([])
+// 列表选择配置
+const options = {
+  // columns数字类型字段加入 needTotal: true 可以勾选自动算账
+  alert: {
+    show: true,
+    clear: () => {
+      selectedRowKeys.value = ref([])
     }
-	// 删除
-	const deleteQyFrontlineWarehouse = (record) => {
-		let params = [
-			{
-				id: record.id
-			}
-		]
-		qyFrontlineWarehouseApi.qyFrontlineWarehouseDelete(params).then(() => {
-			tableRef.value.refresh(true)
-		})
-	}
-	// 批量删除
-	const deleteBatchQyFrontlineWarehouse = (params) => {
-		qyFrontlineWarehouseApi.qyFrontlineWarehouseDelete(params).then(() => {
-			tableRef.value.clearRefreshSelected()
-		})
-	}
-	// 批量导出
-    const onExport = () => {
-        const params = {
-            ...filterParam.value
-        }
-        if (selectedRowKeys.value.length > 0) {
-            params.ids = selectedRowKeys.value
-        } else {
-            Object.entries(searchFormStateReal.value).forEach(([key, value]) => {
-                console.log(key)
-                if (proxy.$util.isValue(value)) {
-                    params[key] = value
-                }
-            })
-        }
-        qyFrontlineWarehouseApi.qyFrontlineWarehouseExport(params).then((res) => {
-            downloadUtil.resultDownload(res)
-            tableRef.value.clearSelected()
-        })
+  },
+  rowSelection: {
+    onChange: (selectedRowKey, selectedRows) => {
+      selectedRowKeys.value = selectedRowKey
     }
-	// 切换至表单
-    const onDetail = (record = null, view) => {
-    	indexShow.value = false
-    	nextTick(() => {
-            detailRef.value.onOpen(record, view)
-    	})
+  }
+}
+const loadData = (parameter) => {
+  tableRef.value.clearSelected()
+  // warehouseTime范围查询条件重载
+  if (searchFormStateReal.value.warehouseTime) {
+    searchFormStateReal.value.startWarehouseTime = searchFormStateReal.value.warehouseTime[0]
+    searchFormStateReal.value.endWarehouseTime = searchFormStateReal.value.warehouseTime[1]
+    delete searchFormStateReal.value.warehouseTime
+  }
+  // accountTime范围查询条件重载
+  if (searchFormStateReal.value.accountTime) {
+    searchFormStateReal.value.startAccountTime = searchFormStateReal.value.accountTime[0]
+    searchFormStateReal.value.endAccountTime = searchFormStateReal.value.accountTime[1]
+    delete searchFormStateReal.value.accountTime
+  }
+  return qyFrontlineWarehouseApi.qyFrontlineWarehousePage(Object.assign(parameter, searchFormStateReal.value)).then((data) => {
+    return data
+  })
+}
+// 搜索同时备份参数
+const onSearch = (parameter) => {
+  searchFormStateReal.value = cloneDeep(searchFormState.value)
+  nextTick(() => {
+    tableRef.value.refresh(parameter)
+  })
+}
+// 重置
+const reset = () => {
+  searchFormRef.value.resetFields()
+  onSearch(true)
+}
+// 删除
+const deleteQyFrontlineWarehouse = (record) => {
+  let params = [
+    {
+      id: record.id
     }
-	const accountTypeOptions = tool.dictList('account_type')
-	const businessTypeOptions = tool.dictList('bussiness_type')
-	const measurementUnitOptions = tool.dictList('measurement unit')
+  ]
+  qyFrontlineWarehouseApi.qyFrontlineWarehouseDelete(params).then(() => {
+    tableRef.value.refresh(true)
+  })
+}
+// 批量删除
+const deleteBatchQyFrontlineWarehouse = (params) => {
+  qyFrontlineWarehouseApi.qyFrontlineWarehouseDelete(params).then(() => {
+    tableRef.value.clearRefreshSelected()
+  })
+}
+// 批量导出
+const onExport = () => {
+  const params = {
+    ...filterParam.value
+  }
+  if (selectedRowKeys.value.length > 0) {
+    params.ids = selectedRowKeys.value
+  } else {
+    Object.entries(searchFormStateReal.value).forEach(([key, value]) => {
+      console.log(key)
+      if (proxy.$util.isValue(value)) {
+        params[key] = value
+      }
+    })
+  }
+  qyFrontlineWarehouseApi.qyFrontlineWarehouseExport(params).then((res) => {
+    downloadUtil.resultDownload(res)
+    tableRef.value.clearSelected()
+  })
+}
+// 切换至表单
+const onDetail = (record = null, view) => {
+  indexShow.value = false
+  nextTick(() => {
+    detailRef.value.onOpen(record, view)
+  })
+}
+const accountTypeOptions = tool.dictList('account_type')
+const businessTypeOptions = tool.dictList('bussiness_type')
+const measurementUnitOptions = tool.dictList('measurement unit')
 </script>
 
 <style lang="less" scoped>
 .account-number {
-	display: flex;
-	:deep(.ant-form-item:last-child) {
-		.ant-form-item-label {
-			margin: 0 6px;
-			>label:after {
-				display: none;
-			}
-		}
-	}
+  display: flex;
+
+  :deep(.ant-form-item:last-child) {
+    .ant-form-item-label {
+      margin: 0 6px;
+
+      > label:after {
+        display: none;
+      }
+    }
+  }
 }
 </style>