|
|
|
@ -11,7 +11,26 @@
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item class="query-form-item" label="创建时间:">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
:picker-options="pickerOptions"
|
|
|
|
|
v-model="actDateRange"
|
|
|
|
|
type="daterange"
|
|
|
|
|
format="yyyy 年 MM 月 dd 日"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
range-separator="至"
|
|
|
|
|
start-placeholder="开始日期"
|
|
|
|
|
end-placeholder="结束日期"
|
|
|
|
|
style="width: 90%"
|
|
|
|
|
>
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
<div class="top-right-btn">
|
|
|
|
|
<el-button-group>
|
|
|
|
@ -36,19 +55,19 @@
|
|
|
|
|
<el-divider style="margin: 15px"></el-divider>
|
|
|
|
|
<el-card class="el-card">
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="6" v-for="(bazi,key) in list" :key="key" class="text-center">
|
|
|
|
|
<el-row :gutter="8">
|
|
|
|
|
<el-col :span="6" v-for="(bazi,key) in list" :key="key" :xs="12" :sm="8" :md="6" :lg="6">
|
|
|
|
|
<BaziPanel :info="bazi" @baziPanel="getValue"></BaziPanel>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<pagination style="height: 20px"
|
|
|
|
|
v-show="total>0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page-sizes=[12,24,36]
|
|
|
|
|
:page.sync="filterQuery.page"
|
|
|
|
|
:limit.sync="filterQuery.limit"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
<!-- <pagination style="height: 20px"-->
|
|
|
|
|
<!-- v-show="total>0"-->
|
|
|
|
|
<!-- :total="total"-->
|
|
|
|
|
<!-- :page-sizes=[12,24,36]-->
|
|
|
|
|
<!-- :page.sync="filterQuery.page"-->
|
|
|
|
|
<!-- :limit.sync="filterQuery.limit"-->
|
|
|
|
|
<!-- @pagination="getList"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
</el-card>
|
|
|
|
|
<el-dialog
|
|
|
|
|
:title=title
|
|
|
|
@ -62,8 +81,9 @@
|
|
|
|
|
>
|
|
|
|
|
<addOrder
|
|
|
|
|
:closeDialog="closeDialog"
|
|
|
|
|
:orderQuery="this.idQuery"
|
|
|
|
|
:sickerAdNum="this.sickerAdNum"
|
|
|
|
|
:orderQuery="idQuery"
|
|
|
|
|
:sickerAdNum="sickerAdNum"
|
|
|
|
|
:sickerAdName="sickerAdName"
|
|
|
|
|
:viewType="2"
|
|
|
|
|
:errView="0"
|
|
|
|
|
:viewTypeKsck=true
|
|
|
|
@ -193,10 +213,13 @@ export default {
|
|
|
|
|
filterQuery: {
|
|
|
|
|
name: '',
|
|
|
|
|
page: 1,
|
|
|
|
|
limit: 12
|
|
|
|
|
|
|
|
|
|
limit: 12,
|
|
|
|
|
startTime: null,
|
|
|
|
|
endTime: null,
|
|
|
|
|
},
|
|
|
|
|
screenWidth: window.innerWidth,
|
|
|
|
|
sickerAdNum: null,
|
|
|
|
|
sickerAdName: null,
|
|
|
|
|
addOrderVisible: false,
|
|
|
|
|
enterPatientInfoVisible: false,
|
|
|
|
|
idQuery: {
|
|
|
|
@ -231,8 +254,55 @@ export default {
|
|
|
|
|
remark: null,
|
|
|
|
|
deptName: this.$store.getters.locDeptName,
|
|
|
|
|
deptCode: this.$store.getters.locDeptCode
|
|
|
|
|
},
|
|
|
|
|
span: 6,
|
|
|
|
|
pickerOptions: {
|
|
|
|
|
shortcuts: [
|
|
|
|
|
{
|
|
|
|
|
text: "最近一周",
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
|
|
picker.$emit("pick", [start, end]);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
text: "最近一个月",
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
|
|
picker.$emit("pick", [start, end]);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
text: "最近三个月",
|
|
|
|
|
onClick(picker) {
|
|
|
|
|
const end = new Date();
|
|
|
|
|
const start = new Date();
|
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
|
|
picker.$emit("pick", [start, end]);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
actDateRange: [],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
cols() {
|
|
|
|
|
const colCount = Math.floor(this.screenWidth / 200); // 假设每列最小宽度为100px
|
|
|
|
|
this.span = 24 / colCount; // 假设总共有24格
|
|
|
|
|
console.log(this.span)
|
|
|
|
|
// return Array.from({length: colCount}, (_, index) => ({span}));
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
window.addEventListener('resize', this.handleResize);
|
|
|
|
|
},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
window.removeEventListener('resize', this.handleResize);
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getValue(info) {
|
|
|
|
@ -249,10 +319,15 @@ export default {
|
|
|
|
|
getOrderListbyCode(query)
|
|
|
|
|
.then((response) => {
|
|
|
|
|
if (response.code === 20000) {
|
|
|
|
|
this.orderListDate = response.data || []
|
|
|
|
|
this.idQuery = this.orderListDate[0]
|
|
|
|
|
this.sickerAdNum = info.adNum
|
|
|
|
|
this.addOrderVisible = true
|
|
|
|
|
if (this.orderListDate.length > 0) {
|
|
|
|
|
this.idQuery = this.orderListDate[0]; // 确保数组不为空
|
|
|
|
|
} else {
|
|
|
|
|
// 处理订单列表为空的情况,设置默认值或者显示消息
|
|
|
|
|
}
|
|
|
|
|
this.sickerAdNum = info.adNum;
|
|
|
|
|
this.sickerAdName = info.name;
|
|
|
|
|
this.addOrderVisible = true;
|
|
|
|
|
this.list = response.data || [];
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(response.message)
|
|
|
|
|
}
|
|
|
|
@ -270,6 +345,10 @@ export default {
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
getList() {
|
|
|
|
|
if (this.actDateRange !== null) {
|
|
|
|
|
this.filterQuery.startTime = this.actDateRange[0];
|
|
|
|
|
this.filterQuery.endTime = this.actDateRange[1];
|
|
|
|
|
}
|
|
|
|
|
getSkSickerList(this.filterQuery)
|
|
|
|
|
.then((response) => {
|
|
|
|
|
if (response.code === 20000) {
|
|
|
|
@ -336,10 +415,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
hideSearch() {
|
|
|
|
|
this.showSearch = !this.showSearch
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
|
|
handleResize() {
|
|
|
|
|
this.screenWidth = window.innerWidth;
|
|
|
|
|
const colCount = Math.floor(this.screenWidth / 600); // 假设每列最小宽度为100px
|
|
|
|
|
this.span = 24 / colCount; // 假设总共有24格
|
|
|
|
|
console.log(this.span)
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList()
|
|
|
|
|